* { outline: none; -moz-outline-style: none; padding:0px; margin:0px; }

html{overflow-y:scroll;}
html{overflow:-moz-scrollbars-vertical;}

body{margin:20px 0 0 0; padding:0px; font-family:Verdana,Arial,Helvetica,sans-serif; color:#000; background:#000; font-size:11px;}
p{ margin:0px; }

/*----------------------------------------
a styles
-----------------------------------------*/
a, a:hover{text-decoration:none; color:#666;}
a:hover, a.title_link{color:#000;}

a.leftArrowLink, a.leftArrowLink:hover{display:block; color:#000000; padding:0 0 0 12px; background:url(../images/blueArrowLeft.gif) left 3px no-repeat}
	a.leftArrowLink:hover{color:#666}
a.rightArrowLink, a.rightArrowLink:hover{display:block; color:#000000;  padding:0 12px 0 0; background:url(../images/blueArrowRight.gif) right 3px no-repeat}
	a.rightArrowLink:hover{color:#666}
	
a.lightBlue, a.lightBlue:hover{color:#6ed3e3}
	a.lightBlue:hover{color:#000}
	
a.blackBttn, a.blackBttn:hover, input.blackBttn, input.blackBttn:hover{display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; border:0px; width:77px; background-color:#000000; padding:5px; text-align:center; color:#CCCCCC; text-transform:uppercase; font-weight:bold;}
	a.blackBttn:hover, input.blackBttn:hover{background-color:#00c0ff; color:#000000; cursor: pointer;}
	
a.white{color:#FFFFFF;}
a.white:hover{color:#000000}

.mainNav a, .mainNav a:hover{ font-family:Arial, Helvetica, sans-serif; z-index:63; color:#fff; font-weight:bold; font-size:12px; text-transform:uppercase;}
	.mainNav a:hover, a.mainNavSelected{color:#00c0ff}

.pagination a, .pagination a:hover{ display:block; float:left; margin:0 5px 0 0; padding:5px; background-color:#0099FF; color:#FFFFFF;}
	.pagination a:hover, a.numHighlight{ background-color:#000000;}


/*----------------------------------------
h styles
-----------------------------------------*/
h1{ font-size:30px; font-weight:normal; letter-spacing:-1px}
h2{font-size:24px; font-weight:normal; letter-spacing:-1px; margin:0 0 15px 0}
h3{font-size:18px; font-weight:normal; letter-spacing:-1px; margin:0 0 15px 0}
/*----------------------------------------
id styles
-----------------------------------------*/
#mainWrapper{position:relative; width:1003px; margin:0px auto; overflow:hidden}

#header{z-index:3; margin:0px auto; height:144px; width:1003px; background:url(../images/headerBg.png) top left no-repeat #fff;}

#headerHome{z-index:3; margin:0px auto; width:1003px;}

#contentWrapper{z-index:1; position:relative; margin:0px auto; padding:29px 0 15px 0; width:1003px; background:#fff; /* min height for firefox and IE */ height: auto !important; height:200px; min-height:200px;}

#footer{z-index:4; margin:0px auto; width:1003px; height:173px; font-size:10px; background:url(../images/footerBg.png) top left no-repeat #fff;}

/*----------------------------------------
ul styles
-----------------------------------------*/
ul li{ list-style:none;}
.listArrows li{padding:0 0 5px 15px; text-transform:uppercase; font-size:14px; background:url(../images/miscBgs.gif) 0px 5px no-repeat}
.listNoArrows li{padding:0 0 0 0; text-transform:uppercase;}
.listArrowsCat li{
	padding:0pt 0pt 2px 10px;
	text-transform:uppercase; 
	font-size:11px; 
	background:url(../images/miscBgs.gif) 0px 3px no-repeat;
}
.listWrapper{float:left; width:210px; margin:0 23px 25px 0}


/*----------------------------------------
class styles
-----------------------------------------*/
.thumbWrapper, .generalWrapper{height: auto !important; height:60px; min-height:60px; margin:0 0 0 23px;}
	.generalWrapper{margin:0 23px 0 23px;}
		.generalWrapper h1{margin:0 0 40px 0}

/*thumbs*/
.thumbWrapper{display:block; width:1003px;}
	.thumbWrapper div{width:160px; float:left; margin:0 39px 20px 0; text-align:center}
	
	.thumbWrapper .top{margin:0px; padding:0px; height: auto !important; height:200px; min-height:200px; background-color:#f4f4f4}
	.thumbWrapper .top:hover{ background-color:#e4e4e4; cursor:pointer}
	
	.thumbWrapper .top a.grayAllcaps { display:block; text-transform:uppercase; margin:10px 0 0 5px; padding:0 0 5px 12px; text-align:left; background:url(../images/miscBgs.gif) 0px 3px no-repeat}
	.thumbWrapper .top:hover a.grayAllcaps { color:#000; font-weight:bold}
	
	.thumbWrapper .top a.black { display:block; color:#000000; margin:10px 0 0 5px; padding:0 0 5px 11px; text-align:left; background:url(../images/miscBgs.gif) 0px 3px no-repeat}
	.thumbWrapper .top:hover a.black { color:#666;}
	
	.thumbWrapper .bottom{ background-color:#FFFFFF; margin:5px 0 0 0px; padding:0px}
	.thumbWrapper .bottom p{text-align:left; text-transform:uppercase; color:#666666; margin:3px 0 0 5px;}
	.thumbWrapper .bottom a.gray {display:block; text-align:left; color:#666666; margin:0 0 3px 0;}
	.thumbWrapper .bottom a.gray:hover { color:#000;}
	
	.detailsThumbWrapper{white-space:nowrap;  margin:10px 0 0 0}
	.detailsThumbWrapper img, .detailsThumbWrapper img:hover{white-space:nowrap; margin:0 0 0 0; border:0px solid black;}
		
/**/

/*static thumbs*/
.thumbWrapperCategories{display:block; width:1003px; margin:0 0 0 23px;}
	.thumbWrapperCategories div{position:relative; z-index:51; width:312px; height:218px; float:left; margin:0 12px 20px 0;}
	.thumbWrapperCategories .border{position:absolute; z-index:52; width:312px; height:218px;}
	.thumbWrapperCategories .border:hover{background:url(../images/product-categories/borderOn.gif) top left no-repeat; cursor:pointer;}
/**/

.subHeader{position:relative; z-index:11; width:1003px; height:117px; background:url(../images/subHeaderBg.png) top left no-repeat #fff; margin:0 0 40px 0}
.mainTitleWrapper{position:absolute; z-index:10; top:77px; left:187px; width:556px; height:49px;}
.subTitleWrapper{position:absolute; z-index:12; top:77px; left:23px; width:556px;}

.productWrapperLeft{float:left; width:437px; margin-right:33px;}

.productWrapperRight{float:left; width:486px;}
	.productWrapperRight .generalWrapper1{padding-bottom:10px; border-bottom:1px solid #ccc; text-transform:uppercase;}
	.productWrapperRight .generalWrapper2{float:left; width:346px;}
	.productWrapperRight .generalWrapper3{float:right; text-align:right; width:134px;}

.txtWrapperProducts h1{margin:35px 0 21px 0}
.arialText, .arialText2{ font-family:Arial, Helvetica, sans-serif; font-size:12px;}
	.arialText2{ font-size:13px;}

/*----------------------------------------
filter by styles
-----------------------------------------*/
.filterByWrapper{position:absolute; z-index:13; width:369px; height:18px; top:86px; left:614px; font-size:10px;}
#panel {background: #000; margin:0px; width:169px; display:none;}
#panel ul{padding:5px;}
#panel li a, #panel li a:hover{display:block; height:15px; color:#FFFFFF; padding:5px; margin:0 0 1px 0; background:#333}
	#panel li a:hover{background:#444}
a.btn-slide, a.btn-slide:hover {background:url(../images/miscBgs.gif) 0px -99px no-repeat; width:159px; height:13px; padding:5px 0 5px 10px; display:block; color:#fff; text-decoration:none;}

/*----------------------------------------
form styles
-----------------------------------------*/
form{}
input, textarea{ font-family:Arial, Helvetica, sans-serif; color:#999999; font-size:12px; white-space:nowrap; border:1px solid #ccc; padding:3px; width:163px; margin:0 0 3px 0;}
	textarea{ width:290px; height:65px; margin:0 0 0 0; font-size:12px;}

/*----------------------------------------
misc styles
-----------------------------------------*/
.width1{width:1003px;}
.width2{width:954px;}
.fontSize22{font-size:22px;}
.fontSize24{font-size:24px;}
.grayLine{height:1px; line-height:1px; font-size:1px; background:#ccc; margin:20px 0 20px 0}
.upperCase{ text-transform:uppercase}