
/* =========

 1.0 UNIVERSAL RESETS
 2.0 GENERIC CLASSES
 3.0 GENERAL STRUCTURE
 4.0 HEADINGS
 5.0 BRANDING
 6.0 LINKS
 7.0 PARAGRAPHS
 8.0 BLOCKQUOTES AND CITATIONS
 9.0 FORMS
10.0 LISTS
11.0 TABLES
12.0 MISC PRESENTATION ELEMENTS
13.0 IMAGES
14.0 META
15.0 ACCESSIBILITY
16.0 PAGE SPECIFIC


light green:	#7FB833
dark green:		#588123
blue gray:		#535D58

========= */

/*
1.0 UNIVERSAL RESETS
------------------------------------------
*/


/*
2.0 GENERIC CLASSES
------------------------------------------
*/


/*
3.0 GENERAL STRUCTURE
------------------------------------------
*/

#contentNavBar { height:41px; padding: 0 15px 0 21px; position: relative; }

#tabBGmid { width:932px; background-image: url(/images/products/tabBGmid.gif); background-repeat:repeat-y; margin-left:17px; }
#tabBGtop { width:932px; height:7px; background-image: url(/images/products/tabBGtop.gif); background-repeat:no-repeat; background-position:top left; margin-left:17px; }
#tabBGbot { width:932px; height:10px; background-image: url(/images/products/tabBGbot.gif); background-repeat:no-repeat; background-position:bottom left; margin-left:17px; }


#discontinued { width:154px; height:26px; position: absolute; left: 491px; top: 11px; z-index: 20}

#subcategoryBox { position: absolute; top: 11px; left: 200px; font-size: 80%; z-index: 5; }
#subcategoryBox .menuTitle { position:relative; background: #FFF url(/images/products/bg-subcategoryTitle.gif) no-repeat 0 0; width: 74px; height: 20px; }
#subcategoryBox .selectedText { position: absolute; top: -2px; left: 78px; width: 182px; }


/*
4.0 HEADINGS
------------------------------------------
*/
h1.categoryHead { width: 960px; height: 203px; background-position: 0 0; background-repeat: none; }
#categoryHeadProducts { background-image: url(/images/products/h1/products.jpg); }
#categoryHeadtelevisions { background-image: url(/images/products/h1/televisions.jpg); }
#categoryHeadcar { background-image: url(/images/products/h1/car.jpg); }
#categoryHeaddigital-cameras { background-image: url(/images/products/h1/digital-cameras.jpg); }
#categoryHeaddvd-players-recorders { background-image: url(/images/products/h1/dvd-players-recorders.jpg); }
#categoryHeadhome-audio { background-image: url(/images/products/h1/home-audio.jpg); }
#categoryHeadportable-audio { background-image: url(/images/products/h1/portable-audio.jpg); }
#categoryHeadcomputers { background-image: url(/images/products/h1/computers.jpg); }

#categoryHeadfeatured { background-image: url(/images/products/h1/featured.gif); height:312px; }
#categoryHeadnetflix { background-image: url(/images/products/h1/netflix.jpg); }

/*
5.0 BRANDING
------------------------------------------
*/


/*
6.0 LINKS
------------------------------------------
*/

#thumbPickSmall,
#thumbPickLarge { background: url(/images/products/thumbPicker.gif); }
#thumbPickSmall { width: 24px; height: 36px; background-position: -5px 2px; }
#thumbPickLarge { width: 32px; height: 36px; background-position: -29px 2px; }
#thumbPickSmall:hover { background-position: -5px -34px; }
#thumbPickLarge:hover { background-position: -29px -34px; }
#thumbSizeSmallTerm a.selected { background-position: -5px -70px; }
#thumbSizeLargeTerm a.selected { background-position: -29px -70px; }

#supportTabAnchor { width:185px; height:28px; background: #FFF url(/images/gui/bg-helpMeFindMyProduct.gif) no-repeat 0 0; } 
#supportTabAnchor:hover { background-position: 0 -28px; }
#tabAnchors a.selected { background-position: bottom right !important; }

#discontinued a { display:block; background-image:url(/images/btn-discontinued-products.gif); background-repeat:no-repeat; width:154px; height:26px; }
	#discontinued a.showToggled {background-position:-154px 0;}
	#discontinued a.showToggled:hover {background-position:-154px -27px;}
	#discontinued a.hideToggled {background-position:0 0;}
	#discontinued a.hideToggled:hover {background-position:0 -27px;}

#subcategoryMenu li a { position:relative; display: block; padding: 3px 10px; text-decoration: none; color: #535D58; }
#subcategoryMenu li a:hover { position:relative; background-color: #7FB833; color: #FFF; }


/*
7.0 PARAGRAPHS
------------------------------------------
*/


/*
8.0 BLOCKQUOTES AND CITATIONS
------------------------------------------
*/


/*
9.0 FORMS
------------------------------------------
*/



/*
10.0 LISTS
------------------------------------------
*/

#thumbSizeDefList { position: absolute; z-index:7; left:18px;}
#thumbSizeDefList dd, 
#thumbSizeDefList dt { float:left; }
#thumbSizeHeaderDef { margin: 0 !important; width: 91px; height: 30px; background: #FFF url(/images/products/thumbSize.gif) no-repeat 0 14px; }

#tabAnchors { list-style-type: none; position: absolute; padding-top: 8px; right: 15px; bottom: 0; }
#tabAnchors li { float: right; }

#subcategoryMenu { position:static; list-style: none; position: absolute; top: 21px; left: 80px; border: 1px solid #BDBBBD; background: #FFF url(/images/products/bg-thumbGradientGray.jpg) repeat-x left bottom; width:152px; display: none; }
#subcategoryMenu li { position:relative; padding: 0; }

div#wrapper div#contentBody div#contentNavBar {z-index:4;}


/*
11.0 TABLES
------------------------------------------
*/



/*
12.0 MISC PRESENTATION ELEMENTS
------------------------------------------
*/
body#productCategory div#wrapper div#contentBody div#productThumbs { padding-top: 14px;border-top:1px solid #CCC;}


/*
13.0 IMAGES
------------------------------------------
*/



/*
14.0 META
------------------------------------------
*/



/*
15.0 ACCESSIBILITY
------------------------------------------
*/



/*
16.0 PAGE SPECIFIC
------------------------------------------
*/




/*
16.4 SUPPORT TAB
------------------------------------------
*/

div#support {width:925px; margin-left:1px; font-size: 11px; background: transparent url(/images/gui/bg-helpMeTray.gif) repeat-x bottom left;}

div#supportWrapper {background:transparent url(/images/gui/bg-trayCol2.gif) no-repeat 200px 0;}

div#support a {color:#7FB833;}

div#support h3 { margin: 0 0 .5em 0; font-weight:bold; font-size:11px;}

div#support p {margin:0 0 1em 0; line-height:13px;}

div#support #col1,
div#support #col2,
div#support #col3 { float:left; padding:17px; }

div#support #col1 {
    width:166px;
    margin-bottom: 3px;
}

div#support #col2 {
    width:405px;
    padding-bottom:20px;
}

div#support #col3 {
    width:252px;
}

div#support #col3 img {
    float:left;
    margin-right:10px;
}

div#support ul {position:relative; padding-left:22px; width:318px;}
div#support ul li { margin-bottom:.75em; clear:both;}

div#support a#trayClickToTalk { width:115px; height:25px; background: transparent url(/images/gui/bg-clickToTalk.gif) no-repeat 0 0;}
div#support a#trayClickToTalk:hover {background-position:0 -25px;}

/*
16.5.2 PRODUCT THUMBS LIST
------------------------------------------
*/

div#wrapper div#contentBody div#productThumbs {z-index:3;}

#productThumbs {
	position: relative;
    padding:0 0 15px 10px;
}

.thumbBoxSmall,
.thumbBoxLarge {
	float: left;
	margin-bottom:8px;
	position: relative;
    font-size: 80%;
}
.thumbBoxInner {
	background: #FFF url(/images/products/bg-thumbGradientGray.jpg) repeat-x left bottom;
	padding: 0 18px;
	margin: 1px 7px 0 7px;
	  /*shouldn't need this, but cluetip is overriding the jquery css */
}
.thumbBoxInner:hover {
	background-image: url(/images/products/bg-thumbGradientGreen.jpg);
}

.thumbBoxSmall {
	width: 188px;
	background: transparent url(/images/products/bg-smallThumbShadow.gif) no-repeat left top;
}
.thumbBoxSmall .thumbBoxInner { height: 32em; }

body#productCategory .thumbBoxSmall .thumbBoxInner { height: 26em; }

.thumbBoxSmall .thumbBoxBottom {
	display: block;
	width: 188px;
	height: 5px;
	position: absolute;
	bottom: 0;
	background: #FFF url(/images/products/bg-smallThumbShadowBottom.gif) repeat-x left bottom;
}

.thumbBoxLarge {
	font-size: 1em;
	width: 313px;
	background: transparent url(/images/products/bg-largeThumbShadow.gif) no-repeat left top;
}
.thumbBoxLarge .thumbBoxInner { height: 34em; }
.thumbBoxLarge .thumbBoxBottom {
	display: block;
	width: 313px;
	height: 5px;
	position: absolute;
	bottom: 0;
	background: #FFF url(/images/products/bg-largeThumbShadowBottom.gif) repeat-x left bottom;
}

.thumbLink {
	display: block;
    text-decoration: none;
    cursor:pointer;
    padding: 12px 0 0 0;
}

.thumbImage {
    display: block;
    margin: 0 auto;
    text-align: center;
    background-color: #FFF;
    overflow: hidden;
    background: transparent url(/images/loadingAnimation-white.gif) no-repeat 50% 50%;
}
.thumbImage img { vertical-align: middle; }
.thumbBoxSmall .thumbImage { height: 152px; }
.thumbBoxLarge .thumbImage { height: 260px; }
.thumbBoxSmall .thumbImage img { max-height: 152px; }
.thumbBoxLarge .thumbImage img { max-height: 260px; }
.thumbBoxSmall .thumbImage .aligner { height: 152px; width: 1px; }
.thumbBoxLarge .thumbImage .aligner { height: 260px; width: 1px; }

.thumbTitle {
    color:#7FB833;
    font-weight:bold;
    display: block;
}
.newProductText {color:#FF0000;}

.thumbTitle a:hover {
    text-decoration:underline;
}

body#productCategory .thumbTitle { text-align: center; font-size: 11.5px; margin-top: 10px; }
.thumbIdeal {
    color: #535D58;
    font-size: 10px;
    /*font-weight: bold;*/
    margin: 6px 0 4px 0;
    font-size: 90%;
}

.thumbModel {
    color: #535D58;
	margin: 4px 0;
}

.thumbDiscontinued {
	position: absolute;
	top: 1px;
	left: 7px;
	background: #293943 url(/images/products/bg-discontinued.gif) repeat-x 0 0;
	color: #FFF;
	text-align: center;
	padding: 4px 0 5px 0;
	border-bottom: 1px solid #BDBBBD;
}
.thumbBoxSmall .thumbDiscontinued { width: 174px; }
.thumbBoxLarge .thumbDiscontinued { width: 299px; }


.rating, 
.price { font-weight: bold; padding: 3px 0 0 0;}
.rating {padding:1px 0 1px 0;}
.stars{ padding: 0 5px; vertical-align: middle; }
.thumbBoxSmall .thumbBoxInner .avgRating{ display: block; padding: 0; font-weight: normal; }
.thumbBoxLarge .rating { font-size: 85%; }
.thumbBoxLarge .thumbBoxInner .avgRating{ font-weight: normal; }
