.fancyinput{
-moz-border-radius:4px;
-webkit-border-radius:4px;
border:#c1c1c1 solid 1px;
height:28px;
display:block;
position:relative;
float:left;
background: #FFFFFF url(http://static.wheelworks.net/img/tire-search/input-background-repeat.png) repeat-x;
margin-right: 3px;
}

.fancyinput input{
background-color:transparent;
font-size:16px;
color:#808080;
padding:5px 0 5px 8px;
width:auto !important;
width:72px;
display:block;
}

.fancyselect{
position:relative;
overflow:visible;
height:30px;
width:100px;
margin-right: 3px;
}

.bottomrow .fancyselect, .toprow .fancyselect,.bottomrow .redbutton{
float:left;
position:relative;}

.fancyselect span {
overflow: hidden;
display: block;
height: 28px;
}

h2.fancygeneric,
h2.year,
h2.make,
h2.model,
h2.submodel,
h2.color,
h2.cross_section,
h2.aspect_ratio,
h2.rim_diameter,
h2.time,
h2.tires_brand,
h2.tires_model,
h2.wheels_brand,
h2.wheels_model,
h2.state,
h2.quantity
{
position:relative;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border:#c1c1c1 solid 1px;
display:block;
font-size:16px;
color:#808080;
height:28px;
line-height:28px;
background:url(http://static.wheelworks.net/img/background/bg-fancyselect-full-over.png) top right no-repeat;
padding-left:10px;
padding-right:40px;
cursor:pointer;
}

h2.active { background:url(http://static.wheelworks.net/img/background/bg-fancyselect-full.png) top right no-repeat; }
h2.error { border-color: #ED3338; }
/* input.next, .next, h2.next { color: #ee4247; } */
 input.next, .next, h2.next { color: #000; } 
.fancyinput.error { border-color: #ED3338; }

.fancyselect h2.open{
-moz-border-radius-bottomleft:0;
-webkit-border-bottom-left-radius:0;

-moz-border-radius-bottomright:0;
-webkit-border-bottom-right-radius:0;
}

.redbutton{
-moz-border-radius:4px;
-webkit-border-radius:4px;
font-size:14px;
line-height:30px;
height:30px;
text-align:center;
background:#ed3338 url(http://static.wheelworks.net/img/background/bg-redbutton.png) center center no-repeat;
color:#ffffff;
}

.content-elements a.redbutton{
color:#ffffff;}

.redbutton:hover {
	cursor: pointer;
}

.fancyselect ul{
-moz-border-radius-bottomleft:4px;
-webkit-border-bottom-left-radius:4px;
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-right-radius:4px;
position:absolute;
width: 98%;
background:#fff;
border-color:#c1c1c1;
border-style:solid;
border-width:0;
border-bottom-width:1px;
border-left-width:1px;
border-right-width:1px;
max-height:276px;
height:auto !important;
height:288px;
overflow-y:auto;
z-index:100; /*POSITION OVER FOOTER*/
margin-top:-8px;
display:none;
}

.fancyselect ul li{
position:relative;
display:block;
padding:6px 6px;
color:#333;
cursor:pointer;
font-size:12px;
}

.fancyselect ul li:hover {
background-color:#dddddd;
}


#search_by_vehicle .fancyinput.zipcode { width: 80px; }
#search_by_vehicle .fancyselect.year { width: 90px; }
#search_by_vehicle .fancyselect.year span { width: 45px; }
#search_by_vehicle .fancyselect.make { width: 135px; }
#search_by_vehicle .fancyselect.make span { width: 90px; }
#search_by_vehicle .fancyselect.make ul { width: 133px; }
#search_by_vehicle .fancyselect.model { width: 143px; }
#search_by_vehicle .fancyselect.model span { width: 98px; }
#search_by_vehicle .fancyselect.model ul { width: 141px; }
#search_by_vehicle .fancyselect.submodel { width: 175px; }
#search_by_vehicle .fancyselect.submodel span { width: 130px; }
#search_by_vehicle .fancyselect.submodel ul { width: 173px; }
#search_by_vehicle .fancyselect.color { width: 135px; }
#search_by_vehicle .fancyselect.color span { width: 80px; }
#search_by_vehicle #redbutton { width: 143px; }

#search_by_size .fancyselect.cross_section { width: 176px; }
#search_by_size .fancyselect.cross_section span { width: 120px; }
#search_by_size .fancyselect.aspect_ratio { width: 135px; }
#search_by_size .fancyselect.aspect_ratio span { width:120px; }
#search_by_size .fancyselect.rim_diameter { width: 176px; }
#search_by_size .fancyselect.rim_diameter span { width: 130px; }
#search_by_size .redbutton { width: 143px; }
#search_by_size .fancyinput.zipcode { width: 131px; }

#search .fancyselect.cross_section ul { max-height: 100px; width: 174px; }
#search .fancyselect.aspect_ratio ul { max-height: 100px; width:133px; }
#search .fancyselect.rim_diameter ul { max-height: 100px; width: 174px; }

#make-an-appointment .fancyselect.make ul { width: 126px; }
#make-an-appointment .fancyselect.model ul { width: 126px; }
#make-an-appointment .fancyselect.submodel ul { width: 217px; margin-top: -3px;}

#sign-up .fancyselect.make ul { width: 158px; }
#sign-up .fancyselect.model ul { width: 126px; }
#sign-up .fancyselect.submodel ul { width: 262px; }

#my_ride .fancyselect { width: 181px; height: 25px; }
#my_ride .fancyselect ul { width: 250px; } 
#my_ride h2 { height: 24px; line-height: 24px; }

#myww_rolling_on_module .fancyselect { width: 181px; height: 25px; }
#my-ride #myww_rolling_on_module .fancyselect ul { width: 179px; } 
#myww_rolling_on_module h2 { height: 24px; line-height: 24px; }
#myww_rolling_on_module h2 span { font-size: 12px; height: 17px;}


#myww_rolling_in_module .fancyselect { width: 252px; height: 34px; }
#my_ride .fancyselect { width: 252px; height: 34px; }

body#home #search_by_vehicle .fancyinput.zipcode { font-size:12px; width: 80px; }
body#home #search_by_vehicle .fancyinput.zipcode input{font-size:12px;padding:6px 0 6px 6px;}

body#home #search_by_vehicle .fancyselect.year { font-size:12px; width: 75px;}
body#home #search_by_vehicle .fancyselect.year ul{ font-size:12px; width: 73px;margin-top:-289px;}

.fancyselect.quantity { font-size:12px; width: 120px; margin-left: 0px; height: 28px; float: left; position: relative;}
.fancyselect.quantity ul { display: none; margin-top: 0px; }

body#home #search_by_vehicle .fancyselect.year ul { display:none;}
body#home #search_by_vehicle .fancyselect.year span { font-size:12px; width: 30px; }

body#home #search_by_vehicle .fancyselect.make{font-size:12px;  width: 115px;}

body#home #search_by_vehicle .fancyselect.make span {font-size:12px;  width: 70px; }

body#home #search_by_vehicle .fancyselect.model{ width: 123px; }

body#home #search_by_vehicle .fancyselect.model span { width: 78px; }

body#home #search_by_vehicle .fancyselect.submodel{ width: 160px; }

body#home #search_by_vehicle .fancyselect.submodel span { width: 115px; }

body#home #search_by_vehicle .fancyselect.color{ width: 135px; }

body#home #search_by_vehicle .fancyselect.color span { width: 80px; }

body#home #search_by_vehicle #redbutton { width: 143px; }

body#home .fancyselect ul{
border-top-width:1px;
border-bottom-width:0;

-moz-border-radius-bottomleft:0;
-webkit-border-bottom-left-radius:0;

-moz-border-radius-bottomright:0;
-webkit-border-bottom-right-radius:0;


-moz-border-radius-topleft:4px;
-webkit-border-top-left-radius:4px;

-moz-border-radius-topright:4px;
-webkit-border-top-right-radius:4px;

}

body#home .fancyselect h2.open{
-moz-border-radius-bottomleft:4px;
-webkit-border-bottom-left-radius:4px;

-moz-border-radius-bottomright:4px;
-webkit-border-bottom-right-radius:4px;


-moz-border-radius-topleft:0;
-webkit-border-top-left-radius:0;

-moz-border-radius-topright:0;
-webkit-border-top-right-radius:0;
}

#vehicle_search_holder .toprow, #vehicle_search_holder .bottomrow, #size_search_holder .toprow, #size_search_holder .bottomrow{}



body#home #search_by_vehicle .fancyselect h2{
background-position:center right;}

body#home #search_by_vehicle .fancyselect h2.year {
	width: 23px;
	height: 28px;
}

body#home #search_by_vehicle .fancyselect h2.make {
	width: 63px;
	height: 28px;
}

body#home #search_by_vehicle .fancyselect h2.model {
	width: 71px;
	height: 28px;
}

body#home #vehicle_search_holder{
padding:10px 16px 0;
}

body#home #size_search_holder{
padding:10px 16px 0;
}


body#home #search_by_vehicle_title,
body#home #search_by_size_title{
float:left;
}

body#home #size_search_alternative,
body#home #vehicle_search_alternative{
cursor:pointer;
padding-left:10px;
font-size:12px;
background:url('http://static.wheelworks.net/img/sprite/arrow-leftnav.png')left center no-repeat;
float:right;
}

body#home .toprow{
clear:both;
padding-top:4px;}

body#home .fancyinput{
background-color:#fff;}

body#home #redbutton,
body#home #redbutton2,
body#home .fancyselect,
body#home .fancyselect h2,
body#home .fancyselect span,
body#home .fancyinput,
body#home .fancyinput input{font-size:12px;}

body#home .fancyselect{
position:relative;
}

body#home .fancyselect ul{
top:0;
left:0;
position:absolute;
margin-top:0;
}


/* ============================== */

body#home #search_by_size .fancyselect.cross_section { width: 146px; }
body#home #search_by_size .fancyselect.cross_section ul { width: 144px; margin-top:-289px; }

body#home #search_by_size .fancyselect.cross_section span { width: 100px; }
body#home #search_by_size .fancyselect.aspect_ratio { width: 115px; }
body#home #search_by_size .fancyselect.aspect_ratio span { width:100px; }
body#home #search_by_size .fancyselect.rim_diameter { width: 146px; }
body#home #search_by_size .fancyselect.rim_diameter span { width: 100px; }
body#home #search_by_size .redbutton { width: 143px; }
body#home #search_by_size .fancyinput.zipcode { height:auto;width: 74px;padding:6px 0 6px 6px;}


body#home #search_by_size .fancyinput.zipcode { font-size:12px; width: 80px; }
body#home #search_by_size .fancyinput.zipcode input{font-size:12px;padding:0;}