﻿body {
/*	width: 983px;
	margin: 0 auto; */
	background: transparent url('../images/bg-hp-tile.jpg') top left;
	font: 12px Arial, sans-serif;
	color: #999;
	line-height: 1.3em;
}

a, a:visited { text-decoration: none; color: #ae1a1f;}
a:hover { text-decoration: underline; }
a.small { font-size: 10px; }
a.alt, a.alt:visited { color: #5b5c5e; }

a.backlink { padding-left: 14px; background: url('../images/arrow-left.gif') center left no-repeat; }
h1 { font-size: 24px; font-weight: bold; color: #9c988a; margin-bottom: 12px;}

h2 { font-size: 16px; font-weight: bold; color: #999; margin-bottom: 8px; line-height: 1.1em;}
h2.alt { color: #9c988a; }
h3 { font-size: 15px; color: #5b5c5e; margin-bottom: 8px; font-weight: bold;}
h4 { font-weight: bold; margin-bottom: 8px;}
h5 { font-weight: bold; font-size: 14px; margin-bottom: 8px; color: #9c988a; }
h6 { font-weight: bold; font-size: 12px; margin: 12px 0; color: #999; }

.border { border: 1px solid #c2c2c1; }
.inline { display: inline; }
.normal { font-weight: normal; }

p { margin-bottom: 8px;}

blockquote { margin: 8px 0;}

sup { font-size: 10px; vertical-align: 4px;}
.border { border: 1px solid #c2c2c1; }
.padding { padding: 16px 28px; }

.left { float: left; }
.right { float: right; }

strong { font-weight: bold; }

input { color: #999; font: 12px Arial, sans-serif;}

input.standard { width: 170px; }

input.fixed-width { width: 120px; }
.product-info-fr-CA input.fixed-width { width: 150px; }

.checkbox-contain {margin: 8px 0; display: inline-block; }
.checkbox-contain .checkbox { float: left; }
.checkbox-contain .checkbox-label {
	float: left;
	font-size: 11px;
	margin-left: 4px;
	padding-top: 2px;
}

.callout { color: #5b5c5e; font-weight: bold; }
.callout-subtext { font-size: 11px; }

.clear { clear: both; }
/* ------------------------ Global Landing Page ----------------------------- */

body.global {
	margin: 0 auto;
	background: #FFF url('/images/bg-hushpuppies-global.jpg') top center no-repeat;
}

.global-contain {
	width: 975px;
	height: 930px;
	float:left; 
}

.global-content {
	position: relative;
	top: 254px;
	left: 444px;
	font-size: 12px;
	line-height: 1.6em;
	width: 300px;
}

.global-content h1 { font-size: 18px; color: #9c988a; font-weight: bold; margin-bottom: 8px;}

ul.global-select li a, ul.global-select li a:visited {
	color: #5b5c5e;
	font-weight: bold;
}

ul.global-select li li a, ul.global-select li li a:visited {
	margin-left: 12px;
	font-weight: normal;
}

.globalAds {height:92px;}
.romAd {float:left;margin:3px 0 3px 3px;}
div.global-email-signup {background:#FFF url('../images/mailerBG.jpg') 0 0 no-repeat;float:left;height:76px;margin:3px 3px 3px 0;padding-left:10px;padding-top:10px;width:364px;}
div.global-email-signup p {color:#666666;width:225px;}
div.global-email-signup form input.email-box {background:url('../images/global_emailfield.gif') 0 0 no-repeat;margin-right:20px;width:193px;}
div.global-email-signup form input.email-box-fr-CA { width: 204px; }
/*div.global-email-signup form span.button{background-position:left -90px;}*/
/*div.global-email-signup form span.button input {background-position:right -90px;}*/


/* ------------------------ Wrapper ---------------------------- */

.wrapper {
	margin: 0 auto;
	position: relative;
	width: 983px;
}

/* ------------------------ Header ----------------------------- */

.header-contain {
	background: transparent url('../images/bg-header.gif') top left repeat-x;
	width: 975px;
	height: 114px;
	float: left;
	overflow: visible;
}

.header {
	border: 1px solid #c2c2c1;
	margin: 3px;
	height: 106px;
}

.header .logo {
	float: left;
}

/* ------------------------- Utility ---------------------------- */

.header-utility {
	float: right;
	margin-right: 15px;
	position: relative;
	z-index: 10;
	width: 550px;
}

.utility {
	margin-top: 16px;
	margin-right: 12px;
	color: #5c5c5e;
	font-size: 11px;
	float: left;
	width: 380px;
}

.utility a, .utility a:visited {
	color: #5b5c5e;
}

.utility ul { list-style: none; float: right; }

.utility ul li {
	float: left;
	display: inline;
	padding: 0 6px 0 5px;
	margin: 0;
	height: 16px;
	background: transparent url('../images/bg-footer-divider.gif') center right no-repeat;
}

.utility li.last { padding-right: 0; background: none;}

.promote {
	float: right;
	margin-top: 6px;
}

.promote-left {
	font-size: 13px;
	color: #5b5c5e;
	height: 22px;
	background: transparent url('../images/bg-promote.gif') top left no-repeat;
	padding: 6px 4px 0 12px;
	float: right;
	width:290px;
}

.promote-right {
	height: 28px;
	width: 8px;
	float: right;
	background: transparent url('../images/bg-promote-right.gif') top left no-repeat; 
}


/* ------------------------- Search/Cart ---------------------------- */

.search-cart {
	float: right;
	width: 147px;
	padding: 12px 4px 4px 4px;
	background: transparent url('../images/bg-cart-search.gif') bottom no-repeat;
	position: absolute;
	right: 0px;
	overflow: visible;
	z-index: 20;
	font-size: 10px;
	color: #5b5c5e;
	line-height: 1.3em;
}

.search-cart .search { float: left; margin-bottom: 8px; width: 100%;}

.search .search-box {
	width: 105px;
	height: 24px;
	float: left;
	border: none;
	background: transparent url('../images/form-bg-search.gif') top left no-repeat;
	padding: 5px 0 0 8px;
	font-size: 12px;
	color: #6a6a6c;
}

.search .search-box-fr-CA 
{
    width:116px;
    padding: 5px 0 0 3px;
}

.search .search-button {
	width: 28px;
	height: 29px;
	float: right;
	border:none;
	background: transparent url('../images/btn-search.gif') top left no-repeat;
	cursor: pointer;
}

#cart-block {
	display: none;
	width: 147px;
	float: left;
}

.cart-status {
	clear: left;
	font-size: 10px;
	line-height: 1.2em;
	color: #5b5c5e;
	height: 30px;
}
.cart-status a, .cart-status a:visited { color: #5b5c5e; }
.cart-status img { margin-right: 8px; }

.cart-items { width: 100%;  }

.cart-item { width: 147px; float: left; padding: 8px 0; }

.cart-item .left-col {
	float: left;
	width: 45%;
}
.cart-item .right-col {
	float: right;
	width: 50%;
}

.cart-item img { margin-bottom: 4px; }

.cart-items .view-all {
	float: right;
	font-weight: bold;
	margin: 4px 0 12px 0;
}

.search-cart .totals {
	clear: both;
	float: left;
	width: 100%;
	text-align: right;
}

.totals .totals-buttons {
	display: none;
	padding: 5px 0;
	float: right;
	width: 100%;
}

/* ------------------------- Navigation ------------------------ */

.main-nav {
	clear: left;
	height: 27px;
	margin: 3px;
	background: transparent url('../images/bg-main-nav.jpg') top left no-repeat;
	position: relative;
	z-index: 1;
}

ul.sectionNavigation li { position: relative; float: left; }

ul.sectionNavigation li a, ul.sectionNavigation li a:visited
{
	position: relative;
	font-size: 15px;
	color: #5b5c5e;
	height: 22px;
	float: left;
	padding: 5px 10px 0 10px;
	background: transparent url('../images/main-nav-divider.gif') top right no-repeat;
}

ul.sectionNavigation li a:hover { color: #222; text-decoration: none; cursor: pointer; }
ul.sectionNavigation li.last a, ul.sectionNavigation li.last a:visited { background: none; }
ul.sectionNavigation li.on a { font-weight: bold; text-decoration: none; color: #5b5c5e; }

ul.sectionNavigation ul {
    /*background: url(../images/menu_bg.png);*/
}

ul.siteNavigation li ul li, ul.sectionNavigation li ul li {
    float: none;
    clear: left;
}

ul.sectionNavigation li ul li a, ul.sectionNavigation li ul li a:visited {
    background: transparent;
    text-indent: 0;
    color: white;
    line-height: 16px;
    padding-left: 5px;
    font-size: 11px;
    color: #5b5c5e;
    padding: 4px 0;
	height: 14px;
}

ul.siteNavigation li ul.submenu, ul.sectionNavigation li ul.submenu {
    float: left;
    clear: both;
}

ul.siteNavigation li.performance ul.submenu li a:hover {
    /*background: url(../images/site_navigation_bg.png) -73px 0 no-repeat;*/
}

ul.siteNavigation li.outside ul.submenu li a:hover {
    /*background: url(../images/site_navigation_bg.png) -274px 0 no-repeat;*/
}

ul.sectionNavigation {
    position: absolute;
    top: 0;
    left: 15px;
    z-index: 1000;
}

ul.sectionNavigation li {
    position: relative;
}

ul.sectionNavigation li a.top, ul.sectionNavigation li span.top {
    text-indent: 0;
    line-height: 22px;
    height: 23px;
    /*background: url(../images/shop_nav_bg.png) top right;*/
    padding: 0 25px 0 11px;
    border-right: solid 1px #d88859;
    color: white;
    font-weight: bold;
}

ul.sectionNavigation li a.open, ul.sectionNavigation li span.open {
    color: #222;
    /*background: url(../images/shop_nav_bg.png) bottom right;*/
}

ul.sectionNavigation li.subhead a, ul.sectionNavigation li.subhead a:visited {
    text-transform: none;
    /*background: #f0f0f0;*/
    background: transparent;
    font-weight: normal;
}

ul.sectionNavigation li.subhead a:hover {
	font-weight:normal;
	color: #000;
    text-decoration: none;
    cursor: pointer;
}
ul.sectionNavigation ul.submenu {
    position: absolute;
    top: 27px;
    left: 0;
    border: 2px solid #b4b4b1;
    width: 145px;
    background: #fff url(../images/bg-cart-item.gif) bottom left repeat-x;
    padding: 4px 0;
}

ul.sectionNavigation li ul li {
    width: 125px;
    clear: left;
    height: 22px;
    text-transform: capitalize;
}

ul.sectionNavigation li ul li a, ul.sectionNavigation li ul li a:visited {
    width: 135px;
    padding-left: 10px;
}

ul.sectionNavigation li ul li a:hover {
	font-weight:normal;
    text-decoration: none;
    cursor: pointer;
}

/* -------------------------- Home ----------------------------- */
.home-touts { width: 969px; margin-top: 3px; }
/*.home-touts ul { list-style: none; border: 1px solid #c2c2c1; float: left;font-size:0; }*/
.home-touts ul { list-style: none; float: left;font-size:0; }

.home-touts li {
	display: inline;
	margin: 0;
	padding: 0;
	float: left;
	line-height:0;
}

.home-touts li img {padding: 0;margin-bottom: 0px}

.home-touts li.last {
	padding: 0;
	background: none;
}

/* ------------------------- Content ---------------------------- */

.main-contain {
	background: transparent url('../images/bg-body.gif') top left repeat-y;
	width: 975px;
	padding: 0 4px;
	float:left;
}

.main-contain-bottom {
	background: transparent url('../images/bg-body-bottom.gif') top left no-repeat;
	width: 983px;
	height: 5px;
	float: left;
}

.main-content {
	margin: 0;
	width: 969px;
	padding: 0 3px 3px 3px;
	float: left;
}

.main-col { float: left; width: 967px; min-height: 250px; }
.main-col.padding { width: 911px; }
.main-col-right { float: right; width: 774px; }

.gateway-touts { float: left; margin-top: 3px;}

.gateway-touts ul { list-style: none; }

.gateway-touts li {
	display: inline;
	margin: 0;
	padding: 0;
	float: left;
	line-height:0;
/*	height: 217px;
	background: transparent url('../images/bg-gateway-tout-right.gif') top right no-repeat;
*/
}

.gateway-touts li.last {
	padding: 0;
	background: none;
}

.gateway-toutes li:hover, .gateway-toutes span:hover, .gateway-toutes a, .gateway-toutes a:hover {text-decoration:none;border:0;}


/* ------------------------- Sidebar -------------------------- */

.sidebar {
	width: 192px;
	float: left;
	background: transparent url('../images/bg-sidebar-divider.gif') top center no-repeat;
	padding-top: 8px;
}

.sidebar h2 {
	font-size: 14px;
	font-weight: bold;
	color: #9c988a;
	margin-bottom: 8px;
}

.sidebar .categories {
	padding-left: 28px;
	min-height: 181px;
	float: left;
}

.sidebar .searches {
	padding: 24px 0 24px 28px;
	float: left;
}

.sidebar ul { margin-bottom: 12px; }
.sidebar li { margin-bottom: 4px; }

.sidebar li, .sidebar a, .sidebar a:visited {
	font-size: 12px;
	color: #5b5c5e;
	text-decoration: none;
}

.sidebar a:hover { text-decoration: underline; }

.sidebar li.on {
	background: #fff url('../images/bg-sidebar-arrow.gif') left no-repeat;
	padding-left: 8px;
	font-weight: bold;
}

.find-fit {
	background: #f5f4f0 url('../images/bg-sidebar-divider.gif') top center no-repeat;
	padding: 8px 0 8px 28px;
	width: 162px;
	float: left;
}

.find-fit a { font-size: 9px; }

.find-fit form { float: left; }

.sidebar .divider { background: transparent url('../images/bg-sidebar-divider.gif') top center no-repeat; height: 1px; width: 190px; float: left;}

.search-sidebar {
	padding: 12px 0 24px 28px;
	width: 146px;
	float: left;
}

.search-sidebar h2 { margin-bottom: 12px; }

.search-sidebar .search-box {
	width: 105px;
	height: 24px;
	float: left;
	border: none;
	background: transparent url('../images/form-bg-search-white.gif') top left no-repeat;
	padding: 5px 0 0 8px;
	font-size: 12px;
	color: #6a6a6c;
}

.search-sidebar .search-button {
	width: 28px;
	height: 29px;
	float: right;
	border:none;
	background: transparent url('../images/btn-search-white.gif') top left no-repeat;
	cursor: pointer;
}

/* opacity hack for IE */
.sidebar .categories h2, .search-sidebar h2 , .sidebar .searches h2 { background-color: #fff; }

/* -- PDP -- */

.breadcrumbs, .breadcrumbs a, .breadcrumbs a:visited {
	font-size: 11px;
	color: #5b5c5e;
}

.product-image { float: left; width: 517px; padding-left: 38px; }
.product-image ul.thumbnails li,
.lightbox ul.thumbnails li {float: left; margin: 2px; width:50px; }
.product-image ul.thumbnails li img,
.lightbox ul.thumbnails li img {vertical-align: middle; }
.product-image ul.thumbnails li.zoom { padding-top: 12px; }
.product-image ul.thumbnails li.thumb,
.lightbox ul.thumbnails li.thumb { border: 1px solid #d0cfcf;}

div.stockNumber 
{
    margin-bottom: 5px;
    margin-left: 308px;
    font:Arial,sans-serif;
    color:#5B5C5E;
}

.product-info { float: right; width: 280px; padding-right: 40px;}
.product-info-fr-CA { width: 310px; }

.lightbox { float: left; width: 100%; text-align: center; }
.lightbox ul.thumbnails { float: left; margin: 0px -50% 0px 25%; }

span.title { font-size: 24px; color: #9c988a; font-weight: bold; line-height: 1.1em; }
span.price { font-size: 18px; color: #9c988a; }
.product-info div.activePriceTier,.product-info div.activePriceTier p.price,
.product-info div.inactivePriceTier,.product-info div.inactivePriceTier p.price {clear:none; float:none; display:inline; font-size: 18px; color: #9c988a; }
.product-info div.activePriceTier p.sale { color:#AE1A1F; }

.rate-this { margin: 4px 0 24px 0; font-size: 11px; color: #5b5c5e; }

span.pdp-title { font-size: 14px; color: #9c988a; font-weight: bold; clear: left; display: inline; float: left; width: 50px; margin-top:1px; }
.product-info-fr-CA span.pdp-title { width: 65px; }
input.dimTextDisplay,
input.pdp-selection { border: 0px solid black; text-align: left; font-size: 14px; color: #9c988a; width: 170px; margin-bottom:1px; }

.RequiredDimension label.valid,
#product-info ul.color-options a.valid{border-style:solid;color:#5B5C5E}
.RequiredDimension label.invalid,
#product-info ul.color-options a.invalid,
.RequiredDimension label.outOfStock,
#product-info ul.color-options a.outOfStock{border-style:dashed;color:#888888;}
.RequiredDimension label.selected{color:#FFFFFF;background-color:#AE1A1F}
#product-info ul.color-options a.selected{color:#FFFFFF;border:#AE1A1F solid 2px;margin:1px;}
#youSelected .invalid{color:#AE1A1F;}

ul.pdp-options, ul.color-options { margin:0 0 10px; display: block; float: left; width: 100%; }

.pdp-options li, .color-options li { display: inline; }
.pdp-options li a, .pdp-options li a:visited {
	color: #5b5c5e;
	font-size: 11px;
	float: left;
	height: 20px;
	width: 26px;
	border: 1px solid #b9b9b9;
	text-align: center;
	padding-top: 4px;
	margin: 2px;
	background: transparent url(../images/bg-pdp-options.gif) top left repeat-x;
}

.pdp-options li a.on, .pdp-options li a:visited.on, .pdp-options li a:hover{ 
	text-decoration: none;
	color: #fff;
	border: 1px solid #5b5c5e;
	background: transparent url(../images/bg-pdp-options-on.gif) top left repeat-x;
}


.RequiredDimension {
	float: left;
	margin-bottom: 10px;
	clear: left;
	width: 300px;
}

.customSelect { display: inline;}

label.pdp-options {
	float: left;
	margin: 2px;
	position: relative;
	z-index: 0;
	width: 27px;
	height: 20px;
	text-align: center;
	padding: 5px 0 0 0;
	border: 1px solid #b9b9b9;
	color: #5b5c5e;
	font-size: 11px;
}

label.pdp-options:hover { /*border: 1px solid #5b5c5e;*/ cursor: pointer;}

label.pdp-options.unavailableDimension {
color: #ddd;	
cursor: default;
}



.pdp-tabs {
	clear: both;
	float: left;
	margin-top: 24px;
	width: 904px;
	height: 25px;
	position: relative;
}

.share-this {
	position: absolute;
	right: 24px;
}

.share-this a, .share-this a:visited { color: #9c988a; font-weight: bold; font-size: 12px; }

.pdp-tabs.technology { background-position: 0 -25px; }
.pdp-tabs.ratings { background-position: 0 -50px; }

ul.tabs {
	margin-left: 50px;
}

ul.tabs li {
	display: inline; 
	float: left;
	background: transparent url(../images/pdp-tab.gif) top left no-repeat;
}

ul.tabs li.on {
	background: transparent url(../images/pdp-tab-on.gif) top left no-repeat;
}

ul.tabs li a, ul.tabs li a:visited {
	float: left;
	height: 21px;
	width: 141px;
	margin-right: 8px;
	text-align: center;
	color: #9c988a;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 0 0 0;
}

.tab-top {
	float: left;
	height: 1px;
	width: 850px;
	background: transparent url(../images/pdp-line.gif) top left no-repeat;
	padding: 0;
	margin-top: -1px;
}

.tab-detail-contain {
	float: left;
	width: 850px;
	background: transparent url(../images/bg-pdp-tabs.gif) top left repeat-x;
	padding: 24px 12px 0 52px;
}

.tab-detail {
	float: left;
	position: relative;
}

#tab-description { display: block; }
#tab-technology { display: none; }
#tab-ratings { display: none; }

.tab-detail .description-content {
	float: left;
	width: 320px;
	padding-right: 120px; 
	background: transparent url(../images/pdp-tab-divider.gif) top right no-repeat;
	min-height: 270px;
}

.tab-detail .description-also-like {
	padding-left: 12px;
	float: left;
	width: 380px;
}

span.product-title { font-size: 12px; font-weight: bold; color: #5b5c5e; }
span.product-subtitle { font-size: 12px; color: #999; }
span.product-price { font-size: 12px; color: #5b5c5e; }
span.product-notes { font-size: 12px; font-weight: bold; color: #ae1a1f; }

span.product-title a, span.product-title a:visited { color: #5b5c5e; }
span.product-subtitle a, span.product-subtitle a:visited { color: #999; }

ul.also-like li {
	float: left;
	width: 152px;
	background: transparent url(../images/bg-pdp-also.png) bottom left no-repeat;
	padding: 0 12px 12px 12px;
	margin: 0 12px 12px 0;
}

ul.pdp-tech li {
	display: inline-block;
	float: left;
	width: 240px;
	padding: 0 24px;
	background: transparent url('../images/pdp-tab-divider.gif') top right no-repeat;
	min-height: 360px;
}

ul.pdp-tech li.first { padding-left: 0; }
ul.pdp-tech li.last { background: none; padding-right: 0; }

.tab-detail.ratings h2 { display: inline; }

.rating {
	display: inline-block;
	margin: 0 4px;
	width: 74px;
	height: 13px;
	background: transparent url(../images/rating-stars.gif) top left no-repeat;
}

label.lblShortText { float: left; width: 120px; }

.view-by { 
	position: absolute;
	left: 624px;
	top: 0px;
	width: 210px;
}

.listing .product .rating {
	float: left;
	margin: 2px 0 0 0;
	padding: 0;
	clear: left;
	background: transparent url(../images/rating-stars-white.gif) top left no-repeat;
}

.rating.rate-0, .product .rating.rate-0, .product .productDetailPopup .rating.rate-0 { background-position: 0 -77px; }
.rating.rate-1, .product .rating.rate-1, .product .productDetailPopup .rating.rate-1 {background-position: 0 -63px;}
.rating.rate-2, .product .rating.rate-2, .product .productDetailPopup .rating.rate-2 {background-position: 0 -47px;}
.rating.rate-3, .product .rating.rate-3, .product .productDetailPopup .rating.rate-3 {background-position: 0 -31px;}
.rating.rate-4, .product .rating.rate-4, .product .productDetailPopup .rating.rate-4 {background-position: 0 -15px;}
.rating.rate-5, .product .rating.rate-5, .product .productDetailPopup .rating.rate-5 {background-position: 0 0px;}

.review {
	line-height: 1.3em;
	border-top: 1px solid #e2e2e1;
	margin: 12px 0 0 0;
	padding: 12px 0;
	width: 800px;
	clear:both;
}

.review blockquote { width: 600px; }

#comments ul.pagination li{float:left; padding:3px;}
#comments ul.pagination li.select a{color:#999999}

.box-top { background: url(../images/bg-cart-search.gif) repeat-x; height: 40px; position:relative; top:-15px; left:-15px; width:560px;}

.box-top span { color: #9c988a; font-size: 18px; font-weight: bold; padding: 13px 0 0 53px;}

.box-top .close { margin: 13px 12px 0 0; }

/* -- Gallery -- */

.gallery-banner { margin-bottom: 3px; }

#galleryContainer { float: left; width: 772px; }

#galleryContainer .breadcrumbs { margin: 18px 26px; }

#galleryContainer .breadcrumb-contain {
	position: relative;
	float: left;
	width: 100%;
}

#galleryContainer .view-by { 
	position: absolute;
	left: 530px;
	top: 16px;
	width: 210px;
	color: #5b5c5e;
}

#galleryContainer .view-by-fr-CA {
    left: 480px;
    width: 260px;
}

.listing .product-row {
	height: 190px;
	float: left;
	background: url(../images/bg-product.gif) top left repeat-x;
}

.listing .product {
	float: left;
	width: 153px;
	padding: 20px 20px 0 20px;
	background: transparent url(../images/gallery-divider.gif) top right no-repeat;
}

.listing .product.last { background: none; }

.listing .product a:hover { text-decoration: none; cursor: pointer; }

.product h3 {
	float: left;
	display: inline-block;
	margin: 0 2px 0 0;
	font-size: 12px;
}

div.activePriceTier { 
		clear: left;
	padding: 0;
	margin: 0;
}

p.price {
	display: inline;
	float: left;
	color: #5b5c5e;
	font-size: 12px;
	margin: 0;
}

p.notes {
	float: left;
	display: inline;
	color: #ae1a1f;
	font-weight: bold;
	font-size: 12px;
	margin: 0 4px;
}

/* -- Search -- */

#galleryContainer .sort-by { 
	position: absolute;
	left: 530px;
	top: 16px;
	width: 210px;
	color: #5b5c5e;
}
#galleryContainer .sort-by-fr-CA {
    left: 480px;
    width: 260px;
}

.listing h1 { font-size: 18px; margin-left: 26px; background-color: #fff; }
.listing h1.soft-style {padding:20px 0 20px 0;clear:both; background-color: #fff; }

/* -- Technologies -- */

ul.pdp-tech, ul.technologies { margin-left: 2px; }
ul.pdp-tech li img, ul.technologies li img { margin-bottom: 8px; }

ul.technologies li {
	display: inline;
	float: left;
	width: 153px;
	padding-right: 1px;
	background: transparent url('../images/tech-divider.gif') top right no-repeat;
}

li .tech-content {
	background: transparent url('../images/bg-technologies.gif') top left repeat-x;
	padding: 16px;
	min-height: 380px;
}

li .tech-content h2 { font-size: 15px; }

li.alt .tech-content {
	background: transparent url('../images/bg-technologies-2.gif') top left repeat-x;
}

ul.pdp-tech li.last, ul.technologies li.last { background: none; padding-right: 0; }

ul.technologies .show-me {
		padding: 8px 16px 40px 16px;
}


/* ------- Login Combo ------ */

.combo-login {
	float: left;
	background: transparent url('../images/login-divider.gif') center right no-repeat;
	width: 260px;
}
.combo-create {
	float: right;
	width: 600px;
}

.account-left { float: left; width: 200px; }
.account-right { float: right; width: 500px; padding-bottom: 24px; }

label.right-align {
	text-align: right;
	margin-right: 4px;
	width: 64px;
	float: left;
	line-height: 18px;
}

label.left-align {
	text-align: left;
	margin-right: 4px;
	width: 120px;
	float: left;
	line-height: 18px;
}

.account-address label.right-align { width: 100px; }
.account-address label, .account-right label { font-size: 11px; }
.account-right .checkbox-contain, .account-right .button { margin-left: 64px; }
.account-address .checkbox-contain, .account-address .button { margin-left: 100px; } 

span.required { color: #ae1a1f; }

.questions { float: left; width: 400px; }
.halfField { width: 150px; margin-bottom: 4px; }
p.survey { margin: 12px 0; }

/* ------- Shopping Cart ------ */

.cart-content-container { width: 682px; float: left; }

table.cart-view { width: 682px; }

table.cart-view td {
	vertical-align: bottom;
	background: transparent url('../images/bg-cart-item.gif') bottom left repeat-x;
	padding-bottom: 18px;
}

table.cart-view td.head	{
	width: 682px;
	background: url('../images/bg-header2.gif') top left no-repeat;
	color: #5b5c5e;
	padding-bottom: 0;
}

th.title {
	padding: 5px 0 0 28px;
	width: 510px;
}

.Account legend { color: #999; font-weight: bold; font-size: 12px; margin-bottom: 12px; padding-top: 12px; }
.Account ul li { margin-bottom: 2px; }

th.title h3, #cart-estimate h3 { color: #9c988a; font-weight: bold; font-size: 14px; }

table.cart-view td.error { 	background: none; padding-left: 28px; padding-top: 24px;}

table.cart-view td.thumb {
	padding-left: 28px;
}

table.cart-view td td {
	background: none;
	padding: 0;
}

table.cart-view td td.cart-content {
	height: 90px;
	vertical-align: top;
}

td.divider { padding: 0 12px; }

table.cart-view h3 { font-size: 12px; margin-bottom: 2px; }
td.quantity input { width: 24px; margin-top: 3px; float: left; }

.update {
	float: right;
	margin-left: 2px;
	clear: none;
	display: inline-block;
}

.update-left {
	font-size: 11px;
	line-height: 11px;
	text-align: center;
	color: #5b5c5e;
	height: 27px;
	background: transparent url('../images/bg-update.gif') top left no-repeat;
	padding: 3px 4px 0 10px;
	float: left;
}

.update-right {
	height: 30px;
	width: 8px;
	float: right;
	background: transparent url('../images/bg-update-right.gif') top left no-repeat; 
}

.accountlist td.item { width: 280px; }
td.cart-content ul li { margin-bottom: 4px; }

#cart-estimate {
	width: 282px;
	float: right;
	background: transparent url('../images/bg-cart-shipping.gif') top left repeat-x;
	padding: 5px 0 24px 0;
}

#cart-estimate #shipping {
	padding: 0 0 0 48px;
	width: 160px;
}

#zipPanel label { font-size: 11px; }
#zipPanel #ZipCode { width: 60px; }
#shipping .disclaimer { font-size: 11px; font-style: italic; }

#cart-estimate #total {
	width: 189px;
	padding: 14px 17px;
	margin: 12px 0 0 32px;
	background: transparent url(../images/bg-cart-total.gif) top left no-repeat;
	color: #5b5c5e;
}

#cart-estimate #total-bottom {
	background: transparent url(../images/bg-cart-total-bottom.gif) top left no-repeat;
	width: 189px;
	padding: 0px 17px;
	margin-left: 32px;
	height: 10px;
}

table.cart-totals td { padding-right: 8px; }
td.total { text-align: right; }

#cart-estimate .verisign { padding: 12px 0 0 48px; }

body.shopping-cart {
	background: none;
	background-color: #FFF;
}

.shopping-cart h2 { color: #9c988a; }

.shopping-cart .main-contain { background: none; }

.shopping-cart .cart-header { margin-bottom: 24px; float: left; }

.shopping-cart label.sized { width: 100px; float: left; }

.shopping-cart .main-col {
	padding-left: 58px;
	padding-bottom: 24px;
	width: 460px;
	float: left;
}

.shopping-cart .cart-steps { float: right; }

.shopping-cart .checkbox-contain { margin-left: 100px; }

.shopping-cart .checkbox-contain label.alt { width: 240px; float: right;}

.shopping-cart .cart-divider {
	float: left;
	height: 10px;
	width: 460px;
	background: transparent url(../images/bg-cart-divider-wide.gif) top left no-repeat;
	margin: 12px 0;
	}

.shopping-cart ul.cart-footer { list-style-type: none; }
.shopping-cart ul.cart-footer li {
	float: left;
	display: inline;
	padding: 0 8px 0 7px;
	margin: 24px 0 0 0;
	height: 16px;
	background: transparent url('../images/bg-footer-divider.gif') center right no-repeat;
 }

.cart-footer a, .cart-footer a:visited { color: #5b5c5e; font-size: 11px; font-weight: bold; }

.shopping-cart ul.cart-footer li.first { padding-left: 0; }
.shopping-cart ul.cart-footer li.last { background: none; }

table.steps-header { width: 415px; }

table.steps-header td { 
	border-top: 2px solid #999; 
	border-bottom: 2px solid #999;
	padding: 14px 0 8px 0;
	text-align: center;
}

table.steps-header td.on {
	background: transparent url(../images/bg-cart-steps.gif) top left repeat-x;
	color: #5b5c5e;
}

.shopping-cart .order-details {
	padding: 24px 40px;
	width: 335px;
	background: transparent url(../images/bg-cart-steps-right.gif) top left repeat-x;
}

table.cart-order {
	width: 346px;
	color: #5b5c5e;
}

table.order-items {
	width: 346px;
	font-size: 11px;
	border-left: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	background-color: #fff;
}

table.order-items td {
	background-color: #fff;
}

.order-top {
	float: left;
	width: 346px;
	height: 10px;
	margin-top: 8px;
	background: transparent url(../images/bg-order-items-top.gif) top left no-repeat;
}

 .order-bottom {
	float: left;
	width: 346px;
	height: 10px;
	background: transparent url(../images/bg-order-items-bot.gif) top left no-repeat;
}

.confirmation { font-size: 11px; }

.shopping-cart .checkbox-contain { width: 270px; }
/* ------- Sitemap ------ */

.sitemap-column { float: left; width: 200px; padding-left: 20px;}
ul.sitemap { margin-bottom: 18px; }
ul.sitemap li { margin-left: 12px; }

/* -------------------------- Footer --------------------------- */

.footer {
	font-size: 11px;
	color: #5b5c5e;
	padding-top: 12px;
	padding-left: 3px;
	padding-bottom: 48px;
	float: left;
	clear: left;
	width: 100%;
}

.footer a, .footer a:visited {
	color: #5b5c5e;
}

.footer-links { float: left; width: 680px; }

.footer-links ul { float: left;}

.footer-links ul li {
	float: left;
	display: inline;
	padding: 0 8px 0 7px;
	margin: 0;
	height: 16px;
	background: transparent url('../images/bg-footer-divider.gif') center right no-repeat;
}

.footer-links li a img {
	vertical-align: top;
}

.footer-links ul li.first { padding-left: 0; }
.footer-links ul li.last { background: none; }

.footer-links ul.line-1 { margin-bottom: 12px; }


.email-signup { float: right; margin:10px 4px 0 0; }
.email-signup form { margin-top:20px; }

.email-signup .email-box {
	width: 155px;
	height: 20px;
	border: none;
	background: transparent url('../images/form-bg-email.gif') top left no-repeat;
	padding: 3px 0 0 7px;
	margin: 0;
	font-size: 11px;
	color: #888;
	float: left;
}
.email-signup-message {background: transparent url('../images/joinEmailText.jpg') 0 0 no-repeat;float:left;height:86px;margin:3px 0 3px 3px;width:595px;}
.email-signup-message p {color:#cccccc;display:inline;float:left;font-family:"Helvetica Neue", helvetica, arial, sans-serif;font-size:20px;font-weight:100;line-height:24px;margin:18px 0 0 80px;width:490px;}
.email-signup-message p a {color:#fff;text-decoration:underline;}

.email-button {	float: left; }
.email-button input { cursor:pointer; }


/* -------------------------------- Buttons -------------------------------- */

span.button,
span.button input {
	position:relative;
	margin:0;
	display:inline-block;
	text-decoration:none !important;
	border:0;
	font:11px Arial, Sans-serif;
	white-space:nowrap;
	background: url(../images/bg-button-sprite.gif) no-repeat;
	vertical-align:middle;
	overflow:visible;
}

span.button {
	height: 23px;
	padding: 0;
	margin-right: 2px;
	background-position: left top;
	overflow: visible;
 }

span.button input {
	height:23px;
	padding: 0 13px 5px 8px;
	/*line-height:24px;*/
	background-position:right top;
	cursor:pointer;
	left: 4px;
	color: #fff;
 }

.email-button {background:url(../images/emailSubmitButton.gif) no-repeat 0 0;height:25px;width:108px;}
.email-button input {background:none;border:0;color:#fff;font-size:14px;margin-top:3px;text-align:center;width:108px;}

span.button.grey-white { background-position: left 0px; }
span.button.grey-grey { background-position: left -30px; }
span.button.grey-tan { background-position: left -60px; }
span.button.red-white { background-position: left -90px; }
span.button.red-light-grey { background-position: left -120px; }
span.button.red-dark-grey { background-position: left -150px; }
span.button.red-tan { background-position: left -180px; }
span.button.email { background-position: left -210px; }

span.button.grey-white input { background-position: right 0px; }
span.button.grey-grey input { background-position: right -30px; }
span.button.grey-tan input { background-position: right -60px; }
span.button.red-white input { background-position: right -90px; }
span.button.red-light-grey input { background-position: right -120px; }
span.button.red-dark-grey input { background-position: right -150px; }
span.button.red-tan input { background-position: right -180px; }
span.button.email input { background-position: right -210px; }

span.button input:hover { color: #2e2f30; }

.search-cart span.button input {
	padding: 0 10px 5px 4px;
	margin-right: 3px;
}

.cart_table div.discounted
{
	color: #FF9933;
}

.cart_table table tr.incentives td
{
	background: none;
	padding-left: 10em;
	padding-right: 10em;
}

tr.unutilizedFreeItemSelectionHeader td
{
	font-weight: bold;
	padding: .5em 0 .5em 0;
	color: #666;
	background: none;
}

.cart_table table tr.unutilizedFreeItemSelectionHeader
{
	height: 1em;
}

div.PromotionIncentive
{
	border:1px solid #000;
	background-color: #FF9933;
	padding: .5em;
}

div.PromotionIncentive a
{
	color: #EEE !important;
	text-decoration: underline;
}

div.PromotionIncentive ul
{
	margin-left: 0;
	padding-left: 2em;
}

.PromotionIncentive .PotentialPromotion,
.PromotionIncentive .UnutilizedRewards
{
	padding: .5em;
}

#ajaxBg {
    position: absolute;
	top: 0;
	left: 220px;
	width: 739px;
	height:100%;
	z-index:100;
	
}
#ajaxImg
{
	top:30%;
	left:50%;
	position:fixed;
	background:#FFFFFF url(../images/ajax-loader.gif) no-repeat center;
	width:100px;
	height:100px;
	border: 1px solid #c2c2c1;
	z-index:100;
}

/* popup overlays */
.positionedOverlay {
	position: absolute;
	z-index: 10;
}
#mailingListOverlay { top: 440px; left: 330px; }
.overlay {
	width: 376px;
	background: transparent url(../images/bgOverlay.png) no-repeat;
	behavior: url(../images/pngbehavior.htc);
	padding: 35px 18px 10px 18px;
}
.overlayBottom {
	width: 412px;
	background: transparent url(../images/bgOverlay_bottom.png) no-repeat;
	behavior: url(../images/pngbehavior.htc);
	height: 8px;
}
.overlay div.closeButton {
	float: right;
	margin-top: -18px;
	height: 19px;
	width: 60px;
}
.overlay .closeButton a {
	display: block;
	height: 19px;
	background: url(../images/buttonClose.gif) top right no-repeat;
	padding: 2px 25px 0 0;
}
.overlay .leftFloatImage { float:left; margin: 0 20px 10px 10px; }
.overlay .centeredImage { margin: 15px auto; text-align:center; }
.overlay p, .overlay ul { margin: 10px 15px; }
.overlay ul li {list-style-type:disc; margin-left:15px;margin-bottom: 5px; }

.select-free  {
	z-index:10;
    overflow:hidden;/*must have*/
}
.select-free iframe {
    position:absolute;/*must have*/
    top:0;/*must have*/
    left:0;/*must have*/
    z-index:-1;/*must have*/
    filter:mask();/*must have*/
    width:1000px;/*must have for any big value*/
    height:1000px/*must have for any big value*/
}
.blue { color: #39cdfb; }
.red { color: #ae1a1f; }
/* End Popup styles */

/* Contact Us Form */
.contact 
{
	padding: 10px;
}

.contact th 
{
	font-weight: bold;
	width: 200px;
	white-space: nowrap;
}

.contact td, .contact th 
{
	padding: 5px;
}

.contact input[type=submit] 
{
	color: Black;
}
/* End Contact Us Form */


/* ---- Product detail popup ---- */
.hover-contain { width: 155px; height: 18px; margin: -10px 0 0 0; }

.productHover {
	float: right;
	margin: 0px -6px 0px 0;
}

.hover-link {
	background: transparent url(../images/bg-more.gif) top left no-repeat;
	height: 18px;
	float: left;
}

.hover-text {
	font-size: 11px;
	background: transparent url(../images/bg-more.gif) top right no-repeat;
	height: 18px;
	float: left;
	height: 18px;
	padding-right: 5px;
	margin: 0 -3px 0 7px;
}

/* had to hack this in for IE6 :( */
.popup-container { position: relative; float: left; clear: left; }

.productDetailPopup {
	position: absolute;
	width: 252px;
	top: -18px;
	left: -80px;
	z-index: 100;
	float: left;
	display: none;
}

.last .productDetailPopup { left: -200px; }

.productDetailPopup .productDetailPopup-top {
	float: left;
	width: 252px;
	height: 8px;
	background: transparent url(../images/bg-popup-top.gif) top left no-repeat;
}

.productDetailPopup .productDetailPopup-content {
	float: left;
	background-color: #f3f3f3;
	border-left: 1px solid #9a9a9a;
	border-right: 1px solid #9a9a9a;
	padding: 2px 0 2px 18px;
	width: 232px;
}
.productDetailPopup .productDetailPopup-bottom {
	float: left;
	width: 252px;
	height: 8px;
	background: transparent url(../images/bg-popup-bottom.gif) top left no-repeat;
}

.productDetailPopup .activeTierPrice { float: left; }
.productDetailPopup .price { clear: left; font-size: 11px; color: #5b5c5e; }

.productDetailPopup .ratingTotal { float: right; margin-right: 18px; }
.product .productDetailPopup .rating { background: transparent url(../images/rating-stars.gif)  top left no-repeat; }

.availableStyles {
	float: left;
	clear: left;
	width: 230px;
}

.availableStyle {
	float: left;
	width: 70px;
	height: 80px;
	margin-right: 4px;
}

.loadProductDetailLink h4 {
	font-size: 10px;
	color: #929292;
	font-weight: normal;
	line-height: 10px;
	width: 70px;
}

.productDetailPopup .button-contain { float: left; width: 234px; clear: left; margin-top: 5px; }
.productDetailPopup .button {margin-right: 18px; }

.timeoutError { color: red; }

.news .post { margin-bottom: 24px; }
.news .post ol, .news .post ul { list-style: disc; margin: 8px 0 8px 24px; }

/* -------------------------- jQuery checkbox -------------------------------- */

.jquery-checkbox 
{
	position: relative;
	z-index: -1;
	display: inline;
	font-size: 20px;
	line-height: 24px;
	cursor: pointer;
	cursor: hand;
	float: left;
	margin: 0 -30px 0 0px;
}

.jquery-checkbox .mark {display: inline;}

.jquery-checkbox img {
	float: left;
	width: 27px;
	height: 25px;
	margin: -5px 0 0 0;
	padding: 0;
	background: transparent url(../images/bg-pdp-options.gif) top left repeat-x;
}

.jquery-checkbox-checked img {
	width: 27px;
	height: 25px;
	border: 1px solid #ae1a1f;
	margin: -6px 0 -1px -1px;
	vertical-align: top;
}

.jquery-checkbox-disabled img {
	border: 1px solid #ddd;
	float: left;
	margin: -6px 0 -1px -1px;
}

/* -------------------------- jQuery selectbox -------------------------------- */

.jquery-selectbox {
	position: relative;
	height: 27px;
	width: 144px;
	z-index: 0;
	float: right;
	display: inline;
	margin: -4px 4px 4px 0;
	font-size: 11px;
	color: #444;
	padding: 2px 0 0 0;
	background: transparent url("../images/bg-selectbox.gif") top left no-repeat;
}

.sort-by-fr-CA .jquery-selectbox,
.view-by-fr-CA .jquery-selectbox {
    background: transparent url("../images/bg-selectbox-ext.gif") top left no-repeat;
    width: 164px;
}

.jquery-selectbox.selecthover {
	/*border-color: #9F7627;
	background-color: #FFFCDF;
	background-image: url("../img/bg-TextFieldFocused.gif");
	*/
	z-index: 700;
}
	
.jquery-selectbox .jquery-selectbox-currentItem {
	padding: 3px 0px 0px 8px;
	white-space: nowrap;
	display: block;
	overflow: hidden;
}
	
.jquery-selectbox .jquery-selectbox-list {
	display: none;
	position: absolute;
	top: 25px;
	padding: 0;
	left: 0px;
	background: #f0f0f0;
	width: 139px;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 1000;
	border: 1px solid #5b5c5e;
}

.sort-by-fr-CA .jquery-selectbox .jquery-selectbox-list.
.view-by-fr-CA .jquery-selectbox .jquery-selectbox-list {
    width: 158px;
}

.jquery-selectbox .jquery-selectbox-moreButton {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 144px;
	height: 27px;
	cursor: pointer;
}

.jquery-selectbox .jquery-selectbox-item.listelementhover {
	background: #ae1a1f;
	color: #fff;
}
.jquery-selectbox .jquery-selectbox-item {
	display: block;
	cursor: default;
	padding: 2px 4px;
}

.product-info .jquery-selectbox {
	float: left;
	
}

/** ERROR classes **/
form .error .jquery-selectbox {
	color: #d00;
	border-color: #d00;
	background-image: url("../img/bg-TextFieldError.gif");
}

/* -------------------------- jQuery autocomplete -------------------------------- */

.ac_results {
	padding: 0px;
	border: 1px solid #b4b4b1;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
	font: 11px Arial, sans-serif;
	margin: -4px 0 0 3px;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
	font: 11px Arial, sans-serif;
	color: #5b5c5e;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_odd.ac_over, .ac_even.ac_over {
	background-color: #AE1A1F;
	color: #fff;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(/us/content/images/thickbox/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: none;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow: hidden;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
	background-color:#ffffff;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

/* ----------------------------------- jquery rating ---------------------------------------------- */

/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.cancel,div.star{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.cancel,div.cancel a{background:url(delete.gif) no-repeat 0 -15px}
div.star,div.star a{background:url(../images/star.gif) no-repeat 0 -2px}
div.cancel a,div.star a{display:block;width:16px;height:100%;background-position:0 0px;}
div.star_on a{background-position:0 -15px!important}
div.star_hover a,div.star_live a:hover{background-position:0 -31px}
/* Read Only CSS */
div.star_readonly a,div.star_readonly a:hover{cursor:default !important}
/* Partial Star CSS */
div.star{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */

/* ------------------------------------ PDP Sharing ------------------------------------------------*/
div.share-pdp { float: right; }

div.share-pdp a.productoption{
	float:right;
	margin: 0 1px 0 1px;
	padding-left: 21px;
}
div.share-pdp a.share{
	background:url(../images/share/share.png) no-repeat left center;
}
#socialnetworkcontainer
{
	width:74px;
	text-align:left;
	float:left;
	background: #FFF url(../images/bg-cart-item.gif) bottom left repeat-x;
	border: solid 2px #B4B4B1;
	color:#5b5c5e;
	padding:10px;
	z-index:100000;
}
#socialnetworkcontainer li
{
	text-indent:20px;
}
#socialnetworkcontainer a
{
	color:#5b5c5e;
	height:16px;
	text-indent:20px;
	display:block;
	padding:2px 0 2px 0;
}
#socialnetworkcontainer a.facebook{
	background:url(../images/share/facebook.png) no-repeat left center;
}
#socialnetworkcontainer a.myspace{
	background:url(../images/share/myspace.png) no-repeat left center;
}
#socialnetworkcontainer a.google{
	background:url(../images/share/google.png) no-repeat left center;
}
#socialnetworkcontainer a.yahoo{
	background:url(../images/share/yahoo.png) no-repeat left center;
}
#socialnetworkcontainer a.delicious{
	background:url(../images/share/delicious.png) no-repeat left center;
}
#socialnetworkcontainer a.digg{
	background:url(../images/share/digg.png) no-repeat left center;
}
#socialnetworkcontainer a.reddit{
	background:url(../images/share/reddit.png) no-repeat left center;
}
#socialnetworkcontainer a.email{
	background:url(../images/share/email.png) no-repeat left center;
}
/* -------------------------------- END PDP Sharing ------------------------------------------------*/




/* ------------------------------------ Swatches ------------------------------------------------*/

.color-options li a.swatch {
	float: left;
	height: 24px;
	width: 24px;
	padding: 1px;
	border: 1px solid #b9b9b9;
	margin: 2px;
	z-index:1000;
	display:block;
}
.color-options li a {
	float: left;
	height: 26px;
	width: 26px;
	padding: 2px;
	border: 1px solid #b9b9b9;
	margin: 2px;
	text-decoration:none;
}

.color-options .color-overlay.on, .color-options .color-overlay:hover { border: 1px solid #1e1e1e; }

.color-options .color-overlay {
	height: 24px;
	width: 24px;
	float: left;
	margin: 2px 0 0 -28px;
	background: transparent url(../images/bg-color-overlay.png) top left repeat-x;
	cursor: pointer;
}
.color-options li a.selected{border-color:#5B5C5E;}

.color-options li a.swatch:hover { border: 1px solid #1e1e1e; }

.color-options .color-overlay {
	height: 26px;
	width: 26px;
	float: left;
	margin: 4px 0 0 -29px;
	background: transparent url(../images/bg-color-overlay.png) top left repeat-x;
	cursor:pointer;
}

a.swatch span {float:left; line-height:0;cursor:pointer;}
span.whole span{height:24px;width:24px;}
span.half span{height:24px;width:12px;display:block;}
span.fourth span{height:12px;width:12px;}
span.third .color3,
span.third .color2{height:13px;width:12px;}
span.third .color1{height:11px;width:24px;}
/* ------------------------------------ End Swatches ------------------------------------------------*/
.legal h4 
{
	font-size:24px;
	font-weight:normal;
	text-transform:uppercase;	
}

.legal b 
{
	font-weight:bold;
}
.legal
{
font-size:13px;
line-height:20px;
margin-bottom:1em;
overflow:hidden;	
}
.legal ul
{
	padding-left:20px;
	list-style-type:disc;
}

/* returns */
.returns p 
{
	font-size: 13px;
}

.returns div.text 
{
	color: #666666;
	float: left;
	font-size: 20px;
	margin: 20px 0 0;
	padding-bottom: 100px;
	width: 320px;
}

.returns div.inset
{
	float: left;
	width: 200px;
	margin: 20px 0 0;
	padding-left: 50px;	
}

.returns div.content 
{
	margin: 5px;
}

.returns .customer_info 
{
	margin: 10px;
}

.returns .customer_info td 
{
	padding: 5px;
}

.returns .customer_info th 
{
	padding: 5px;
	text-align: right;
}

.returns .items td 
{
	padding: 5px;
}

.returns .items th
{
	padding: 5px;
}

.returns table.items
{
}

.returns .thankyou 
{
	padding: 50px 10px 0px 10px;
}

.returns .validation
{
	color: Red;
}

.validation
{
	color: Red;	
}

.caption
{
	color: Blue;
}
.home-touts li,.gateway-touts li{line-height:0;}
.home-touts li img,.gateway-touts li img {margin-bottom:0;}

