@charset "utf-8";

/***** STYLES INSIDE <DIV ID="CONTENT"> *****/



.intro {margin:0px 0 0 15px;}



/* FEATURED PRODUCTS - HOMEPAGE*/

.featured {margin:17px 30px 0 0; width:258px;}

.featured .title {font-size:18px; padding-left:5px;}

.featured ul {padding:21px 0px 0px 5px; }

.featured ul li {padding:0px 0px 30px 0px; height:80px;}

.featured ul li .image { border:4px solid #1c1c1c; padding:0; margin:0}

.featured ul li .image img {width:80px; height:80px; border:0; padding:0; margin:0}

.featured ul li .text { width:155px; font-size:9px; color:#e1e1e1; padding-left:10px;}

.featured ul li .text p a {font-size:12px; color:#FFFFFF; font-weight: normal}

.featured ul li .text p a:hover { text-decoration: underline; color:#FFFFFF;}

.featured ul li a {font:bold 9px Tahoma, Geneva, sans-serif; color:#e1e1e1; text-decoration:none; padding:0; margin:0}

.featured ul li a:hover {color:#FFFFFF;}



/* HOMEPAGE - AFTER SWF IMAGE*/

.home { display:none; width:670px; margin:0px 0 33px 30px;}

.home img { padding:15px 9px 19px 20px;}



/* BREADCRUMS */

.breadcrumb { color:#FFFFFF; width:943px; background-color:#303030; margin-left: 30px; font: 9px Tahoma, Geneva, sans-serif; padding:4px 0 0 0; height:15px; text-transform:uppercase}

.breadcrumb a { text-decoration:none; color:#FFFFFF; padding: 0 6px 0 6px; text-transform:uppercase}

.breadcrumb a:hover { color:#d8d8d8;}

.breadcrumb .nav {width:309px;}



.box { background-color:#4b4b4b; padding-top:14px; }

.box .title {font-size:18px; padding:0 0 0 19px; text-transform:capitalize}



.interior {width:943px; margin: 0px 0px 30px 30px;}

.maincolumn { width:325px;}

.column {width:309px; }



.boxprod { background-color:#4b4b4b;}

.boxprod .title {font-size:18px; padding:16px 0 0 20px; text-transform:capitalize;} 

.boxprod .description {font-size:12px; text-transform:none; padding:20px 20px 0 20px;} 

.boxprod .description img { vertical-align:top; margin:0px 0px 20px 20px; border:5px solid #333; float:right}



/* PRODUCT LISTING TOOLBAR */

.toolbar { padding:20px 20px 5px 0px;}

.toolbar li { display: block; float: left; padding: 9px 9px 0 9px ; background-color:#343434; height:24px; margin-left:10px; text-transform:uppercase; text-align:center; font: 10px "Lucida Sans Unicode", "Lucida Grande", sans-serif; white-space:nowrap;}

.toolbar li a { text-decoration:underline; color:#CCC; font: 10px "Lucida Sans Unicode", "Lucida Grande", sans-serif }

.toolbar li a:hover { color:#FFF; font: 10px "Lucida Sans Unicode", "Lucida Grande"; text-decoration:none;}

.toolbar li select { background-color:#343434; color: #FFF; font: 9px Arial, Helvetica, sans-serif; vertical-align:top}

.toolbar li ol { color:#CCC; font: 10px "Lucida Sans Unicode", "Lucida Grande", sans-serif; padding: 0; margin:0px}

.toolbar li ol li { color:#CCC; font: 10px "Lucida Sans Unicode", "Lucida Grande", sans-serif; padding: 0; margin-right:5px}





/* PRODUCT LISTING - GRID MODE */



.productgrid { margin:15px 12px 0px 19px;}

.productgrid .product { margin: 0 7px 7px 0; }



.invisible{ visibility:hidden}

div.imagefx{ float: left; width: 221px;	height: 221px; overflow:hidden;	position:relative;}

div.overimg{ width: 221px; height: 221px;	background:url(../images/overimg.png) no-repeat; position:absolute;	left: 0; top: 0; z-index: 100; zoom:1;}

div.imagefx span.title{  padding:0; display:block; width: 221px; text-align:center; float:left; cursor:pointer; margin-top:117px; font: bold 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;}

div.imagefx span.price{ padding:0; display:block; width: 221px; text-align:center; clear: both; font-size: 12px; margin-top: 5px; float:left; cursor:pointer;}

div.imagefx span.description span.price .range{	float: left; font: 10px "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-transform:uppercase; width:65px; text-align:right; padding:5px 0 0 2px;}



div.imagefx a.fader_link{position:absolute;	display:block;width: 221px;	height: 221px; left: 0; top: 0; z-index: 11; border: solid 1px #ff0000;	}

div.imagefx .inner_text a {	display:block;	width:221px; height:221px; text-decoration:none}	






/* PRODUCT LISTING - LIST MODE */


.productlist { margin:15px 0px 0px 20px; width:903px;}

.productlist .productlarea { background-color:#545454; margin-bottom:20px; padding:20px;}

.productlist .imagelist img { border:0 }

.productlist .textlist { margin-left: 20px; width:736px;}

.productlist .titlelist { font: 15px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#FFF; text-transform:capitalize}

.productlist .descriptionlist {font: 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#b9b9b9; padding-top:10px;}

.productlist .price {display: block; float: left; width: 179px; background-color:#343434; height:26px; font: 18px "Lucida Sans Unicode", "Lucida Grande", sans-serif; padding: 3px 0 0 0px; text-align:center; margin:0px 0px 10px 0px}

.productlist .price .range { float: left; font: 10px "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-transform:uppercase; width:70px; text-align:right; padding:5px 0 0 2px;}

.productlist .price .tax { float: left; font: 10px "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-transform:uppercase; width:44px; text-align:right;padding:5px 0 0 2px;}



/* PRODUCT LISTING - BUTTONS */

.formbutton1 { display: block; float: left; width: 179px; background-color:#343434; height:29px; margin:0px 0px 10px 0px; font: normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; padding: 0 0 0 0px; border: 0; color:#FFFFFF; text-transform:uppercase; text-align:center; cursor:pointer}



a.linkbutton1:link, a.linkbutton1:active, a.linkbutton1:visited { display: block; float: left; width: 167px; background-color:#3f3f3f; height:23px; margin:0px 0px 10px 0px; font: normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; padding: 6px 0 0 3px; border: 0; color:#d9d9d9; text-transform:uppercase; text-align:center; text-decoration:none }

a.linkbutton1:hover {color:#FFFFFF; background-color:#4b4b4b}



.outstockmsg { display: block; float: left; width: 176px; background-color:#343434; height:22px; margin:0; font: normal 10px "Lucida Sans Unicode", "Lucida Grande", sans-serif; padding: 7px 0 0 3px; border: 0; color:#EEEEEE; text-transform:uppercase; text-align:center;}





.boxprod .subtitle {



	PADDING-RIGHT: 0px; PADDING-LEFT: 20px; FONT-SIZE: 12px; PADDING-BOTTOM: 10px; TEXT-TRANSFORM: uppercase; PADDING-TOP: 0px



}



.matchimages {



	MARGIN-LEFT: 20px



}



.matchimages IMG {



	PADDING-RIGHT: 8px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 8px; PADDING-TOP: 0px



}



.two-columns {



	HEIGHT: 280px



}



UL.shopoptions {



	MARGIN: 63px 0px 0px 19px



}



UL.shopoptions LI {



	DISPLAY: block; FLOAT: left; FONT: 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; WIDTH: 134px; MARGIN-RIGHT: 2px; HEIGHT: 28px; BACKGROUND-COLOR: #343434



}



UL.shopoptions LI A {



	PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 10px; PADDING-BOTTOM: 6px; FONT: 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; COLOR: #d9d9d9; PADDING-TOP: 6px; TEXT-ALIGN: center; TEXT-DECORATION: none



}



UL.shopoptions LI A:hover {



	BACKGROUND-COLOR: #272727



}



UL.shopoptions LI P {



	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px



}



.prodoptions {



	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; PADDING-BOTTOM: 6px; MARGIN: 20px auto; WIDTH: 254px; PADDING-TOP: 6px; BACKGROUND-COLOR: #272727



}



.prodoptions .title {



	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; FONT: 10px "Lucida Sans Unicode", "Lucida Grande", sans-serif; TEXT-TRANSFORM: uppercase; PADDING-TOP: 0px



}



.prodoptions FORM {



	MARGIN-TOP: 10px



}



.prodoptions SELECT {



	BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #fff 1px solid; WIDTH: 120px; COLOR: #d9d9d9; BORDER-BOTTOM: #fff 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 20px; BACKGROUND-COLOR: #272727



}



.prodoptions .select-small {



	BORDER-RIGHT: #d9d9d9 1px solid; BORDER-TOP: #d9d9d9 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #d9d9d9 1px solid; WIDTH: 50px; COLOR: #d9d9d9; BORDER-BOTTOM: #d9d9d9 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 20px; BACKGROUND-COLOR: #272727



}



.shipping {



	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FLOAT: left; PADDING-BOTTOM: 6px; FONT: 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif; MARGIN-LEFT: 20px; WIDTH: 154px; PADDING-TOP: 6px; HEIGHT: 38px; BACKGROUND-COLOR: #545454



}



.shipping P {



	MARGIN-BOTTOM: 6px; LETTER-SPACING: -1px



}



.sendtoafriend {



	FLOAT: left; MARGIN-BOTTOM: 2px; FONT: 10px "Lucida Sans Unicode", "Lucida Grande", sans-serif; MARGIN-LEFT: 2px; TEXT-TRANSFORM: uppercase; WIDTH: 100px; HEIGHT: 24px; BACKGROUND-COLOR: #545454; TEXT-ALIGN: center



}



.sendtoafriend A {



	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; COLOR: #d9d9d9; PADDING-TOP: 5px; TEXT-DECORATION: none



}



.sendtoafriend A:hover {



	BACKGROUND: #3c3c3c



}



#image-loader {



	DISPLAY: none



}



.imagezoom {



	PADDING-RIGHT: 28px; PADDING-LEFT: 28px; Z-INDEX: 9; BACKGROUND: url(../images/slider_bg.gif) #171414 no-repeat 50% 15px; PADDING-BOTTOM: 0px; MARGIN: 0px auto 13px; CURSOR: pointer; PADDING-TOP: 0px; POSITION: relative; HEIGHT: 40px



}



.image-zoom {



	PADDING-RIGHT: 28px; PADDING-LEFT: 28px; Z-INDEX: 9; BACKGROUND: url(../images/zoom-bg.gif) no-repeat 50% 1px; PADDING-BOTTOM: 0px; MARGIN: 0px auto 13px; CURSOR: pointer; PADDING-TOP: 0px; POSITION: relative; HEIGHT: 40px



}



.zoom {



	BACKGROUND: url(../images/loader.gif) no-repeat 50% 30%



}



.press{ background:#303030; width:420px; padding:10px; margin-bottom:20px; min-height:173px; height:auto !important; height:173px;}



.press .title{font: bold 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-transform:uppercase; padding:0; padding-bottom:10px}



.press img{ float:left; margin-right:20px;}



.padding-20 {padding:20px; padding-top:5px; font: 13px "Lucida Sans Unicode", "Lucida Grande";}



.padding-20 img{ border:4px solid #1c1c1c; }



.padding-20 a:hover img{ border:4px solid #4B4B4B; }

a{

color:#FFFFFF;

}