body { font-size:15px; min-height:100%; }
.wrap{ width:100%; }
.mainmenu li{ display:inline;  margin:0 1em 0 1em; white-space: nowrap;}

.content{ display:inline-block; width:75%; margin-right:2%;}
.page{ padding:1em 20px 2em 20px; }

.sidebar{ display:inline-block; width:22%; }
.main-page-link{ width: calc((100% - 28px) / 4);}
.logo{display:inline-block; width:59%;}
.search-top{display:inline-block;width:40%;}

.reviewgraph
.reviewphoto{ width:50%; }


.range-column{ width:282px; }
.range-name{ width:178px; }
.range-input{ width:97px; }

checkbox { background-color#FFF; }

@media screen and (max-width: 1023px) {
body { font-size:14px; }
.wrap{ width:100%; }
.content{ display:block; width:100%; margin-right:0;}
.sidebar{ display:block; width:100%; margin-top:3em;}
.sidebar-item{display:inline-block; width:24.4%;vertical-align:top; margin-top:2em;}

}

@media screen and (max-width: 799px) {
.logo{display:block; width:100%;}
.search-top{display:block;width:100%;}

}

@media screen and (max-width: 640px) {
body { font-size:13px; }
.page{ padding:1em 5px 2em 5px; }
.main-page-link{ width: calc((100% - 12px) / 2);}
.mainmenu li{ display:list-item;  margin:0.7em 0.7em 0.7em 1.4em; list-style:square; }
.sidebar-item{width:48%;}
.reviewgraph, .reviewphoto{ width:98%; }

.range-column{ width:100%; }
.range-name{ width:55%; }
.range-input{ width:40%; }

}


* {box-sizing: border-box;}

body {
padding:0;
margin:0;
background-color:#EDF1F2;
color:#333;
font-family:'Open Sans', arial;
}

a{
color:#5B5B5B;
}

a:hover{
text-decoration:none;
color:#000;
}

.wrap{
margin:0 auto 0 auto;
background-color:#FFF;
max-width:1200px;
}

.wrap-res{
margin:0 auto 0 auto;
background-color:#FFF;
width:2120px;
}

.wrap-med{
margin:0 auto 0 auto;
background-color:#FFF;
width:1400px;
}

.header-top{
background-color:#FFF;
min-height:56px;
border-bottom:6px solid #FFB602;
}

.search-top{
min-height:56px;
vertical-align:top;
text-align:right;
padding-top:20px;
padding-right:1em;
}


.mainmenu{
background-color:#5B5B5B;
margin:0;
padding:0;
font-family:'Open Sans';
text-transform:uppercase;
font-weight:bold;
padding:1em;
font-size:0.9em;
box-shadow:0 0.1em 0.2em #CCC;
color:#FFF;
}

.mainmenu li a{
color:#FFF;
text-decoration:none;
}

.mainmenu li a:hover{
border-bottom:2px solid #F5B325;
}

h1{
font-family:'Open Sans Condensed';
margin:0;
padding:0.3em;
color:#2B2B2B;
font-size:2.8em;
border-bottom:2px solid #CCCCCC;
letter-spacing:-1px;
}

h2{
font-family:'Open Sans Condensed';
color:#2B2B2B;
font-size:1.6em;
}

.horline{
height:1px;
border-bottom:2px solid #CCCCCC;
}

.content,.sidebar{
vertical-align:top;
}


.sidebar{
background-color:#EFEFEF;
padding:1em; 
box-sizing: border-box;
color:#000;
box-shadow:0 0.1em 0.2em #CCC;
}

.sidebar img{
width:100%;
}

.sidebar table{
max-width:240px;
}

.sidebar td img{
max-width:32px;
}

.content img{
max-width:100%;
}

.content-res{
margin-right:1em;
font-size:14px;
}


.sidebar h2{
padding:0 0 0.3em 0;
margin:0;
color:#5B5B5B;
border-bottom:2px solid #CCCCCC;
font-family:'Open Sans Condensed';
font-size:1.8em;
line-height:1.2em;
}

.sidebar h3{
font-size:1.2em;
}



.pagenav{
margin:1em auto 1em auto;
padding:1em 0 1em 0;
text-align:center;
text-transform:uppercase;
font-family: 'Open Sans', sans-serif;
font-size:1.4em;
}

.pagenavtext, .pagenavlink{
margin:0.25em;
padding:0.5em 0.5em 0.5em 0.5em;
text-decoration:none;
}

.pagenavlink{
background-color:#E8E8E8;
color:#333;
}

.pagenavtext{
color:#333;
}

.pagenavlink:hover{
background-color:#5B5B5B;
color:#F5B325;
}

.pagenavactive{
margin:0.25em;
padding:0.5em 0.5em 0.5em 0.5em;
color:#333;
font-weight:bold;
}


/* Circular Content Carousel Style */
/*
.ca-container{
margin:0 auto 20px auto;
}

.ca-wrapper{
width:100%;
height:100%;
}

.ca-item{
display:inline-block;
width:216px;
color:#000;
vertical-align:top;
}

.ca-item-main{
padding:12px;
height:238px;
background-color:#E8E8E8;
margin:0;
}

.main_brand{
font-size:1.2em;
margin:0;
padding:0;
}

.main_model{
font-size:0.9em;
margin:0;
padding:0;
}

.ca-item-main img{
width:100%;
}

.review_button{
margin-top:0.4em;
text-align:right;
font-size:0.8em;
font-weight:bold;
}

.review_button a{
padding:0.5em 1em 0.5em 1em;
background-color:#5B5B5B;
color:#FFF;
text-transform:uppercase;
text-decoration:none;
}

.review_button a:hover{
color:#F5B325;
}

.reviewgraph, .reviewphoto{
display:inline-block;
margin:0.5em;
vertical-align:top;
padding:1px;
border:1px solid #AAA;
}


.brandchb{
display:inline;
margin:0 0.2em 0 0.2em;
}
*/

/* Main results table */
table{
border-spacing:0;
border-collapse:collapse;
max-width:100%;
}

table, tr, td{
padding:0;
margin:0;
}

.maintable table, .maintable tr, .maintable td{
border:1px solid #D5D5D5;
color:#000;
}

td .brandtable{
border-width:0;
}

td{
padding:1px 2px 1px 2px;
}

.smallfont{
font-size:1em;
}

.bigfont{
font-size:1em;
}

.headers{
text-align:center;
font-size:0.9em;
}

.dark{
background-color:#F2F2F2;
}

.bright{
background-color:#FFF;
}

.sort{
background-color:#E9E9E9;
}

.lamp_icon{
width:18px;
margin:3px 0 0 2px;
}

.ftitle{
white-space: nowrap;
display:inline-block
}


.range-column{
display:inline-block;
}

.range-name{
display:inline-block;
text-align:right;
}

.range-input{
display:inline-block;
margin-bottom:3px;
}

.range-input input{ width:38px; }

.brand-wrap{
-moz-column-width: 6em;
-webkit-column-width: 6em;
column-width: 6em;
}

.brand-wrap ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.brand-wrap ul li:first-child{
margin-top:0px;
}

#filterform, #filterform table, #filterform tr, #filterform td{
width:100%;
max-width:870px;
font-size:14px;
}


#filterform, #filterformsmall{
padding:0.3em 0 0.3em 1em;
margin:1em 0 1em 0;
background-color:#E8E8E8;
}

#filterform p, #filterformsmall p{
padding:0;
margin:0.5em 0 0.5em 0;
}

input{
background-color:#FFF;
border:1px solid #999;
margin-right:0.3em;
}

.chbox{
margin-right:3px;
}

label{
}

.magrinleft{
margin-left:0.4em;
}

form label {-moz-user-select: none; -khtml-user-select: none; user-select: none}

.mainmenu, #filterformsmall {cursor: default}


#filterbutton{
background-color:#5B5B5B;
color:#F5B325;
font-size:1.2em;
padding: 0.01em 0.6em 0.01em 0.6em;
cursor:pointer;
}

#filterbutton:hover{
cursor:pointer;
}

.footer{
border-top:6px solid #FFB602;
background-color:#5B5B5B;
padding:1em 0 1em 1em;
color:#FFF;
font-size:0.9em;
}

.close{
clear:both;
}

.main-page-link{
display:inline-block;
margin:0 2px 2% 2px;
padding:0.4em;
background-color:#EFEFEF;
color:#000;
font-family:"Open Sans",sans serif,arial;
text-decoration:none;
vertical-align:top;
box-shadow:0 0.1em 0.2em #CCC;
}

.main-page-link:hover{
text-decoration:underline;
}

.main-page-link img{
width:100%;
border:1px solid #888;
}

.main-page-link p{
margin:0;
padding:0;
line-height:1.2em;
}

.review_table tr td{
vertical-align:top;
padding-top:0.25em;
padding-bottom:0.25em;
border-top:1px dotted #DDD;
}

.instruments{
margin-top:0;
margin-bottom:0;
}

.right{
text-align:right;
}

.left{
text-align:left;
}

/* Search */
#search_form *,#ajax_search_results *,#column_settings_block *{box-sizing:content-box}
th span{text-decoration:underline;color:#5B5B5B;cursor:pointer}
th span:hover{text-decoration:none;color:#000}
.clr{clear:both}
#search_form{display:inline-block;margin-top:1em;padding:11px 13px 6px 12px;background:#E8E8E8}
#search_form div.cell{float:left;vertical-align:top;font-size:14px;line-height:20px;padding-left:2px;padding-bottom:4px;white-space:nowrap}
#search_form div.cell .hdr{margin-bottom:3px}
#search_form div.cell input[type=checkbox]{margin:2px 4px 2px 1px}
#search_form div.cell input.range{width:38px}
#column_settings_block{clear:both;text-align:right;padding-bottom:8px}
#column_settings_block td{padding:1px 0 1px 2px;min-width:60px;text-align:left}
#column_settings_block label{display:inline-block;padding-right:1px;min-width:50px}
#column_settings_block td{vertical-align:middle;font-size:14px;line-height:19px}
label{white-space:nowrap}
label span{color:#9A9A9A}
#ajax_search_results{position:relative}
#ajax_search_results .loading{margin-top:20px;text-align:center}
#ajax_search_results table{border-collapse:collapse;background:#FFF}
#ajax_search_results table th{height:23px;white-space:nowrap}
#ajax_search_results table td,#ajax_search_results table th{text-align:center;font-weight:normal;padding:1px 2px;min-width:25px;border:1px solid #D5D5D5;font-size:14px;line-height: 17px}
#ajax_search_results table th.img{width:25px}
#ajax_search_results table th.shop{width:25px}
#ajax_search_results table th.brand{min-width:70px}
#ajax_search_results table th.model{min-width:300px}
#ajax_search_results table td a{text-decoration:none;color:#000}
#ajax_search_results table td a:hover{text-decoration:underline}
#ajax_search_results table td.desc a:hover{text-decoration:none}
#ajax_search_results table td.brand,#ajax_search_results table td.model,#ajax_search_results table td.desc{text-align:left}
#ajax_search_results table td.u,#ajax_search_results table td.desc{white-space:nowrap}
#ajax_search_results table .grayline td{background:#F2F2F2}
#ajax_search_results table td a.imagelink{display:inline-block;padding:3px}
#ajax_search_results table td.green{background-color:#DDFFDC}
#ajax_search_results table td.cyan{background-color:#DEFFFE}
#ajax_search_results table td.yellow{background-color:#FDFFE4}
#ajax_search_results table td.orange{background-color:#FFEEDB}
#ajax_search_results table td.red{background-color:#FFDDDD}
#ajax_search_results table span.yellow{display:inline-block;padding:0 2px 0 1px;background-color:#FF5;color:#000}
#ajax_search_results table span.red{display:inline-block;padding:0 2px 0 1px;background-color:#F55;color:#FFF}
#ajax_search_results table span.k_yellow{display:inline-block;padding:0 2px 0 1px;background-color:#FF9;color:#000}
#ajax_search_results table span.k_gray{display:inline-block;padding:0 2px 0 1px;background-color:#DDD;color:#000}
#ajax_search_results table span.k_blue{display:inline-block;padding:0 2px 0 1px;background-color:#9FF;color:#000}
#ajax_search_results table span.matt{display:inline-block;padding:0 2px 0 2px;background-color:#DDD;color:#000}
#ajax_search_results table span.fil{display:inline-block;padding:0 1px 0 2px;background-color:#FB0;color:#000}
#ajax_search_results table span.dim{display:inline-block;padding:0 1px 0 1px;color:#999}
#ajax_search_results .pagenav{margin:0 auto;padding:1em 0 1em 0;text-align:center;font-family: 'Open Sans', sans-serif;font-size:1.4em;}
#ajax_search_results .pagenav.upper{padding-top:0}
#ajax_search_results .pagenav.lower{padding-bottom:0}
#ajax_search_results .pagenavtext, .pagenavlink{margin:0.25em;padding:0.3em 0.5em;text-decoration:none;}
#ajax_search_results .pagenavlink{background-color:#E8E8E8;color:#333;}
#ajax_search_results .pagenavtext{color:#333;}
#ajax_search_results .pagenavlink:hover{background-color:#5B5B5B;color:#F5B325;}
#ajax_search_results .pagenavactive{margin:0.25em;padding:0.5em 0.5em 0.5em 0.5em;color:#333;}
#ajax_search_show_table{text-decoration:none;background-color:#5B5B5B;color:#F5B325;font-size:1.2em;padding: 0.01em 0.6em 0.01em 0.6em;cursor:pointer;border: 1px solid #999}
.fade9{-moz-opacity:0.9;opacity:.90;filter:alpha(opacity=90)}
.fade8{-moz-opacity:0.8;opacity:.80;filter:alpha(opacity=80)}
.fade7{-moz-opacity:0.7;opacity:.70;filter:alpha(opacity=70)}
.fade6{-moz-opacity:0.6;opacity:.60;filter:alpha(opacity=60)}
.fade5{-moz-opacity:0.5;opacity:.50;filter:alpha(opacity=50)}
.fade4{-moz-opacity:0.4;opacity:.40;filter:alpha(opacity=40)}
.fade3{-moz-opacity:0.3;opacity:.30;filter:alpha(opacity=30)}
.fade2{-moz-opacity:0.2;opacity:.20;filter:alpha(opacity=20)}
.fade1{-moz-opacity:0.1;opacity:.10;filter:alpha(opacity=10)}
.fade0{position:absolute;z-index:-1;height:0px;width:0;top:-1px;left:-1px}
.fds{position:absolute;z-index:100;width:100%;top:0;left:0;background:#000}
#preview_img{position:absolute;z-index:200;border:1px solid #EEE;border-radius:5px;background:#FFF}
#hint{position:absolute;z-index:100;background:url('/images/design/hint.gif') 92px bottom repeat-x;padding-bottom:8px}
#hint .brd{border-top:1px solid #000;border-left:1px solid #000;border-right:1px solid #000;padding-bottom:11px}
#hint div div{background:#FFFDE5;padding:8px 8px 0 8px;font-size:12px}
#hint b{color:#5E8D0D}
#hint code{background:#CCC;display:inline-block;padding:0 2px}
#hint h3{color:#5E8D0D;margin:0 0 4px 0;padding:0}