body{
	background-color:#000; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px;
	margin:0;
	padding:0;
	}
	
h1, h2, h3, h4, p, ul ,li, form {margin:0; padding:0;}

p{ line-height:18px;padding-bottom:12px;}
h1{ font-weight:normal; font-size:22px;padding-bottom:6px}
h2{font-weight:normal; font-size:18px;padding-bottom:6px}
h3{}
ul{
	padding-left:13px;}

#wrapper {width:950px; margin:0 auto;color:#fff;position:relative; background:url(/imgs/wrapper-bg.jpg) repeat-x top left #000;}

/*   Header   */
#logo{width:325px; height:128px;}
#header-right{width:625px;height:106px; background:url(/imgs/hdr-bg.jpg) no-repeat;}
img, div { behavior: url(/common/iepngfix.htc)}

/********************************************************************   Main Navigation  *************************************************************/

#nav{position:absolute; top:58px;left:440px; width:500px;}
#nav ul{list-style-type:none;}
#nav li{display:inline; color:#000;}
#nav li a{color:#000; text-transform:uppercase; text-decoration:none; padding:0 12px; border-right:1px solid #000;}
#nav li a:hover{ color:#eb2b2f}
#nav li a.selected{ color:#eb2b2f; font-weight:bold;}

#nav .view-cart {background:url(../imgs/cart-icon.gif) no-repeat right center; padding-right:14px; border:none;}


/**********************************************************************   Search Box   ******************************************************************/
#search{
	position:absolute;
	top:86px;
	left:763px;
	width: 182px;
}
.search-box {float:left; height:16px; border:1px solid #000;border-right:none;}
.search-btn {height:18px; width:20px;float:left;border:1px solid #000;border-left:none;}
	




#prod-info {width:260px; background:url(/imgs/prod-info-bg.png); width:292px; height:169px; position:relative;}

#prod-info-content {/*top:55px; left:43px*/
	position:absolute;
	top:55px;
	left:43px;
	width: 208px;
	height: 55px;
	overflow:auto;
	overflow-y:hidden;
	overflow-x:hidden;
}
.prod-info-btn {position:absolute; top:133px; left:215px;}



#quick-nav {width:292px; height:137px; background:url(/imgs/quick-nav-bg.png) no-repeat; position:relative;margin-top:6px;}
#quick-nav select{display:block; width:205px;}
#quick-nav .quick-nav-btn{position:absolute; top:117px; left:215px; width:44px; height:11px; border:0px;}
#quick-nav #quick-nav-selections {position:absolute; top:37px; left:38px;}
#quick-nav .quick-nav-txt{padding:2px; font-style:italic;}



.white-gradient { background:url(/imgs/content-bg.jpg) no-repeat top center; padding:20px 37px;width:548px /*(622px)*/}
.white-gradient2 { background:url(/imgs/content-bg2.png) no-repeat top center; padding:30px 37px; min-height:300px; width:548px /*(622px)*/}
.top-img {margin-bottom:14px;}

/********************************************************************************   Footer   *********************************************************************************/

#footer {clear:both; background:url(/imgs/footer-bg.png) repeat-x; height:59px; text-align:right;padding-right:20px;border-top:1px solid #fff; font-size:10px;}
#footer .copyright{padding:5px 0;}
#footer .copyright a, #footer .copyright a:visited{ color:#fff; text-decoration:none;}
#footer .copyright a:hover{ text-decoration:underline;}
#footer .bolderimage{color:#999}
#footer .bolderimage a{color:#999; text-decoration:none;}
#footer .bolderimage a:hover{text-decoration:underline;}

/***  Misc ***/	

.clear{clear:both;}

/******************************************************************************   Product Pages   ******************************************************************************/

/*************************** Product Information Page   ***/

.prod-info {}
.prod-info-hdr{background:url(/imgs/prod-cont-hdr-bg.png) no-repeat top left; width:568px; height:66px; padding:0px 27px;/*(622px)*/ vertical-align:bottom;position:relative;}
.prod-info-content {background:url(/imgs/prod-cont-bg.png) no-repeat top left; width:568px;padding:20px 27px; /*(622px)*/ min-height:400px;}
.prod-info h1{position:absolute; top:42px; left:25px; font-weight:normal; font-size:22px; text-transform:uppercase;}

.prod-info-list { float:left; list-style-type:none; text-transform:uppercase; width:30%;}
.prod-info-list li{padding:3px 0 3px 15px; line-height:14px;}
.prod-info-list li a{text-decoration:none; color:#fff; outline:none;}
.prod-info-list li a:hover{text-decoration:underline;}
.prod-info-list li li{padding:4px 0;}
li.top_level{
	 background:url(../imgs/right_arrow.gif) no-repeat left 5px}
/*****************************   Product Category Page   ************************/

h1.prod-cat-hdr{position:absolute; top:42px; left:38px; font-weight:normal; font-size:22px; text-transform:uppercase;}
.prod-cat-breadcrumbs{position:absolute; top:53px; left:283px; font-weight:normal; font-size:11px;text-transform:uppercase;}
.prod-cat-breadcrumbs a{color:#fff; text-decoration:none;}
#prod-cat-tbl {width:550px;margin-left:15px;}
#prod-cat-tbl td {}
#prod-cat-tbl .prod-cat-prod-info {padding-right:5px; width:280px}
#prod-cat-tbl .prod-cat-btn {padding-bottom:20px;}
#prod-cat-tbl .prod-cat-prod-info .prod-cat-img {float:left; margin-right:10px;}
#prod-cat-tbl .prod-cat-prod-info .prod-cat-desc {width:120px; float:left;}
#prod-cat-tbl .prod-cat-prod-info .prod-cat-desc .prod-cat-title{color:#eb2b2f; font-weight:bold; font-size:11px; text-transform:uppercase; display:block;}
#prod-cat-tbl .prod-cat-prod-info .prod-cat-desc .prod-cat-subtitle{display:block; text-transform:uppercase; padding-bottom:6px; border-bottom:1px solid #fff;}
#prod-cat-tbl .prod-cat-btn {}

.prod-cat-pagination {padding-right:35px;text-align:right;padding-bottom:20px}
.prod-cat-pagination a{padding:3px; border:1px solid #fff; color:#fff; text-decoration:none;}
.prod-cat-pagination a:hover{ background-color:#eb2b2f; color:#000;}
.prod-cat-pagination .prod-cat-pagination-selected{ background-color:#eb2b2f; color:#000;}

/***************************** Product Detail Page   ***************************/

h1.prod-detail-hdr{position:absolute; top:42px; left:390px; font-weight:normal; font-size:22px; text-transform:uppercase;}
.prod-detail-breadcrumbs{position:absolute; top:53px; left:96px; font-weight:normal; font-size:11px;text-transform:uppercase;}
.prod-info-content .prod-info-content-col1 {float:left; width:240px; margin-bottom:10px}
.prod-info-content .prod-info-content-col1 img{margin-bottom:10px}
.prod-info-content .prod-info-content-col2 {
	float:left;
	width:298px;
	padding-left: 30px;
}

h1.prod-detail-title { font-size:16px; text-transform:uppercase; color:#eb2b2f; font-weight:bold; border-bottom:1px solid #fff;}

h1.prod-detail-title em {font-size:11px; font-style:normal; color:#fff;}

.prod-detail-large-img {margin-bottom:8px}
.prod-detail-small-imgs img {float:left; padding:0px 8px 8px 0}


.prod-detail-description {line-height:16px}
.prod-info-avail { text-transform:uppercase; font-size:11px; color:#eb2b2f; font-weight:bold; border-bottom:1px solid #fff;padding-bottom:4px; margin-bottom:4px;}

.option1, .option2 {width:120px;}
.price {padding:16px 0; text-transform:uppercase}
.price-txt{ font-style:italic}
.price-number{font-size:14px; font-weight:bold; text-decoration:underline}


/********************************************************************************* Content   *********************************************************************************/

.content {}
.content a{color:#fff;}
.content a:hover{text-decoration:none;}

/*** About Us Page  ***/
.about-us {}

/*****************************************/

#l-col {float:left; width:325px;}
#l-col a{color:#fff;}
#l-col a:hover{text-decoration:none;}
#r-col {float:left; width:625px}

/************************ Homepage Scroller   *****************/

#prod-spotlight {
	width:622px; 
	height:195px; 
	background:url(/imgs/product-spotlight-bg.jpg) no-repeat top left;
	padding-top:10px;
	}

/* position and dimensions of the navigator */
.navi {
 padding-left:520px;
	width:200px;
	height:20px;
}


/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(/imgs/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
	cursor:pointer;
}

/* mouseover state */
.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -16px;     
}

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 550px;
	height:160px;
	margin-left:14px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
/*.scrollable img {
	float:left;
	margin:20px 5px 20px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	cursor:pointer;
	width:100px;
	height:75px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
*/

.items .sc-item {
	float:left;
	margin:20px 5px 20px 21px;
	padding:2px;
	cursor:pointer;
	width:550px;
	height:160px;

}

.sc-item-img {float:left; width:140px; height:150px;}

.sc-item-description {float:left; padding-left:0px; color:#fff; width: 380px}
.sc-item-description p{ line-height:normal;padding-top: 7px;}
.sc-item-description-title {display:block; border-bottom:1px solid #fff;padding-bottom:7px;}
.sc-item-description-title .selected{color:#ff202d; font-weight:bold;}
.sc-item-description a{color:#ff202d;}
.sc-item-description a:hover{text-decoration:none;}

/* active item */
.scrollable .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../img/scrollable/arrow/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(../img/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

#prod-cat-tbl a{color:#EB2B2F;}
#prod-cat-tbl a:hover{ text-decoration:none;color:#EB2B2F;}

.prod-cat-btn-img {margin-top:10px;}
#lg-img {height:250px;}


