@import url("base.css");

/* Global Styles
--------------------------------------------------------*/
body {background: #000 url(../images/bg-stripe.jpg) repeat-x top left; padding: 0px 0 0 0; font: 12px "Trebuchet MS", arial, sans-serif;}


#PageSubTable { 
	width: 955px; 
	/*background: #FFF;*/
	}

	#PageSubTable.default #TopBannerCell { height: 251px; } 

	#PageCell { background: transparent url(../images/header.jpg) 50% 0% no-repeat }
	td.product #PageSubTable { background: transparent url(../images/header-product.jpg) 50% 0 no-repeat }
	td.about #PageSubTable { background: transparent url(../images/header-aboutus.jpg) 50% 0% no-repeat}
	td.contact #PageSubTable { background: transparent url(../images/header-contact.jpg) 50% 0% no-repeat }
	td.emaillist #PageSubTable { background: transparent url(../images/header-emaillist.jpg) 50% 0% no-repeat }
	
	#PageSubTable.about #TopBannerCell { height: 135px; } 
	#PageSubTable.product #TopBannerCell { height: 135px; } 
	#PageSubTable.contact #TopBannerCell { height: 135px; } 
	#PageSubTable.emaillist #TopBannerCell { height: 135px; } 
	

/* Form Element Styles */
#Form2 input, #Form2 select {font: 12px Arial, Helvetica, sans-serif; color: #555; line-height: normal}

/* Instructions Box */
#Instruction1_InstructCell {background:#F3F3F3; border: 1px solid #ccc; padding: 7px}

/* Error Messages */
.Messages, .ErrorMessages {font-size: 12px; font-weight: bold; color: #555}
table.formtbl .ErrorMessages {width: 5px}

/* Content Tables */
.ContentTableHeader, .ContentTable, .ContentTableHorizontal, .default #ContentCell .df-cats h2 {color: #555; background: #dedede}
table.optionsbox {border: 1px solid #dedede}

/* Form Styles */
.col2 .c1 {border-right: 1px dashed #ccc}
#Form2 input, #Form2 select {font: 12px Verdana, Arial, Helvetica, sans-serif; color: #555; background: #fff}

/* Type Styles
--------------------------------------------------------*/

/* Global Font Style */
#TopBannerCell, #TopSubBannerCell, #LeftColumnCell,
#RightColumnCell, #FooterCell, #ContentCell, .Content,
#BreadCrumbs1_BreadCrumbs1, .Instructions { font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif}

#LeftColumnCell, #RightColumnCell, #ContentCell { background-color: #FFF;  }

/* Instructions */
.Instructions {color: #555}

/* Page Headlines */
.Headings, #ContentCell h1 {font-size: 14px; font-weight: bold; color: #000; padding-bottom: 5px; margin-bottom: 15px}

/* Sub Headlines */
.subHeadings, #ContentCell h2, .Content h2 {font-size: 14px; font-weight: bold; color: #555; margin-bottom: 15px}
#ContentCell h2.divide {padding-top: 15px; border-top: 1px dashed #ccc}

/* Sub Headlines 2 */
#ContentCell h3 {font-size: 12px; font-weight: bold; color: #555; margin: 0}

/* Body Copy */
.Content {line-height: 18px; color: #555}
#ContentCell p {font-size: 12px; margin: 0 0 15px 0}

/* Static Page List Styles */
.static #ContentCell li {margin: 0 0 15px 0}
.static #ContentCell li ul {margin: 15px 0 0 0; padding: 0; list-style: none}

/* Help Page Back To Top Link */
#ContentCell p.top {text-align: right}
#ContentCell p.top a {padding-left: 20px; background: url(../images/design/c-top.gif) no-repeat 0 50%}

#ContentCell .formtbl td.input p {margin-top: 15px}

/* Body Link Styles */
.Content a, #Instruction1_InstructCell a  {color: #083180; text-decoration: underline}
.Content a:hover, #Instruction1_InstructCell a:hover  {color: #083180; text-decoration: none}

/* TopBanner Styles
--------------------------------------------------------*/
#TopBannerCell {padding: 0; margin: 0; font-size: 10px; color: #555}

#TopBannerCell .logo { width: 100%; position: relative; }
#TopBannerCell .logo img { position: absolute; left: 252px; top: 55px; z-index: 98;}

body.SubPage #TopBannerCell .logo img { top: -55px } 
#TopBannerCell .logo a {color: #555; text-decoration: none; font-size: 20px}
#TopBannerCell .cart {float: right; width: auto; margin-top: 25px}
#TopBannerCell .cartnav li {border-right: 1px solid #555; padding: 0 5px 0 8px}
#TopBannerCell .cartnav li.viewcart a {background: url(../images/carticon.gif) no-repeat 0 50%; padding-left: 18px}
#TopBannerCell .shopcart {margin-left: 10px}
#TopBannerCell .shopcart .items {margin-right: 5px}

#TopBannerCell ul { padding: 0 0 8px 0; margin: 0; list-style: none; float:left}
#TopBannerCell li { display: inline}
#TopBannerCell li a {color: #555; text-decoration: none}
#TopBannerCell li a:hover {text-decoration: underline}
#TopBannerCell .top-nav {display: none}

/* TopBanner Styles
--------------------------------------------------------*/
#TopSubBannerCell {
text-align: center;
padding-bottom: 2px;
border-bottom: 6px solid #000;
z-index: 99;
}
#TopSubBannerCell a {color: #555; text-decoration: none}
#TopSubBannerCell a:hover {text-decoration: underline}
#TopSubBannerCell ul {
margin: 0 0 0 187px; padding: 0; list-style: none; 
}
#TopSubBannerCell li {display: inline; float: left; padding: .75em 0 0 0;}
#TopSubBannerCell li a { display: block; text-align: center; width: 134px; font: 12px "Trebuchet MS"; text-transform: uppercase; border-right: 1px solid #f00; }

#TopSubBannerCell li.Selected { background: url(../images/selected-bg.jpg) 50% 50% no-repeat; }

/*------------------------------------------*/
/* Page Links & Categories */

/* Search */
#TopSubBannerCell .search {height:40px; width:150px; vertical-align:middle; float:right; background: url(../images/bn-nav_right.gif) no-repeat bottom right; margin:10px 0 0 0;}
#TopSubBannerCell .search ul {margin:5px 0 0 0; padding:0;}
#TopSubBannerCell .search li {list-style:none; float:left; font-size:10px; font-weight: normal; margin:0; padding:0;}
#TopSubBannerCell .search li.head {display:none;}
#TopSubBannerCell .search li.button {}
#TopSubBannerCell .search li.button a {background-image:none; padding:0; margin:0;}
#TopSubBannerCell .search li.button img {padding:0; margin:15px 0 0 5px;}
#TopSubBannerCell .search li.textbox {margin:8px 0 0 0;}
#TopSubBannerCell .search li.textbox input {width:115px; height:18px; border:1px solid #ccc; font-size:10px; color:#666;}
#TopSubBannerCell .search li.advsearch {display:none;}
/* Cart Links */
#TopSubBannerCell ul.cartnav {float:left; height:40px; line-height:40px; width:250px; float:left; margin:10px 0 0 0; padding:0 0 0 10px; background: url(../images/bn-nav_left.gif) no-repeat bottom left;}
#TopSubBannerCell .cart {}
#TopSubBannerCell ul.cartnav li {padding:0; margin:0;}
#TopSubBannerCell ul.cartnav li.viewcart a {}
/* Cart Control */
#TopSubBannerCell ul.shopcart {float:left; height:40px; line-height:40px; margin:10px 0 0 0; padding:0; width:300px;}
#TopSubBannerCell ul.shopcart {font-size:10px; font-weight: normal; color:#666;}
#TopSubBannerCell ul.shopcart li.head a {background: url(../images/carticon.gif) no-repeat 0 50%; padding-left:20px;}
#TopSubBannerCell ul.shopcart .items {font-size:10px; font-weight: normal; color:#666;}



/*#MainNav {width: 955px; overflow: auto; position: absolute; left: 0; top: 0; border-bottom: 6px solid #000; padding-bottom: 4px; } */

/*------------------------------------------
END Cmenu Styles Added 12/13/07 DS Design*/

/* LeftColumnNav Styles
--------------------------------------------------------*/
#LeftColumnCell { width:180px; padding: 20px 0 0 20px;  }
#LeftColumnCell #SignUp { width: 140px;  padding: 9px; margin: 0 0 0 25px; background-color: #8CA1BE; } 
#LeftColumnCell #SignUp h2 { white-space: nowrap; padding: 0; margin: 0; color: #fff; font-weight: bold !important; font: 16px "Trebuchet MS"; } 
#LeftColumnCell #SignUp p { color: #fff } 
#LeftColumnCell #SignUp a {padding: 0; margin: 0; color: #fff; font:12px "Trebuchet MS";  background: none; text-decoration: underline } 

#LeftColumnCell #SeeVideo { width: 140px;  padding: 5px 0 0 0; margin: 10px 0 0 25px; } 
#LeftColumnCell #SeeVideo a {background: none;  padding: 0;}

#LeftColumnNav1_custommenu {width: 180px; /*DS*/ margin:0 0 10px 0; /*DS*/}
ul#LeftColumnNav1_CMenubar2_MenuUL {margin: 0; padding: 0; list-style: none;}
#LeftColumnNav1_custommenu h2 {color: #690; font-size: 11px; font-weight: normal; margin: 7px 0 10px 10px; padding: 0}
#LeftColumnNav1_custommenu .lc-nav {margin: 0 0 /*DS*/ 0 /*DS*/ 10px;}
#LeftColumnCell a {text-decoration:none;  padding:3px 0 3px 10px; background:url(../images/lc-arrows.gif) no-repeat 0 50%}

/* Cmenu Styles Added 12/13/07 DS Design 
------------------------------------------*/
/* Page Links & Categories */
#LeftColumnCell ul li {height:auto;}
#LeftColumnCell li {list-style:none; margin:0; padding:0;}
/* Search */
#LeftColumnCell .search {height:55px; vertical-align:middle; margin:8px 0; padding:5px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
#LeftColumnCell .search ul {margin:0; padding:0;}
#LeftColumnCell .search li {list-style:none; font-size:10px; font-weight: normal; margin:0; padding:0;}
#LeftColumnCell .search li.head {font-weight:bold; color:#666; width:100%;}
#LeftColumnCell .search li.button {}
#LeftColumnCell .search li.button a {background-image:none; padding:0; margin:0;}
#LeftColumnCell .search li.button img {padding:0; margin:10px 0 0 5px;}
#LeftColumnCell .search li.textbox {float:left;}
#LeftColumnCell .search li.textbox input {width:100px; height:18px; border:1px solid #ccc; margin:5px 0; font-size:10px; color:#666;}
#LeftColumnCell .search li.advsearch {clear:both; float:none; width:100%; margin:0;}
/* Cart Links */
#LeftColumnCell ul.cartnav {margin:0; padding:0;}
#LeftColumnCell .cart {}
#LeftColumnCell ul.cartnav li {padding:0; margin:0;}
#LeftColumnCell ul.cartnav li.viewcart a {background: url(../images/carticon.gif) no-repeat 0 50%; padding-left:20px;}
/* Cart Control */
#LeftColumnCell ul.shopcart {margin:0; padding:0;}
#LeftColumnCell ul.shopcart {font-size:10px; font-weight: normal; color:#666;}
#LeftColumnCell ul.shopcart .items {font-size:10px; font-weight: normal; color:#666;}
/*------------------------------------------
END Cmenu Styles Added 12/13/07 DS Design*/

/* RightColumnNav Styles
--------------------------------------------------------*/
#RightColumnCell {font-size: 11px; padding: 20px 0 0 0}
#RightColumnCell #rc-wrap {width: 150px}
#RightColumnCell .search {margin: 0; padding: 0}
#RightColumnCell a {color: #000; text-decoration: none; text-decoration: underline}
#RightColumnCell .rc-head h2 {margin: 10px 0; padding: 0; font-size: 15px}
#RightColumnNav1_CMenubar1_dlMenu a {font-size: 11px; line-height: 20px}
#RightColumnCell .cart ul {margin: 0; padding: 0; list-style: none; line-height: 20px}

/* Footer Styles
--------------------------------------------------------*/
#FooterCell {  
padding: 0px 0 0 8px; font-size: 10px; color: #000; 
background: #FFF url(../images/halftones.jpg) 0% 100% no-repeat; 
}
#MenuContainer
{
	height:12px;
	_height:18px;
}
#FooterCell a {color: #555; text-decoration: none; font-size:10px;/*DS margin: 0 10px 0 0;*/}
#FooterCell a:hover {text-decoration: underline}
#FooterCell ul, #FooterCell p {float: left; margin: 0; padding: 0; width: auto}
#FooterCell .powered {/*DS*/ display:none; /*DS float: right; margin: 0; width: auto; margin-top:-21px; _margin-top:-27px;*/}
#FooterCell ul {list-style: none; margin: 0 0 5px 0}
#FooterCell li {display: inline; margin: 0 10px 0 0}
#FooterCell p {clear: both}

/* Cmenu Styles Added 12/13/07 DS Design 
------------------------------------------*/
/* Page Links & Categories */
#FooterCell {margin:0px 0 0 0; padding: 650px 10px 0 220px;}
#FooterCell li {list-style:none; margin:0; padding:0;}
#FooterCell li a {padding:0 3px 0 0;}
/* Search */
#FooterCell .search {height:33px; width:150px; vertical-align:middle; float:right; margin:10px 0 0 0;}
#FooterCell .search ul {margin:5px 0 0 0; padding:0;}
#FooterCell .search li {list-style:none; float:left; font-size:10px; font-weight: normal; margin:0; padding:0;}
#FooterCell .search li.head {display:none;}
#FooterCell .search li.button {}
#FooterCell .search li.button a {background-image:none; padding:0; margin:0;}
#FooterCell .search li.button img {padding:0; margin:8px 0 0 5px;}
#FooterCell .search li.textbox {}
#FooterCell .search li.textbox input {width:115px; height:18px; border:1px solid #ccc; font-size:10px; color:#666;}
#FooterCell .search li.advsearch {display:none;}
/* Cart Links */
#FooterCell ul.cartnav {float:left; height:33px; line-height:30px; width:200px; float:left; margin:5px 0 0 0; padding:0;}
#FooterCell .cart {}
#FooterCell ul.cartnav li {padding:0; margin:0;}
#FooterCell ul.cartnav li.viewcart a {}
/* Cart Control */
#FooterCell ul.shopcart {float:left; height:33px; line-height:30px; margin:5px 0 0 0; padding:0; width:300px;}
#FooterCell ul.shopcart {font-size:10px; font-weight: normal; color:#666;}
#FooterCell ul.shopcart li.head {background: url(../images/carticon.gif) no-repeat 0 50%; padding-left:20px;}
#FooterCell ul.shopcart .items {font-size:10px; font-weight: normal; color:#666;}
/*------------------------------------------
END Cmenu Styles Added 12/13/07 DS Design*/

/* Home Page Styles
--------------------------------------------------------*/

.default #ContentCell { width: 660px; padding: 20px 40px 8px 28px;}
.default #ContentCell .df-welcome {float: left; padding-bottom:10px;}
.default #ContentCell .df-welcome h1 {padding: 0; margin: 10px 0 15px 0px; border: none}
.default #ContentCell .df-welcome img {float: left; margin: 0 10px 4px 10px}
.default #ContentCell .df-welcome p {color:#555; line-height:16px; padding:0 0px;}
.default #ContentCell .df-cats {float: left; margin-top: 20px; width: 100%}
.default #ContentCell .df-cats h2 {font-size: 14px; font-weight: bold; padding: 0; margin: 0 0 15px 0; padding: 3px 0; text-indent: 3px}
.default #ContentCell .df-cats ul {padding: 0; margin: 0; list-style: none; float: left; text-align: center}
.default #ContentCell .df-cats img {border: 1px solid #ccc;}
.default #ContentCell .df-cats li.image {padding:0; margin:0;}

tr#SearchTemplate11_DataGrid1__ctl3_DataList1 table td img {border: 1px solid #ccc}

/* Detail Page Styles
-------------------------------------------------------*/

/* Detail Template 1 */
#ProductDetail11_Swatches_Table1 {padding-right: 10px}
#ProductDetail11_trPrice, #ProductDetail11_trCustomPrice, #ProductDetail11_trSavings {font-size: 12px; font-weight: bold}
tr#ProductDetail11_trDescription td {border-top: 1px dashed #ccc}
tr#ProductDetail11_trDescription td h1 {font-size: 12px; color: #555; text-transform: uppercase}
tr#ProductDetail11_trCategory td {padding-bottom: 10px}
tr#ProductDetail11_trEMailFriend td.button {text-align: left}

/* Detail Template 2 */
tr#ProductDetail21_trDescription td {border-top: 1px dashed #ccc}

tr#ProductDetail21_trDescription td h1 {font-size: 12px; font-weight: bold; color: #555; text-transform: uppercase; margin-bottom: 0; padding: 0; border: none}
#ProductDetail21_trPrice, #ProductDetail21_trCustomPrice, #ProductDetail21_trSavings {font-size: 12px; font-weight: bold}