@charset "UTF-8";
/* CSS Document */

/*RESET*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, img{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
}

/*----flash h1 replacement ----*/
h1{
color:#900;
font-weight:normal;
font-size:20px;
padding-bottom:10px;
}

.sIFR-active h1
			{
				visibility: hidden;
				font-family: Verdana;
				line-height: 60px;
				font-size:60px;
				padding-top:20px;
				
				
			}


/*----general styling----*/
body{
background: #444;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#999;

}



h2{
font-size:18px;
font-weight:normal;
padding-bottom:10px;
color:#900 !important;

}

h3{
}

a{
color:#666;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

#cleared{
clear:both;
}

#hr-full{
height:17px;
clear:both;
background:url(../images/hr.jpg) repeat-x;
width:840px;

}

#hr-short{
height:25px;
clear:both;
background:url(../images/hr.jpg) repeat-x center;
width:589px;
margin-left:29px;

}


#wrapper1{
margin:auto;
width:1080px;
background: rgb(230,227,208) url(../images/wrapper1-bg.jpg) repeat-y;
}

#wrapper2{
margin:auto;
width:900px;
background: #fff;
overflow:hidden;
}

#header{
width:840px;
height:195px;
background:#000 url(../images/header-vector.png) no-repeat ;
margin:auto;
}

#logo{
margin:12px 0 0 30px;
width:167px; 
float:left;
border:1px solid #fff;
}


#nav1 {
width:840px;
margin:auto;
padding: 0;
border-top:1px solid #fff;
background:rgb(36,3,7);
height:29px;

}

#nav1 ul {
margin: 0;
padding: 0;
list-style: none;
}

#nav1 li {
float: left;
margin: 0;
padding: 0;
}


#nav1 a {
display: block;
line-height: 25px;
margin: 0;
font-size: 14px;
color: #fff;
padding-left: 22px;
padding-right: 21px;
padding-bottom: 4px;
text-decoration:none;
background:rgb(36,3,7);
border-right:1px solid rgb(112,89,93);

}
  

#nav1 li a:hover {
text-decoration: none;
display: block;
background:rgb(72,15,25);
}

#breadcrumb{
margin-left:30px;
line-height:30px;
float:left;
}


#searchform{
float:right;
line-height:30px;
padding-right:30px;
height:30px;

}

.submitbutton {
  background:url(../images/go-butt.gif) top   no-repeat;
  font-size: 12px;
  width:32px;
  font-weight:bold;
  height:20px;
  border:0;
  font-family:Arial, Helvetica, sans-serif;
  color:#fff;
  }
  
.submitbutton:hover {
  background:url(../images/go-butt.gif) bottom   no-repeat;
  }

#content{
margin-left:30px;
background: url(../images/sidebar-bg.jpg) repeat-y;
float:left;=

}
#container-full-width{
background:#fff; 
width:840px; 
float:left; 
}



#text-container{
width:500px;	
padding:0 0 10px 30px;
float:left;
}



#text-container-inner{
width:480px;
float:left;
}



/*----sidebar styling----*/


#sidebar{
width:222px;
float:left;
padding-bottom:28px;
}

#thirdcatlinks{ display:none;}
#thirdcatlinks ul li a{ padding-left:32px; background:#555; }
#thirdcatlinks ul li a:hover{ text-decoration:underline; padding-left:32px; background:#666; }


#sidebar ul {
margin: 0;
padding: 0;
list-style: none;
display:none;
}

#sidebar li {
margin: 0;
padding: 0;

}




#sidebar li a {
display: block;
line-height: 25px;
margin: 0;
font-size: 12px;
padding-bottom: 4px;
text-decoration:none;
padding-left:22px;
color: #fff !important;

}
  

#sidebar li a:hover {
text-decoration: none;
display: block;
background:#555;
}


#sidebarheading a{
color:#fff;
font-size:16px;
background:#900;
line-height:38px;
padding-left:22px;
display:none;
}

#sidebarheading a:hover{
text-decoration:underline;
}




#sidebarbox{
border:1px solid #fff;
width:167px;
height:167px;
margin:28px 0 0 28px;
}

#sidebar  a img{
margin:0;
padding:0;
}


#sidebarbox-entry{
border:1px solid #fff;
width:167px;
height:167px;
margin:28px 0 0 28px;
background:url(../images/entry-box.jpg);

}

/*----main content styling----*/


#right-content{
width:638px;
float:left;

}

#cat3-thumb {
height:172px;
text-align:center;
width:198px;
overflow:hidden;
}
#cat3-thumb img{
    height:172px; width:auto;
    
}
#cat3-header {
	padding-left:9px;
}

#mainimage{
    height:auto;
    width:610px;
    overflow:hidden;
	margin-left:8px;
	
}



#subimage{
width:198px;
height:auto;
float:left;
margin-left:8px;
margin-top:8px;

}

/*----items----*/



.productwrapper{
    padding:10px; background:#eee; border:1px solid #ddd; float:left; clear:both; margin:0 0 10px 8px;
}
.productwrapper table{
    width:590px; 
}
.productimg{
    border:1px solid #fff; text-align:center; background:#fff; width:150px; height:150px; 
}
.productimg_thumb{max-height:150px; max-width:150px;}

.productheading{
    border:1px solid #fff; color:#666; padding:0 8px 0 8px;
}
.producttext{
    background:#fff; border:1px solid #fff; padding:8px;
}

.seperator{
    background:none
}
.code{
    float:right;
}




/*----footer styling----*/

#footer{
width:830px;
height:30px;
background:#000 url(../images/footer-vector.png);
margin:auto;
padding-top:20px;
padding-left:10px;

}

#nav2 {
width:840px;
margin:auto;
padding: 0;

}

#nav2 ul {
margin: 0;
padding: 0;
list-style: none;
}

#nav2 li {
float: left;
margin: 0;
padding: 0;
}


#nav2 a {
display: block;
line-height: 20px;
margin: 0;
font-size: 12px;
color: #fff;
padding-left: 10px;
padding-right: 10px;
text-decoration:none;
border-right:1px solid rgb(112,89,93);

}
  

#nav2 li a:hover {
text-decoration: underline;
display: block;
}





#price-filter-low a{
width:89px;
line-height:20px;
float:left;
background:url(../images/under500-bg.gif) no-repeat top;
text-align:center;
color:#fff;
display:block;
margin-left:8px;
font-size:10px;

}

#price-filter-low a:hover{
background-position:bottom;
}



#price-filter-medium a{
width:89px;
line-height:20px;
background:url(../images/500-1000-bg.gif) no-repeat top;
float:left;
margin-left:8px;
text-align:center;
color:#fff;
display:block;
font-size:10px;
}


#price-filter-medium a:hover{
background-position:bottom;
}


#price-filter-high a{
width:89px;
line-height:20px;
background:url(../images/above1000-bg.gif) no-repeat top;
float:left;
margin-left:8px;
text-align:center;
color:#fff;
display:block;
font-size:10px;
}

#price-filter-high a:hover{
background-position:bottom;
}


#price-filter-az a{
width:40px;
line-height:20px;
background:url(../images/az-bg.gif) no-repeat top;
float:left;
margin-left:8px;
text-align:center;
color:#666;
display:block;
font-size:10px;
}


#price-filter-az a:hover{
background-position:bottom;
}


/*----third cat blocks----*/


#container{
width:196px;
margin:8px 0 0 8px;
border:1px solid #999;
height:295px;
float:left;

}

#cat3-thumb{
height:172px;
width:195px;
}

#cat3-thumb-title1 a{
line-height: 25px;
color:#fff;
background:url(../images/under500-swatch-bg.gif);
display:block;
padding-left:10px;
}

#cat3-thumb-title2 a{
line-height: 25px;
color:#fff;
background:url(../images/500-1000-swatch-bg.gif);
display:block;
padding-left:10px;
}

#cat3-thumb-title3 a{
line-height: 25px;
color:#fff;
background:url(../images/above1000-swatch-bg.gif);
display:block;
padding-left:10px;
}

#cat3-thumb-desc{
padding:10px;
font-size:10px;
height:40px; margin-bottom:4px; overflow:hidden;
padding-top:5px;
}

#cat3-more-btn a{
background: rgb(230,227,208) url(../images/more-btn-bg.gif) no-repeat;
line-height:23px;
width:80px;
text-align:center;
margin-left:10px;
display:block;
padding-bottom:2px;
}


#cat3-more-btn a:hover{
background-color:  rgb(245,245,230);
}


/*----product page controls----*/

#pr-page-controls-container{ 
float:right;
margin-right:20px;
width:610px;
margin-top:10px;
/* border:#F00 1px solid; */
}

#pr-page-controls-container span{
float:left; 
width:303px;
padding-top:5px;
}


/*----third cat page controls----*/

#page-controls-container{
margin-left:8px;
float:left;
width:610px;
padding-top:10px; 
}

#page-controls-container span{
float:left;
width:300px;
padding-top:5px;
}


#previous-btn {
width:94px;
line-height:26px;
float:left;
background:url(../images/page-controls-bg.gif) no-repeat bottom;
text-align:center;
color:#fff;
display:block;
margin-left:8px;
font-size:12px;

}


#previous-btn a{
width:94px;
line-height:26px;
float:left;
background:url(../images/page-controls-bg.gif) no-repeat top;
text-align:center;
color:#fff;
display:block;

font-size:12px;

}

#previous-btn a:hover{
background-position:bottom;
}

#show-all-btn {
width:94px;
line-height:26px;
float:left;
background:url(../images/page-controls-bg.gif) no-repeat bottom;
text-align:center;
color:#fff;
display:block;
margin-left:8px;
font-size:12px;
}



#show-all-btn a{
width:94px;
line-height:26px;
float:left;
background:url(../images/page-controls-bg.gif) no-repeat top;
text-align:center;
color:#fff;
display:block;

font-size:12px;
}


#show-all-btn a:hover{
background-position:bottom;
}

#next-btn {
width:94px;
line-height:26px;
float:left;
background:url(../images/page-controls-bg.gif) no-repeat bottom;
text-align:center;
color:#fff;
display:block;
margin-left:8px;
font-size:12px;
background-position:bottom;
}

#next-btn a{
width:94px;
line-height:26px;
float:left;
background:url(../images/page-controls-bg.gif) no-repeat top;
text-align:center;
color:#fff;
display:block;

font-size:12px;

}


#next-btn a:hover{
background-position:bottom;
}



#on-page-price-filter-low{
width:89px;
line-height:20px;
float:right;
background:url(../images/under500-bg.gif) no-repeat top;
text-align:center;
color:#fff;
display:block;
font-size:10px;
margin:30px 30px 0 0;

}

#on-page-price-filter-low a:hover{
background-position:bottom;
}


#on-page-price-filter-medium{
width:89px;
line-height:20px;
float:right;
background:url(../images/500-1000-bg.gif) no-repeat top;
text-align:center;
color:#fff;
display:block;
font-size:10px;
margin:30px 30px 0 0;

}

#on-page-price-filter-high{
width:89px;
line-height:20px;
float:right;
background:url(../images/above1000-bg.gif) no-repeat top;
text-align:center;
color:#fff;
display:block;
font-size:10px;
margin:30px 30px 0 0;

}




/*----contact page content styling----*/

#storeimg{
margin-left:29px;
}
#maps{
padding-left:30px;
padding-top:10px;

float:left;
}


/*----Articles styling for news and events, terms and conditions, FAQ pages etc.----*/

#articles-container {

}

#articles-container h1{
margin-left:30px;

}

#article {

}

#article h2{
color:#550000;

}


#banner{
width:610px;
float:left;
margin-left:8px;
}



/*----Jumbofooter styling.----*/
#jumbofooter{
width:830px;
margin:auto;
padding-top:20px;
overflow:hidden;

}


#jumbofooter-item{
padding-bottom:20px;
float:left;

} 
 
#jumbofooter-item ul{
	padding:0; margin:0;
color:#666;
list-style:none;
line-height:20px;
padding-right:48px;
font-size:11px;
} 



#jumbofooter-item a{
text-decoration:none;
color:#999;

} 
#jumbofooter-item a:hover{
color:#666;
text-decoration:underline;
} 

#jumbofooter-item a.jumbofooter-title{
color:#000;

}



/*----style filter styling.----*/
#style-filter{
float:right;
}


#style-filter a{
width:89px;
line-height:20px;
float:left;
background:url(../images/style-filter-bg.gif) no-repeat top;
text-align:center;
color:#666;
display:block;
font-size:10px;
margin:10px 0 0 8px ;
}

#style-filter a:hover{
background:url(../images/style-filter-bg.gif)  bottom;
color:#999;

}