/* ------------------------------- */
/*  EET Product Guide StyleSheet   */
/* ------------------------------- */
/* Copyright - All rights reserved */
/* ------------------------------- */
/* The following has been seperated into context sections, 
 * representing the distinct parts of the Product Guide
 * search and selection process. 
 */ 

/* Primary color scheme */
/* -------------------- */
a:link { color: #666; }
a:visited { color: #999; }
a:hover { color: #AA0005; }
a:active { color: #000; }

h1, h2, .selection .header 
{ 
    color: #790000; 
}
.tabs .content, .results .button
{
	border-color: #790000;
}
.modelinfo .content, .results .button, .modelinfo tr.alt, .results table.productList tr.alt td
{
	background-color: #FFFFF5;
}
.results .mostSold
{
	background-color: #790000;
}
.results .mostSold .header, .results .mostSold a:visited 
{ 
	color: #C0C0C0;
}
/* Begin Site Defaults */
.fadeBoxPlain { border-color: #D8D8D8; background-color: #EEE; }
.results table.productList th, .results table.productList td { border-color: #FBEBEB; }
.results .genuine td, .results .compatible td { color: #660000; border-bottom: solid 1px #EEE; }
.results .category td { color: #333; }
/* End Site Defaults */


/* Section: Model selection options (dropdowns) */
/* -------------------------------------------- */
.selection .header
{
    margin-bottom: 5px;
    font-weight: bold;
}

.selection .search { text-align: center; }
.selection .search .searchField { padding: 2px; width: 70%; }
.selection .search input { vertical-align: middle; }
.selection .search .buttonSmall 
{
	height: 20px;
	width: 25px;
	border: none;
	background: url("/images/sprites/buttons.png") no-repeat 0 -240px;
}

.selection .navigation { float: right; margin-bottom: 1em; }

.steps { margin-bottom: 0; padding: 10px 0; height: 40px; }
.steps .step { float: left; width: 185px; margin-right: 10px; }
.steps .last { margin-right: 0; }
.steps .step .number
{
    float: left;
    margin-right: 3px; padding: 4px 0 0 2px;
    height: 25px; width: 25px;    
    text-align: center;
    font-size: 17px; font-weight: bold;
    color: #EEE; background: url("step.png") no-repeat top left;
}


/* Section: Model Information/Specifications Box */
/* --------------------------------------------- */
.modelinfo, .results { clear: both; }

.modelinfo .toggle { position: absolute; top: 6px; right: 5px; z-index: 100; }
.modelinfo .content { overflow: auto; } /* contains image float */
.modelinfo .image { float: right; padding: 2px; border: solid 1px #FFF; }
.modelinfo table { width: 400px; }
.modelinfo td { padding: 3px 2px; }
.modelinfo td.header { width: 12em; font-weight: bold; }
.modelinfo .bottom { clear: both; height: 1px; width: 1px; }


/* Section: Product item/search results */
/* ------------------------------------ */
.results .button 
{ 
	display: inline-block;
	margin: 1em 0; 
	padding: 0.3em 0.5em;
	border-style: outset;
	border-width: 2px;
	text-decoration: none;
}
.results .button:active { border-style: inset; }
.results .itemInfo { overflow: auto; } /* contains image float */
.results .itemDetails h1 { font-size: large; }

.results .mostSold ul, .results .searchResults
{
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Most Sold Products */
.results .mostSold { padding: 5px; background-image: url("../../../images/sprites/corners.png"); background-position: right top; }
.results .mostSold ul { overflow: hidden; }
.results .mostSold li { float: left; width: 33%; height: 41px; }
.results .mostSold a:link, .results .mostSold a:hover { color: #FFF; }
.results .mostSold a:active { color: #000; }
.results .mostSold a { display: block; height: 2.6em; overflow: hidden; }
.results .mostSold .header 
{ 
	margin-bottom: 5px;
	font-size: larger; 
	font-weight: bold; 
}
.results .mostSold .itemId { color: #EEE; }
.results .mostSold .image img { vertical-align: middle; }
.results .mostSold .image 
{ 
	float: left; 
	margin-right: 5px; 
	height: 40px; max-width: 45px; 
	overflow: hidden; 
}

/* Search results */
.results .searchResults
{
	margin: 0;
	padding: 0;
	list-style: none;
}
.results .searchResults li { margin-bottom: 0.5em; }
.results .searchResults .note
{
	padding-top: 2px;
	overflow: hidden; 
	white-space: nowrap;
}

/* Section: General tab navigation */
/* ------------------------------- */
.tabs { position: relative; }
.tabs .content { border-style: solid; border-width: 1px; border-top-width: 3px; padding: 5px; }


/* Section: Tabs Skin (component handling the tab buttons) */
/* ----------------- */
.RadTabStrip_Default .rtsLI,
.RadTabStrip_Default .rtsLink
{
	margin-right: 5px;
	line-height: 25px;
	color: #000;
}
.RadTabStrip_Default .rtsTxt
{
	font-family: Verdana, Helvetica, Sans-Serif;
}
.RadTabStrip_Default .rtsLink:hover,
.RadTabStrip_Default .rtsSelected
{
	color: #FFF;
}

/* <disabled tabs> */
.RadTabStrip_Default .rtsDisabled,
.RadTabStrip_Default .rtsDisabled:hover
{
	color: #aaa;
}
/* </disabled tabs> */

/* <scrolling arrows> */
.RadTabStrip_Default .rtsNextArrow,
.RadTabStrip_Default .rtsPrevArrow,
.RadTabStrip_Default .rtsPrevArrowDisabled,
.RadTabStrip_Default .rtsNextArrowDisabled
{
	background-image: url('TabStrip/TabStripStates.png');
}
/* </scrolling arrows> */

/* <tab backgrounds> */

.RadTabStripTop_Default .rtsLevel { background: #fff; }

.RadTabStripTop_Default .rtsLevel1 { background-color: transparent; }

.RadTabStripTop_Default .rtsLevel .rtsLink,
.RadTabStripTop_Default .rtsLevel .rtsOut { background-image: none; }

.RadTabStripTop_Default .rtsLevel1 .rtsLink,
.RadTabStripTop_Default .rtsLevel1 .rtsOut,
.RadTabStripBottom_Default .rtsLevel1 .rtsLink,
.RadTabStripBottom_Default .rtsLevel1 .rtsOut,
.RadTabStripTop_Default_Baseline .rtsLevel1,
.RadTabStripBottom_Default_Baseline .rtsLevel1 { background-image: url('TabStrip/TabStripStates.png'); }

.RadTabStripLeft_Default .rtsLink,
.RadTabStripRight_Default .rtsLink { background-image: url('TabStrip/TabStripVStates.png'); }

.RadTabStripLeft_Default .rtsLast .rtsLink,
.RadTabStripRight_Default .rtsLast .rtsLink
{
	border-bottom: 1px solid #898C95;
}

/* </tab backgrounds> */

/* <background positioning: tabs with hovers> */

/* <orientation: top> */

.RadTabStripTop_Default .rtsLevel1 .rtsLink { background-position: 0 0; }
.RadTabStripTop_Default .rtsLevel1 .rtsOut { background-position: 100% 0; }

.RadTabStripTop_Default .rtsLevel1 .rtsLink:hover { background-position: 0 -60px; }
.RadTabStripTop_Default .rtsLevel1 .rtsLink:hover .rtsOut { background-position: 100% -60px; }

.RadTabStripTop_Default .rtsLevel1 .rtsSelected,
.RadTabStripTop_Default .rtsLevel1 .rtsSelected:hover { background-position: 0 -30px; }
.RadTabStripTop_Default .rtsLevel1 .rtsSelected .rtsOut,
.RadTabStripTop_Default .rtsLevel1 .rtsSelected:hover .rtsOut { background-position: 100% -30px; }

.RadTabStripTop_Default .rtsLevel1 .rtsDisabled,
.RadTabStripTop_Default .rtsLevel1 .rtsDisabled:hover { background-position: 0 -90px; }
.RadTabStripTop_Default .rtsLevel1 .rtsDisabled .rtsOut,
.RadTabStripTop_Default .rtsLevel1 .rtsDisabled:hover .rtsOut { background-position: 100% -90px; }

.RadTabStripTop_Default .rtsLevel1 { background-position: 0 100%; background-repeat: repeat-x; }

/* </orientation: top> */

/* <orientation: bottom> */
/*
.RadTabStripBottom_Default .rtsLevel1 .rtsLink { background-position: 0 -130px; }
.RadTabStripBottom_Default .rtsLevel1 .rtsFirst .rtsLink { background-position: 0 -182px; }
.RadTabStripBottom_Default .rtsLevel1 .rtsOut { background-position: 100% -130px; }
.RadTabStripBottom_Default .rtsLevel1 .rtsLast .rtsOut { background-position: 100% -182px; }

.RadTabStripBottom_Default .rtsLevel1 .rtsLI .rtsSelected { background-position: 0 -156px; }
.RadTabStripBottom_Default .rtsLevel1 .rtsSelected .rtsOut { background-position: 100% -104px; }
.RadTabStripBottom_Default .rtsLevel1 .rtsLI .rtsAfter { background-position: 0 -104px; }

.RadTabStripBottom_Default .rtsLevel1 .rtsLast .rtsSelected .rtsOut { background-position: 100% -156px; }

.RadTabStripBottom_Default_Baseline .rtsLevel1 { background-position: 0 -252px; background-repeat: repeat-x; }
*/
/* </orientation: bottom> */

/* <orientation: right> */

.RadTabStripRight_Default .rtsUL .rtsLink,
.RadTabStripRight_Default .rtsUL .rtsLI .rtsDisabled:hover { background-position: 100% 0; text-align: left; }
.RadTabStripRight_Default .rtsUL .rtsLink:hover { background-position: 100% -200px; }
.RadTabStripRight_Default .rtsUL .rtsSelected,
.RadTabStripRight_Default .rtsUL .rtsSelected:hover { background-position: 100% -400px; }

/* </orientation: right> */

/* <orientation: top (RTL)> */
/*
.RadTabStripTop_Default_rtl .rtsLevel1 .rtsLink
{
	padding-left: 0;
	padding-right: 9px;
}

.RadTabStripTop_Default_rtl .rtsLevel1 .rtsOut
{
	padding-left: 9px;
	padding-right: 0;
}

.RadTabStripTop_Default_rtl .rtsLevel1 .rtsLink,
.RadTabStripTop_Default_rtl .rtsLevel1 .rtsOut { background-image: url('TabStrip/TabStripStates_rtl.png'); }

.RadTabStripTop_Default_rtl .rtsLevel1 .rtsLink { background-position: 100% -52px; }
.RadTabStripTop_Default_rtl .rtsLevel1 .rtsFirst .rtsLink { background-position: 100% 0; }
.RadTabStripTop_Default_rtl .rtsLevel1 .rtsOut { background-position: 0 -52px; }
.RadTabStripTop_Default_rtl .rtsLevel1 .rtsLast .rtsOut { background-position: 0 0; }

.RadTabStripTop_Default_rtl .rtsLevel1 .rtsLI .rtsSelected { background-position: 100% -26px; }
.RadTabStripTop_Default_rtl .rtsLevel1 .rtsSelected .rtsOut { background-position: 0 -78px; }
.RadTabStripTop_Default_rtl .rtsLevel1 .rtsLI .rtsAfter { background-position: 100% -78px; }

.RadTabStripTop_Default_rtl .rtsLevel1 .rtsLast .rtsSelected .rtsOut { background-position: 0 -26px; }
*/
/* </orientation: top (RTL)> */

/* </background positioning: overlapping tabs> */