/* main.css
 * $Id: stylesheet.css 289 2009-10-13 19:37:55Z desimo $ 
 */

/* general */

body {padding-left:10px; padding-right:10px; color:#666666; background-color: #ffffff;}

/* lists */
ul {list-style-type:none;}

/* anchors */
a:link, a:visited {border: 0; text-decoration:none; color: #1f1e1c; padding-left:2px; padding-right:2px;}
a:hover {text-decoration:none; background-color:#cae3eb; color:#1e52fc;}
a:active {text-decoration:underline; background-color:#ffffff; color:#000066;}
a img {border: 0; background-color:transparent;}
td.productListing-data a:hover {text-decoration:underline; background-color:transparent;}

/* avoid hover bgcolors on anchors that have images inside */
div.navNextPrevWrapper a {background-color:transparent;}

/* avoid hovers over images in center boxes */
div.centerBoxWrapper div a {background-color:transparent}
/* we WANT hovers on the text underneath the pictures, though */
/* the 'adjacent' selector matches any a that directly follows a br */
div.centerBoxWrapper div br + a:hover {background-color:#cae3eb; color:#1e52fc}

/* avoid hovers anywhere in banners */
div.banners a {background-color:transparent}


/* avoid hovers on product main images */
div#productMainImage a {background-color:transparent}

/* avoid hovers on buttonrow anchors */
div.buttonRow a {background-color:transparent}

/* avoid hovers on buttonrow anchors */
td.cartProductDisplay a {background-color:transparent}
td.cartRemoveItemDisplay a {background-color:transparent}


/* forms */
form {display: inline; font-size: 1em; margin: 0.1em;}
select {display: inline; font-size: 1em; margin: 0.1em;}
input {display: inline; font-size: 1em; margin: 0.1em;}
textarea {margin: auto; display: block; width: 98%;}
fieldset {padding: 0.5em; margin: 0.5em 0em; border: 1px solid #cccccc;}
legend {font-size: 1.1em; font-weight: bold; padding: 0.3em;}
label.checkboxLabel {margin: 0.5em 0.3em;}
label.radioButtonLabel {margin: 0.5em 0.3em;}
label.inputLabel {width: 11em; float: left;}
label.inputLabelPayment {width: 15em; float: left;}
label.selectLabel, label.switchedLabel, label.uploadsLabel {width: 12em; float: left;}
input:focus, select:focus, textarea:focus {}
div#loginDefault .hiddenField {display:none;}
div#loginDefault .visibleField {}
table#cartContentsDisplay td.cartProductDisplay input {display:none;}

/* typography */
body {font-family: verdana, arial, helvetica, sans-serif; font-size: 62.5%;}
p {padding: 0.5em 0;}

/* headings */
h1 {font-size: 1.5em; margin: 0.5em 0;}
h2 {font-size: 1.4em; margin: 0.5em 0;}
h3 {font-size: 1.3em; margin: 0.5em 0;}
h4 {font-size: 1.1em; margin: 0.5em 0;}
h5 {font-size: 1.1em; margin: 0.5em 0;}
h6 {font-size: 1.1em; margin: 0.5em 0;}
/* hide index greeting and 'Welcome Message (in main content box) */
h1#indexDefaultHeading {font-weight: normal; display:none;}
#indexDefaultMainContent p, #indexDefaultMainContent h1 {font-size: 85%; padding:0; margin:0; display:none;}
h1#productName {color:#980000;}
h1#productListHeading, h2.centerBoxHeading {
		white-space: nowrap; 
		color:#980000;
}
h4.optionName {line-height: 1.5em; padding: 0.2em;}
.centerBoxHeading {text-align:center; font-weight:normal;}


/* wrappers */
#mainWrapper {text-align: left; width: 850px; vertical-align: top; background: url(../images/lh_bg_w_alpha_scaled.gif) top left no-repeat;}
/* #headerWrapper {position:relative; height:120px; background: url(../images/lh_diamond_site_bg.jpg) bottom left no-repeat;} */
#headerWrapper {position:relative; height:6em;}
/* #navMainWrapper {width: 455px; height:40px; margin-left: 305px;} */
#navMainWrapper {width: 100%; height:auto;}
/* table#contentMainWrapper tr td {border-top:3px solid red;}*/
#navColumnOneWrapper, #navColumnOne {padding-top: 0; vertical-align: top;}
#navColumnTwoWrapper, #mainWrapper {margin: auto;}
td.centerColumnTd{border-top:1px solid #dddccc; border-right:1px solid #dddccc;}
.centerColumn {padding: 0 0.8em 0.8em 0.8em;}
#contentColumnMain {}
.centerBoxContents  {vertical-align: top;}
.specialsListBoxContents {vertical-align: top;}
.categoryListBoxContents {vertical-align: top;}
.additionalImages {text-align:center;}
.centerBoxContentsSpecials  {vertical-align: top;}
.centerBoxContentsAlsoPurch {}
.centerBoxContentsFeatured {vertical-align: top;}
.centerBoxContentsNew {vertical-align: top;}
#indexProductListCatDescription {margin: 0.5em 0;}
#navCategoryIcon, .buttonRow {margin: 0.5em;}
div#CategoryIcon {visibility:hidden; display:none;}
#sendSpendWrapper {float: right; margin: 0em 0em 1em 1em;}
#siteMapList {width: 90%;	float: right;}
#tagline {text-align: center; vertical-align: middle;}
.centeredContent, th, #cartEmptyText, #cartBoxGVButton, #navCatTabsWrapper, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .productListing-data, .accountQuantityDisplay, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal {text-align: center;}
#bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix {padding: 0.8em;}

/* #mainWrapper {border: 0px solid #ccc; background: #ffffff url(../images/footer_bg.jpg) bottom center no-repeat;} */
#navColumnOne {border-right: 1px solid #cccccc;}
#sendSpendWrapper {border: 1px solid #cacaca;}
#bannerboxHeading {background-color: #0000cc;}
#alsoPurchased {background-color: #eeeeee; border:1px solid #404040; margin-top:2em;}
	
/* header details */
#navMain ul {padding-left:0; padding-right:0;}
#navMain ul li {display: inline; white-space: nowrap; padding: 0; margin: 0}
#navMain ul li {display: inline; white-space: nowrap;}
#navMain ul li a {text-decoration: none; padding: 0; font-size:1.1em; background-color: transparent;}

div.navMainSearch {position:absolute; top 2.2em; right:1.1em; white-space:nowrap; float:right;}
#searchBox {position:relative; width:12em; height:1.3em;}

/* 'welcome to...' */
div#headerRowTop {
		border-bottom:1px dashed #cccddd;
}
div#headerRowTop a {
		text-decoration:underline;
}

/* faq, myAccount, cart, etc... */
#navTopLinksWrap {
		position:absolute;
		top:0;
		right:0;
}

#navMain ul {
		padding:0;
		margin:0;
}
#navMain ul#navTopLinks li {
		padding:0;
		margin:0;
}

#navMain ul#navTopLinks li a {
		padding:0 0.5em 0 0.5em;
		font-style:italic;
		font-weight:600;
}
#navMain ul#navTopLinks li a:hover {
	background:#cae3eb;
}
/* the cart count display */
#navMain ul#navTopLinks li span#topNavCartCount {
  font-style:normal;
	font-weight:400;
	line-height:1em;
	text-decoration:none;
	color:black;
	background-color:inherit;
	padding-left:0;
	margin:0;
}

/* footer details */
div.footerList {display: inline; float:left; padding:0; margin-left:0px; width:25%;}
div.footerList li {width:auto; margin-left: 3em; display: block;}

.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch {float: left}

/* Product & Category Listings */
ul#cartAdd {float: right}
.wrapperAttribsOptions {margin: 0.3em 0em}
#mediaManager {width: 50%; margin: 0.2em; padding: 0.5em}

/* classes that need luft at top */
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {margin: 1em 0em;}

/*Image Display*/
/*#productMainImage img {padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; border: 0px;}*/
.categoryListBoxContents img {padding: 3px; border:1px solid #999999; background-color:#eeeeee;}
#reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {margin: 0em 1em 1em 0em;}
.attribImg {float: left; width: 20%;	margin: 0.3em 0em; text-align: center;}


/* the idea is to remove a pixel or two from the side of each background image (which makes the border,
 * so that the border appears `rounded' instead of blocky and square.  It doesnt work at the moment
 */
img.withShadow {
border-top: 1px solid #dcd7c8;
border-left: 1px solid #dcd7c8; 
border-right: 1px solid #dcd7c8;
background: url(../images/shad_bottom.png) repeat-x bottom left;
padding-top: 5px; padding-left: 5px; padding-right: 5px; padding-bottom: 9px; background-color:#ffffff;
}

.productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {color: #ff0000;}
tr.productListing-rowheading th {border-top:1px solid #404040; border-bottom:1px solid #404040;}
.productListing-heading{background-color:#eeeeee; border-bottom:1px solid #404040;}
.productListing-odd {background-color:#ffffff; border: 10px solid #eeeeee;}
.productListing-even {background-color:#eeeeee;}
td.productListing-data {border-bottom-color:#eeeeee;}
table.tabTable {border-bottom-color:#cccccc;}

.ratingRow {margin: 1em 0em 1.5em 0em; text-align: center;}
#upProductsHeading {text-align: left;}
#upDateHeading {text-align: right;}

.centerBoxContentsProducts {margin: 1%;}

/* product listing table */
.productListing-heading {height: 20px; vertical-align: middle;}

td.productListing-data {vertical-align:top; padding: 5px 0;}
h3.itemTitle {font-weight:normal; text-align:left; margin: 0 0 0 15px;}
.listingDescription {font-weight:normal; text-align: left; margin: 5px 15px 20px 15px; clear: both;}
.listingProductImage {margin:0px; background-color:#ffffff;}
table.tabTable {border-bottom-width:10px; border-bottom-style:solid;}

/* product info page */
#productMainImage {float:right; margin: 1em;}
div#priceAndCartWrapper {float:right; text-align:center; border:1px dotted #390000; margin-right:2em; margin-bottom:0.8em;}
div#productAttributes {margin:1em 2em 0 1em;}

/* swatches */
div#swatches_div{padding-left:0.2em; padding-right:0.2em; margin-top:0.6em; border:none; max-width:350px;} 
img.swatch {padding:0.4em;}
div#swatches_div .selected{background:yellow;}
div#swatches_div .swatch-over{background:#abcdef; cursor:pointer;}

/* h4.optionName {width:5em; clear: left; margin-top:-0.2em; font-weight:normal;} */
#alsoPurchased {clear: both;}
.navNextPrevWrapper {clear:both;}
/* div#cartAdd img {display:inline; text-align:center;} */
#productDetailsList {padding-left:0; list-style:none;}



.navSplitPagesResult {margin: 10px 0; float:right;}

tr#sizeAbbrev, tr#numeric {line-height:1.5em;}
tr#numeric {border-bottom: 1px solid #cccccc;}

/*Shopping Cart Display*/
#cartAdd {text-align: center; margin: 1em; padding: 0;}
#cartSubTotal {font-weight: bold; text-align: right; line-height: 2.2em; padding-right: 2.5em;}
.cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay {padding: 0.5em 0em;}
.cartUnitDisplay, .cartTotalDisplay {text-align: center;}
#scUpdateQuantity {width: 2em;}
.cartQuantity {width: 4.7em;}
.cartOldItem, .cartNewItem {position: relative;} /*do not remove-fixes stupid IEbug*/
.cartBoxTotal {text-align: right;	font-weight: bold;}
.cartRemoveItemDisplay {width: 3.5em;}
#cartAttribsList {margin-left: 1em;}
#productDescription {padding: 0.5em 0;}
.shippingEstimatorWrapper {padding: 0.5em;}
.tableRow, .tableHeading, #cartSubTotal {height: 2.2em;}
#cartBoxListWrapper ul, #ezPageBoxList ul {list-style-type: none;}
#cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal {padding: 0.2em 0em;}
.totalBox {width: 5.5em; text-align: right; padding: 0.2em;}
.lineTitle {text-align: right; padding: 0.2em;}
.amount {text-align: right; padding: 0.2em; width: 5.5em;}
#cartImage {margin: 0.5em 1em;}
.cartProductImage img {margin: 0.5em 1em;}
.gvBal {float: right;}
#shippingEstimator td {padding: 5px;}
#seProductsHeading {text-align:left; line-height:2em; padding-left:5px;}
#seTotalHeading {text-align:center; line-height:2em; padding-right:5px;}

#accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto {width: 47%;}


/* account history */
.accountTotalDisplay, .accountTaxDisplay {width: 20%; text-align: right;}
.accountQuantityDisplay {width: 10%; vertical-align: top;}

/* styling for totals in checkout payment information */
#ottotal .totalBox, #shippingTotal { font-weight: bold; color: #e03d00;}
#checkoutConfirmDefaultPayment , #checkoutConfirmDefaultShipment {margin-top: 1.5em;}
#ccQuantityHeading {text-align:center;}
#ccProductsHeading {text-align:left;}
#ccTaxHeading, #ccTotalHeading {text-align: right;}

/* Credit card boxes left and right aligned in checkout.
   2nd entry is a hack for IE as it calculates form widths differently from FF */
#cc-cc-owner, #cc-cc-number, #cc-cc-cvv {
	width: 162px;
/*	_width: 151px; */
	}

/* prevent additional images from riding up on product info page when there are no attributes */	
#productAdditionalImages {clear: both;}

/* align headings and content in Previous Orders table in My Account */	
#prevOrders td {text-align: center;}

/* allow space between address and explanatory text on My Account Page and Checkout address change pages */	
#addressBookDefault address, #checkoutShipAddressDefault address, #checkoutPayAddressDefault address {
	margin-right: 2em;
	}

/* improve appearance of headings next to radio buttons for alternative
   addresses in checkout shipping and payment modules */
.moduleRow label, .moduleRowSelected label {padding-left:10px; font-size: 1.1em; font-weight: bold; width: 20em;}
.moduleRow input, .moduleRowSelected input {margin-top:5px;}

/* align alternative addresses with radio button headings in checkout shipping and payment modules */
#checkoutShipAddressDefault fieldset address,
#checkoutPayAddressDefault fieldset address {margin-left:26px;}

/* remove line break in "continue" description in checkout template pages */
#checkoutConfirmDefault .buttonRow br,
#checkoutShipping .buttonRow br,
#checkoutShipAddressDefault .buttonRow br,
#checkoutPayment .buttonRow br,
#checkoutPayAddressDefault .buttonRow br {display:none;}

#checkoutConfirmDefault .important {font-weight:normal;}

#bestsellers .wrapper {margin: 0em 0em 0em 1.5em;}
#bestsellers ol {margin-left: 1.1em;}
#bestsellers li {margin: 0.3em 0em 0.3em 0em;}


#cartImg {float:left; margin-left:0;}
#cartSummary {float:left; margin-left:16px;}
#checkoutButton {padding-top:1.2em;}
div#shoppingcartContent {margin-left:34px; padding-bottom:1.5em;}
div#shoppingcartContent a:hover {color: #990000; background-color:transparent;}

/* hide the original heading, we want heading only show if shopping cart sidebox shows */
h3#shoppingcartHeading {display:none;}

/* this is for the NEW one (inside the box) */
#shoppingCartSideboxHeading {margin-top:0;}
div#shoppingcart h3#shoppingCartSideboxHeading:before {
		content: url("../images/shopping_cart_grey.gif");
		vertical-align: middle;
}
div#shoppingcart h3:hover#shoppingCartSideboxHeading:before {
		content: url("../images/shopping_cart_red.gif");
		vertical-align: middle;
}
.leftBoxHeading, label.leftBoxHeading {font-size: 1.2em; margin-left:-4px; text-align:left; font-weight:900;}
.leftBoxHeading {padding: 0 0 0 1em;}
.leftBoxHeading a:hover {text-decoration: none;}

/* sideboxes */
#categorylistbox ul, #manufacturerslist ul {
/*	margin:0 5px; */
	list-style-type:none
}
#categorylistbox ul li {
	padding:0.1em 0 0.1em 10px; 
  line-height:1.1em;
}
#manufacturerslist ul li {
	padding:0.1em 0 0.1em 10px; 
	line-height:1.1em;
}

#categorylistbox ul li a.category-top {
	line-height:20px;
	margin-left:-4px; 
	text-decoration:none; 
	font-weight:900;
	color:#980000;
	list-style-image:none;
}
 #categorylistbox ul li a.category-products, #manufacturerslist ul li a.manufacturerName {
		 /* gives the background colors a little `luft' on hover */
	padding-left:5px;
	padding-right:5px;
}

/* manufacturersGrid table */
table#manufacturersGrid td {width: 100px; height: 100px; text-align: center; border:1px solid #dddccc; padding:10px; text-decoration:none}
table#manufacturersGrid a, table#manufacturersGrid a:hover {text-decoration:none; background-color:transparent}

#categorylistbox ul li a:hover.category-products, #categorylistbox ul li a:hover.manufacturerName {
	color:#1e52fc;
	background-color:#cae3eb;
}

/* shopping cart */
#cartSubTotal {border-top: 1px solid #cccccc;}
.cartNewItem {color: #33CC33;}
.cartOldItem {color: #660099;}
.tableHeading TH {border-bottom: 1px solid #cccccc;}
.tableHeading, #cartSubTotal {background-color: #cacaca;}
#seProductsHeading, #seTotalHeading {background-color: #cacaca;}
.cartTableHeading {background-color: #cacaca; line-height:1.5em;}


/* miscellaneous */
.clearBoth {clear: both;}
.back {float: left;}
.forward {float: right;}
.bold {font-weight: bold;}
.floatingBox {width:47%;}
.rowEven {background-color: #ffffff; height: 1.5em; vertical-align: top}
.rowOdd {background-color: #f0f0f0; height: 1.5em; vertical-align: top;}
tr.tableHeading {background-color: #cacaca;}
hr {border: none;	border-bottom: 1px solid #9a9a9a;}
.larger {font-size: 1.1em;}
.biggerText {font-size: 1.2em;}
legend {font-size: 1.1em;}
address {font-size: 1.1em; font-style: normal; font-size: 1.1em;}
code {font-family: arial, verdana, helvetica, sans-serif; font-size: 1em;}
/* #tagline {font-size: 2em} */
label#textAreaReviews {font-weight: normal; margin: 1em 0em;}
.important {font-weight: bold;}
.smallText {font-size: 0.9em;}
tr.tableHeading {height: 2em;}
hr {height: 1px; margin-top: 0.5em;}
ul {padding-left:12px;}
/* #categorylistboxContent ul {padding-left:0} */
#internationalShipping tr {line-height:2em;}
#internationalShipping td {padding:0.5em 1em; text-align:center;}


/*navigation*/


div#navSupp {width: 100%; padding-top:0; border-top:1px solid #dddccc; min-height:50px;}
#navSupp a {font-size: 1.1em; font-weight: 900; color: #000066; background-color:transparent; margin-top:0; padding-top:0;}
#navSupp a:hover {text-decoration:underline;}
.navNextPrevCounter {font-size: 0.9em;}
.navNextPrevList {display: inline; white-space: nowrap; padding:  0.5em 0em; list-style-type: none;}

/*minor blocks of content */
.content {font-size: 1.2em;}

/* listings */
.normalprice, .productSpecialPriceSale {text-decoration: line-through;}

/* faq-style pages, etc. */
table#hatSizingTable {width:100%; overflow:scroll;}
table#hatSizingTable td {text-align:center; padding:3px; border:1px solid #aaaaaa;}

div.faqBox {
  border:1px solid #980000; background-color:#ffffff;
	padding:0 0 0.5em 0; margin-top:12px; margin-right:41px;
}
div.faqBox h4, div.faqBox p {
	margin: 0.7em 1em 1em 1em;
}
div.faqBox h4:first-letter {
		font-family:Times, "Times New Roman", serif;
		font-weight:900;
		font-size:2.4em;
		font-style:italic;
}
p.topLink {
  text-align:right;
  margin: 0.3em 4em 0.3em 1em;
}
p.toplink a:hover {
  text-decoration:none;
} 

div#faq_nav ul li {
  margin-top:0.4em;
}

div#faq_nav ul li a:hover {
   font-style:italic;
}

/* js specific */
/* breasking out of frames in forum / dir */
a.jailBreak {font-size:0.5em; padding:0px;}

/* popups */
#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {background-color: #ffffff;}

/* ottr#62 - avoid blue hover on _LRG popup img */
#popupImage a:hover {
background-color:transparent;
text-decoration:none;
}
/* warnings, errors, messages */
.messageStackWarning,
.messageStackError,
.messageStackSuccess,
.messageStackCaution,
.messageStackWarning, 
.messageStackError,
.messageStackSuccess,
.messageStackCaution {background-color: #FFFF66; color: #000000;}
.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {line-height: 1.8em; padding: 0.2em; border: 1px solid #000000;}
.alert {margin-left: 0.5em; vertical-align: top; color: #FF0000;}