/* BEGIN FILE  */
/* GENERIC STYLE SHEETS FOR ALL PAGES  */
body {
background-color: #000000;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px; 
}

#container {
width: 100%;
margin-left: auto;
margin-right: auto;
min-height: 100%;
position: relative;
padding: 0px;
}

#header {
background-image: url(../images/header_bg.jpg);
background-position: center top;
padding: 0px;
height: 117px;
}

#header {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
margin: 0px;
}

#header a:link {
color: #FFFFFF;
text-decoration: none;
}

#header a:active {
color: #FFFFFF;
text-decoration: none;
}

#header a:visited {
color: #FFFFFF;
text-decoration: none;
}

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

.top_subnav{
font-size: 10px;
color: #FFFFFF;
border-right: 1px dotted #666666; 
margin: 0 0 0 0px; 
padding: 4px 14px 5px 14px; 
float: right;
}

#body {
background-image: url(../images/body_bg.gif);
background-position: center top;
background-repeat: repeat;
padding: 0px;
padding-bottom: -346px;   /* Height of the footer - NEGATIVE NUMBER */
}

#footer {
background-image: url(../images/footer_bg.gif);
background-position: center top;
position: absolute;
width: 100%;
height: 346px;   /* Height of the footer */
}

#container {
height: 100%;
}

#container #header {
position: relative;
z-index: 2;
}

body, td, p, div {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
margin: 0px;
}

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

a:active {
color: #FFFFFF;
text-decoration: none;
}

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

a:hover {
color: #00a200;
text-decoration: none;
}




/* TOP ITEM SUMMARY */
.item_sum{
	color: #fff;
	display: block;
	border: 0px solid #ccc;
	width: auto;
	float: right;
	font-size: 11px;
	margin: 15px 25px 0 15px;
}
.cart_total{
	color: #fff;
	text-decoration: underline;
}

/* TOP ITEM SUMMARY */






.ad_holder {
	margin: 0;
	width: 700px;
	height: 180px;
	overflow: hidden;
}
ul#ad_rotate li img{
	list-style-type: none;
	border: 0px solid #ccc;
	padding: 0px;
	width: 700px;
	height: 180px;
	overflow: hidden;
}




.main_container {
width: 1000px; 
text-align: left; 
margin-left: auto; 
margin-right: auto;
}

.left_container {
width: 240px; 
margin-right: 15px; 
float: left;
}

.left_container_dash {
width: 210px; 
margin: 10px; 
padding: 4px; 
border-bottom: 1px dotted #323232; 
border-top: 1px dotted #323232;
display: inline-block;
}

.container_dash {
margin: 10px; 
padding: 4px; 
border-bottom: 0px dotted #323232; 
border-top: 0px dotted #323232;
}

.container_dash p{
color: #ffffff;
}

.crumb_holder {
margin: 10px; 
padding: 4px;
color: #ffffff;
}

.main_col {
position: relative; 
width: 725px; 
padding: 0px; 
float: left; 
z-index: 1;
}



.left_title {
font-size: 20px;
color: #FFFFFF;
margin: 10px; 
padding: 4px;
}

.left_title_sm {
font-size: 14px;
color: #FFFFFF;
margin: 10px; 
padding: 4px;
}


.search_holder {
width: 700px; 
margin-top: 2px; 
float: right;
}



#prod_item {
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 1px solid #cccccc;
	display: table;
	float: left;
}
#prod_item h1{
	font-size: 13px;
	font-weight: bold;
	margin: 8px 0 4px 0;
}
#prod_item h2{
	font-size: 11px;
	font-weight: bold;
	margin: 0 0 4px 0;
}
#prod_item h3{
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
}
#prod_item div{
	font-size: 12px;
	font-weight: bold;
	color: #CC0000;

}

#prod_item ul{
	list-style-type: none;
	display: inline-block;
	margin: 0;
}

#prod_item li{
	margin: 0 0 0 0;
	width: 175px;
	height: 200px;
	text-align: center;
	float: left;
	border: 1px solid #cccccc;
}
#prod_item img {
	margin: 0px;
	padding: 4px;
	border: 1px solid #000000;
}
#prod_item a:link, #prod_item a:visited, #prod_item a:active{
	margin: 0px;
	padding: 0px;
	display: inline-block;
	color: #FFFFFF;
	text-decoration: none;
	
}
#prod_item a:hover img{
	border: 1px dotted #00a200;
	padding: 4px;
	color: #00a200;
	text-decoration: none;
}








#sub_text{
	font-size: 9px;
	color: #000000;
}
#sub_text h2{
	font-size: 9px;
	color: #000000;
}
#sub_text p{
	font-size: 9px;
	color: #000000;
}







.sub_nav {
font-size: 10px;
color: #FFFFFF;
padding: 2px;
padding-left: 10px;
margin: 1px;
width: auto;
display: block;
line-height: 18px;
border-bottom: 1px dotted #363636;
}


a.sub_nav:hover {
background-color: #00a200;
font-size: 10px;
color: #ffffff;
padding: 2px;
padding-left: 10px;
margin: 1px;
width: auto;
display: block;
line-height: 18px;
}


.sub_nav_holder {
background-color: #191919;
border-left: 1px solid #323232;
border-bottom: 1px solid #323232;
border-right: 1px solid #323232;
border-top: 1px solid #323232;
padding: 10px;
line-height: 24px;
}







#left_nav {
width: 190px;
float:left;

}

#left_nav ul{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
list-style-type: none;
margin: 0px;
padding: 0px;
}

#left_nav li{
display: inline;
/* for IE5 and IE6 */
margin:2px 0px 2px 0px;
}

#left_nav a{
color: #ffffff;
text-decoration: none;
font-size: 11px;
display: block;
padding: 6px;
width: 170px;
background-color: #131313;
border: 0px dotted #B5E3C7;
margin:2px 0px 2px 0px;
}

#left_nav a:link, #left_nav a:visited{
color: #FFFFFF;
text-decoration: none;
}

#left_nav a:hover{
background-color: #333333 ;
color: #FFFFFF;
}

#left_nav li a#current{
border: 0px solid #B5E3C7;
background: #00a200 ;
color: #FFFFFF;
}




#left_sub_nav ul{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
list-style-type: none;
margin: 0px;
padding: 0px;
}

#left_sub_nav li{
display: inline;
/* for IE5 and IE6 */
margin:2px 0px 2px 0px;
}

#left_sub_nav a{
color: #ffffff;
text-decoration: none;
font-size: 11px;
display: block;
padding: 6px;
width: 170px;
background-color: #212121;
border: 0px dotted #B5E3C7;
margin:2px 0px 2px 0px;
}

#left_sub_nav a:link, #left_sub_nav a:visited{
color: #FFFFFF;
text-decoration: none;
}

#left_sub_nav a:hover{
background-color: #313131 ;
color: #FFFFFF;
}

#left_sub_nav li a#current2{
border: 0px solid #B5E3C7;
background: #017301 ;
color: #FFFFFF;
}





.logo_holder_one { 
margin: 0px 12px 8px 0px; 
float: left;
}








.bot_nav {
font-size: 10px;
color: #FFFFFF;
padding: 0px;
padding-left: 10px;
margin: 0px;
width: auto;
display: block;
line-height: 18px;
}


a.bot_nav:hover {
background-color: #00a200;
font-size: 10px;
color: #ffffff;
padding: 0px;
padding-left: 10px;
margin: 0px;
width: auto;
display: block;
line-height: 18px;
}





.green_9 {
font-size: 9px;
color: #00a200;
}

.green_10 {
font-size: 10px;
color: #00a200;
}

.green_11 {
font-size: 11px;
color: #00a200;
}

.green_12 {
font-size: 12px;
color: #00a200;
}

.white_9 {
font-size: 9px;
color: #FFFFFF;
}

.white_10 {
font-size: 10px;
color: #FFFFFF;
}

.white_11 {
font-size: 11px;
color: #FFFFFF;
}

.white_12 {
font-size: 12px;
color: #FFFFFF;
}

.white_14 {
font-size: 14px;
color: #FFFFFF;
}

.white_16 {
font-size: 16px;
color: #FFFFFF;
}

.white_18 {
font-size: 18px;
color: #FFFFFF;
}

.white_20 {
font-size: 20px;
color: #FFFFFF;
}

a.white_20:link {
color: #FFFFFF;
text-decoration: none;
}

a.white_20:active {
color: #FFFFFF;
text-decoration: none;
}

a.white_20:visited {
color: #FFFFFF;
text-decoration: none;
}

a.white_20:hover {
color: #00a200;
text-decoration: none;
}



#cat_text {
	margin: 40px 0 0 0;
	line-height: 18px;
}
#cat_text h1{
	color: #999;
	font-size: 16px;
	font-weight: bold;
}
#cat_text p{
	color: #999;
	font-size: 12px;
}





#gen_but img{
	margin: 0;
	border: 0;
}
#gen_but a:hover {
	filter: alpha(opacity=70); /* here you can set the opacity of box with text */
	-moz-opacity: 0.7; /* here you can set the opacity of box with text */
	-khtml-opacity: 0.7; /* here you can set the opacity of box with text */
	opacity: 0.7; /* here you can set the opacity of box with text */
}


















#search_box {
width: 230px;
height: 22px;
background: url(../images/bg_search_box.gif);
background-repeat: no-repeat;
float: right;
margin-top: 10px;
}

#search_box #s {
float: left;
padding: 0;
margin: 4px 0 0 6px;
padding-left: 20px;
border: 0;
width: 140px;
background: none;
font-size: 12px;
}

#search_box #go {
float: left;
margin-left: 12px;
margin-top: -2px;
}

#search_box img{
	float: left;
	margin: 0 0 0 10px;
	border: 0px solid #cccccc;
}
#search_box a:hover img{
	filter: alpha(opacity=70); /* here you can set the opacity of box with text */
	-moz-opacity: 0.7; /* here you can set the opacity of box with text */
	-khtml-opacity: 0.7; /* here you can set the opacity of box with text */
	opacity: 0.7; /* here you can set the opacity of box with text */
}






#join_box {
width: 200px;
height: 100px;
background: url(../images/emaillist_bg.gif);
background-repeat: no-repeat;
margin: 0 auto;
margin-top: 10px;
}

#join_box #s {
float: left;
padding: 0;
margin: 5px;
border: 0;
width: 185px;
background: none;
font-size: .8em;
}
#join_box img{
	float: right;
	margin: 4px 0 0 10px;
	border: 0px solid #cccccc;
}
#join_box a:hover img{
	filter: alpha(opacity=70); /* here you can set the opacity of box with text */
	-moz-opacity: 0.7; /* here you can set the opacity of box with text */
	-khtml-opacity: 0.7; /* here you can set the opacity of box with text */
	opacity: 0.7; /* here you can set the opacity of box with text */
}




#contact_but img{
	margin: 10px;
	border: 0px solid #cccccc;
}
#contact_but a:hover img{
	filter: alpha(opacity=70); /* here you can set the opacity of box with text */
	-moz-opacity: 0.7; /* here you can set the opacity of box with text */
	-khtml-opacity: 0.7; /* here you can set the opacity of box with text */
	opacity: 0.7; /* here you can set the opacity of box with text */
}
#buy_but img{
	margin: 4px 0 0 10px;
	border: 0px solid #cccccc;
}
#buy_but a:hover img{
	filter: alpha(opacity=70); /* here you can set the opacity of box with text */
	-moz-opacity: 0.7; /* here you can set the opacity of box with text */
	-khtml-opacity: 0.7; /* here you can set the opacity of box with text */
	opacity: 0.7; /* here you can set the opacity of box with text */
}





.bubbleInfo {
    position: relative;
}

.popup {
    position: absolute;
    display: none; /* keeps the popup hidden if no JS available */
}





.left_brands {


border: 1px dotted #333333;
background-color: #000000;
text-decoration: none;
padding: 2px;
margin: 0 3px 6px 3px;
float: left;
}


a.left_brands:link {
border: 1px dotted #333333;
text-decoration: none;
}

a.left_brands:active {
border: 1px dotted #333333;
text-decoration: none;
}

.left_brands:visited {
border: 1px dotted #333333;
text-decoration: none;
}


a.left_brands:hover {
border: 1px dotted #00a200;
text-decoration: none;
}



.cc {
padding: 4px;
margin-right: 6px;
margin-left: 6px;
margin-bottom: 12px;
border: 1px dotted #333333;
text-decoration: none;
background-color: #000000;
float: left;
}


a.cc:link {
border: 1px dotted #333333;
text-decoration: none;
float: left;
}

a.cc:active {
border: 1px dotted #333333;
text-decoration: none;
}

.cc:visited {
border: 1px dotted #333333;
text-decoration: none;
}


a.cc:hover {
border: 1px dotted #00a200;
text-decoration: none;
}





.footer_col {
width: 220px; 
text-align: left; 
margin-left: 10px; 
margin-bottom: 12px; 
padding: 8px; 
float: left;
}



.no_bg {
background-image: url(../images/trans.gif);
background-color: #FFFFFF;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
color: #000000;
}

.no_bg td, p, div {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
margin: 0px;
}







.coming_soon {
background-image: url(../images/bg_03.gif);
background-color: #FFFFFF;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
}


.form_table {
background-color: #191919;
border-color: #323232; 
border-style: solid; 
border-width: 1px;
}

.black_14 {
font-size: 14px;
color: #000000;
}

.black_14 {
font-size: 16px;
color: #000000;
}

.red_10 {
font-size: 10px;
color: #FF0000;
}

.red_12 {
font-size: 12px;
color: #FF0000;
}

a.red_12:link {
color: #FF0000;
text-decoration: none;
}

a.red_12:active {
color: #FF0000;
text-decoration: none;
}

a.red_12:visited {
color: #FF0000;
text-decoration: none;
}

a.red_12:hover {
color: #FF0000;
text-decoration: none;
}

.red_14 {
font-size: 14px;
color: #FF0000;
}

.red_16 {
font-size: 16px;
color: #FF0000;
}

.red_20 {
font-size: 20px;
color: #FF0000;
}

.alert {
font-size: 12px;
color: #FF0000;
}


.disabledtxt {
color: #666666;
text-decoration: none;
}




.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid white;
overflow: scroll; /*leave this value alone*/
width: 700px; /*Width of Carousel Viewer itself*/
height: 90px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: -4px;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 75px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}



.dotted_lines {
background-color: #131313;
border-top: 1px dotted #333333; 
border-bottom: 1px dotted #333333;
}



a.info{
position: relative; /*this is the key*/
z-index:24; 
}

a.info:hover{
z-index:25; 
}

a.info span{
display: none
}

a.info:hover span{ /*the span will display just on :hover state*/
display: block;
position: absolute;
top: 13px; 
left: -160px; 
width: 225px;
padding: 10px;
border: 1px solid #333333;
background-color: #030303; 
color: #FFFFFF;
text-align: left;
}


a.size_bub{
position: relative; /*this is the key*/
z-index:1; 
}

a.size_bub:hover{
z-index:2; 
}

a.size_bub span{
display: none;
z-index:3; 
}

a.size_bub:hover span{ /*the span will display just on :hover state*/
display: block;
position: absolute;
width: auto;
padding: 10px;
border: 1px solid #333333;
background-color: #030303; 
color: #FFFFFF;
text-align: left;
}







.brands_border_off {
background-color: #FFFFFF;
border-style: solid; 
border-width: 4px;
border-color: #000000;
}

.brands_border_on {
background-color: #FFFFFF;
border-style: solid; 
border-width: 4px;
border-color: #00a200;
}










.imageborder_off {
border-style: dotted; 
border-width: 1px;
border-color: #000000;
}

.imageborder_on {
border-style: dotted; 
border-width: 1px;
border-color: #00a200;
}

.imageborder2_off {
background-color: #FFFFFF;
border-style: solid; 
border-width: 4px;
border-color: #000000;
}

.imageborder2_on {
background-color: #FFFFFF;
border-style: solid; 
border-width: 4px;
border-color: #666666;
}

.imageborder3_off {
border-style: solid; 
border-width: 2px;
border-color: #000000;
}

.imageborder3_on {
border-style: solid; 
border-width: 2px;
border-color: #666666;
}


.imageborder4_off {
background-color: #FFFFFF;
border-style: solid; 
border-width: 4px;
border-color: #FFFFFF;
}

.imageborder4_on {
background-color: #FFFFFF;
border-style: solid; 
border-width: 4px;
border-color: #666666;
}

.black_bg {
background-color: #000000;
}

.lt_grey_bg {
background-color: #cccccc;
}

.lt_grey_bg2 {
background-color: #efefef;
}


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


select {
border-color: #CCCCCC;
border-style: solid;
border-width: 1px;
padding: 4px;
font-family: arial, helvetica, verdana, sans-serif;
font-size: 12px;
color: #000000;
}

input, textarea {
border-color: #CCCCCC;
border-style: solid;
border-width: 0px;
padding: 4px;
font-family: arial, helvetica, verdana, sans-serif;
font-size: 12px;
color: #000000;
}

<!--[if lte IE 7]>
<style type="text/css">
html .jquerycssmenu{height: 1%;} /*Holly Hack for IE7 and below*/
</style>
<![endif]-->
/*  END FILE  */