body {
  text-align: center;
  background: #ddecf5;
  background-image: url(../images/swclothes/mbk.gif);
  background-position: top;
  background-repeat: repeat-x;
  color: #5a5e64;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  margin-top: 0;  	
}

#maincenter {
  width: 1000px;
  background: #fff;
  color: #5a5e64;
  margin: auto;
  margin-top: 10px;
  text-align: left;
}

.dualsys {
		position:relative;	
	    clear:both;
	    float:left;
        width:100%;		
		overflow:hidden;	
	}
	
.drmenu {
	    background:#FFF;
	}
.drmenu .colleft {
        float:left;
        width:200%;
        position:relative;
        left: 165px;
        background:#fff;
    }
.drmenu .col1wrap {
	   float:right;
	    width:50%;
	    position:relative;
	    right: 150px;
	    padding-bottom: 15px;
	}
.drmenu .col1 {
       margin:0 15px 0 175px;
	    position:relative;
	    right:100%;
	    overflow:hidden;
	}
.drmenu .col2 {
        float:left;
        width: 200px;
        position:relative;
        right: 170px;
    } 
    
    .drmenu .col3 {
        float:right;
        width: 200px;
        position:relative;
        right: 170px;
    } 
	
.trisys {
		position:relative;	
	    clear:both;
	    float:left;
        width:100%;		
		overflow:hidden;	
	}
	
.trimenu {
	    background:#FFF;
	}
.trimenu .colleft {
        float:left;
        width:200%;
        position:relative;
        left: 165px;
        background:#fff;
    }
.trimenu .col1wrap {
	   float:right;
	    width:50%;
	    position:relative;
	    right: 150px;
	    padding-bottom: 15px;
	}
.trimenu .col1 {
       margin:0 15px 0 170px;
       width:630px;
	    position:relative;
	    right:100%;
	    overflow:hidden;
	}
.trimenu .col2 {
        float:left;
        width: 200px;
        position:relative;
        right: 170px;
    } 
	
.trimenu .col3 {
        float:right;
        width: 200px;
        position:relative;
        right: 170px;
    } 	   	   

#header {
 background: #fff;
 background-image: url(../images/swclothes/hmback.gif);
 background-position: top;
 background-repeat: no-repeat;
 margin: 0; 
 height: 132px;
 padding: 0 20px 10px 10px;
 color:#9fc2e5;
 font-size: 80%;
 font-weight:bold;
}

#header a:link, #header a:visited {
	color:#7994af;
	text-decoration:none;
}

#header a:hover{
	color:#303540;
	text-decoration:none;
}

.headerbox {
  width: 965px;
  height: 20px;
  background: #231f20;
  padding: 10px 10px 5px 5px;
  color: #aaa;
  border-top: 2px solid #f5c218;
  border-bottom: 1px solid #959788;
  margin: auto;
  margin-top: 0;
  margin-bottom: 15px;
}
.leftheaderbox {
float: left;
}

.rightheaderbox {
float: right;
}
.headerlft {
float: left;
}

.headerrgt {
float: right;
text-align: right;
padding: 5px 0;
}

.hsearch {
 color: #737567; 
 background-color: #fefefe;
 border: 1px solid #c1cfde;
 width: 330px;
 height: 15px;
padding: 8px 2px 2px 2px;
margin: 0 10px;
}

.headercrumb {
  height: 12px;
background-color: #000;
 background: #fff;
 background-image: url(../images/swclothes/hdr_mbg.gif);
 background-position: top;
background-repeat: no-repeat;
font-size: 80%;
color: #999;
margin: 0 0 5px 0;
padding: 2px 5px 2px 9px;
}

.breadCrumb { color: #888; }

.dualCrumb  {
width: 98%;
margin: 0 5px 7px 0;
padding: 3px 6px;
color: #888;
font-size: 80%;
font-weight:bold;
}

#hnavcontainer{position:relative;background:#transparent;width:100%; margin: 0;}
.hnavmenu{
	position: relative;
	padding: 0 0 0 34px;
	margin: 0 auto 0 auto;
	background: url(../images/swclothes/tabbg.gif) repeat-x; 
	height: 46px;
	list-style: none;
}
.hnavmenu li{
	float:left;
}
.hnavmenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 16px; 
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}
.hnavmenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; 
}
.hnavmenu li.current a{
	color: #fff;
	background: url(../images/swclothes/tablft.gif) no-repeat; 
	background-position: left;
}

.hnavmenu li a:hover {
	color: #fff;
	background: transparent;
}

.hnavmenu li.current a b{
	color: #fff;
	background: url(../images/swclothes/tabrgt.gif) no-repeat right top; 
}

.hnavmenu li a:hover b{
	color: #fff;
	background: transparent; 
}

h1 { color: #0070b6; font-size: 150%; }
h2 { color: #53565a; font-size: 95%; }
h3 { color: #424448; font-size: 110%; }
hr { width:35em; margin: 10px auto;}



#footer {
  clear: both;
  position: relative;
  height: 210px;
  border-top: 2px solid #aaa;
  padding: 0;
  margin: 0;
  background: #efefef;
  background-image: url(../images/swclothes/ftr_mbg.gif);
 background-position: bottom;
 background-repeat: no-repeat;
}

#footerhist {
  clear: both;
  position: relative;
  padding: 0;
}

.footerline {
  background: #efefef;
  color: #959788;
  margin: 0 0 15px 0;
  text-align: center;
}

.footerbox { 
float: left;
width: 16%;
height: 70px;
margin: 0 1% 10px 1%;
background: #efefef;
padding: 5px 5px 10px 5px;
text-align: center;
font-size: 80%;
}


.footerbox ul {
	margin: 3px 3px 3px 38px;
	padding: 4px;
	}
.footerbox ul li {
	position: relative;
	text-align: left;
	}

.footerlinks {
  width: 96%;
  height: 85px;
  background: #efefef;
  padding: 2px;
  color: #888;
  margin: auto;
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: center;
}

.footerlinks a:link, .footerlinks a:visited {
	color:#737567;
	text-decoration:none;
}

.footerlinks a:hover{
	color:#333;
	text-decoration:none;
}

.transHeader {
  width: 450px;
  height: 20px;
  border:  solid 1px #999966;
  background: #999966;
  color: #FFF;
  padding: 10px;
  margin: auto;
  margin-top: 20px;
  font-size: 120%;
  font-weight: bold;
  text-align: center;
}

.transBox {
  width: 450px;
  height: 280px;
  border:  solid 1px #999966;
  background: #fff;
  color: #666633;
  padding: 10px;
  margin: auto;
  font-weight: bold;
  text-align: center;
}

.dynboxone {
			margin: 0 1%; 
			background: url(../images/swclothes/bonebody.gif) no-repeat bottom right;
		}	

.fixboxone {
			margin: 0 auto; 
			width: 17em;
			background: url(../images/swclothes/bonebody.gif) no-repeat bottom right;
			font-size: 80%;
		}	
				
.boxone-head {
			background: #bbb;
			background: url(../images/swclothes/lbonehead.gif) no-repeat top right;
			margin: 0;
			padding: 0;
			text-align: center;
		}
		
.boxone-head h2 {
			background: #bbb;
			background: url(../images/swclothes/rbonehead.gif) no-repeat top left;
			margin: 0;
			padding: 19px 30px 6px;
			color: #fff; 
			font-weight: bold;  
			line-height: 1em;
		}
		
		
.topboxone-head {
            background: #fff;
            background: url(../images/swclothes/rbonetop.gif) no-repeat top right;
			margin: 0;
			padding: 0;
			text-align: center;
		}
				
		
.topboxone-head h3 {
            background: url(../images/swclothes/lbonetop.gif) no-repeat top left;
			margin: 0;
			padding: 20px 30px 5px;
			font-weight: bold;
			font-size: 90%; 
			line-height: 1em;
		}
		
.boxone-body {
            background: #fff;
			background: url(../images/swclothes/cbonebody.gif) no-repeat bottom left;
			margin: 0;
			padding: 5px 30px 31px;  
		}
		


.boxone-head a:link, .boxone-head a:visited{
	color:#fff;
	text-decoration:none;
}

.boxone-head a:hover{
	color:#240001;
	text-decoration:none;
}

.contentpos {
			position: relative;
		}
		
		ul, ol, dl {
    position: relative;
}

.hide {
    display:none;
    }


A {
  	color: #30343c;
  	text-decoration: none;
	}

A:hover {
  	color: #0070b6;
  	text-decoration: none;
	}
	
.slink {
     margin: 0;
   background: #fff;
    padding: 5px 4px 4px 20px;
	}
	
.smlight {
    margin: 5px 20px;
    padding: 2px 0 2px 6px;
    font-size: 12px;
    border: 1px solid #e6dee8;
    border-left: 3px solid #159605;
    }
	
.lscbox {
  	margin: 2px 20px 7px 20px;
  	padding: 4px;
  	text-align: center;
	}

.lscur {
  	width: 130px; 
	font-size: 80%;
	}

.lsbox {    
margin: 0;
padding: 0 5px 5px 5px;
text-align: left;
font-size: 90%; 
}
	

.cbox {
float: left;
width: 145px;
height: 240px;
border: 1px dotted #dedede;
margin: 0 15px 15px 0;
padding: 5px;
text-align: center;
}

.cboximg { 
 border: 1px solid #dedede;
float: left;
padding: 0;
margin: 2px 20px 10px 20px; 
}

.lbox { 
 border: 1px solid #dedede;
float: left;
padding: 0;
margin: 2px 10px 10px 10px;
}

.lboximg { 
border: 1px solid #dedede;
float: left;
padding: 0;
margin: 2px 10px 10px 10px; 
}

.mbox { 
float: left;
width: 28%;
margin: 0 2% 10px 2%;
padding: 0;
text-align: center;
font-size: 80%; 
}

.mboximg { 
border: 1px solid #dedede;
float: left;
padding: 0;
margin: 0 2px 2px 10px; 
}

.clbox { 
float: left;
width: 21%;
height: 325px;
margin: 0 1% 10px 1%;
border: solid 1px #eee;
background: #fff;
padding: 5px 5px 10px 5px;
text-align: center;
font-size: 80%; 
}

.vlbox { 
float: left;
width: 45%;
margin: 0 1% 10px 1%;
border: solid 1px #eee;
background: #fff;
padding: 5px 5px 10px 5px;
text-align: center;
font-size: 80%; 
}

.vlboxlft {
float: left;
}

.vlboxrgt {
float: right;
width: 178px;
padding: 6px 15px 0 0;
text-align: left;
}

.cmbox { 
position: relative;
float: left;
width: 20%;
margin: 0 45px 5px 0;
padding: 0;
text-align: center;
font-size: 90%; 
}

.tribox { 
position: relative;
float: left;
width: 30%;
margin: 0 8px 0 0;
padding: 0;
text-align: center;
}

.clearboth { clear: both; }


.mainbox {
width: 98%;
margin: 5px 0 0 10px; 
padding:0;    
}

hr.mainboxcleaner {
      clear:both;
      height:1px;
      margin: -1px 0 0 0; padding:0;
      border:none;
      visibility: hidden;
      }

.dbox  {
width: 98%;
margin:1em auto;    
}

.dboxbar {
      float: left;
      width: 160px;
      margin:0; padding:0;
      }
.dboxbar-content {
      margin:0; padding: 0 1em;
      }
.dboxmain {
      margin: 10px 0 0 200px; padding:0;
      }
.dboxmain-content {
      margin: 0; padding: 0;
      }
hr.dboxcleaner {
      clear:both;
      height:1px;
      margin: -1px 0 0 0; padding:0;
      border:none;
      visibility: hidden;
      }
    
.dboximg { 
border: 1px solid #e5e2da;
float: left;
padding: 0;
margin: 10px 10px 10px 10px; 
}

.master  {
width: 98%;
margin:1em auto;
position:relative;    
}

.masterbar {
      float: right;
      width: 235px;
      margin: 0; 
	  padding: 0;
      }
.masterbar-content {
      margin: 0;
	  padding: 0;
      }
.mastermain {
      margin: 0; 
	  padding:0;
      }
.mastermain-content {
      margin: 0; 
	  padding: 0;
      }
hr.mastercleaner {
      clear:both;
      height:1px;
      margin: -1px 0 0 0; padding:0;
      border:none;
      visibility: hidden;
      }

.msc  {
width: 98%;
margin:1em auto;
position:relative;    
}

.mscbar {
      float: right;
      width: 50%;
      margin: 0; 
	  padding: 0;
      }
      
.mscslide {
      width: 48%;
      margin: 0; 
	  padding: 0;
      }
.mscbar-content {
      margin: 0;
	  padding: 0;
      }
.mscmain {
      margin: 0; 
	  padding:0;
      }
.mscmain-content {
      margin: 0; 
	  padding: 0;
      }
hr.msccleaner {
      clear:both;
      height:1px;
      margin: -1px 0 0 0; padding:0;
      border:none;
      visibility: hidden;
      }

.msc li {
   list-style: square;  
}

.mscbox  {
width: 95%;
margin: 8px;
padding: 10px;
border: 1px solid #eee;
font-size: 90%;    
}        

.dual  {
width: 98%;
margin:1em auto;    
}
    
.pbox  {
width: 98%;
margin:1em auto; 
}

.pboxbar {
      float: left;
      width: 300px;
      margin:0; padding:0;
      }
.pboxbar-content {
      margin:0; padding: 0.5em 1em;
      text-align: center; 
      }
.pboxmain {
      margin: 10px 0 0 300px; padding:0;
      }
.pboxmain-content {
      margin: 0; padding: 0;
      }
hr.pboxcleaner {
      clear:both;
      height:1px;
      margin: -1px 0 0 0; padding:0;
      border:none;
      visibility: hidden;
      }
    
.pboximg {
 border: 1px solid #fff; 
padding: 0;
margin: 5; 
}

.imageBorder { 
border: 1px solid #fff;
padding: 0;
margin: 5px;
}

.imgpad { 
border: 1px solid #fff;
padding: 0;
margin: 1px 15px 1px 5px;
}      

.imagergt { 
position: relative;
float: right;
padding: 0;
margin: 0;
} 

.imagebox {    
margin: 0;
padding: 5px;
text-align: center;
font-size: 80%; 
}  

.imagebox select { 
 color: #444; 
 background-color: #FFF;
 border: 1px solid #dedede; 
}

.aimagebox {    
margin: 0;
padding: 0 5px 10px 5px;
text-align: left;
font-size: 90%; 
}

.abox {    
margin: 5px 17px 5px 19px;
padding: 0;
text-align: left;
}

.bbox { 
 width: 93%;  
 margin: 0 0 0 25px;
 padding: 0; 
}      

.textbox {    
margin: 0;
padding: 1px;
text-align: center;
font-size: 80%; 
}

.tableone { 
 width: 100%;   
 margin: 0;
 padding: 0;
 border: none;
}

.tabletwo { 
 width: 98%;   
 margin: 0;
 padding: 0; 
}

.button-box { 
 width: 97%;
 border: 1px solid #dedede;   
 margin: 5px 0 0 1px;
 padding: 4px; 
}

td.cartleft { 
 margin: 0;
padding: 0px;
text-align: left;
} 

td.cartcenter {
padding: 0px; 
text-align: center;
} 

td.cartright { 
text-align: right;
}

.checkpos  {
   width: 94%;
   position: relative;
}


.formtable {
width: 100%;

}

.formname {
color: #676959;  
 text-align: left;
 font-size: 90%;
 width: 115px;
}

.fmname {
color: #737567;  
 text-align: left;
 font-size: 90%;
}

.listform {
color: #333300; 
 text-align: left;
 }

.listform input
{
 color: #555; 
 background-color: #FFF;
 border: 1px solid #CCC; 

}

.listform select { 
 color: #555; 
 background-color: #FFF;
 border: 1px solid #CCC;
}

ul.progbar {width:100%; list-style:none; margin: 5px 5px 10px 20px; clear:both; float:left;}
ul.progbar a {text-decoration:none; color:#d5d0a2;}
ul.progbar li {float:left; width:24%; background:url(../images/swclothes/progress_arrow.gif) repeat-x right 6px; text-align:left;}
ul.progbar li span {display:block; margin:auto; margin-right:50%; text-align:center; border:1px solid #d8d3a4; width:19px; height:19px; line-height:19px; background-color:#fff;} 
ul.progbar li span a {display:block; width:19px; height:19px; margin:0px;}
ul.progbar li span a.active, ul li.active span a, ul li.past span a:hover, ul li.past:hover span a {background-color:#b4b06c; color:#fff; }
ul.progbar li a {display:block; margin-right:11%; text-align:center;}
ul.progbar li.past {background-position:right -106px;}
ul.progbar li.active {background-position:right -48px;}
ul.progbar li#lastStep {background-position:right -214px;}
ul.progbar li#lastStep.active {background-position:right -162px;}
ul.progbar li.active a:hover, ul li.past a:hover, ul li.past a, ul li.active a {color:#a9a563;}
ul.progbar li.active span a:hover {color:#ffffff;}
ul.progbar li.past:hover {cursor:hand; cursor:pointer;}
ul.progbar li.past span, ul li.active span {border:1px solid #b4b06c;}

.dyncent { margin: 5px 4%; }


#quicksearch {
margin: 2px;
padding: 2px;
} 

SPAN.markProductOutOfStock {
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  color: #ff0000;
}

SPAN.errorText {
  color: #ff0000;
}

SPAN.promotionNotice {
  color: #ff0000;
}

.lft {
 padding: 0;
 margin: 0;
 text-align: left;
}

.rgt {
 padding: 0;
 margin: 0;
 text-align: right;
}

.ctr {
 padding: 0;
 margin: 0;
 text-align: center;
}

.crp {
 width: 98%;
 padding: 5px 0 5px 0;
 margin: 0;
 text-align: center;
}

.contentbox {    
 margin: 2px;
padding: 2px;
text-align: left; 
}

.messageStackError, .messageStackWarning { 
    width: 93%;
    margin: 0 0 0 25px; 
	color: #000000;
	background-color: #ffe61f;
    padding: 4px 1px 4px 5px;
    border: solid 1px #ff6600;
	}
.messageStackSuccess {
    width: 93%;
    margin: 0 0 0 25px;
	color: #000000;
	background-color: #99ff00;
    padding: 4px 1px 4px 5px;
    border: solid 1px #669900;
 }
 
.inputRequirement { color: #676959; }
 

.moduleRow { }
.moduleRowOver { background-color: #cce4eb; color: #011f27; cursor: pointer; }
.moduleRowSelected { background-color:#dadabd; color: #000000; }


.terms {
   width:96%;
   height:73px;
   border:1px solid #ccc;
   background:#f2f2f2;
   padding:6px;
   overflow:auto;
}

div.terms p,
div.terms li {font:normal 11px/15px arial;color:#333;}
div.terms h3 {font:bold 14px/19px arial;color:#000;}
div.terms h4 {font:bold 12px/17px arial;color:#000;}
div.terms strong {color:#000;}


.smboxmsc { 
position:relative;
font-size: 90%;
}

.smbox { 
position: relative;
float: left;
margin: 0 2px 0 2px;
padding: 0;
}

.smboxLight { 
position: relative;
float: left;
margin: 0 2px 0 2px;
padding: 0 4px 2px 4px;
text-align: center;
background: #daf5db;
border: 1px solid #65c16b;  
}

.smboxDark { 
position: relative;
float: left;
margin: 0 2px 0 2px;
padding: 0 4px 2px 4px;
text-align: center;
background: #fff;
border: 1px solid #97c49b;
}

ul.smboxlnk { margin: 0px 0px 0px 0px; padding: 0px; float: right; }
ul.smboxlnk li { display: inline; margin-left: 35px; list-style: none; }
ul.smboxlnk img { margin-right: 4px; vertical-align: middle; }
ul.smboxlnk a { color: #444; text-decoration: none; }
ul.smboxlnk a:hover { color: #cc0000; }

.dualcont  { 
margin: 2px;
}

.widthlesscontentbox { 
width: 100%;
}

ul.menu-links{margin:0;padding:0;list-style-type:none;display:block;font-weight: bold;line-height:165%;width:160px;}
ul.menu-links li{margin:0;padding:0;border-top:1px solid #0161bc;border-bottom:1px solid #2682d9;}
ul.menu-links li a{display:block;text-decoration:none;color:#fff;background:#0069cc;padding:0 0 0 20px;width:140px;}
ul.menu-links li a:hover{background:#339cff url("../images/swclothes/side_arrow.gif") no-repeat 0 5px;}
ul.menu-links li a.current,ul.menu-links li a.current:hover{background:#3798f4 url("../images/swclothes/side_arrow.gif") no-repeat 0 5px;}


ul.info-links{margin:0;padding:0;list-style-type:none;display:block;font-weight: bold;line-height:165%;width:160px;}
ul.info-links li{margin:0;padding:0;border-top:1px solid #bc015f;border-bottom:1px solid #d92680;}
ul.info-links li a{display:block;text-decoration:none;color:#fff;background:#cc0066;padding:0 0 0 20px;width:140px;}
ul.info-links li a:hover{background:#ff3399 url("../images/swclothes/side_arrow.gif") no-repeat 0 5px;}
ul.info-links li a.current,ul.info-links li a.current:hover{background:#f43796 url("../images/swclothes/side_arrow.gif") no-repeat 0 5px;}