/* -----------------------------------------------------------------------
-blueprint css framework 0.9 http://blueprintcss.org
----------------------------------------------------------------------- */

/* -reset (from blueprint css)
----------------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* -typography (from blueprint css)
----------------------------------------------------------------------- */
html {font-size:100.01%;}
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#555555;}
h1 {font-size:30px;line-height:1;margin-bottom:0.5em; font-weight:bold;}
h1 span.subhead {font-size:75%;margin-left:15px;font-weight:normal;}
h2 {font-size:2em;margin-bottom:0.75em;}
h2.subheading {font-size:2em;margin:-10px 0 20px 0;}
h2.divider {clear: both;font-size:2em;margin:20px 0 10px 0;border-bottom:1px solid #ddd; padding-bottom:5px;}
h3 {font-size:1.5em;line-height:1;margin-bottom:0.20em; font-weight:bold;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em; color:#555555;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#555555 !important;}
a, a:link {color:#36C;text-decoration:underline;}

blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:15px; color:#555555;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#D71D24;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;visibility:hidden;}

.out-stock, .low-stock {color:#D71D24;}
.in-stock {color: green;}

/* end of blueprint css framework */


/* -----------------------------------------------------------------------
 -structure
----------------------------------------------------------------------- */
body {background:#fff;}
#screen {width:100%;margin:0 auto;text-align:left;background:#fff;}
#header {width:100%;margin:0;padding:0; background: #0058a7 url(/assets/images/bg-header-blue.jpg) center repeat-x;}
#footer {width:100%;clear:both;margin:0;padding:0;text-align:center;background:#fff;}
#wrapper {width:100%;clear:both;}

.content {width:960px;margin:0 auto; position:relative;}
.content:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;} /* niversal clearfix hack */
.content {display:inline-block;}
/* start commented backslash hack \*/
* html .content {height:1%;}
.content {display:block;}
/* close commented backslash hack */ 


.one_col .primary {margin: 0; ;padding:10px 0; float:none;}
.one_col .secondary {width: 940px; margin:0 10px 0 10px; clear:left; padding:10px 0; float:none;}
.two_col .primary {width: 660px; margin:0; padding:10px 0; float: left; }
.two_col .secondary {width: 260px; margin:0 0 0 0; padding:10px 0px 20px 20px; float: right; border-right: none; border-left: 0px solid #dadada;}

.swap .two_col .primary {width: 660px; margin:0; padding:10px 0; float: right; }
.swap .two_col .secondary {width: 260px; margin:0 0 0 0; padding:10px 20px 20px 0; float: left; border-left: none; border-right: 1px solid #dadada;}


.w1 {width:20px;}
.w2 {width:60px;}
.w3 {width:100px;}
.w4 {width:140px;}
.w5 {width:180px;}
.w6 {width:220px;}
.w7 {width:260px;}
.w8 {width:300px;}
.w9 {width:340px;}
.w10 {width:380px;}
.w11 {width:420px;}
.w12 {width:460px;}
.w13 {width:500px;}
.w14 {width:540px;}
.w15 {width:580px;}
.w16 {width:620px;}
.w17 {width:660px;}
.w18 {width:700px;}
.w19 {width:740px;}
.w20 {width:780px;}
.w21 {width:820px;}
.w22 {width:860px;}
.w23 {width:900px;}
.w24 {width:940px;}


/* NOT SURE WHY THESE ARE HERE YET
.two_col_fixed .primary {width: 700px; height: 420px; overflow-y: auto; margin:0 0 0 0; padding:0; float: right; background: #FFF;}
.two_col_fixed .primary #results {padding:10px 20px;}
.two_col_fixed .secondary {width: 258px; height: 420px; margin:0 0 0 0; padding:0; float: left; background:#FFF;border-right:1px solid #eaeaea;border-left:1px solid #eaeaea;}
*/


/* -----------------------------------------------------------------------
 -header area styles
----------------------------------------------------------------------- */  
  
/* -branding
----------------------------------------------------------------------- */
.branding {width:100%;background:transparent;clear:both;}
.branding .content {background:transparent;}
.branding img.logo {margin:20px 0 10px 0;}
.branding h1 {margin:0; padding:20px 10px; font-size:40px;}
.branding ul {list-style:none;position:absolute;right:0px;top:26px;margin:0px; padding:5px 7px 5px 7px; background:#00006f;}
.branding ul li {float:left;margin-left:27px;}
.branding ul li a {color: #FFFFFF;}
.branding ul li a:hover {color: #60a4ff !important;}
.branding form {position:absolute;right:10px;top:30px;}
.branding form fieldset {border:none; margin:0;padding:0;}
.branding li.propitright {margin-left:0px;}
.branding li.propitright a {background: url(http://www.miwheel.com/assets/images/icon-propeller.png) left center no-repeat; padding-left: 18px;}
.branding li.propitright a:hover, .edit_icon {background: url(http://www.miwheel.com/assets/images/icon-propeller-blue.png) left center no-repeat; padding-left: 18px;}

.branding li.propeller a {background: url(http://www.miwheel.com/assets/images/icon-propeller.png) left center no-repeat; padding-left: 18px;}
.branding li.dealer a {background: url(http://www.miwheel.com/assets/images/icon-map.png) left center no-repeat; padding-left: 28px;}
.branding li.contact a {background: url(http://www.miwheel.com/assets/images/icon-envelope.png) left center no-repeat; padding-left: 23px;}
.branding li.propeller a:hover {background: url(http://www.miwheel.com/assets/images/icon-propeller-blue.png) left center no-repeat; padding-left: 18px;}
.branding li.dealer a:hover {background: url(http://www.miwheel.com/assets/images/icon-map-blue.png) left center no-repeat; padding-left: 28px;}
.branding li.contact a:hover {background: url(http://www.miwheel.com/assets/images/icon-envelope-blue.png) left center no-repeat; padding-left: 23px;}


/* -main_nav
----------------------------------------------------------------------- */
.main_nav {width:100%;background:transparent;color:#FFFFFF;clear:both;}
.main_nav .content {background:transparent;}
.main_nav ul {list-style:none; padding:0; margin: 0; font-size:15px; font-weight:bold;}
.main_nav ul li {float:left; display:inline; padding:0;}
.main_nav ul li:first-child {margin-left:0;} /* Does not work in ie6 */
.main_nav ul li.account {float:right;} /* Does not work in ie6 */
.main_nav ul li a {padding:10px 20px; display:block;color:#fff;text-decoration:none; border:none; text-decoration:none;}
.main_nav ul li a:hover {background:#005dd8; color:#FFFFFF !important;}
.main_nav ul li a.active {background:#fff; color:#005dd8;}


/* -----------------------------------------------------------------------
 -footer area styles
----------------------------------------------------------------------- */  
#footer .content {clear:both; text-align: center; position:relative; padding-bottom: 10px;}
#footer .content p {margin:0px; padding:10px 0 0 0; font-size: 12px;}
#footer .content p.footnav strong, #footer .content p.subfootnav strong {font-weight: normal; color:#3cc8f0; margin: 0px 4px 0px 7px;}
#footer .content p.footnav  {font-size: 16px; font-weight: bold; text-align:right; position: absolute; top: 0px; right:0px;}
#footer .content p.subfootnav {position:absolute; top: 45px; right:0px;}


/* ----------------------------------------------------------------------- 
 -billboard and -section_nav
----------------------------------------------------------------------- */  

/* -billboard
----------------------------------------------------------------------- */
.billboard {width:100%; background: #fff url(/assets/images/bg-water-flow.jpg) center repeat-x;clear:both;}
.billboard .content {background:transparent; padding:20px 0;}
.billboard .two_col .secondary {border: none;}
.billboard h1 {font-weight: bold; font-size: 34px; color: #d71d24; margin:0px 0px 5px 0px; padding:0;}
.billboard h2 {clear: left;font-weight: normal; font-size: 22px; color: #707070; margin:0; padding:0; line-height:24px;}

.accordion select {
    width: 200px;
}

/* -section_nav
----------------------------------------------------------------------- */
.section_nav {width: 100%;background:transparent;}
.section_nav .content {background: transparent; padding:30px 0 20px 0;}

.section_nav h1 {float:left; font-weight: bold; font-size: 34px; color: #d71d24; margin:0; padding:0;}
.section_nav .primary h1 {float:none;}
.section_nav .primary h2 {float:none;clear:left;}

p.brand_list {font-weight: normal; font-size: 14px; color: #707070; margin-bottom:0px; padding-bottom:0px;}
p.brand_list a{text-decoration:none;}


.section_nav ul {float: right;list-style:none;margin:13px 0 0 0; font-weight: normal; font-size: 14px; color: #707070;}
.section_nav ul li {float:left;margin-left:20px;}
.section_nav ul li a {color:#3366CC; text-decoration:none;}
.section_nav ul li a.active {color:#555555;font-weight:bold; text-decoration:none;}

.section_nav form {margin:0; padding:0; border:none;}	
.section_nav fieldset {padding:0;margin:0;border:none;}
.section_nav input.text {width:160px;}


/* -----------------------------------------------------------------------
 -body area styles
----------------------------------------------------------------------- */  
.body {width:100%;background:#f0f0f0 url(/assets/images/bg-grey-top.gif) top repeat-x;clear:both; border-top: 1px solid #dadada;border-bottom: 1px solid #dadada;}
.body .content{background:transparent; padding: 20px 0;}

img.padded {
    background: #fff; padding: 10px; border: 1px solid #ddd;
}

img.padded-tiny {
    background: #fff; padding: 3px; border: 1px solid #ddd;
}


img.brand_logo {
    background: #fff; padding: 10px; border: 1px solid #ddd; margin-bottom: 20px;
}

span.toc {
    font-size: 12px; font-weight: normal;
}

h4.faq {
    font-size: 1.5em;
    margin-top: 20px;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}



/* -horizontal nav under page heading
----------------------------------------------------------------------- */

ul.horizontal {list-style:none;margin:0px 0px 10px 0px; padding: 0 0 20px 0; font-weight: normal; font-size: 14px; color: #707070;}
ul.horizontal li {float:left;margin-right:20px;}
ul.horizontal li a {color:#3366CC; text-decoration:none;}
ul.horizontal li a.active {color:#555555;font-weight:bold; text-decoration:none;}


ul.buttons {list-style:none;margin:20px 0px; padding: 0;}
ul.buttons li {margin:0 0 10px 0; float:left;}

ul.buttons li.propeller {margin-left:0px;}
ul.buttons li.propeller {margin-right:0px;}
ul.buttons li.propeller a {background: url(http://www.miwheel.com/assets/images/icon-propeller.png) left center no-repeat; padding-left: 18px;}
ul.buttons li.dealer a {background: url(http://www.miwheel.com/assets/images/icon-map.png) left center no-repeat; padding-left: 28px;}
ul.buttons li.contact a {background: url(http://www.miwheel.com/assets/images/icon-envelope.png) left center no-repeat; padding-left: 23px;}
ul.buttons li.propeller a:hover {background: url(http://www.miwheel.com/assets/images/icon-propeller-blue.png) left center no-repeat; padding-left: 18px;}
ul.buttons li.dealer a:hover {background: url(http://www.miwheel.com/assets/images/icon-map-blue.png) left center no-repeat; padding-left: 28px;}
ul.buttons li.contact a:hover {background: url(http://www.miwheel.com/assets/images/icon-envelope-blue.png) left center no-repeat; padding-left: 23px;}

/* -grid view
----------------------------------------------------------------------- */
.grid {clear:left;}
.grid:after {clear:both;}
.grid .grid_entry {float:left; margin:10px; overflow:hidden;}
.grid .grid_entry h3 {font-size:1.2em;margin-bottom:0.25em;}
.grid .grid_entry p {padding:0; margin-bottom:10px;}
.grid .grid_entry img {background:#fff; border: 1px solid #dadada; padding:10px; background: #FFFFFF;}
.grid .grid_entry img.download {background:#fff; border: 1px solid #dadada; padding:10px; background: #FFFFFF;}
.grid .grid_first {clear:left; margin-left:0;}  
.grid .grid_last {margin-right:0;}


/* -list view
----------------------------------------------------------------------- */
.list {clear:left}	
.list:after {clear:both;}
.list .list_entry {clear:left; overflow:hidden; margin:0;padding:20px 0;border-top: 1px solid #F7F5F3; }
.list .list_last {border-bottom: 1px solid #F7F5F3;}
.list .list_entry .list_image {float:left;margin:0 10px 0 20px;text-align:center;}
.list .list_entry .list_info {float:left;margin:0 0 0 10px;}

.terms_list .list_entry .list_image {float:right;margin:0 20px     0 10px;text-align:center;}
.terms_list .list_entry .list_info {float:left;margin:0 10px 0 20px;}

.list .list_entry .list_extra {float:right;margin:0 20px 0 20px; text-align: right;}

.list .list_entry img {border: 1px solid #dadada; padding:10px; background: #FFFFFF;}
.list .list_entry img.download {
		padding: 5px; background: #fff;
}

.list .list_entry img.icon {border: none;}
.list .list_entry .extra_text {font-size: 12px;}
.list .list_entry h4 {font-size: 16px; font-weight: bold; margin:0 0 5px 0; line-height:19px;}
.list .list_entry p {padding:0; margin:0 0 4px 0; line-height:19px;}

.list .list_entry .list_image_alt {width: 60px;float:left;margin:0 10px 0 20px;text-align:center;}
.list .list_entry .list_info_alt {width: 400px;float:left;margin:0 0 0 10px;}
.list .list_entry .list_info_alt h4 {font-size: 14px; font-weight: bold; margin: 0; padding: 0; }
.list .list_entry .list_info_alt p {padding:0; margin:0 0 2px 0; line-height:17px;}
.list .list_entry .list_extra_alt {width: 120px;float:right;margin:0 20px 0 20px; text-align: right;}

.list .list_entry p.secondary { font-size: 12px; margin:0; color: #999; }
.list .list_entry p.secondary a { color: #999;}
.list .list_entry .action_link { margin-right: 20px; }
.list .list_entry span.timestamp { margin-right: 20px; }
.list .list_entry span.hidden_links { visibility: hidden;}
.list .list_entry span.hidden_links a {margin: 0 10px 0 0}
.list .list_entry p.extra_text {font-size: 12px;}
.list .list_entry span.entry_type {font-size: 12px; color: #999; margin-left: 5px; text-transform: none; font-weight: normal; }
.list .list_entry span.prompt { visibility: hidden;}

.list .list_entry:hover{background-color:#f9f9f9;background-image:-moz-linear-gradient(top,#f9f9f9,#ffffff);/* FF3.6 */
background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f9f9f9),color-stop(1,#ffffff));/* Saf4+,Chrome */
filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9',EndColorStr='#ffffff');/* IE6,IE7 */
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9',EndColorStr='#ffffff')";/* IE8 */}
.list .list_entry:hover p.secondary a { color: #2185c2; }
.list .list_entry:hover span.hidden_links { visibility: visible; }
.list .list_entry:hover span.fan_prompt { visibility: visible; }


/* -selector in billboard 
----------------------------------------------------------------------- */
.list .selector_entry {background:#fff;}



/* -table 
----------------------------------------------------------------------- */
table {padding:0px;margin:0 0 20px 0;border-collapse:collapse;width:100%;border:1px solid #cfcbc4;-moz-box-shadow:0px 1px 3px #ddd;/* FF3.5+ */ -webkit-box-shadow:0px 1px 3px #dadada;/* Saf3.0+,Chrome */ box-shadow:0px 1px 3px #ddd;/* Opera 10.5,IE 9.0 */}
table p {margin-bottom:10px !important;line-height:16px !important;}
th {border-top:1px solid #cfcbc4;overflow:hidden;font-weight:normal;text-align:left;padding:5px 20px 5px 10px;background-color:#ccc;}
td {padding:5px 20px 5px 10px;margin:0px;border:none;cell-padding:0px;font-size:12px;}
tr {border-top:1px solid #ddd;vertical-align:middle;}
tr.message {border-top:0px solid #ddd;vertical-align:top;}
tr.heading {border:1px solid #cfcbc4;}
tr.no_results {background:#f9f9f9;}
tr.odd {background:#fff;}
tr.even {background:#fff;}
tr.closed, tr.Closed {background:#f6f6f6;}
tr.open, tr.Open {background:#fff;}
tr:hover {background:#eee;}
tr a, tr a:link {text-decoration:none;}
tr a:hover, tr a:link:hover{text-decoration:underline;}
tr a.button:hover, tr a.button:link:hover{text-decoration:none;}

table.dealers, table.dealers tr, table.dealers td {vertical-align: top;}
table.dealers td {padding: 10px 20px 10px 10px;}

table.skus img {
    background: #fff; padding: 3px; border: 1px solid #ddd; margin: 5px 0 0 0;
}

table.imports td, table.imports th {padding:10px;}

table.skus td, table.skus th {padding:5px;}

/* -side_nav
----------------------------------------------------------------------- */
ul.side_nav {list-style-type:none; margin:0.5em 0; padding:0;}
ul.side_nav h3  {margin:1.0em 0 .5em 0;}
ul.side_nav select {margin-bottom:.5em;}
ul.side_nav li {padding-bottom:1.0em;}
ul.side_nav li p {margin-bottom:0.25em;}
ul.side_nav li ul  {list-style-type:none; margin:0; padding-left:10px;}
ul.side_nav li ul li  {padding-bottom:0;}
ul.side_nav li.current {color:#666;}
ul.side_nav a.current {color:#666; margin-left:-7px}


/* -callout
----------------------------------------------------------------------- */
.callout h2 {color:#d71d24;font-size:14px;font-weight:normal;display:block;padding:8px 10px 6px 10px;cursor:pointer;text-decoration:none;background:url(http://www.miwheel.com/assets/images/bg-select-grey-selected.jpg) no-repeat;}
.callout .callout_content
{
	padding: 0px 10px 15px 10px;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(255, 255, 255);
	/* RGBa with 0.6 opacity */
	background: rgba(255, 255, 255, 0.8);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccFFFFFF, endColorstr=#ccFFFFFF);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccFFFFFF, endColorstr=#ccFFFFFF)";

}

.callout h3 {
	font-size:14px;font-weight:normal;
	margin: 15px 0 3px 0;
}

.callout p{
	margin: 0 0 3px 0;
}

.callout ul {
	margin-bottom: 3px;
	list-style: none;
	padding-left: 0;
}


.callout form{	padding:0px 10px 15px 10px;}
.callout form .form_field {margin:10px 0 0 0; background: none;}

/* -accordion
----------------------------------------------------------------------- */
.accordion a.panel {color:#d71d24;font-size:14px;font-weight:normal;display:block;padding:8px 10px 6px 10px;cursor:pointer;text-decoration:none;background: url(http://www.miwheel.com/assets/images/bg-select-grey-off.jpg) no-repeat;}
.accordion a.selected {background:url(http://www.miwheel.com/assets/images/bg-select-grey-selected.jpg) no-repeat;}
.accordion div
{
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(255, 255, 255);
	/* RGBa with 0.6 opacity */
	background: rgba(255, 255, 255, 0.8);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccFFFFFF, endColorstr=#ccFFFFFF);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccFFFFFF, endColorstr=#ccFFFFFF)";

}
.accordion form{	padding:0px 10px 15px 10px;}
.accordion form .form_field {margin:10px 0 0 0; background: none;}
.loader {position:relative;top:70px;left:45px;height:24px;width:24px;display:none;}
#engine_pitch, #engine_current_rpm {width: 100px;}

.btn_submit {height: 30px; background:  url(http://www.miwheel.com/assets/images/btn-red-bg.jpg) center no-repeat; color:#FFFFFF; border: 0px; font-weight:bold; margin:0 0 5px 0;}
.arrow {color:#FFFFFF; background: url(http://www.miwheel.com/assets/images/arrow-white-right.png) right center no-repeat; padding: 0px 10px 0px 0px !important; margin: 0px 5px 4px 0px !important;}
.inline_label {font-weight: bold; float:left; width: 90px; margin: 10px 0px 0px 0px; color:#707070;}

/* -forms
----------------------------------------------------------------------- */
label {font-weight:bold; color:#555555;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input[type=password], textarea, select {background-color:#fff;border:1px solid #bbb;padding:5px 2px; margin:0.5em 0; color:#000;}
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {border-color:#000;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}

input[disabled='disabled'], select[disabled='disabled'] {color:#A3A3A3;}

/* -span classes for form instructions */
.field_note_right {font-size: 12px; margin: 0 0 0 10px; font-weight: normal; }
.field_note_left {font-size: 12px; margin: 0 10px 0 0; font-weight: normal; }
.field_note_below {display: block; font-size: 12px; margin: 0; font-weight: normal; }
.field_note_above {display: block; font-size: 12px; margin: 0; font-weight: normal; }

/* -search forms in sidebar */
.secondary form {margin-bottom:10px;}
.secondary form label {display:block; color:#707070; font-weight: bold;}



/* -form div structure with labels floating left of fields */

.form { 
overflow: hidden; width: 660px;margin: 0px 0px 20px 0px; border: 1px solid #cfcbc4; background:#fff;
-moz-box-shadow:0px 1px 3px #ddd;/* FF3.5+ */
-webkit-box-shadow:0px 1px 3px #ddd;/* Saf3.0+,Chrome */
box-shadow:0px 1px 3px #ddd;/* Opera 10.5,IE 9.0 */
}

.form p {font-size: 12px !important; margin:3px 0 5px 0; line-height:16px !important;}
.form p.field_value {color: #666; margin-top:5px !important;}

.form .form_row { width: 660px; clear:left; overflow:hidden; margin:0;padding: 2px 0px;border-top: 1px solid #e8e4dc;}
.form .form_row .form_row_label {float:left;margin:0 10px 0 20px; padding:7px 0 5px 0;}
.form .form_row .form_row_field {float:left;margin:0 0 0 10px;padding:2px 0px;}

.form .form_row .form_row_extend {width: 600px;float:left;margin:0 20px 0 20px; padding:20px 0;}
.form .form_row .form_row_extend p {margin-bottom: 10px !important;}

.form .form_header {clear:left; overflow:hidden; margin:0;padding:5px 10px; background-color:#ccc;}
.form .form_header p {}
.form .form_header span {font-weight: bold; font-size: 14px; margin: 0; padding: 0;}

.form .form_divider {clear:left; overflow:hidden; margin:0;padding:5px 10px; background-color:#eee;}
.form .form_divider p {}
.form .form_divider span {font-weight: bold; font-size: 12px; margin: 0; padding: 0;}


.form button {margin: 10px 0;}


.account_header h1 {float: left;}
.account_header h1 a{color:#555555}
.account_header form {float: right;}
.account_header form input.text {width:150px;}
.account_header form button {margin-right: 0px;}


/* -misc (misc styles not categorized elsewhere)
----------------------------------------------------------------------- */
.primary h2 {margin-bottom: 10px;}
.secondary h2 {margin-bottom: 10px;}

span.back_link {font-size:12px; float:right; margin-top:15px;}


/* -highlighted p classes */
.error, .alert, .notice {padding: 10px !important; background-color: #F9F8F6; border:1px solid #F9F8F6; font-size:12px; line-height:16px;}
.alert {border-color:#d00;}
.error {color:#d00;border-color:#d00;}
.notice {border-color:#F9F8F6;}
.error a {color:#2185c2;}
.notice a {color:#2185c2;}
.success a {color:#2185c2;}


.secondary ul.logos {list-style:none;margin:0; padding: 0;}
.secondary ul.logos li {margin-bottom:20px;}
.secondary ul.logos li a {text-decoration:none;}
.secondary ul.logos img {padding: 20px; background:#FFFFFF; border: 1px solid #dadada;}
img.brands {padding: 10px; background:#FFFFFF; border: 1px solid #dadada;}


a.button_selector {color:  #fff;background:#D71D24 url(http://www.miwheel.com/assets/images/icon-propeller.png) left center no-repeat; padding-left: 18px;display:inline-block;padding:5px 10px 6px;color:#fff;text-decoration:none;position:relative;cursor:pointer; text-decoration: none; font-size:16px;font-weight:bold;line-height:1;text-shadow:0 -1px 1px rgba(0,0,0,0.25);}

a.button_dealers {color: #fff;background:#D71D24 url(http://www.miwheel.com/assets/images/icon-map.png) left center no-repeat; padding-left: 18px;display:inline-block;padding:5px 10px 6px;color:#fff;text-decoration:none;position:relative;cursor:pointer; text-decoration: none; font-size:16px;font-weight:bold;line-height:1;text-shadow:0 -1px 1px rgba(0,0,0,0.25);}

a.button, button.simple_button, input.simple_button{
	color:#323438;
	display:inline;float:none;
	margin:5px 10px 5px 0;
	padding:3px 7px 3px 7px;
	font-size:13px;line-height:130%;
	text-decoration:none;
	cursor:pointer;
	background-color:#eeeeee;
	background-image: -moz-linear-gradient(top, #ffffff, #eeeeee); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #eeeeee)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eeeeee'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eeeeee')"; /* IE8 */
	border:1px solid #eee;
	border-color:#ccc #999 #999 #ccc;
    font-weight: bold;
}

a.button:hover, button.simple_button:hover input.simple_button:hover{
	background-color:#ccc;
	background-image: -moz-linear-gradient(top, #eeeeee, #ffffff); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #ffffff)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#ffffff'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#ffffff')"; /* IE8 */
}

a.button:active, button.simple_button:active, input.simple_button:active{
	border:1px solid #888;
	background-color:#ddd;
	background-image: none;
}

.simple_button, a.button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}

button.simple_button[type]{
    padding:3px 10px 3px 7px; /* Firefox */
    line-height:17px; /* Safari */
}

*:first-child+html button.simple_button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}

button img, a.button img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

form.stacked {
    margin: 0 0 20px 0;
}
form.stacked input{
    width: 150px;
    margin: 0px;
}

form.stacked button{
    margin: 0px;
}

/* the overlayed element */
.overlay_enlarge {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:675px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.overlay_enlarge .close {
	background-image:url(../img/overlay/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}


/* styling for elements inside overlay */
	.details {
		position:absolute;
		top:15px;
		right:15px;
		font-size:11px;
		color:#fff;
		width:150px;
	}
	
	.details h3 {
		color:#aba;
		font-size:15px;
		margin:0 0 -10px 0;
	}


/* styles added by Musa for the search stuff  */

input.error{
  border: 1px solid #f00;
  padding: 3px 0;
}

#sku_search1 label.error, #sku_search2 label.error, #sku_search3 label.error, #inventory_search label.error{
  color: red;
  width: auto;
  display: inline;
  font-weight: normal;
  margin-left: 5px;
}

.instruction{
  color: gray;
}

.nav ul li ul{
  display: none;
}

.fancy_list .entry {
  background-image:-moz-linear-gradient(center top , #FFFFFF, #F5F5F5);
  border-bottom:1px solid #EEEEEE;
  clear:left;
  margin:10px 0;
  overflow:hidden;
}

.width_16 {width:620px;}

.fancy_list .entry h3 {
  margin:0.5em 0 0.5em 20px;
}

ul {list-style-type:disc;}

.fancy_list .entry .details {
  float:left;
  margin:0 20px 10px;
  padding:0;
  width:300px;
}

ul.details li{
  padding-left: 15px;
  list-style: none;
}

ul.details li.phone {
  background:url("http://mediatechnologies.com/assets/images/icon_phone.png") top left no-repeat;
}

ul.details li.email {
  background:url("http://mediatechnologies.com/assets/images/icon_email.png") top left no-repeat;
}

.fancy_list .entry .actions {
  float:left;
  margin:0 0 10px;
  padding:5px 0 0;
  width:270px;
}

.fancy_list .entry .actions li {
  float:right;
  list-style:none outside none;
  margin:0;
  padding:0;
}

#faqs .data{display:none;}

.tabbed_area {
	margin: 0px;
	width:100%;
}


#map_view { 
	/*left: -9999px;*/
	left: 0;
	top: 0;
	width:640px;
	height:400px;
	position: relative;
	opacity:1;
	padding: 10px; background: #fff; border: 1px solid #ddd;
	margin-bottom: 20px;
}

#list_view { 
	top: 0px;
	position: relative;
	clear: both;
	display: block;
	z-index: 9999;
	opacity:0;
}


/* TipTip CSS - Version 1.2 */
#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}


/* Popup Window 
----------------------------------------------------------------------- */

.window_wrapper {
		z-index: 1;
	}

	 .window_wrapper .window_heading {
		margin:0;
		padding:10px;
		background-color:#cd1919; color:#fff; 
		/* Red = cd1919 / Brown = 835b3a / Blue: 0b537e / Green = 6fb031 */
	}

     .window_wrapper .window_heading h5 {
    	font-size:16px;
    	color:#fff;
    	margin: 0;
    	padding: 0;
    	font-weight: normal;
    }

        
          span.close_window {
              float: right;
            	margin: 0; padding: 0;
            	cursor:pointer;
            	color: #fff;
            }      


          span.close_window a, span.close_window a:hover {
            	color: #fff; text-decoration: none;
            } 

                  
     .window_wrapper .window_content {
    	padding:20px;
    	background-color:#fff;
    }

     .window_wrapper .window_content form {
    	padding-bottom: 20px;
    }
      
     .window_wrapper .window_content p {
    	margin: 0 0 10px 0;
    	padding: 0; }

     .window_wrapper .window_content p.action { margin: 20px 0px 10px 0px; }


     .window_wrapper .window_content .secondary {
    	color: #999;
    	font-size:  12px; 
    	}



/* Modal Overlays 
----------------------------------------------------------------------- */

.modal_wrapper {
display:none;
background: #fff;
-webkit-box-shadow: 0 1px 20px #aaa;
-moz-box-shadow: 0 1px 20px #aaa;
box-shadow: 0 1px 20px #aaa;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
z-index: 10000;
background-color: #fff;
border: 1px solid #e2e0cf;
position: absolute;
width: 640px;
}

.modal_wrapper .modal_heading {
	background-color: #d71d24;
	color: #ffffff;
margin:0;
padding:10px;
text-align: left;
}

.modal_wrapper .modal_heading p {
margin: 0;
padding: 0;
font-weight: normal;
color: #ffffff;	
}

span.modal_title {
	font-size: 16px;
	text-shadow: 0px 1px 1px #ffffff;		

}
span.close_modal {
  float: right;
	margin: 2px 0 0 0; padding: 0;
	cursor:pointer;
	font-size: 16px;
	color: #ffffff;
	text-shadow: 0px 1px 1px #ffffff;		

}      

.modal_wrapper .modal_content {
padding:20px 20px 10px 20px;
background-color:#fff;
overflow: auto;
text-align: left;
}

.modal_wrapper .modal_content form {
margin-bottom: 20px !important;
}

.modal_wrapper .modal_content p.modal_subhead { font-weight: bold; margin: 0;padding: 0; } 
.modal_wrapper .modal_content p {
margin: 0 0 10px 0;
padding: 0;
}

.modal_short {
	height: 300px;
}