/*
------------------------------------------------------------------------
BASICS
------------------------------------------------------------------------
*/
body{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
	color: #333;
	margin: 0 0;
	padding: 0 0;
	background-color: #FFF;
	text-align: center;
}

.CatDesc{
	clear: both;
}
img{
	border: none;
	padding: 0 0;
	margin: 0 0;
}

form{
	padding: 0 0;
	margin: 0 0;
}

.Clear{
	width: auto;
	clear: both;
}
.Sep4{
	width: auto;
	height: 4px;
	clear: both;
}
.Sep10{
	width: auto;
	height: 10px;
	clear: both;
}
.Sep20{
	width: auto;
	height: 20px;
	clear: both;
}
h1, h2,h3, h4, h5{
    margin: 0;
    padding: 0;
}


a:link{
    color: #333;
    text-decoration: none;
}
a:visited{
    color: #333;
    text-decoration: none;
}
a:hover{
    color: #999;
    text-decoration: none;
}
a:active{
    color: #333;
    text-decoration: none;
}
.Ruler{
    width: auto;
    height: 1px;
    background-color: #EAEAEA;
    margin-bottom: 4px;
}

/*
------------------------------------------------------------------------
WRAPPER 1 & STORE NAVIGATION
------------------------------------------------------------------------
*/

#wrapper1{
	width: 100%;
	height: 50px;
	background-color: #000;
	background-image: url(Framework/wrapper-1-bg.jpg);
	background-repeat: repeat-x;
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px 0px 0px;
	clear: both;
}

#wrapper1Container{
	width: 960px;
	height: auto;
	color: #333;
	margin: 0px auto 0px auto;
}
#wrapper1Logo{
	width: 160px;
	height: 50px;
	float: left;
	
	
}
#wrapper1Search{
	width: 194px;
	height: 27px;
	float: right;
	margin-top: 11px;
	background-image: url(Framework/search-bg.png);
	background-repeat: no-repeat;
}
#wrapper1SearchLeft{
	width: 167px;
	height: 10px;
	float: left;
}
#searchBox{
	width: 160px;
	height: 14px;
	background-color: #D6D6D6;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	margin-left: 5px;
	margin-top: 6px;
}
#wrapper1SearchRight{
	width: 27px;
	height: 27px;
	float: left;
}
#wrapperStoreNav{
	width: 960px;
	height: 25px;
	margin: 5px auto 0px auto;
	background-image: url(Framework/storenav-bg.png);
	background-repeat: no-repeat;

}
.StoreNavBtn{
	width: auto;
	height: 25px;
	margin-right: 5px;
	float: left;
}
.StoreNavBtnR{
	width: auto;
	height: 25px;
	margin-left: 5px;
	float: right;
}

#StoreNavCol1{
	width: 295px;
	height: 25px;
	float: left;
	padding-left: 10px;
}
#StoreNavCol2{
	width: 400px;
	height: 20px;
	float: right;
	color: #FFF;
	margin-right: 20px;
	margin-top: 5px;
	font-size: 11px;
	text-align: right;
}

#StoreNavCol2 a:link{
    color: #FFF;
}
#StoreNavCol2 a:visited{
    color: #FFF;
}

#StoreNavCol2 a:hover{
    color: #CCC;
}

#StoreNavCol2 a:active{
    color: #FFF;
}

#StoreNavCol3{
	width: 220px;
	height: 25px;
	float: right;
	padding-right: 10px;
	color: #FFF;
}
#wrapperLogoStrip{
	width: 960px;
	height: 40px;
	margin: 5px auto 0px auto;
	overflow: hidden;
}
.LogoStripItem{
	width: 80px;
	height: 40px;
	float: left;
	overflow: hidden;
	margin-right: 2px;
}

.LogoStripItemLast{
	width: 58px;
	height: 40px;
	float: left;
	overflow: hidden;
	margin-right: 0px;
}



/*
------------------------------------------------------------------------
WRAPPER 2 & MAIN CONTENT
------------------------------------------------------------------------
*/
#wrapper2{
    width: 960px;
    height: auto;
    margin: 0px auto 0px auto;
    text-align: left;
}

#wrapper2Container{
	width: 960px;
	min-height: 750px;
	height: auto;
	margin: 5px auto 0px auto;
	background-color: #FFF;
}

/* for Internet Explorer */
/*\*/
* html #wrapper2Container {
height: 25em;
}
/**/


#MasterContent{
	width: 760px;
	height: auto;
	min-height: 600px;
	float: right;
	margin: 0px auto 0px 0px;
	font-size: 0.9em;
	text-align: left;
	background-color: #FFF;
}

/*
------------------------------------------------------------------------
ENTITY GRID WITH PRICES
------------------------------------------------------------------------
*/
    

    
.EntitySubCatWrapper{
    width: auto;
    border: solid 1px #F0F0F0;
    background-color: #FFFFFF;
    padding: 3px;
    text-align: left;
    clear: both;
    
}

.EntityDesc{
    width: auto;
    height: auto;
    clear: both;
    margin-bottom: 10px;
    font-size: 85%;
}

.EntityCategoryName{
    font-size: 11px;
    font-weight: normal;
    margin-top: 4px;
    margin-bottom: 4px;
    text-transform: uppercase;
    font-weight: normal;
    color: #006699;
}
.GWPSummary{
    width: auto;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 11px;
    color: #CCC;
}

.EntityItemText{
    font-size: 11px;
}

.EntityPaging{
    width: auto;
	height: 25px;
    padding: 2px 10px 2px 10px;
    font-size: 11px;
    text-align: right;
    margin-top: 5px;
	margin-bottom: 5px;
    border-bottom: solid 1px #CCCCCC;
    
}

.PageNumber{
   	padding: 5px;
	border: solid 1px #CCC;
   	background-color: #F0F0F0;
	
}

.PageNumber:hover{
   	background-color: #000;
	color: #FFF;
   	border: solid 1px #000;
}


.RelatedContainer{
	background-color: #EAEAEA;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	width: 400px;
}

.RelatedWrapper{
	background-color: #FFF;
}


.RelatedText{
	font-size: 10px;
	text-align: left;
	width: 170px;
	height: 50px;
	margin: 5px;
	overflow: hidden;
}

.RelatedImage{
	text-align: left;
	height: 180px;
	width: 180px;
	border-bottom: solid 1px #EAEAEA;
	margin-bottom: 5px;
}

.RelatedRuler{
	width: auto;
	border-top: solid 4px #EAEAEA;
	clear: both;
	margin: 5px;
}

.UpsellCheckbox{

}

.UpsellText{
	font-size: 10px;
	text-align: left;
	width: 170px;
	height: 70px;
	margin: 5px;
	overflow: hidden;
} 



.BoardwiseProductName{
    
    padding: 0px 2px 4px 0px;
    font-size: 11px;
    height: auto;
    overflow: hidden;
 
}

.BoardwiseProductName h3{
    
    padding: 0px 2px 4px 0px;
    font-size: 11px;
    height: auto;
    overflow: hidden;
 	font-style: normal;
	text-transform: none;
	font-weight: normal;
}


.BoardwiseProductName{
    padding: 0px 2px 4px 0px;
    font-size: 11px;
    height: auto;
    overflow: hidden;
}

.tdheight
{   
    height: 50px;
}

.variantprice{font-size: 12px;    color: #000;}

.CategoryPrice .RegularPrice{
    font-size: 12px;
    color: #000;
	width: 100%;
}

.CategoryPrice .SalePrice
{
    color: #cc0000 !important;
    font-size: 12px;
    margin-left: -4px;
	width: 100%;
}

.BoardwiseProductImageFrame{
    width: 180px;
    height: 180px;
    border: none;
    overflow: hidden;
    float: left;
    text-align: center;
}






/*
------------------------------------------------------------------------
WRAPPER 3 / FOOTER
------------------------------------------------------------------------
*/
#wrapper3{
	width: 100%;
	height: 370px;
	background-color: #666;
	background-image: url(Framework/wrapper-3-bg.jpg);
	background-repeat: repeat-x;
	margin-top: 10px;
	position: relative;
	top: 0;
	
}

#wrapper3Container{
	width: 960px;
	height: auto;
	margin: -140px auto 0px auto;
	color: #CCC;
	text-align: left;
	position: relative;
}

.FooterLinks{
	width: 185px;
	height: auto;
	float: left;
	margin-right: 5px;
	font-size: 10px;
}

.FooterLinks ul, li{
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 130%;
}
.FooterTitle{
	margin: 10px 0px 5px 0px;
	float: left;
	padding-bottom: 2px;
	border-bottom: solid 1px #444;
}


.Footer50{
	width: 48%;
	height: auto;
	float: left;
	margin-right: 5px;
	font-size: 10px;
}

.Footer30{
	width: 30%;
	height: auto;
	float: left;
	margin-right: 5px;
	font-size: 10px;
}

#del24{
	width: 140px;
	height: 140px;
	background-image:url(Framework/del-24.png);
	background-repeat: no-repeat;
	z-index: 10;
	top: -15px;
	margin: 0px auto 0px auto;
	left: 460px;
	position: relative;
}

#wrapper3 a:link{
	color: #CCC;
	text-decoration: none;
}

#wrapper3 a:link{
	color: #CCC;
	text-decoration: none;
}

#wrapper3 a:visited{
	color: #CCC;
	text-decoration: none;
}

#wrapper3 a:hover{
	color: #666;
	text-decoration: none;
}
#wrapper3 a:active{
	color: #CCC;
	text-decoration: none;
}





/*
------------------------------------------------------------------------
SIDE CATEGORY NAVIGATION
------------------------------------------------------------------------
*/

#CatWrapper{
  width: 190px;
  height: auto;
  float: left;
	font-family: Arial, Helvetica;
	color: #333;
}

#CatNav{
	width: 190px;
	height: auto;
	background-color: #FFF;

}

.catMark{
}

#CatNav ul.tame,li.tame{
	padding: 0;
	margin: 0px 0px 0px 0px;
	list-style: none;
	line-height: 180%;
}


#CatNav ul.tame, ul.tame li a:link{
    color: #333;
    text-decoration: none;
    font-size: 11px;
    
}
#CatNav ul.tame, ul.tame li a:visited{
    color: #333;
    text-decoration: none;
    font-size: 11px;
}
#CatNav ul.tame, ul.tame li a:hover{
    color: #999;
    text-decoration: none;
    font-size: 11px;
}
#CatNav ul.tame, ul.tame li a:active{
    color: #333;
    text-decoration: none;
    font-size: 11px;
}



.snPayPal{
    width: 100%;
    height: auto;
    margin: 0px auto 10px auto;
    text-align: center;
    font-size: 10px;
}

.BrandSelector{
    margin-top: 4px;
    margin-bottom: 4px;
    padding-left: 0px;
}


.ManuLink{
    font-size: 11px;
}


/*
------------------------------------------------------------------------
DETAIL PAGE LAYOUT
------------------------------------------------------------------------
*/
#DetailWrapper1{
	width: 760px;
	height: 90px;
	border-bottom: solid 1px #EAEAEA;
	clear: both;
	margin-bottom: 4px;
}

#DetailWrapperC1{
	width: 160px;
	height: 90px;
	float: left;
}
#DetailWrapperC2{
	width: 430px;
	height: 90px;
	float: left;
}
#DetailWrapperC3{
	width: 150px;
	height: 90px;
	float: left;
}


#DetailBrandLogo{
	width: 150px;
	height: 90px;
	float: left;
}

#DetailProductName{
	width: auto;
	height: auto;
	font-size: 14px;
	font-weight: bold;
	clear: both;
	margin-top: 12px;
}
#DetailSKU{
	width: auto;
	height: auto;
	font-size: 11px;
	clear: both;
	margin-top: 4px;
	color: #666;
}




#DetailColumnLeft{
	width: 400px;
	height: auto;
	float: left;
}
#DetailProductImage{
	width: 398px;
	height: 398px;
	border: solid 1px #EAEAEA;
	border-bottom: solid 4px #EAEAEA;
	float: left;
	overflow: hidden;
}

#DetailProductImage:hover{
	width: 398px;
	height: 398px;
	border: solid 1px #CCC;
	border-bottom: solid 4px #CCC;
	float: left;

	overflow: hidden;
}

#DetailClickForLargeImage{
    width: 127px;
    height: 20px;
    margin: 0px auto 0px auto;
    clear: both;
}

#DetailRelatedWrapper{
	width: 400px;
	height: auto;
	background-color: #EAEAEA;
	text-align: center;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
}

#DetailColumnRight{
	width: 350px;
	height: auto;
	float: right;
}

.AddToCartForm{
	width: auto;
	height: auto;
	margin-bottom: 4px;
	background-color: #FFF;
	border: solid 1px #EAEAEA;
	padding-top: 8px;
	padding-left: 12px;
	padding-right: 2px;
	padding-bottom: 8px;
	color: #000;
	font-size: 11px;
}
.MyAddToCartImageClass{
   cursor: pointer;
   clear: both;
}

.AddToCartForm #Quantity{
	font-size: 11px;
	margin-left: 2px;
	width: 25px;	
	height: 20px;
}
.AddToCartForm .SizeText{
	font-size: 11px;
	margin-left: 2px;	
	height: 20px;
}

.AddToCartForm .AddToCartButton{
	font-size: 11px;
	margin-left: 15px;	
}


#DetailDescription{
	width: auto;
	height: auto;
	margin-bottom: 5px;
	font-size: 85%;
	color: #333;
	line-height: 140%;
}
#DetailDescription p{

	color: #333;
	line-height: 140%;
}


#DetailDescription ul{
	list-style: none;
	margin: 0px 0px 0px 20px;
	padding: 0px;
}

#DetailDescription li{
	font-size: 90%;
	list-style-image: url(DetailImages/ul-cross.png);
	list-style-type: none;
	list-style-position: outside;
	padding: 1px auto 1px 0px;
	color: #666;
}
#DetailSeeMore{
	width: auto;
	height: auto;
	margin-bottom: 5px;
	font-size: 10px;
	color: #333;
	background-color: #F0F0F0;
	border: solid 1px #CCC;
	padding: 5px;
	line-height: 160%;
	float: left;
}

#DetailWrapperC3 .variantprice{
	width: 140px;
	height: auto;
	float: right;
	font-size: 18px;
	text-align: left;
	margin-top: 10px;
	color: #006699;	
}

#DetailWrapperC3 .SalePrice, .RegularPrice{

	float: right;
	font-size: 18px;
	text-align: left;
}

.DetailItemWrapper{
    width: 350px;
    height: auto;
    float: left;
    margin-bottom: 4px;
}

td,tr, #Label8{
    font-size: 11px;
}


/*
------------------------------------------------------------------------
BOARDWISE STORES PAGE
------------------------------------------------------------------------
*/
.StoreWrapper{
    width: 760px;
    height: auto;
    float: left;
    margin-bottom: 4px;
    border-bottom: solid 1px #EAEAEA;
    font-size: 11px;
}

.StoreImage{
    width: 260px;
    float: left;
}
.StoreCol1{
    width: 250px;
    float: left;
    
}
.StoreCol2{
    width: 200px;
    float: right;
}   
address{
    font-style: normal;
}
.StoreTel{
    font-size: 14px;
    color: #006699;
    padding-top: 4px;
    padding-bottom: 4px;
}


/*
------------------------------------------------------------------------
HOME PAGE added 08/11/2010
------------------------------------------------------------------------
*/

#AutoFeatured{
  width: 752px;
  height: auto;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  background-color: #FFF;
  clear: both;

  
}

.hpItemWrapper {
	width: 180px;
	height: 190px;
	float: left;
	text-align: center;
	position: relative;
	font-size: 11px;
  margin: 0px 4px 2px 4px;
  overflow: hidden;
}



.hpStatusOverlay{
	width: 34px;
	height: 34px;
	float: left;
	z-index: 5000;
	left: -1px;
	top: 0px;
	position: relative;
}
.hpItemImage{
	clear: both;
	float: left;
	width: 172px;
	height: 130px;
	margin: 0px auto 2px auto;
	background-color: #FFF;
	overflow: hidden;
	border: solid 4px #F0F0F0;
	position: relative;
	top: -34px;
}

.hpItemImage img{
	position: relative;
	top: 0px;
	left: 0px;
	height: 130px;
	width: 130px;
}


.hpItemTextWrapper{
  width: 172px;
  height: auto;
	text-align: left;
	clear: both;
	float: left;
	margin: 0px auto 2px auto;
	position: relative;
	top: -34px;
}


.hpItemText p{
	padding: 0 0;
	margin: 0 0;
}

.hpBrand{
	padding: 0px 0px;
	margin: 0px 0px 0px 0px;
	position: relative;
}
.hpProductName{
	padding: 0px 0px;
	margin: 0px 0px 0px 0px;
	position: relative;
	font-size: 10px;
	width: 172px;
	height: 28px;
	overflow: hidden;
}
.hpProductPrice{
  width: 170px;
  height: 15px;
	font-size: 11px;
	font-weight: bold;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	text-align: right;
	position: relative;
	overflow: hidden;
}
.hpInfoStrip{
	width: 750px;
	height: auto;
	padding: 5px;
	text-align: center;
	background-color: #F0F0F0;
	font-size: 85%;
}	

/*
------------------------------------------------------------------------
HOME PAGE LAYOUT
------------------------------------------------------------------------
*/

.hpRow{
    width: 760px;
    height: auto;
    margin: 0px 0px 4px 0px;
    float: left;
}

#hpFeatureSlides{
    width: 760px;
    height: 150px;
    margin: 0px 0px 0px 0px;
    float: left;
    overflow: hidden;
}

.TickerWrapper{
    width: 760px;
    height: 26px;
    float: left;
    clear: both;
    font-size: 85%;
    text-align: Left;
    overflow: hidden;
    color: #FFF;
    background-color: #000;
    
}
#ticker-area{
    width: auto;
    height: auto;
    overflow: hidden;
}
.TickerSpacer{
    padding-top: 5px;
    padding-left: 10px;
}



/* Home page 4 column */
.c41{
    width: 187px;
    height: auto;
    float: left;
    margin-right: 4px;
    margin-bottom: 4px;
    font-size: 85%;
    text-align: Left;
}
.c42{
    width: 187px;
    height: auto;
    float: left;
    margin-right: 4px;
    margin-bottom: 4px;
    font-size: 85%;
    text-align: Left;
}
.c43{
    width: 187px;
    height: auto;
    float: left;
    margin-right: 4px;
    margin-bottom: 4px;
    font-size: 85%;
    text-align: Left;
}
.c44{
    width: 187px;
    height: auto;
    float: left;
    margin-right: 0px;
    margin-bottom: 4px;
    font-size: 85%;
    text-align: Left;
}

/* Home page 2 column */
.c21{
    width: 378px;
    height: auto;
    float: left;
    margin-right: 4px;
    margin-bottom: 4px;
    font-size: 85%;
    text-align: Left;
  
}

.c22{
    width: 378px;
    height: auto;
    float: left;
    margin-right: 0px;
    margin-bottom: 4px;
    font-size: 85%;
    text-align: Left;
}



#hpAboutBoardwise{
    width: 760px;
    height: auto;
    font-size: 80%;
    clear: both;
    margin: 0px 0px 4px 0px;
    text-align: Left;
}