/*General Site Styles*/
a {text-decoration: none;}
a:hover {text-decoration: underline;}
body,ul,li {margin: 0; padding: 0;}
img {border: none; padding: 0; margin: 0;}

body {background-color: #D7E8FA !important; font-family: Tahoma, Arial, Helvetica, sans-serif !important; text-align: center; color: #000;}

#mainContainer {width: 974px; margin: 0 auto; text-align: left; background: url(containerbg.gif) repeat-y top left; padding: 0 19px 0 21px;}

#hd, #bd, #ft {width: 974px; float: left;}

.clear {clear: both;}

/*Header Styles*/
#hd {background: #C3C6D7 url(headerbg.gif) repeat-x top left; position: relative; padding: 5px 0 0;}

.featured-brands {width: 974px; text-align: center; padding: 0 0 30px;}
.featured-brands img {vertical-align: middle; margin: 0 27px;}

.logo-outer {clear: both; width: 974px;}
.logo {width: 130px; height: 131px; position: absolute; top: 44px; left: 9px;}
.logop2 {width: 447px; position: absolute; top: 65px; left: 150px;}

.login {width: 330px; text-align: center; font-size: 12px; color: #000; position: absolute; top: 57px; right: 6px;}
.login span {font-weight: bold; display: block; padding-bottom: 4px;}
.login a {text-decoration: underline; color: #000;}
.login a:hover {text-decoration: none;}

.cart {width: 342px; float: right; background: url(cartbg.gif) no-repeat top left; margin: 45px 6px 0 0; padding: 0 0 0 37px; height: 37px;}
.cart .amount {font-size: 12px; float: left; width: 164px; padding: 13px 0 0; text-align: center;}
.cart .cart-btns {width: 178px; float: right; padding: 7px 0 0;}
.cart .cart-btns img {vertical-align: middle; float: left; margin-right: 4px;}

.header-bar {width: 974px; clear: both; border-top: 2px #e2e5f4 solid; height: 37px;}

/*Leftnav Styles*/
#bd {background: url(bdbg.gif) repeat-y top left;}
#leftNav {width: 190px; float: left; padding-bottom: 100px;}
#bodyContent {width: 772px; float: right; background: url(bodycontent-bg.gif) repeat-x top left; padding: 12px 0 12px 12px; font-size: 12px;}
#bodyContent li {margin-left: 15px;}

.searcharea {width: 180px; background: url(searchbg.gif) no-repeat top left; padding: 32px 0 0 10px; height: 51px; border-bottom: 2px #C3C6D5 solid;}
*:first-child+html .searcharea {padding: 34px 0 0 8px; height: 46px;}
* html .searcharea {padding: 32px 0 0 8px; height: 48px;}
.searcharea form {margin: 0; padding: 0 0 2px; background: #fff; width: 170px;}
*:first-child+html .searcharea form {padding-top: 2px;}
* html .searcharea form {padding-top: 2px;}
.searcharea input {vertical-align: middle;}
.searcharea input.searchInput {font-size: 11px; color: #000; border: 1px #fff solid; width: 133px; padding: 1px 0 0 5px;}
.searcharea a {display: block; padding: 6px 0 0 2px; font-size: 11px; color: #fff; text-decoration: underline;}
.searcharea a:hover {text-decoration: none;}

.shopby {width: 190px; text-align: center; padding: 11px 0;}
.shopby select {width: 166px; font-size: 11px; color: #2B2B2B;}
.shopby select option {padding: 1px 0 0;}

.navigation {width: 190px;}

ul#main {width: 190px;}
ul#main li {list-style: none; width: 190px; margin: 0;}
ul#main li span {font-size: 14px; font-weight: bold; color: #fff; background: #1B1F30 url(leftnav-link-bg.gif) repeat-x top left; padding: 4px 10px 5px 9px; display: block;}
ul#main li ul li a {padding: 4px 10px 4px 25px; font-size: 12px; background: url(leftnav-arrow.gif) no-repeat 15px 52%; border-bottom: 1px #9496A2 solid; font-weight: normal; display: block; color: #fff;}
ul#main li ul li a:hover {background: #E0E3EA url(leftnav-hover-arrow.gif) no-repeat 15px 52%; color: #1366F2;}

.phone {width: 190px; height: 75px; clear: both;}

ul.lower-links {border-left: 1px #9496A2 solid; border-right: 1px #9496A2 solid; width: 188px; background: #F2F2F2;}
ul.lower-links li {border-top: 1px #9496A2 solid; padding: 5px 0 2px 5px; list-style: none; width: 183px; margin: 0;}

.html {width: 184px; padding: 6px 0 6px 6px; border-bottom: 1px #9496A2 solid;}
.html span {display: block; padding: 5px 0 3px 4px;}

.badges {text-align: center; padding: 18px 0; width: 190px;}
.badges img {margin-bottom: 14px;}

/*Footer Styles*/
#ft {margin: 0 auto; display: block; float: none; clear: both; background: url(footer-grad.gif) repeat-x 0 37px; padding-bottom: 100px;}

.footerlinks {width: 974px; text-align: center; background: url(footerlinks.gif) repeat-x top left; font-size: 11px; color: #6773AD; padding: 12px 0;}
.footerlinks a {color: #fff; padding: 0 9px 0 6px;}

.credits {width: 974px; font-size: 11px; color: #2B2D2A; padding: 18px 0 0; text-align: center;}
.credits a {color: #2B2D2A;}

/*Home Page Styles*/
.main-image {width: 772px; margin-bottom: 10px;}

.promotions, .bestSellers {width: 772px; margin-bottom: 12px;}
.bestSellers .title {width: 772px; height: 45px; margin-bottom: 7px;}

table#bestSellersTable tr td.itemCell {text-align: center; vertical-align: top;}
table#bestSellersTable tr td.itemCell img, table.contents-table tr td.imgCell img {max-width: 120px; max-height: 120px;}
table#bestSellersTable tr td.itemCell .imgDiv {height: 128px; vertical-align: middle; padding: 25px 0 0;}

table.contents-table tr td {text-align: center;}
table.contents-table tr td.vsep, table#bestSellersTable tr td.vsep {background: url(sep.gif) repeat-y 50% 0; padding: 0 7px;}
table.contents-table tr td.hsep {height: 12px; background: url(sep.gif) repeat-x 0 50%;}
table.contents-table tr td.imgCell {vertical-align: middle; padding: 10px 0;}
table.contents-table tr td.infoCell {vertical-align: top; padding: 0 0 10px;}
table.contents-table tr td.infoCell .name, table#bestSellersTable tr td.itemCell .name {padding-bottom: 5px;}
table.contents-table tr td.infoCell .name a, table#bestSellersTable tr td.itemCell .name a {color: #2B2B2B; font-size: 12px; text-decoration: underline;}
table.contents-table tr td.infoCell .name a:hover, table#bestSellersTable tr td.itemCell .name a:hover {text-decoration: none;}
table.contents-table tr td.infoCell .final, table#bestSellersTable tr td.itemCell .price {font-weight: bold; color: #1566F3; font-size: 12px;}

.welcome-text {font-size: 12px; width: 732px; background: #D7E8FA; color: #000; padding: 18px 20px 10px;}
.welcome-text a {color: #1365EF; text-decoration: underline;}
.welcome-text a:hover {text-decoration: none;}

/*Info Page Styles*/
.info-title {color: #1466f1; font-size: 20px; font-weight: normal;}

td.infoImg {border: 1px #C5C8D7 solid; padding: 10px 0; text-align: center;}

.testimonials {padding: 16px 0;}

.install-outer {margin-bottom: 21px;}
.install-outer .title {background: #D7E8FA; padding: 6px 10px 6px 12px; font-weight: bold;}
.install-outer .title span.date {color: #1268F3; margin-right: 70px;}
.install-outer .txt {padding: 0 11px;}
.install-outer .txt p {margin: 7px 0;}
.install-outer .txt a {text-decoration: underline; color: #1465F2;}
.install-outer .txt a:hover {text-decoration: none;}

/* BUTTONS
----------------------------------------------- */
/******* ACTION BUTTON *******/

/* Both browsers apply these styles to the action button */
.actn_button_color {
	border:3px double #5C99FF;
	cursor:pointer;
	white-space:nowrap;
	padding:2px 3px 2px 3px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-align:center
}
/* IE uses the filter for the blend */
.actn_button_color {
	* filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffff',EndColorStr='#CCE6F9')
	}
/* FireFox uses a background color and white gradient image for the blend */
html>body .actn_button_color {
	background: #0D62F0;
}
/******* BEGIN FIREFOX HOVER FOR ACTION BUTTON *******/
.actn_button_color.actn_button:hover {
	border:3px double #5C99FF;
	color:#fff;
	background: #0D62F0;
}	
/******* END FIREFOX HOVER FOR ACTION BUTTON *******/

/******* REGULAR BUTTON *******/
/* Both browsers apply these styles to the regular button */
.button_color {
	border:3px double #8FB6DB;
	cursor:pointer;
	white-space:nowrap;
	padding:2px 3px 2px 3px;
	font-family:Arial, Helvetica, sans-serif;
	color:#444444;
	font-size:12px;
	font-weight:bold;
	text-align:center
}
/* IE uses the filter for the blend */
.button_color {
	* filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffff',EndColorStr='#EDF3F7')
}
/* FireFox uses the background-color and white gradient image for the blend */
html>body .button_color {
	background: #C7E5FB url("<ss:value source="$system.styleImage['white_gradient.png']"/>") repeat-x top
}
/******* BEGIN FIREFOX HOVER FOR REGULAR BUTTON *******/
.button_color.button:hover {
	border:3px double #54A2EB;
	color:#444444;
	background: #B3D8F4 url("<ss:value source="$system.styleImage['white_gradient.png']"/>") repeat-x top
}
/******* END FIREFOX HOVER FOR ACTION BUTTON *******/

/******* SPECIAL BUTTON STYLES*******/
.btn_small_update, .btn_small_change {
	font-size:9px
}		
.btn_update {
	font-size:9px
}	
.btn_continue {
	width:170px;
	padding:4px
}
.btn_add_to_cart{
	width:80px;
	* height:23px;
	font-size:11px;
	margin-top:5px;
	* padding:1px 0px 0px 0px
}
html>body .btn_add_to_cart {
	height:15px;
	padding:1px 0px 0px 0px
}
.btn_buy_it_now {
	width:80px;
	font-size:11px;
	margin:5px 0px 0px 5px;
	padding:0px
}
.btn_proceed_to_checkout {
  padding:2px 2px 2px 25px;
  width:190px;
  height:32px
}	
.btn_ordering_info {
 font-size:11px;
 width:150px
}
/******* END SPECIAL BUTTON STYLES*******/

#imgMedium {max-width: 200px;}

/* box around product detail quantity and add to cart button
----------------------------------------------- */
.quantity {
	border:1px solid #CCCCCC; 
	width:250px; 
	white-space:nowrap;
	padding:10px
}

/* ADDED TO CART home page, product list and product detail pages
----------------------------------------------- */
.added_to_cart {
	background-color:#E2E5F4;
	border:1px solid #2B396E;
	margin:5px 0px 5px 0px;
	font-family:<ss:value source=$font.paragraph.face/>;
	font-size:<ss:value source=$font.paragraph.pixelSize/>px;
	color:#333333
	}
.added_to_cart A:link, .added_to_cart A:visited, .added_to_cart A:hover, .added_to_cart A:active {
	font-family:<ss:value source=$font.paragraph.face/>;
	font-size:<ss:value source=$font.paragraph.pixelSize/>px;
	color:#333333
	}

/* PRICE 
product list and some home pages
----------------------------------------------- */
.small_price {
	color:<ss:value source=$font.subheading.color/>;
	font-family:<ss:value source=$font.subheading.face/>;
	font-size:<ss:value source=$font.paragraph.pixelSize/>px;
	font-weight:bold
}

/* product detail page */
.large_price {
	color:<ss:value source=$font.subheading.color/>;
	font-family:<ss:value source=$font.subheading.face/>;
	font-size:<ss:value source=$font.subheading.pixelSize/>px;
	font-weight:bold
}

/* TABS 
product detail page
----------------------------------------------- */
.tabcontainer {
	width:100%;
	position:relative;
	color:#ffffff
}
.tab_on {
	color:#fff !important;
	font-weight:bold;
	text-align:center;
	margin-top:10px;
	border-top:1px solid #74767E;
	border-left:1px solid #74767E;
	border-right:1px solid #74767E;
	background-color:#2B396D;
	padding:3px;
	width:165px;
	float:left;
	display:inline;
	white-space:nowrap
	}
.tab_off {
	color:#fff;
	font-weight:normal;
	text-align:center;
	margin-top:10px;
	border-top:1px solid #74767E;
	border-left:1px solid #74767E;
	border-right:1px solid #74767E;
	background-color:#D7E8FA;
	padding:3px;
	width:165px;
	float:left;
	cursor:pointer;
	display:inline;
	white-space:nowrap
	}
.descriptioncontainer {
	width:100%;
	position:relative
}
.detaildesc {
	border-top:4px solid #74767E;
	border-left:1px solid #74767E;
	border-right:1px solid #74767E;	
	border-bottom:2px solid #74767E;
	padding:10px;
	margin-bottom:10px;
	width:97%;
	text-align:left
}

.detaildesc li {margin-left: 15px;}

/****** MULTIPLE IMAGES ****** product detail page */
.click {cursor:pointer}
.imagesmallcontainer {
	background-color:#ffffff;
	border:2px solid #CCCCCC;
	float:left;
	height:65px;
	margin:8px 4px 2px 0px;
	overflow:hidden;
	width:65px
}
.hoverover {
	clear:both;
	float:left;
	font-size:11px;
	padding-bottom:2px;
	padding-top:2px;
	width:300px
}
.notavailable {
	background-color:#ffffff;
	border:1px solid #cccccc;
	color:#666666;
	padding:10px;
	text-align:center
}
/* ALL CATEGORIES PAGE
----------------------------------------------- */
.category_outline {
	width:99%;
	border:1px solid #dddddd;
	text-align:center;
	margin:5px;
	padding:0px
}
.chain {
	text-align:left;
	margin-left:5px;
	font-size:13px;
	padding:4px;
	font-weight:bold;
	color:#666666
	}
.chain A:link, .chain A:visited, .chain A:active, .chain A:hover {
	font-family:<ss:value source=$font.paragraph.face/>;
	color:<ss:value source=$font.subheading.color/>;
	font-size:13px;
	}
.all_categories {
	width:220px
}
.all_categories A:link, .all_categories A:visited, .all_categories A:active, .all_categories A:hover {
	font-family:<ss:value source=$font.paragraph.face/>;
	color:<ss:value source=$font.paragraph.color/>;
	font-size:<ss:value source=$font.paragraph.pixelSize/>px;
	font-weight:normal
	}
.parent {
	margin-top:3px;
	margin-bottom:3px
}
.parent A:link, .parent A:visited, .parent A:active, .parent A:hover {
	font-weight:bold
	}
.parent_more {
	font-weight:bold;
	margin-top:5px;
	color:<ss:value source=$font.subheading.color/>
}
.parent_more A:link, .parent_more A:visited, .parent_more A:hover, .parent_more A:active {
	font-weight:bold;
	color:<ss:value source=$font.subheading.color/>
	}		
.sub_category {
	margin-top:5px;
	margin-bottom:5px
	}
.sub_category_more {	
	font-weight:bold;
	color:<ss:value source=$font.subheading.color/>
	}	
.sub_category_more A:link, .sub_category_more A:visited, .sub_category_more A:hover, .sub_category_more A:active {
	margin-left:1px;
	font-size:11px;
	font-weight:bold;
	color:<ss:value source=$font.subheading.color/>
	}	

.viewAllCategories {
	padding:6px 4px 6px 25px;
	line-height:normal;
	display:block;
	border-bottom:4px solid <ss:value source=$font.subheading.color/>;
	font-weight:100;
}

.viewAllCategories a:link, .viewAllCategories a:visited {
	color:<ss:value source=$font.subheading.color/>;
	text-decoration:none;
	font-weight:bold
}

.viewAllCategories a:hover {
	text-decoration:underline;
	background-color:#edecec
}	
/* CHECKOUT BREADCRUMB
----------------------------------------------- */
.breadcrumb_on {
	font-family:<ss:value source=$font.paragraph.face/>;
	color:<ss:value source=$font.subheading.color/>;
	padding-right:3px;
	font-size:13px;
	font-weight:bold;
	white-space:nowrap;
	vertical-align:middle
}
.breadcrumb_off {
	font-family:<ss:value source=$font.paragraph.face/>;
	color:<ss:value source=$font.paragraph.color/>;
	padding-right:3px;
	font-size:13px;
	white-space:nowrap; 
	vertical-align:middle
}
.clear {
	clear:both
	}
.floatRight {
	float:right
	}
.floatLeft {
	float:left
	}
.note {
 	font-family:<ss:value source=$font.paragraph.face/>;
	color:<ss:value source=$font.paragraph.color/>;
	font-size:12px
	}	

/*Section Page Styles*/
h2.secTitle, h2.itemTitle, h2.cartTitle {margin: 0; padding: 12px 17px; font-size: 24px; font-weight: normal;}

#breadcrumbs {color: #CEA81F; font-size: 11px; padding: 0 17px 22px;}
#breadcrumbs img {vertical-align: middle; margin: -1px 4px 0 6px;}
* html #breadcrumbs img {margin-bottom: -2px; margin-top: 0;}
#breadcrumbs a {text-decoration: underline; color: #4E483C;}
#breadcrumbs a:hover {text-decoration: none;}

#itemWrapper {padding: 0 17px 15px;}
td.sectionImg {padding: 0 10px;}
td.sectionDes {font-size: 12px; padding: 0;}

#ctrlTop, #ctrlBottom {margin-left: 10px; background: #F1EFE0; width: 764px; padding: 5px 0;}
#ctrlTop td, #ctrlBottom td {font-size: 12px;}
#ctrlBottom {margin-top: 14px;}

#section {padding: 0 10px;}

h3.sub-title {color: #766f64; font-size: 18px; padding: 14px 0 12px; margin: 0; font-weight: normal; text-align: left;}

table#contents-table tr td {text-align: center; width: 20%;}
table#contents-table tr td.vertical-seperator {background: url(vsep.gif) repeat-y 100% 0; padding: 0 12px;}
table#contents-table tr td img.itemimg {margin: 10px 0;} {vertical-align: middle; padding: 10px 0;}
table#contents-table tr td a.name  {color: #4d473e; font-size: 12px; text-decoration: underline; display: block; padding-bottom: 7px;}
table#contents-table tr td a.name:hover {text-decoration: none;}
table#contents-table tr td .final {font-weight: bold; color: #ccaa1e; font-size: 12px;}

/*Item Page Styles*/
.item-top {width: 764px; padding: 6px 10px 25px; float: left;}
.item-top .imgDiv {width: 440px; text-align: center; float: left;}
.item-top .imgDiv .item-insets {padding: 7px 0 0;}
.item-top .imgDiv .item-insets .imagesmallcontainer {display: inline; margin: 7px;}

.item-top .item-info {width: 315px; float: right;}
.item-top .item-info table.inner tr th {padding: 6px 10px 6px 8px; width: 81px; background: #E3E2CE; vertical-align: middle; font-size: 12px; font-weight: bold; border-bottom: 1px #fff solid; border-right: 3px #fff solid; text-align: left;}
.item-top .item-info table.inner tr td {padding: 6px 10px 6px 8px; background: #F1EFE0; vertical-align: middle; font-size: 12px; font-weight: normal; border-bottom: 1px #fff solid; text-align: left;}
.item-top .item-info table.inner tr td.sale {color: #CAAB1C; font-weight: bold;}

table.actionButtons {background: #F7F5E8;}
table.actionButtons tbody {width: 315px;}
td.cartCell {background: #F7F5E8; text-align: center; padding: 12px 0;}

.prodDesc {clear: both; width: 784px;}
.prodDesc .prodDescText {padding: 20px 18px; font-size: 12px; line-height: 16px;}

.pages a {text-decoration: underline; color: #4E473F;}
.pages a:hover {text-decoration: none;}

td.buttons {width: 140px;}
td.buttons img {margin: 0 2px;}

/*Cart Styles*/
.cartDiv {padding: 0 10px; font-size: 12px;}
.cartDiv td {font-size: 11px;}
.cartDiv td .hr {background: url(cart-sep.gif) repeat-x 0 50%;}

.cartDiv td.cart-subtitle {background: #E3E2CE; font-size: 12px; font-weight: bold; color: #4C483D; padding: 8px 0 8px 10px;}

tr.titleRow td {font-size: 11px;}

td.remove-cell, td.quantity-cell, td.sku-cell, td.desc-cell, td.price-cell, td.total-cell {vertical-align: middle; font-size: 11px; padding: 0;}
td.remove-cell {width: 72px; text-align: left; padding-left: 10px;}
td.remove-cell a {color: #9B9B9B;}
td.quantity-cell {width: 60px; text-align: center;}
td.quantity-cell input {width: 25px; text-align: right; font-size: 11px;}
td.sku-cell {width: 142px; text-align: center;}
td.desc-cell {width: 328px;}
td.desc-cell a:visited {color: #4D463C;}
td.price-cell {width: 60px; text-align: right;}
td.total-cell {width: 102px; text-align: right; padding-right: 10px;}

.boldNum {font-weight: bold; color: #C9AA1C;}

.cartLinks {text-align: center;}
.cartLinks a {font-weight: bold; color: #4E473F; text-decoration: underline;}
.cartLinks a:hover {text-decoration: none;}

/*Checkout Styles*/
#container {padding: 0 0 0 10px;}
* html #container {padding: 0;}
#container #content {width: 90%;}
#container #content td {font-family: Tahoma, Arial, Helvetica, sans-serif; color: #4E473F; font-size: 11px;}
#container #content td a {color: #4E473F;}
#container #content tr#guestcheckoutbtn td, #container #content tr#registertbtn td, #container #content tr#signinbtn td {padding: 3px 0;}

#shipaddresssection, #shipmethodsection, #paymentsection, #confirmsection {padding-bottom: 2px;}