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

body { 
    background-color: #000000\9; /* IE 8 and below */
    *background-color: #000000; /* IE 7 and below */    
}

.colText .itemId {
    padding-top: 2px;
    color: #ffffff;
}

.table-products .groupHeader p {
    margin: 0px;
    padding: 0.8em 0px;
    color: #ffffff;
    font-weight: bold;
}

.content td p {
text-align: left;
}

.rgGroupCol
{
text-align: right !important;
width: 15px; padding: 0px !important;
}

.content p {
text-align: left;
}

.content li {
text-align: left;
}

.listModels li span {
    color: #ffffff;
}

h1, h2, .selection .header 
{ 
    color: #cecece; font-size: 12px;
}
.left img {
width: 100px;
height: 75px;
}

.selection {
-webkit-border-radius: 18px !important; -moz-border-radius: 18px !important; border-radius: 18px !important; 
}

a.button, input.button { 
color:#fefefe; padding:4px 12px; font-weight:bold; border:none;
font-family: 'AeriscoPregular',"Lucida Grande","Lucida Sans Unicode",Segoe UI,Helvetica,Arial,sans-serif; cursor:pointer; 
font-size: 14px;
-webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; 
border:none !important; background:none; filter:none;
border-color: none;
color:#fefefe;
background:#d16d11;background-image:-ms-linear-gradient(top,#d16d11 0%,#d87113 100%);
background-image:-moz-linear-gradient(top,#d16d11 0%,#d87113 100%);
background-image:-o-linear-gradient(top,#d16d11 0%,#d87113 100%);
background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#d16d11),color-stop(1,#d87113));
background-image:-webkit-linear-gradient(top,#d16d11 0%,#d87113 100%);
background-image:linear-gradient(top,#d16d11 0%,#d87113 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d16d11',endColorstr='#d87113');
}
input.button { 
font-size: 10px !important; padding:2px 10px;
}
a.button:hover, input.button:hover {
text-decoration:none; background:#bd4c10; color: #ffffff;
}


.tabs .content
{
	border-color: #666 !important;
	color: #cecece;
}
.modelinfo .content, .results .button, .modelinfo tr.alt, .table-products .alt td
{
	background-color: #222222;
}
.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;
}

.guide {
background-image: url(/livehelp/fancybox_loading.gif) top 10px center no-repeat !important;
margin: 0 auto;
padding-right: 2px;
width: 760px;
max-height: 572px;
text-align: center;
}

.guide table, .guide td {
text-align: left;
color: #ffffff;
}

.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;
}