body {
  text-align: center;
  background: #f0e9ef;
  background-image: url("/images/aclubwear/bline.gif");
  background-repeat: repeat-y;
  background-position: center;
  color: #555;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  margin: 0;  	
}


#maincenter {
  width: 988px;
  background: #fff;
  color: #555;
  margin: auto;
  text-align: left;
}

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

.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;
    } 

#header {
 background: #fff;
 margin: 0; 
 height: 130px;
 padding: 2px 10px;
 color: #888;
}

.leftheaderbox {
float: left;
}

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

.headerrgt {
float: right;
width: 450px;
padding: 0;
}
.htoplink {
text-align: right;
font-size: 80%;
}
.hsearch {
 color: #757177; 
 background-color: #eee;
 border: 1px solid #ccc;
 width: 370px;
 height: 15px;
padding: 8px 2px 2px 2px;
margin: 0 10px;
}

.headercrumb {
position:relative;
clear:both;	
width:97%;
 height: 22px;
 background: #fff;
 border: 1px solid #dbd8de;
font-size: 90%;
color: #aaa;
margin: auto;
margin-bottom: 5px;
padding: 5px;
}

.headercrumb a:link, .headercrumb a:visited{
	color:#999;
	text-decoration:none;
}

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


.crumbleft {
float: left;
padding: 4px 12px;
margin: 0;
}

.crumbright {
float: right;
  width: 250px;
  padding: 4px 0;
}



.breadCrumb { color: #888; }

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


h1 { color: #333; font-size: 150%; }
h2 { color: #555; font-size: 95%; }
h3 { color: #444; font-size: 110%; }
hr { width:35em; margin: 10px auto;}


#footer {
  clear: both;
  position: relative;
  height: 170px;
  background: #fff;
  padding: 0;
  margin: 0;
}

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


.ftop  {
 width: 97%;
height: 22px;
 background: #fff;
 border: 1px solid #dbd8de;
font-size: 90%;
color: #999;
text-align: center;
margin: auto;
margin-bottom: 5px;
padding: 8px 2px 2px 12px;
}

.ftop a:link, .ftop a:visited {
	color:#999;
	text-decoration:none;
}

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

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

.footerline a:link, .footerline a:visited {
	color:#888;
	text-decoration:none;
}

.footerline 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 20px 15px 20px; 
		}	

.fixboxone {
			margin: 0 20px 15px 20px; 
			width: 17em; 
			font-size: 80%;
		}	
				
.boxone-head {
			background: #735ec2;
			margin: 0;
			padding: 5px;
			color: #fff; 
			font-weight: bold;  
			line-height: 10px;
			text-align: center;
			border-bottom: solid 2px #998cbb; 
		}
		
		
.topboxone-head {
            border-left: 1px solid #eee;
			border-right: 1px solid #eee;
			border-top: 1px solid #eee;
			background: #fff;
			margin: 0;
			padding: 0;
			text-align: center;
		}
		
.boxone-body {
			border-left: 1px solid #eee;
			border-right: 1px solid #eee;
			border-bottom: 1px solid #eee;
			background: #fff;
			margin: 0;
			padding: 10px;  
		}
		


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

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

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

.hide {
    display:none;
    }


.categories {
    margin: 0 7%;
    padding: 0;
    }

.categories dt {
    margin: 2px 0 2px 0;
   background: #fff;
    border: solid 1px #dbd8de;
    border-left: solid 3px #b180ff;
    padding: 4px 1px 4px 5px;
    font-size: 12px;
  }

.categories dd {
    margin: 2px 0 2px 0;
    background: #fff;
    border: solid 1px #dbd8de;
    border-left: solid 3px #6633cc;
    padding: 5px 4px 4px 6px;
    font-size: 11px;
    }

.categories a:link, .categories a:visited {
	color:#333;
	text-decoration:none;
}

.categories a:hover{
	color:#000;
	text-decoration:none;
}

.categories a.selected {
    font-weight: bold;
    }

A {
  	color: #333;
  	text-decoration: none;
	}

A:hover {
  	color: #3300cc;
  	text-decoration: none;
	}
	
.slink {
     margin: 2px 19px;
   background: #fff;
    border: solid 1px #eee;
    border-left: 3px solid #c1b4d5;
    padding: 5px 4px 4px 8px;
    font-size: 11px;
	}
	
	.infolink {
   background: #fff;
  margin: 0;
  padding: 2px 2px 2px 15px;
  background: url(/images/aclubwear/arrow_dark.gif) no-repeat 3px 50%;
  font-size: 11px;
	}

	.catlink {
      margin: 2px 19px;
   background: #fff;
    border: solid 1px #dbd8de;
    border-left: solid 3px #b180ff;
    padding: 5px 4px 4px 8px;
    font-size: 11px;
	}
	
.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: 15%;
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: 275px;
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 25px 5px 0;
padding: 0;
text-align: center;
font-size: 90%; 
}

.triside { 
position: relative;
float: left;
margin: 0 8px 0 8px;
padding: 0;
text-align: center;
}

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

.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  {
	position:relative;
        width:98%;	
		overflow:hidden;
}

.dboxbar {
      float: left;
      width: 160px;
      margin:0; padding:0;
      }
.dboxbar-content {
      margin:0; padding: 0 1em;
      }
.dboxmain {
      margin: 10px 0 0 170px; 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 { 
float: left;
padding: 0;
margin: 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 {
   clear:both;
      float: right;
      width: 50%;
      margin: 0; 
	  padding: 0;
      }
      
.mscslide {
      width: 48%;
      margin: 0; 
	  padding: 0;
      }
.mscbar-content {
      margin: 0;
	  padding: 0;
      }
.mscmain {
  width: 48%;
      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%;    
}        
    
.pbox  {
width: 98%;
margin:1em auto; 
}

.pboxbar {
      float: left;
      width: 275px;
      margin:0; padding:0;
      }
.pboxbar-content {
      margin:0; 
	  padding: 0 5px;
      text-align: center; 
      }
.pboxmain {
      margin: 10px 0 0 275px; 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 {
padding: 5px;
margin: 0 0 5px 0; 
}

.imageBorder { 
border: 1px solid #eee;
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: #777;  
 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:#a390d1;}
ul.progbar li {float:left; width:24%; background:url(/images/aclubwear/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 #aa97da; 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:#735ec2; 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:#6855b1;}
ul.progbar li.active span a:hover {color:#000;}
ul.progbar li.past:hover {cursor:hand; cursor:pointer;}
ul.progbar li.past span, ul li.active span {border:1px solid #735ec2;}

.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:#eee; 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: #eae8d9;
border: 1px solid #d5d1ca;  
}

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

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: #3e3c32; text-decoration: none; }
ul.smboxlnk a:hover { color: #4e7500; }

.dualcont  { 
margin: 2px;
}

.widthlesscontentbox { 
width: 100%;
}

.featuredbox { 
width: 98%;
border: 1px dotted #dbd8de;
margin: 0 0 10px 0;
}

.rgtbox { 
float: right;
width: 180px;
margin: 0 1% 10px 1%;
border: solid 1px #eee;
background: #efefef;
padding: 5px 5px 10px 5px;
text-align: left;
font-size: 80%; 
}

.maincontentbox{
width: 100%;
margin: 0 10px;
}

.dots {
height: 3px;
background: url(/images/aclubwear/dots_back.gif);
  margin: 0;
  padding: 0;
}

.imgbox {
float: left;
width: 15%;
margin: 3px 10px;
padding: 0 10px;
text-align: center;
font-size: 80%; 
}

.reibox {
 position: relative;
 float: left;
padding: 0;
margin: 0 20px 0 0;
}