/* ------------------------------- */
/*  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: #000; 
}
.tabs .content, .results .button 
{
	border-color: #666 !important;
}
.modelinfo .content, .results .button, .modelinfo tr.alt, .table-products .alt td
{
	background-color: #EEE;
}
.results .mostSold
{
	background-color: #666;
}
.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: #DDD; }
.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("/content/images/sprites/buttons.png") no-repeat 0 -120px;
}

.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; 
    
    -webkit-border-radius: 0 8px 0 0;
    -moz-border-radius: 0 8px 0 0;
    border-radius: 0 8px 0 0;
    behavior: url(/content/scripts/PIE-1.0.0.htc);    
}
.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; }

/* Telerik Tabs Skin (component handling the tab buttons) */
.RadTabStrip .rtsLink
{
    background-color: #EEE !important;
    border-color: #666 !important;
}
.RadTabStrip .rtsLink:hover
{
    background-color: #C3C3C3 !important;
}
.RadTabStrip .rtsSelected, .RadTabStrip .rtsSelected:hover
{
	background-color: #666 !important;
}