/* ------------------------------- */
/*  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: #1258A0; }
a:visited { color: #01335B; }
a:hover { color: #AA0005; }
a:active { color: #000; }

h1, h2, .selection .header 
{ 
    color: #1064BE; 
}
.tabs .content, .results .button 
{
	border-color: #145694;
}
.modelinfo .content, .results .button 
{
	background-color: #F1F6FA;
}
.results .mostSold
{
	background-color: #145694;
}
.results .mostSold .header, .results .mostSold a:visited 
{ 
	color: #BBDFEB;
}


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

.selection .search { text-align: center; }
.selection .search .searchField { padding: 3px; 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 -90px;
}

.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 
{ 
    height: 63px; 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 
{ 
	display: block;
	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 .rtsLevel
{
    clear: both;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 100%;
    position: relative;
}
.RadTabStrip .rtsUL
{
    margin: 0; padding: 0;
}
.RadTabStrip .rtsLI
{
    float: left;
    display: inline;
}
.RadTabStrip .rtsLink
{
	margin-right: 5px;
	line-height: 25px;
	color: #000;
    display: block;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    padding: 0 12px;
    background-color: #E1ECFA;
    border: 1px solid #145694;
    border-width: 1px 1px 0 1px;
    
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;    
    behavior: url(/content/scripts/PIE-1.0.0.htc);
}
.RadTabStrip .rtsLink:hover
{
    color: #FFF;
    background-color: #A4BFE3;
}
.RadTabStrip .rtsSelected, .RadTabStrip .rtsSelected:hover
{
	color: #FFF;
	background-color: #145694;
}

/* <disabled tabs> */
.RadTabStrip .rtsDisabled,
.RadTabStrip .rtsDisabled:hover
{
	color: #aaa;
	cursor: default;
	background-color: #EEE;
	border-color: #999;
}
/* </disabled tabs> */