@charset "utf-8";


/*_______________________________DEFAULT CSS FOR ALL BROWSERS___________________________________*/

html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin : 0;
	padding : 0;
	border : 0;
	outline : 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: ;
}
:focus {
	outline: 0;
}
ol, ul, li {
	list-style : none;
}

div.clear,
br.clear {
	clear:					both;
	height:					0;
	
}
strong {
	font-weight:bold;
	}


img {
	border: 0px;
	vertical-align:top !important;
}
a {
	font-family: Arial, Verdana;
	font-size: 12px;
	color: #007fb2;
	text-decoration:underline;
}
a:hover {
	font-family: Arial, Verdana;
	font-size: 12px;
	color: #007fb2;
	text-decoration:none;
}


/*_______________________________END DEFAULT CSS FOR ALL BROWSERS___________________________________*/




body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color:#404040;;
	background:#131313;
	background-image: url(../images-newsite/background.jpg);
	background-repeat: repeat-x;
}
.twoColFixRtHdr #container {
	width: 962px;
	
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	margin-top:14px;
	
	text-align: left; /* this overrides the text-align: center on the body element. */
} 



.twoColFixRtHdr h2 { 
font: 100% Helvetica, Arial, Verdana, sans-serif;
letter-spacing: .08em;
	color:#3854a4;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
}



.twoColFixRtHdr h5 { 
font: 100% Helvetica, Arial, Verdana, sans-serif;
letter-spacing: .08em;
	color:#3854a4;
	font-size:17px;
	font-weight:bold;
}

.twoColFixRtHdr #sidebar1 h4 {
	font: 100% Helvetica, Arial, Verdana, sans-serif;
	letter-spacing: .08em;
	color:#ed2227;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
}




.twoColFixRtHdr #header { 
	
	height:150px;
	margin-bottom:14px;
	padding: 0 0px 0 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 



.twoColFixRtHdr #header #logo {
	float:left;
	width:150px;
	 
	margin-right:25px;
	padding: 0px ; 
}





.twoColFixRtHdr #header #slogan_number {
	float:right;
	width:787px;
	
	margin:0px 0 8px 0;
	padding: 0px ; 
}



.twoColFixRtHdr #header #slogan_number .slogan {
	float:left;
	width:619px;
	
	
	margin:42px 0 14px 0;
	padding: 0px ; 
}



.twoColFixRtHdr #header #slogan_number .slogan img {
	margin-left:100px;
	
}


.twoColFixRtHdr #header #slogan_number .number {
	text-align:right;
	letter-spacing:-0.05em; 
	color:white;
	float: right; 
	margin-left:14px;
	width: 153px; 
	padding: 0px 0px;
}

.twoColFixRtHdr #header #slogan_number .number ul{
	float: right; 
	width: 153px; 
	padding: 0px 0px;
}


.twoColFixRtHdr #header #slogan_number .number li {
	text-align:right;
	font-size:12px;
	float: right; 	width: 133px; 
	padding: 0px 0px;
}



.twoColFixRtHdr #header #slogan_number .number li.number {
	text-align:right;
	font-size:14.5px;
	float: right; 	width: 133px; 
	padding: 0px 0px;
}


.twoColFixRtHdr #header #slogan_number .number li.images {
	font-size:14.5px;
	margin-top:18px;
	float: right; 	
	width: 100%; 
	padding: 0px 0px;
}


.twoColFixRtHdr #header #slogan_number .number li.images ul {
	float:right; 
	padding: 0px;
	margin:0px;
	width: auto;
}


.twoColFixRtHdr #header #slogan_number .number li.images ul li {
	float:left; 
	width:auto;
	padding: 0px;
	margin-left:7px;
}

.twoColFixRtHdr #header #slogan_number .number li.images ul li.first { 
	margin:0px;
}


.twoColFixRtHdr #header #menu-both {
	float:left;
	width:787px;
	margin:0px;
	padding: 0px; 
	position:relative;
}


.twoColFixRtHdr #header #menu-both img {
	float:left; 
}


.twoColFixRtHdr #header #menu-both .menu-main {
	float:left;
	width:619px;
	margin:0px;
	padding: 0px ; 
	position:relative;
	
}






/* ___________________________________NAVIGATION - MAIN_____________________________________________*/





#navigation *  { padding:0; margin: 0; font: 1em arial; }


#navigation{ 
margin:0px; 
padding:0px; 

z-index:1000; 
float:right;
}






       
#navigation  a  {
display:block;
height:54px;
text-indent:-9000px;
background:url(../images-newsite/menu-main-fullimage_newB.gif);
float:left;
}

#navigation  a.aboutus, #navigation  a.aboutus-active  {
width:114px;

}
#navigation a.mens, #navigation a.mens-active   {
width:84px;

}
#navigation  a.ladies, #navigation  a.ladies-active  {
width:93px;

}
#navigation a.blog, #navigation a.blog-active  {
width:81px;
}
#navigation  a.links, #navigation  a.links-active {
width:79px;
}
#navigation  a.photosvid, #navigation  a.photosvid-active {
width:158px;
}

#navigation  a.cart, #navigation  a.cart-active {
width:143px;

}



#navigation  a.aboutus-active {background-position:0px 0px; float:left;}
#navigation  a.aboutus-active :hover {background-position:0px 0px; float:left;}
#navigation  a.mens-active  {background-position:-119px 0px; float:left;}
#navigation  a.mens-active :hover {background-position:-119px 0px; float:left;}
#navigation  a.ladies-active  {background-position:-207px 0px; float:left;}
#navigation  a.ladies-active :hover {background-position:-207px 0px; float:left;}
#navigation  a.blog-active  {background-position:-304px 0px; float:left;}
#navigation  a.blog-active :hover {background-position:-304px 0px; float:left;}
#navigation  a.links-active  {background-position:-390px 0px; float:left;}
#navigation  a.links-active :hover {background-position:-390px 0px; float:left;}
#navigation  a.photosvid-active {background-position:-469px 0px; float:left;}
#navigation  a.photosvid-active:hover {background-position:-469px 0px; float:left;}

#navigation  a.cart-active {background-position:-635px 0px; float:left;}
#navigation  a.cart-active:hover {background-position:-635px 0px; float:left;}





#navigation  a.aboutus {background-position:0px -54px; float:left;}
#navigation  a.aboutus:hover {background-position:0px 0px; float:left;}
#navigation  a.mens {background-position:-119px -54px; float:left;}
#navigation  a.mens:hover {background-position:-119px 0px; float:left;}
#navigation  a.ladies {background-position:-207px -54px; float:left;}
#navigation  a.ladies:hover {background-position:-207px 0px; float:left;}
#navigation  a.blog {background-position:-304px -54px; float:left;}
#navigation  a.blog:hover {background-position:-304px 0px; float:left;}
#navigation  a.links {background-position:-390px -54px; float:left;}
#navigation  a.links:hover {background-position:-390px 0px; float:left;}
#navigation  a.photosvid {background-position:-469px -54px; float:left;}
#navigation  a.photosvid:hover {background-position:-469px 0px; float:left;}

#navigation  a.cart {background-position:-635px -54px; float:left;}
#navigation  a.cart:hover {background-position:-635px 0px; float:left;}













#navigation ul li, #navigation ul li ul li  { list-style-type:none; z-index:1000; }

#navigation ul li { float: left;}
/*sub-menus width and attributes of copy area*/
#navigation ul li.aboutusover:hover ul li a,
#navigation ul li.mensover:hover ul li a,
#navigation ul li.ladiesover:hover ul li a,
#navigation ul li.blogover:hover ul li a,
#navigation ul li.linksover:hover ul li a,
#navigation ul li.photosvidover:hover ul li a,
#navigation ul li.cartover:hover ul li a{text-indent:0px; background:#19181d; width:120px; margin:0 0 0 5px; padding:10px 20px 0 20px;}
/*sub-menus width and attributes of copy area - old styling I hade for all of them before I placed in the individual styling code just above
#navigation ul li ul a{ text-indent:0px; background:#19181d; width:120px; margin:0 0 0 5px; padding:0 20px;}
*/

#navigation ul li ul .border{ width:120px; margin:0 0 0 5px; padding:0 20px; background:#19181d; height:1px; }
#navigation ul li ul .border-inner{border-bottom:0px solid #272727; width:110px; margin-left:0px; height:1px;  position:relative;}

#navigation ul li ul, #navigation:hover ul li ul, #navigation:hover ul li:hover ul li ul{ 
	display:none;
	list-style-type:none; 
	width: 150px;
	margin:0;
	padding:0;
	}
	
	
	
#navigation ul li ul, #navigation:hover ul li ul, #navigation:hover ul li:hover ul li ul{ 
	display:none;
	list-style-type:none; 
	width: 170px;
	position:absolute;
	margin:0;
	padding:0;
	}

#navigation:hover ul, #navigation:hover ul li:hover ul, #navigation:hover ul li:hover ul li:hover ul { 
	display:block; 
	}

/*the sub-sub menu aka the nested menu*/
#navigation:hover ul li:hover ul li:hover ul { 
	position: absolute;
	margin-left: 158px;
	margin-top: -6px;
	
	}


 /* menu  - specific to the list */
       
		#menu > li {background:#19181d none repeat scroll 0 0; font-size:10pt; cursor:pointer; float:left; position:relative;padding:0px 0px;}
		#menu > li a, #menu > li a:visited{text-decoration:none}
		
       
        /* sub-menus*/
        #menu ul { padding:0px; margin:0px; display:block; display:inline;}
		/*sub-menus - outer area where the curv border images are shown*/
        #menu li ul {position:relative; left:0px; ; margin:0px; width:550px; background-color:transparent; color:#0395CC; /* for IE */ display:none; }
		 /*positioning of each sub menu*/
		 #menu li #firstoption-submenu{left:-10px; top:51px}
		 #menu li #otheroptions-submenu{left:-2px; top:51px}
		
		
        #menu li:hover ul { display:block;}
        #menu li ul li{ display:block; margin:0px; padding: 0px; width:170px; list-style-type:none; }
        #menu li ul li:first-child { border: none; }
		/* spacing height of sub-menus*/
        #menu li ul li a { display:block; color:6699cc; height:26px; padding-top:11px; }
        #menu li ul li a:hover { color:white; }
		
		#menu li.endimage{ background:transparent;
		cursor:default}
      








/*____________________________________NAVIGATION - MAIN___________________________________________*/



.twoColFixRtHdr #header #menu-both .menu-right {
	position:relative;
	margin-left:14px; 
	float: right;
	width: 153px; 
	padding: 0px;
}



.twoColFixRtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.twoColFixRtHdr #sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 153px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	
	padding: 0px 0px;
}







.twoColFixRtHdr #sidebar1 #main { 
width:100%;
margin:0px;
padding:0px;
float: left;
background:white;
} 



*html .twoColFixRtHdr #sidebar1 #main { 
position:relative;
top:-13px;
}

*+html .twoColFixRtHdr #sidebar1 #main { 
position:relative;
top:-9px;
z-index:-2;
}




.twoColFixRtHdr #sidebar1 #main ul.images{
list-style:none;
padding:0px;
margin:46px 0 20px 20px;
float:left;

} 

*html .twoColFixRtHdr #sidebar1 #main ul.images{
list-style:none;
padding:0px;
margin:46px 0 20px 10px;
float:left;

} 

.twoColFixRtHdr #sidebar1 #main ul.images li{ 

float:left;
} 

.twoColFixRtHdr #sidebar1 #main ul.images li.name{ 
margin:0px 0 0 6px;

float:left;
} 



.twoColFixRtHdr #sidebar1 #main ul.items{ 
float:left;
padding:0;
list-style:none; 
width:100%;


} 

.twoColFixRtHdr #sidebar1 #main ul.items li{ 
margin-bottom:17px;
text-align:center;
} 


.twoColFixRtHdr #sidebar1 #main ul.items li.header{ 
margin-bottom:30px;
text-align:center;
} 

.twoColFixRtHdr #sidebar1 #main ul.items li.last{ 
margin-bottom:34px;
text-align:center;
} 



.twoColFixRtHdr #sidebar1 #roundcorners_main, .twoColFixRtHdr #sidebar1 #roundcorners_main-bottom { 
float: left;
margin:0;
padding:0;

} 



*html .twoColFixRtHdr #sidebar1 #roundcorners_main-bottom { 
position:relative;
top:-13px;
} 


*+html .twoColFixRtHdr #sidebar1 #roundcorners_main-bottom { 
position:relative;
top:-9px;
} 


/*____________________MAIN UPPER(if on index page) or MIDDLE BODY AREA(if on internal pages)____________________________________*/
.twoColFixRtHdr #mainContent { 
width:795px;
border:0;
	margin: 0 0px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	
} 


*html .twoColFixRtHdr #mainContent { 
width:795px;

} 

.twoColFixRtHdr #mainContent #roundcorners_main { 
margin:0;
padding:0;
float: left;
} 


.twoColFixRtHdr #mainContent #roundcorners_main-bottom { 
margin:0;
padding:0;
float: left;
} 

*html .twoColFixRtHdr #mainContent #roundcorners_main-bottom { 

position:relative;
bottom:-13px;
} 

*+html .twoColFixRtHdr #mainContent #roundcorners_main-bottom { 

position:relative;
bottom:-9px;

} 


.twoColFixRtHdr #mainContent #left { 
width:141px;
margin:0px;
padding: 0 0px 0 20px;
float: left;

} 


.twoColFixRtHdr #mainContent #main { 
width:624px;
margin:0px 0 0 0;
border-left:1px dashed #cccccc;
padding: 0 0px;
float: right;


} 

*+html .twoColFixRtHdr #mainContent #main-indexpage{ 
z-index:-2;
} 


.twoColFixRtHdr #mainContent #main-indexpage #left ul.extracontent{ 
float:left;
padding:0;
margin:0;
list-style:none; 
} 

/*   horizontal border on the left side for internal pages   */
.twoColFixRtHdr #mainContent #main-indexpage #left ul.extracontent li.borderimage-internal{ 
margin:23px 0 35px 15px;
position:relative;
left:-18px;
} 

.twoColFixRtHdr #mainContent #main-indexpage #left ul.extracontent li{ 
margin-bottom:35px;
} 


.twoColFixRtHdr #mainContent #main-indexpage #left ul.extracontent li.last{ 
margin-bottom:0px;
} 

.twoColFixRtHdr #mainContent #main #feature { 
float:left;


} 



/*________________________________________________________*/

.twoColFixRtHdr #mainContent #main-indexpage { 
width:100%;
float:left;
padding-top:21px;
background:white;
} 


*html .twoColFixRtHdr #mainContent #main-indexpage{ 

position:relative;
top:-13px;


} 

*+html .twoColFixRtHdr #mainContent #main-indexpage { 

position:relative;
top:-9px;


} 



.twoColFixRtHdr #mainContent #main-indexpage #top-section { 
width:759px;
margin:0 auto;
} 





.twoColFixRtHdr #mainContent #main-indexpage #feature { 
float:left;
width:511px;
margin: 0px 26px;

} 


.twoColFixRtHdr #mainContent #main-indexpage #indexmenu{ 
float:left;
margin:0px;
padding:27px 0 0 0;
width:98px;
text-transform:uppercase;


} 



/* stylig for internal pages main menu lect section */
.twoColFixRtHdr #mainContent #main-indexpage #left #indexmenu{ 
float:left;
margin:0;
padding-top:0px;
width:98px;

} 


/* the UL list */
#indexmenu .menu{ margin:13px 0 0 0; padding:0 0 0 0px; list-style:none; color:#131313;  display:inline-block; float:left; font-family:Arial, Helvetica, sans-serif; font-weight:bolder; font-size:11px;  }

        #indexmenu .menu a { display:block; text-decoration:none;  color:#131313; font-size:11px; padding:0, margin:0;}
		#indexmenu .menu a.active { display:block; text-decoration:none;  color:#3854a4; font-size:11px; padding:0, margin:0; font-weight:bold;}
		#indexmenu .menu a:hover { color:#3854a4}
		
        #indexmenu .menu li { none repeat scroll 0 0;   padding:6px 0 6px 0;border-bottom:1px solid #929292;}
        #indexmenu .menu li.noborder {border:none;}




.twoColFixRtHdr #mainContent #main-indexpage #feature-bottompage { 
margin:0 0 47px 0;
border-left:1px dashed #cccccc;
padding:0px;
float:left;
width:625px;
background:white;
} 





.twoColFixRtHdr #mainContent #main-indexpage .header { 
margin-bottom:27px;
float:left;
width:590px;
} 


.twoColFixRtHdr #mainContent #main-indexpage .header ul.images{
list-style:none;
padding:0px;
margin:0px 0 0 24px;
float:left;
width:560px;
} 


*html .twoColFixRtHdr #mainContent #main-indexpage .header ul.images{
list-style:none;
padding:0px;
margin:0px 0 0 10px;
float:left;
width:560px;
}

.twoColFixRtHdr #mainContent #main-indexpage .header ul.images img{
margin:0px 6px 0 0px;
float:left;

}


.twoColFixRtHdr #mainContent #main-indexpage .header ul.images li{ 
float:left;

} 

.twoColFixRtHdr #mainContent #main-indexpage .header ul.images li.name-arrow-image{ 
margin:2px 0 0 0px;
float:left;
} 


.twoColFixRtHdr #mainContent #main-indexpage .header ul.images li.name{ 
margin:0px 0 0 0px;
float:left;
} 

.twoColFixRtHdr #mainContent #main-indexpage .header ul.images li.right1{ 
margin-left:202px;
float:left;
} 


*html .twoColFixRtHdr #mainContent #main-indexpage .header ul.images li.right1{ 
margin-left:160px;
float:left;
} 








.twoColFixRtHdr #mainContent #main-indexpage ul  { 
float:left;
padding:0;
width:100%;
clear:both;
} 









/* ____________________shoe gallery layout_____________________ */

.twoColFixRtHdr #mainContent .column-shoephotos-homepage{ 

background-image: url(../images-newsite/shoerow-verticle-borders-2column.gif);
background-repeat: repeat-y;
display:inline-block;
} 

*html .twoColFixRtHdr #mainContent .column-shoephotos-homepage{ 
display:inline-block;
} 


*+html .twoColFixRtHdr #mainContent .column-shoephotos-homepage{ 

width:630px;
height:490px;


}


.twoColFixRtHdr #mainContent .column-shoephotos-homepage #briefshoe-row{ 
margin:0 0 64px 0;
padding:0px;
float:left;
color:#404040;
background:transparent;

} 

.twoColFixRtHdr #mainContent .column-shoephotos-homepage #briefshoe-row-last { 
margin:0 0 0px 0;
padding:0px;
float:left;
color:#404040;
background:transparent;

} 





/* the main UL */
.twoColFixRtHdr #mainContent #briefshoe-row { 
margin:0 0 64px 0;
padding:0px;
float:left;
color:#404040;
background-image: url(../images-newsite/shoerow-verticle-borders-4column.gif);
background-repeat: repeat-y;


} 


.twoColFixRtHdr #mainContent #briefshoe-row-last { 
margin-bottom: 0px;
padding:0;
color:#404040;
float:left;
background-image: url(../images-newsite/shoerow-verticle-borders-4column.gif);
background-repeat: repeat-y;

} 


.twoColFixRtHdr #mainContent ul li.briefshoe-column1  { 

margin-left: 25px;

padding:0;
width:272px;
float:left;

} 

*html .twoColFixRtHdr #mainContent ul li.briefshoe-column1  { 

margin-left: 12px;

} 


.twoColFixRtHdr #mainContent ul li.briefshoe-column2  { 

padding:0;
margin-left:40px;
width:272px;
float:left;

} 



.twoColFixRtHdr #mainContent  ul li.briefshoe-column3  { 

padding:0;

width:272px;
float:left;

} 



.twoColFixRtHdr #mainContent ul li.briefshoe-column4  { 
margin-right: 14px;
padding:0;
width:272px;
float:right;

} 



*html .twoColFixRtHdr #mainContent ul li.briefshoe-column4  { 
margin-right: 7px;

} 



.twoColFixRtHdr #mainContent li.briefshoe-line1 { 
margin-bottom:11px;
} 

.twoColFixRtHdr #mainContent li.briefshoe-line2 { 
font-weight:bold;
text-transform:uppercase;
font-size:10px;
margin-bottom:8px;
} 

.twoColFixRtHdr #mainContent li.briefshoe-line3 { 
font-size:11px;
margin-bottom:8px;
}

.twoColFixRtHdr #mainContent li.briefshoe-line4 { 
font-size:13px;
font-weight:bold;
margin-bottom:0px;

}


.twoColFixRtHdr #mainContent li.briefshoe-line4 .old { 
font-size:13px;
width:50px;
font-weight:bold;
text-decoration:line-through;
float:left;
}





/* ____________________END shoe gallery layout_____________________ */









/* ____________________Cart overview page_____________________ */

.twoColFixRtHdr #mainContent #cart-overview { 
margin:0 0 0 24px;
float:left;
color:white;
font-size:14px;
background:#19181d;
width:585px !important;
}


.twoColFixRtHdr #mainContent #cart-overview li.qty { 
border-right:1px solid #575757;
width:20px;
margin-left:5px;
padding-right:20px;
float:left;
}

.twoColFixRtHdr #mainContent #cart-overview li.item-description { 
border-right:1px solid #575757;
width:335px;
padding:0 5px;
float:left;
}


.twoColFixRtHdr #mainContent #cart-overview li.price { 
border-right:1px solid #575757;
width:90px;
padding-left: 5px;
padding-right: 5px;
float:left;
}

.twoColFixRtHdr #mainContent #cart-overview li.total { 
padding:0 5px;
float:left;
}



.twoColFixRtHdr #mainContent #cart-overview li.total .finalprice{
font-size:17px;
float:left;
}






.twoColFixRtHdr #mainContent #cart-overview-guts { 
margin:24px 0 24px 24px;

float:left;
color:#404040;
font-size:14px;
background:transparent;
width:585px !important;
}


.twoColFixRtHdr #mainContent #cart-overview-guts li.qty { 
border-right:1px dashed #cccccc;
height:123px;
width:20px;
margin-left:5px;
padding-right:20px;
float:left;
}

.twoColFixRtHdr #mainContent #cart-overview-guts li.qty  input { 
font-size:12px;
width:15px;
height:12px;
border:1px solid #888888;
}

.twoColFixRtHdr #mainContent #cart-overview-guts li.item-description { 
border-right:1px dashed #cccccc;
height:123px;
width:335px;
padding:0 5px;
float:left;
}

.twoColFixRtHdr #mainContent #cart-overview-guts li.item-description #item-description-level1 { 
float:left;
}


.twoColFixRtHdr #mainContent #cart-overview-guts li.item-description #item-description-level1 li.item-description-level1-row1 { 
margin-right:24px;
float:left;
}

.twoColFixRtHdr #mainContent #cart-overview-guts li.item-description #item-description-level1 li.item-description-level1-row2{ 
float:left;
}



.twoColFixRtHdr #mainContent #cart-overview-guts li.item-description #item-description-level2 { 
width:140px;
float:left;
}




.twoColFixRtHdr #mainContent #cart-overview-guts li.price { 
border-right:1px dashed #cccccc;
height:24px;
width:90px;
padding-left: 5px;
padding-right: 5px;
float:left;
}


.twoColFixRtHdr #mainContent #cart-overview-guts li.total { 
height:123px;

padding:0 5px;
float:left;
}





.twoColFixRtHdr #mainContent .button-checkout { 
clear:both;
float:right;
width:101px;
margin:34px 15px 0 0px;

}







/* ____________________END Cart overview page_____________________ */


.twoColFixRtHdr #mainContent #main-indexpage #banner { 
float:left;
margin-top:0px;
margin-left:25px;
padding:0px;
}



*html .twoColFixRtHdr #mainContent #main-indexpage #banner { 
margin-left:12px;

}










/* internal body area */





.twoColFixRtHdr #mainContent #main-indexpage #body{
width:100%;
float:left;

} 



.twoColFixRtHdr #mainContent #main-indexpage #body #inner{ 
width:100%;
float:left;
margin-bottom:0px;


} 


.twoColFixRtHdr #mainContent #main-indexpage #body .header ul.images li.name{ 
margin:2px 0 0 0px;
float:left;
} 



.twoColFixRtHdr #mainContent #main-indexpage #body #inner #twocolumn-left { 
margin-left:23px;
width:270px;
float:left;
} 

*html .twoColFixRtHdr #mainContent #main-indexpage #body #inner #twocolumn-left { 
margin-left:9px;
width:270px;
float:left;
} 


.twoColFixRtHdr #mainContent #main-indexpage #body #inner #twocolumn-left #infobox { 
margin-top:30px;
width:269px;
text-align:left;
float:left;
} 


.twoColFixRtHdr #mainContent #main-indexpage #body #inner #twocolumn-left #infobox h2{
	text-transform:none;
} 


.twoColFixRtHdr #mainContent #main-indexpage #body #inner .border-individualshoe-pages { 
border-left:1px dashed #cccccc;
height:267px;
width:1px;
float:left;
margin:0 20px;
} 




.twoColFixRtHdr #mainContent #main-indexpage #body #inner #twocolumn-right { 
width:275px;
float:left;
} 


.twoColFixRtHdr #mainContent #main-indexpage #body #inner #twocolumn-right p{ 


display:block;
}




.twoColFixRtHdr #mainContent #main-indexpage #body #inner #twocolumn-right ul{ 
float:left;
width:100%;


} 


.twoColFixRtHdr #mainContent #main-indexpage #body #inner #twocolumn-right ul li{ 
margin:0px;
} 


.twoColFixRtHdr #mainContent #main-indexpage #body #inner-1coltext { 
margin-left:23px;
width:585px;
float:left;
} 


 .twoColFixRtHdr #mainContent #main-indexpage #body #inner-1coltext  ul.faq-slide{ 
margin:0 0 0px 0;
padding:0;
} 

.twoColFixRtHdr #mainContent #main-indexpage #body #inner-1coltext  ul.faq-slide li{ 
margin:0 0 20px 0;
padding:0;
} 

.twoColFixRtHdr #mainContent #main-indexpage #body #inner-1coltext  ul.faq-slide li a{
	text-decoration:underline;
}

.twoColFixRtHdr #mainContent #main-indexpage #body #inner-1coltext  ul.faq-slide ul{
	margin:0;padding:0; 
	/*background:red;*/
}

.twoColFixRtHdr #mainContent #main-indexpage #body #inner-1coltext  ul.faq-slide ul li{
	margin:0px 0 0 0; padding:12px 0 0 0px;  
	/*background:yellow;*/
}



.twoColFixRtHdr #mainContent #main-indexpage #body #inner-1coltext  div {
	margin:0;
	padding:0;
	/*background:black;*/
}





.twoColFixRtHdr #mainContent #main-indexpage #body #inner-1coltext  ul.faq-slide .theLetter{
	float:left; margin-right:8px; font-size:14px; font-weight:bold;  
}


.twoColFixRtHdr #mainContent #main-indexpage #body #inner-1coltext  ul.faq-slide .relatedResponse{
	float:left; width:455px;
}

.twoColFixRtHdr #mainContent #main-indexpage #body #inner-1coltext  ul.faq-slide .relatedResponse p{
	font-size:12px;
}

.twoColFixRtHdr #mainContent #main-indexpage #body #inner-1coltext  ul.faq-slide a.q1{
	font-size:14px;
}

.twoColFixRtHdr #mainContent #main-indexpage #body #inner-1coltext  ul.faq-slide .slidenav{
	font-size:10px;
	display:none;
}

.twoColFixRtHdr #mainContent #main-indexpage #body #inner-1coltext  ul.faq-slide .slidenav a{
	color:#404040;
	margin-top:5px;
	font-size:11px;
}







.twoColFixRtHdr #mainContent #main-indexpage #body #inner-2coltext #twocolumn-left { 
margin-left:23px;
width:200px;
float:left;
} 

*html .twoColFixRtHdr #mainContent #main-indexpage #body #inner-2coltext #twocolumn-left { 
margin-left:9px;
width:200px;
float:left;
} 


.twoColFixRtHdr #mainContent #main-indexpage #body #inner-2coltext #twocolumn-right{ 

width:385px;
float:left;
}


.twoColFixRtHdr #mainContent #main-indexpage #body #inner-2coltext #image-box{ 
padding:0px 30px 20px 0px;
float:left;
} 


.twoColFixRtHdr #mainContent #main-indexpage #body #inner-2coltext #image-box b{ 
margin-top:3px;
float:left;
font-size:11px;
} 


.twoColFixRtHdr #mainContent #main-indexpage #body #inner #twocolumn-right ul li.line1{
	text-transform:uppercase;
font-weight:bold;
font-size:14px;
margin-bottom:0px;
} 
.twoColFixRtHdr #mainContent #main-indexpage #body #inner #twocolumn-right ul li.line2{ 
font-size:14px;
margin-bottom:20px;
} 

.twoColFixRtHdr #mainContent #main-indexpage #body #inner #twocolumn-right ul li.line3-breakdown{ 

width:275px;
} 

.twoColFixRtHdr #mainContent #main-indexpage #body #inner #twocolumn-right ul li.line3-breakdown ul{ 
border-bottom:0px solid #000000;
padding:0;
margin:0 0 15px 0;
width:180px;
} 

.twoColFixRtHdr #mainContent #main-indexpage #body #inner #twocolumn-right ul li.line3-breakdown ul li{ 
background:#eeeeee;
float:left;
width:90px;
} 

.twoColFixRtHdr #mainContent #main-indexpage #body #inner #twocolumn-right ul li.line3-breakdown ul li.row2{ 

background:#e1e1e1;
} 




.twoColFixRtHdr #mainContent #main-indexpage #body #inner #twocolumn-right ul li.line3{ 
clear:both;
font-size:17px;
font-weight:bold;
margin-bottom:24px;
} 
.twoColFixRtHdr #mainContent #main-indexpage #body #inner #twocolumn-right ul li.line4{ 
font-size:12px;
font-weight:bold;
margin-bottom:8px;
} 
.twoColFixRtHdr #mainContent #main-indexpage #body #inner #twocolumn-right ul li.line7{ 
font-size:12px;
font-weight:bold;
margin-bottom:30px;
}


.twoColFixRtHdr #mainContent #main-indexpage #body #inner #twocolumn-right ul li.line7 .copy{ 
float:left;
margin-right:10px;


}


.twoColFixRtHdr #mainContent #main-indexpage #body #inner #twocolumn-right ul li.line7 .quantity input { 
font-size:12px;
width:15px;
height:12px;
border:1px solid #888888;
}


.twoColFixRtHdr #mainContent #main-indexpage #body #inner #twocolumn-right ul li.line6{ 
clear:both;
font-size:12px;
font-weight:bold;
margin-bottom:12px;

} 
.twoColFixRtHdr #mainContent #main-indexpage #body #inner #twocolumn-right ul li.line7{ 
font-size:12px;
margin-bottom:12px;

} 

.twoColFixRtHdr #mainContent #main-indexpage #body #inner #twocolumn-right ul li.line7 select { 
font-size:12px;
border:1px solid #888888;
}


.twoColFixRtHdr #mainContent #main-indexpage #body #inner #twocolumn-right ul li.line10{ 
border-bottom:1px dashed #cccccc;
height:1px;
width:100%;
margin-bottom:30px;
} 



.twoColFixRtHdr #mainContent #main-indexpage #body #inner #twocolumn-right ul li.line11 p{ 
display:block;
}



.twoColFixRtHdr #mainContent #main-indexpage #body .border-longhorz{ 
border-bottom:1px dashed #cccccc;
width:570px;
height:1px;
margin:34px 0 34px 24px;
float:left;
} 




/* ________________Pagination Content Slider CSS_____________________________  */


/*

don't need the above pagination code, it's from tjhe old scipt

.sliderwrapper{
position: relative; 
overflow: hidden; 
width: 270px; 
height: 350px;
}



.sliderwrapper .contentdiv{
visibility: hidden; 
position: absolute; 
left: 0; 
top: 0;  
padding: 0px;
background: white;
width: 270px; 
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
width: 270px;
text-align: left;
background-color: transparent;
padding: 0px;
}

.pagination a{
padding: 0px;
margin:0;
float:left;
}

.pagination a:hover, .pagination a.selected{
background-color: transparent;
}

*/












#slider4 .main-image{
margin-bottom:50px;
}






#slider4{
border-color: transparent;
margin-left: 0px;

}

#paginate-slider4{
background-color: transparent;

margin-left: 0px;
}

#paginate-slider4 img{
width: 54px;
height: 69px;
border: 0;
padding:0px;
float:left;
margin: 0;
}

#paginate-slider4 a img:hover, #paginate-slider4 a.selected img{
border: 0;
}

/* ________________END Pagination Content Slider CSS_____________________________  */















.twoColFixRtHdr #footer, .twoColFixRtHdr #footer a, .twoColFixRtHdr #footer a:visited { 
	color:white;
	font-size:11px;
	padding: 0px;
	background:transparent; 
	margin:14px 0 55px 0px;
} 



.twoColFixRtHdr #footer #inner { 
	padding: 0px; 
	width:795px;
	background:transparent; 
	margin:0px;
} 




.twoColFixRtHdr #footer #inner ul{ 
	padding: 12px 0px 0 10px; 
	width:785px;
	float:left; 
	background:#2b2c2b;
	margin:0;
} 

*html .twoColFixRtHdr #footer #inner ul{ 
	position:relative;
	top:-7px;
} 

*+html .twoColFixRtHdr #footer #inner ul{ 
	position:relative;
	top:-7px;
} 


.twoColFixRtHdr #footer #inner ul li{ 
	display: inline;
	padding: 0px;
	margin:0 1px;
} 


.twoColFixRtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

*html .twoColFixRtHdr #footer #roundcorners_main-bottom {
	float:left;
	position:relative;
	top:-7px;
}

*+html .twoColFixRtHdr #footer #roundcorners_main-bottom {
	float:left;
	position:relative;
	top:-7px;
}



.twoColFixRtHdr #footer ul.credits {
	margin-top:10px;
}

.twoColFixRtHdr #footer ul.credits li.left{
	float:left;
	padding-left:10px;
}

.twoColFixRtHdr #footer ul.credits li.right{
	float:right;
	font-size:12px;
	margin-right:165px;

}

.twoColFixRtHdr #footer ul.credits li.right a{

	font-size:12px;
}








.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}





.pages-comingsoon {
	font-size:30px;
	color:#ed2227;
	}
	
	

	



#inner-1coltext ul{ 
margin:20px 0 60px 0;
float:left;


} 


#inner-1coltext ul li.left  { 
margin-bottom:25px;
float:left;

} 


#inner-1coltext ul li.right  { 
margin-bottom:25px;
float:right;

}