/*
Theme Name: Fairfax
Theme URI: http://www.rickanddrew.com
Description: Kr3w's 2010 website
Version: 1.0
Author: Drew Baker, John Lytle
Author URI: http://www.rickanddrew.com, http://johnlytle.com
Tags: fixed width, white, light
*/

/*Globals*/
html { background: url(images/bg_white.jpg) repeat-x; }
body { color: #000; font-family: "Lucida Console", Monaco, monospace; font-size: 12px; margin:0 10px; padding:0; background: url(images/bg_white.jpg) repeat-x; }
img { border: none }

/*Links*/
a{ color: #999; outline: none; text-decoration: none; }
a:hover { color:#000; }


.title h3 a { text-decoration: none; color: #252122; }
.title h3 a:hover { color: #999; }

a.thumb { display: block; width: 100%; }
.team_tumb a.thumb { height: 200px; }
.post_image a.thumb { height: 300px; }
.read_more a { font-size: 12px; font-weight: bold; color: white; text-decoration: none; text-transform: uppercase; }
.read_more a:hover { color: #999; }
.edit_link a, a.post-edit-link { color: black; font-size: 12px; font-weight: bold; text-decoration: none; }
.edit_link a:hover, a.post-edit-link:hover { color: #333; }
.meta a { color: white; text-decoration: none; margin: 1px 0 0 0; display: block; }

.pagination a { font-size: 14px; font-weight: bold; color: black; text-decoration: none; text-transform: uppercase; }
.pagination a:hover { color: #333; }

/*Lists*/
ul#nav { list-style: none; margin: 0; padding: 0; }
ul#nav li { display: block; float: left; width: 50px; height: 150px; border-left: 1px solid black; padding: 0 10px; }
ul#nav li.collection { width: 94px;position: relative; overflow:hidden; }
ul#nav li.blog { width: 138px; position: relative; }
#expand:hover { cursor: pointer; }

ul.submenu { list-style: none; padding: 0; float: right; width: 138px; position: absolute; left:70px; bottom: 0; }
ul.submenu li { float: left; width: 14px !important; text-align: center; height: 70px !important; border-left: 1px solid black; padding: 0 3px !important; }

ul.submenublog { list-style: none; padding: 0; float: right; width: 110px; position: absolute; left:70px; bottom: 0; }
ul.submenublog li { float: left; width: 14px !important; text-align: center; height: 70px !important; border-left: 1px solid black; padding: 0 3px !important; }

ul.bookmarks-list { float: left; height: 300px; width: 1000px; margin-left: 0 !important; padding-left: 0 !important;}
ul.bookmarks-list li { list-style: none !important;margin-left: 0 !important; padding-left: 0 !important; }
ul.bookmarks-list ul {margin-left: 0; }
ul.bookmarks-list li ul { margin-left: 0; padding-left: 0; }
ul.bookmarks-list li ul li { list-style: square; float: left; width: 240px; }

/*Structure*/
#container { width: 1000px; overflow: hidden; margin: 0 auto; position: relative; z-index: 1; }
#header { width: 100%; float:left; margin: 20px 0 20px 0; }
#logo { width: 50px; height: 150px; float: left; margin: 0 40px 0 0; }
#content { width: 1000px; float: left; }
#content.kr3w { width: 1020px; } /*This is 20px over width, it gets cropped by container*/

#footer { width: 1000px; float: left; height: 30px; margin: 40px auto; text-align: center; text-transform: uppercase; background: none !important}

/*Pages*/
.page .entry { width: 1000px; }
.pagepost .entry h2 { margin: 0; }
.bookmarks-list h2 { display: none;}

/*KR3W*/
#content.team ul {
	float: left;
	text-align: right;
	width: 120px;
	margin: 30px 20px 0 10px;
	padding: 0;
	text-transform: uppercase;
	list-style-type: none;
	text-decoration: none;
}
	#content.team ul a {
		text-decoration: none;
	}

.team_tumb { float: left; width: 150px; height: 147px; overflow: hidden; margin: 0 20px 20px 0; background: url(images/team_thumb_blank.jpg) no-repeat; position: relative; }
.team_single_tumb { float: left; width: 500px; }
#content.team .entry { float: right; width: 470px; margin: 0 0 0 20px; }
#content.team .entry h2 { margin: 0 0 2px 0; font-size: 14px;}
.login h2 { margin: 20px 0 20px 0; font-size: 11px;}
#content.team .entry h2 span { font-size: 12px; font-weight: normal }
#content.team .entry h3 { margin: 10px 0 0 0; font-size: 12px; }
#content.team .entry p { margin: 0 0 10px 0; }
#content.team .entry ol { margin: 5px 0 10px 0; }
#content.team .entry ol li { margin: 0 0 2px 0; }

#content.team .excerpts {margin: 20px 0 0 20px; }

div.blog-excerpts {
	float: left;
	width: 215px;
	text-align: left;
	margin: 0 20px 20px 0;
	padding-bottom: 2px;
}

div.blog-excerpts p  {
	margin: 0 0 2px 0 !important;
	padding-bottom: 2px;
	border-bottom: 2px #000 solid;
	text-align: left;
	color: #000;
	
}

div.blog-excerpts p a {
	color: #000;
	font-size: 11px;
}

div.blog-excerpts img {
	width: 215px;
	height: auto;
	margin: 0;
}

.imgteaser span { position: relative; right: 100px; }
.imgteaser a { text-decoration: none; }
.imgteaser a:hover { cursor: pointer; }
.imgteaser a:hover .desc{ display: block; font-size: 10px; background: #111; filter:alpha(opacity=75); opacity:.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
color: #fff; position: absolute; top: 112px; left: 9px; margin: 0; width: 133px; height: 25px; line-height: 25px; text-align: center; font-family: "Lucida Console", Monaco, monospace; text-transform: uppercase; }

/*Landing Page*/
#supersize{ position:fixed; }
#supersize img, #supersize a{ height:100%; width:100%; position:absolute; z-index: 0; }
#supersize .prevslide, #supersize .prevslide img{ z-index: 10; }
#supersize .activeslide, #supersize .activeslide img{ z-index: 20;}
#supersize a { cursor: default; }

#x-menu { position: absolute; top: 49.5%; left: 49.5%; z-index: 30; width: 350px; height: 350px; margin-left: -175px; margin-top: -175px; background: url(images/landing/x-menu/x.png) center center; }
#x-menu #collection { width: 106px; height: 19px; position: absolute; top: 32px; left: 116px; }
#x-menu #krew { width: 51px; height: 18px; position: absolute; top: 172px; left: 22px; }
#x-menu #blog { width: 46px; height: 18px; position: absolute; top: 172px; left: 273px; }
#x-menu #dealers { width: 78px; height: 18px; position: absolute; top: 298px; left: 127px; }

/*Login Page*/
/*#login h1 a { background:url(/wordpress/wp-content/themes/fairfax/images/kr3w_logo_h.png) no-repeat center center; }*/

#login input#wp-submit, a.button, input.button  { float: right; background: #000; border:medium none; color:#FFFFFF; display:block; font-size:90%; overflow:visible; padding:5px; text-transform:uppercase; width:auto; float: right; border-radius: 0; -moz-border-radius: 0; font-family:"Lucida Console", Monaco, monospace; font-weight: normal; }
a.button { clear: both;float: left !important; }
.login #nav a { color:#999999 !important; }
.login #nav a:hover { color: #000 !important; }

p.login a { width: 100%;color: #000 !important; float: right !important }

/*Blog*/
.post { width: 492px; float: left; height: 440px; margin: 0 0 70px 0; position: relative; border-bottom: 1px solid black; }
.left { float: left; }
.right { float: right; }
.title { width: 486px; float: left; margin: 0 0 5px 0; padding: 3px; float: left; border-bottom: 3px solid black; }
.post_video { width: 492px; height: 300px; overflow: hidden; float: left; margin: 0 0 10px 0; }
.post_image { width: 492px; height: 300px; overflow: hidden; float: left; margin: 0 0 10px 0; text-align: center; }
.entry { text-align: justify; color:#333; width: 492px; float: left; font-family: "Lucida Console", Monaco, monospace; }
.entry p:first-child { margin-top: 0; }
.entry br { display: none; }
.read_more { background: black; position: absolute; left: 0; padding: 4px; bottom: 4px; }
.edit_link { position: absolute; left: 96px; bottom: 7px; width: 30px; }
.meta { width: 19px; height: 20px; padding: 0 2px 0 2px; text-align: center; position: absolute; right: 0; bottom: 4px; background: url(images/comment_bubble.png); }

.title h3 { font-size: 14px; margin: 0 0 0 -3px; padding: 3px 0; text-transform:uppercase; float: left; width: 400px; }
.title h4 { font-size: 14px; margin: 0 -3px 0 0; padding: 3px; background: black; color: white; display: block; float: right; text-align: center; }

.pagination { width: 100%; clear: both; font-size: 14px; font-weight: bold; color: black; text-decoration: none; text-transform: uppercase; }

/*Single Post*/
#content.single .post .entry img { margin: 0 0 10px 0; }
#content.single .post { width: 1000px; height: auto; }
.single .title { width: 994px; }
.single .entry { margin: 0 0 10px 0; }
.single .title h3 { width: 914px; }
.comments h3 { background:none repeat scroll 0 0 black; color:white; font-size:14px; padding:3px; text-align:right; text-transform: uppercase; margin: 0; }
p.wp-caption-text { margin: 0; }

/*Comments*/
.comments { float: right; width: 492px; margin: 0 0 50px 0; }
.commentlist { margin: 0; padding: 0; font-family: "Lucida Console", Monaco, monospace; }
ol.commentlist  { list-style-type:none; margin: 10px 0; }
ol.commentlist li { background:none #e3e4e1; margin:5px 0; padding-bottom:0; min-height: 90px; }
ol.commentlist li.alt { background:none #eff0ec; }
ol.commentlist li div.author { float:left; height:80px; margin:10px 0 0 10px; width:100px; font-size: 10px; }
ol.commentlist li div.author cite { text-transform:capitalize; }
ol.commentlist li div.author p { color:#999999; margin:0; text-transform:uppercase; }
ol.commentlist li div.copy { margin:0 20px 0 140px; padding:10px 0; }
ol.commentlist li div.copy p { margin: 0 0 1em 0; }


.comment_name { width: 162px; float: left; }
.comment_email { width: 330px; float: right; }
input#email { width:320px}

/*Lookbook Sllders*/
#content.lookbook { margin: 0 0 -80px 0; }
#slider { width: 900px; }
.graphic, #prevBtn, #nextBtn{ margin:0; padding:0; display:block; overflow:hidden; text-indent:-8000px; }
#slider ul, #slider li{ margin:0; padding:0; list-style:none;}
#slider li{  width:900px; height:675px; overflow:hidden; }
#prevBtn, #nextBtn{ float: left; position: relative; z-index:10; top: -423px; right: 0px; clear: none; width: 100px;}
#nextBtn{ float: right; right: 100px; }
#prevBtn a, #nextBtn a { display:block; width:100px; height:100px; background:url(images/btn_prev.png) no-repeat center left; opacity:0.8; color: #fff !important;}	
#nextBtn a{  background:url(images/btn_next.png) no-repeat center right; opacity:0.8; }	

.hide {display: none;}
.left_col { width: 50%; float: left; }
.right_col { width: 50%; float: right; }

#slider2 ul, #krew_slider li {margin:0 ; padding:0; list-style:none;}
#slider2 li { width: 1020px; overflow: hidden; }
.kr3w #prevBtn, .kr3w #nextBtn { top: -300px; right: 0px; }
.kr3w #nextBtn { right: 20px; }

/* Caption Styling */
.caption-top, .caption-bottom { color: #ffffff;	padding: 1.2em;	font-size: 10px; text-transform: uppercase; cursor: default; background: #000000; font-family: "Lucida Console", Monaco, monospace;  }
.caption-top { border-width: 0px;}
.caption-bottom { border-width: 0px; height: 60px;}
.caption a, .caption a { border: 0 none; text-decoration: none; background: #000000; padding: 0.3em; }
.caption a:hover, .caption a:hover { background: #202020; }
.caption-wrapper { float: left; }
br.c { clear: both; }

.small .caption-bottom { height: auto; }
.med .caption-bottom { height: 30px; }
.large .caption-bottom { height: 60px; }

/*Plugins*/
.vvqbox { margin: 0 auto 10px auto !important; }

/*Wordpress Required*/
.alignleft { float: left; }
.alignright { float: right; }
a.return {
	display: block;
	clear: both;
	margin: 2px 0 0 0;
}

/* =Clearing Floats
---------------------------------------------------------------------*/

#footer:after {
	display: block;
	content: '';
	clear: both;
}

/* =Login Form
---------------------------------------------------------------------*/
input[type="input"], input[type="text"], input[type="password"], input[type="email"] {
	background: #e3e4e1 !important;
	border:1px solid black !important; 
	color:#000 !important;
	margin:0 0 4px;
	padding: 4px;
}

input[type="submit"] {
	background: #000;
	border: medium none;
	color: #fff;
	display: block;
	font-size: 90%; 
	overflow: visible;
	padding: 5px;
	text-transform: uppercase;
	width: auto;
}

input[type="input"]:focus, input[type="text"]:focus, input[type="password"]:focus {
	border: 1px solid #222;
	background: #fff;
}

input[type="input"]:hover, input[type="text"]:hover, input[type="submit"]:focus, input[type="password"]:hover {
	background: #666;
	border:1px solid black; 
}

p.message {
	background: none !important;
}

#login_error {background: none !important;}

.login input#wp-submit { float: left !important; display: block; margin-bottom: 10px}

p#nav { clear: both}


.page .entry object { 
	margin: 0;
	border: 1px #e2e2e2 solid;
}

p.fb-recommend {
	margin-left: auto;
	margin-right: auto;
	width: 100px;
	margin-bottom: 120px;
}


/*
------------------------------------------------
Gravity Forms Front End Form Styles
------------------------------------------------
*/

.gform_wrapper{margin:10px 0;}
.gform_wrapper h1, .gform_wrapper h2, .gform_wrapper h3{font-weight:normal; border:none; outline:none; background:none}
.gform_wrapper:focus{ outline:none}
.gform_wrapper form{ text-align:left}
.gform_wrapper input{ outline-style: none; font-size:11px;  padding:2px 0 2px 0;  letter-spacing:normal}
.gform_wrapper textarea{ outline-style: none; font-size:11px; letter-spacing:normal;  padding:2px 0 2px 0;  resize:none; /* doesn't validate but added for Safari field resizing */}
.gform_wrapper ul{ margin:0;  list-style-type:none}
html >body .entry ul, .gform_wrapper ul{text-indent:0px}
.gform_wrapper li, .gform_wrapper form li{ list-style-type:none!important; overflow:hidden}
.gform_wrapper ul.gfield_radio li, .gform_wrapper ul.gfield_checkbox  li { overflow:visible;}
.gform_wrapper ul.right_label li, .gform_wrapper form ul.right_label li, .gform_wrapper ul.left_label li, .gform_wrapper form ul.left_label li {margin-bottom:14px}
.gform_wrapper ul li:before, .gform_wrapper ul li:after, .entry ul li:before, .entry ul li:after{content:""; /* for safari */}
.gform_wrapper ul li:before, .gform_wrapper ul li:after, .entry ul li:before, .entry ul li:after{content:none; # /* for other browsers  */}
.gform_wrapper ul.gform_fields{ padding:0px;  margin:0px}
.gform_wrapper select{ font-size:11px; padding:3px 0 3px 0;  letter-spacing:normal}
.gform_wrapper .inline{ display:inline!important}
.gform_wrapper .gform_heading{ width:98%;  margin-bottom:18px}
.gform_wrapper .gfield_time_hour, .gform_wrapper .gfield_time_minute, .gform_wrapper .gfield_date_month, .gform_wrapper .gfield_date_day, .gform_wrapper .gfield_date_year{ width:70px;  float:left}
.gform_wrapper .gfield_date_month, .gform_wrapper .gfield_date_day, .gform_wrapper .gfield_date_year {margin-right:12px}
.gform_wrapper .gfield_time_ampm select{ width:60px!important}
.gform_wrapper .gfield_time_hour input, .gform_wrapper .gfield_time_minute input, .gform_wrapper .gfield_date_month input, .gform_wrapper .gfield_date_day input, .gform_wrapper .gfield_date_year input{ width:70%!important}
.gform_wrapper .gfield_date_month, .gform_wrapper .gfield_date_day, .gform_wrapper .gfield_date_year{ width:50px;  float:left}
.gform_wrapper .gfield_date_month input, .gform_wrapper .gfield_date_day input, .gform_wrapper .gfield_date_year input{ width:85%!important}
.gform_wrapper .field_hover{ border:1px dashed #2175A9!important;  cursor:pointer}
.gform_wrapper .field_selected{ background-color:#DFEFFF;  border:1px solid #C2D7EF!important}
.gform_wrapper .field_name_first, .gform_wrapper .field_name_last{ width:50%;  float:left}
.gform_wrapper .ginput_complex{overflow:hidden}
.gform_wrapper .field_name_first input, .gform_wrapper .ginput_complex .ginput_left input{ width:90% !important}
.gform_wrapper .field_name_last input{ width:93%!important}
.gform_wrapper .datepicker{ width:100px!important}
.gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right{ width:48%;  float:left;}
.gform_wrapper .gfield_error .ginput_complex .ginput_left, .gform_wrapper .gfield_error .ginput_complex .ginput_right { width:50%}
.gform_wrapper .gfield_error .ginput_complex .ginput_left input { width:90%!important}
.gform_wrapper .gfield_error .ginput_complex .ginput_right input { width:100%!important}
.gform_wrapper .ginput_complex input, .gform_wrapper .ginput_complex select{ width:92%!important}
.gform_wrapper .ginput_complex label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_year label, .gform_wrapper .instruction { display:block;  margin:3px 0 8px 0; font-size:10px; letter-spacing:.1em}
.gform_wrapper .ginput_complex .name_prefix{ float:left;  width:30px!important;  margin-right:14px}
.gform_wrapper .ginput_complex .name_suffix{ float:left;  width:30px!important}
.gform_wrapper .ginput_complex .name_first, .gform_wrapper .ginput_complex .name_last{ float:left;  width:100px;  margin-right:8px}
.gform_wrapper .top_label .gfield_label{ margin:10px 0 4px 0;  font-weight:bold; display:-moz-inline-stack; display:inline-block; line-height:130%; clear:both}
.gform_wrapper .left_label .gfield_label{ float:left;  margin:2px 15px 0 0;  width:29%;  font-weight:bold}
.gform_wrapper .right_label .gfield_label{ float:left;  margin:2px 15px 0 0;  width:29%;  font-weight:bold;  text-align:right}
.gform_wrapper .left_label ul.gfield_checkbox, .gform_wrapper .right_label ul.gfield_checkbox, .gform_wrapper .left_label ul.gfield_radio, .gform_wrapper .right_label ul.gfield_radio{ margin-left:32%}
.gform_wrapper .top_label input.small, .gform_wrapper .top_label select.small{ width:25%}
.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium{ width:25%}
.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea{ width:99%}
.gform_wrapper .right_label input.small, .gform_wrapper .right_label select.small, .gform_wrapper .left_label input.small, .gform_wrapper .left_label select.small{ width:15%}
.gform_wrapper .right_label input.medium, .gform_wrapper .right_label select.medium, .gform_wrapper .left_label input.medium, .gform_wrapper .left_label select.medium{ width:35%}
.gform_wrapper .right_label input.large, .gform_wrapper .right_label select.large, .gform_wrapper .left_label input.large, .gform_wrapper .left_label select.large, .gform_wrapper textarea.textarea{ width:59%}
.gform_wrapper .right_label div.ginput_complex, .gform_wrapper .left_label div.ginput_complex{ width:64%;  float:left}
.gform_wrapper h2.gsection_title{ margin:0!important;  padding:0!important;  letter-spacing:normal!important}
.gform_wrapper .gsection .gfield_label, .gform_wrapper h2.gsection_title, .gform_wrapper h3.gform_title{ font-weight:bold;  font-size:16px;  font-family:Helvetica,sans-serif}
.gform_wrapper h3.gform_title{ letter-spacing:normal!important;  margin:10px 0 6px 0}
.gform_wrapper span.gform_description{font-weight:normal}
.gform_wrapper h2.gsection_title, .gform_wrapper .gsection_description, .gform_wrapper h3.gform_title{ width:98%}
.gform_wrapper .gsection{ border-bottom:1px dotted #ccc!important;  padding:0 0 8px 0;  margin:8px 0 16px 0}

/* updated radio and checkbox styling - justifies lenghty labels ----------------------------------- */

.gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li {position:relative;}
.gform_wrapper ul.gfield_checkbox, .gform_wrapper ul.gfield_radio {margin:6px 0; padding:0;}
.gform_wrapper .gfield_checkbox li label,.gform_wrapper .gfield_radio li label {display:block; margin: 0 0 0 24px; padding:0; width: auto; line-height:1.5; vertical-align: top;}
.gform_wrapper .gfield_checkbox li input[type=checkbox], .gform_wrapper .gfield_radio li input[type=radio], .gform_wrapper .gfield_checkbox li input {float:left; margin-top:2px;}

/* some built in styles to use for quick radio/checkbox columns ----------------------------------- */

.gf_2col ul.gfield_checkbox li, .gf_2col ul.gfield_radio li {width:50%; float:left; margin:0; min-height:1.8em;}
.gf_3col ul.gfield_checkbox li, .gf_3col ul.gfield_radio li {width:33%; float:left; margin:0; min-height:1.8em;}
.gf_4col ul.gfield_checkbox li, .gf_4col ul.gfield_radio li {width:25%; float:left; margin:0; min-height:1.8em;}
.gf_2col ul.gfield_checkbox, .gf_2col ul.gfield_radio, .gf_3col ul.gfield_checkbox, .gf_3col ul.gfield_radio, .gf_4col ul.gfield_checkbox, .gf_4col ul.gfield_radio {overflow:hidden;}
.gf_height25 ul.gfield_checkbox li, .gf_height25 ul.gfield_radio li  {height:25px;}
.gf_height50 ul.gfield_checkbox li, .gf_height50 ul.gfield_radio li  {height:50px;}
.gf_height75 ul.gfield_checkbox li, .gf_height75 ul.gfield_radio li  {height:75px;}
.gf_height100 ul.gfield_checkbox li, .gf_height100 ul.gfield_radio li  {height:100px;}
.gf_height125 ul.gfield_checkbox li, .gf_height125 ul.gfield_radio li  {height:125px;}
.gf_height150 ul.gfield_checkbox li, .gf_height150 ul.gfield_radio li  {height:150px;}

.gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description,.gform_wrapper .instruction { font-size:10px; line-height:150%; clear:both;letter-spacing:normal}
.gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description{padding:4px 0 8px 0}
.gform_wrapper .gfield_description  {padding: 10px 0 8px 0; font-style: italic}
.gfield_date_year+.gfield_description {padding:0 0 8px 0}
.gform_wrapper .gsection_description {font-style: italic}
.ginput_complex + .gfield_description {padding-top:0!important}
.gform_wrapper .right_label .gfield_description, .gform_wrapper .left_label .gfield_description, .gform_wrapper .left_label .instruction, .gform_wrapper .right_label .instruction{ margin-left:29%;  padding-left:15px}
.gform_wrapper .left_label .gsection .gsection_description, .gform_wrapper .right_label .gsection .gsection_description{ margin-left:0;  padding-left:0;  padding-top:4px;  line-height:150%}
.gform_wrapper .gfield_required{ color:#790000;  margin-left:4px}
.gform_wrapper textarea.small{ height:80px}
.gform_wrapper textarea.medium{ height:150px}
.gform_wrapper textarea.large{ height:250px}
.gform_wrapper .gfield_error{ background-color:#FFDFDF!important;  margin-top:4px!important;  margin-bottom:6px;  padding:6px 6px 4px 6px!important; border:1px dotted #C89797}
.gform_wrapper .top_label .gfield_error .ginput_container {max-width:99%}
.gform_wrapper .top_label .gfield_error{ width:92%}
.gform_wrapper .top_label .gfield_error input.large, .gform_wrapper .top_label .gfield_error select.large, .gform_wrapper .top_label .gfield_error textarea.textarea{ width:100%}
.gform_wrapper .right_label .gfield_error input.large, .gform_wrapper .right_label .gfield_error select.large, .gform_wrapper .right_label .gfield_error textarea.textarea, .gform_wrapper .left_label .gfield_error input.large, .gform_wrapper .left_label .gfield_error select.large, .gform_wrapper .left_label .gfield_error textarea.textarea { width:66%}
.gform_wrapper .gfield_error .gfield_label{ color:#790000}
.gform_wrapper .validation_error{ color:#790000;  font-weight:bold;  font-size:14px;  line-height:150%;  font-family:Helvetica,sans-serif; margin-bottom:16px}
.gform_wrapper .validation_message{ color:#790000!important;  font-size:11px; letter-spacing:normal}
.gform_wrapper .gform_footer{ padding:16px 0 10px 0;  margin:16px 0 0 0}
.gform_wrapper .gform_footer.right_label, .gform_wrapper .gform_footer.left_label { padding:16px 0 10px 31%}

#gforms_confirmation_message{background-color:#none; border:1px dotted ccc; margin-top:10px; margin-bottom:10px; padding:20px 0; font-size:12px; color:#000; text-align:center}

/* added for v1.3 ------------------------------------------------------------------------- */

.gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right, .gform_wrapper .ginput_complex .ginput_full { min-height:43px; display:block; overflow:hidden}
.gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li {margin:0 0 4px 0; line-height: 130%!important} /* improve spacing and prevent descenders from getting cut off in IE */

/* a few IE7 specific hacks ------------------------------------------------------------------------- */

.gform_wrapper .gfield_time_hour{*width:80px}
.gform_wrapper .gfield_time_minute{*width:70px}
.gform_wrapper .gfield_time_ampm{*padding-top:2px}
.gform_wrapper .gfield_time_hour input, .gform_wrapper .gfield_time_minute input{*margin-left:0}
.gform_wrapper .ginput_complex .ginput_left label, .gform_wrapper .ginput_complex .ginput_right label { *margin:3px 0 5px 0}
.gform_footer input.button {*padding:3px}
ul.top_label .clear-multi {overflow:hidden; clear:both}
.gform_wrapper .gfield_checkbox li input[type=checkbox], .gform_wrapper .gfield_radio li input[type=radio], .gform_wrapper .gfield_checkbox li input {*margin-top:0;}

/* IE8 & IE7 hacks because IE still sux  ------------------------------------------------------------------------- */

.gform_wrapper .ginput_complex .ginput_left select, .gform_wrapper .ginput_complex .ginput_right select { padding: 2px 0 2px 0 }

/* jQuery UI date picker ---------------------------------------------------------------------------------------*/

.ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div{ /*resets*/margin:0; padding:0; border:0; outline:0; line-height:1.3; text-decoration:none; font-size:100%; list-style:none; font-family:"lucida sans", "lucida grande", lucida ,sans-serif; background:#fff; font-size:1.0em; border:4px solid #C1C1C1; width:15.5em; padding:2.5em .5em .5em .5em;  position:relative}
.ui-datepicker-div, #ui-datepicker-div{ z-index:9999; /*must have*/ display:none}
.ui-datepicker-inline{ float:left; display:block}
.ui-datepicker-control{ display:none}
.ui-datepicker-current{ display:none}
.ui-datepicker-next, .ui-datepicker-prev{position:absolute; left:.5em; top:.5em; background:#eee}
.ui-datepicker-next{ left:14.6em}
.ui-datepicker-next:hover, .ui-datepicker-prev:hover{ background:#dadada}
.ui-datepicker-next a, .ui-datepicker-prev a{ text-indent:-999999px; width:1.3em; height:1.4em; display:block; font-size:1em; background:url(../images/datepicker_arrow_left.gif) 50% 50% no-repeat; border:1px solid #d3d3d3; cursor:pointer}
.ui-datepicker-next a{ background:url(../images/datepicker_arrow_right.gif) 50% 50% no-repeat}
.ui-datepicker-header select{ border:1px solid #d3d3d3;  color:#555;  background:#e6e6e6;  font-size:1em;  line-height:1.4em;  position:absolute;  top:.5em;  margin:0 !important}
.ui-datepicker-header option:focus, .ui-datepicker-header option:hover{ background:#dadada}
.ui-datepicker-header select.ui-datepicker-new-month{ width:7em; left:2.2em}
.ui-datepicker-header select.ui-datepicker-new-year{ width:5em; left:9.4em}
table.ui-datepicker{ width:15.5em;  text-align:right}
table.ui-datepicker td a{ padding:.1em; display:block; color:#555; background:#e6e6e6; cursor:pointer; border:1px solid #fff; text-align:center}
table.ui-datepicker td a:hover{ border:1px solid #fff; color:#212121; background:#dadada; text-decoration: none}
table.ui-datepicker td a:active{ border:1px solid #aaa; color:#212121; background:#fff;  text-decoration: none}
table.ui-datepicker .ui-datepicker-title-row td{ padding:.2em 0; text-align:center; font-size:.9em; color:#222; text-transform:uppercase}
table.ui-datepicker .ui-datepicker-title-row td a{ color:#222; padding:.3em 0}
.ui-datepicker-cover{ display:none;  display/**/:block;  position:absolute; z-index:-1; filter:mask(); top:-4px; left:-4px; width:193px; height:200px}
img.ui-datepicker-trigger {position:relative; top:3px; left:4px}

/* tame those pesky hidden fields --------------------------------------------------------------------*/

.gform_wrapper input[type="hidden"], .gform_wrapper input.gform_hidden, .gform_hidden {display:none}
.ginput_full br, .ginput_left br, .ginput_right br {display:none;}




/* additional spacing and padding tweaks added 04.27.2010 --------------------------------------------*/

.gform_wrapper .left_label .ginput_complex .ginput_right label, .gform_wrapper .left_label .ginput_complex .ginput_left label, .gform_wrapper .right_label .ginput_complex .ginput_right label, .gform_wrapper .right_label .ginput_complex .ginput_left label {word-spacing: -.4em}
ul.gfield_checkbox li, ul.gfield_radio li {padding:0!important}
.top_label .ginput_complex + .gfield_description {padding-bottom:0!important}
.gform_wrapper .top_label .gfield_description,  {padding: 10px 0 0 0}
.gform_wrapper .top_label .gfield_description.validation_message, .gfield_description.validation_message {padding:10px 0 10px 0}



/* HTML field default margins -----------------------------------------------------*/

.left_label li.gfield_html_formatted, .right_label li.gfield_html_formatted {margin-left:32%;}
.gfield_html.gfield_no_follows_desc {margin-top:10px;}


form#gform_1 {width:940px}
#gform_wrapper_1 {width:940px}
.gform_wrapper li, .gform_wrapper form li, .gform_wrapper form ul li { list-style-type:none!important; background-image:none!important}
h3.gform_title {display: none;}


/* Dealers 
-----------------------------------------------------*/
#dealers .col1, #dealers .col2, #dealers .col3, #dealer-home .col3 {
	display: inline;
	float: left;
	width: 33%;
}

	#dealer-search fieldset {
		width: 90%;
		margin-bottom: 5px;
		padding-bottom: 10px;
		border-bottom: 1px #222 solid;
		border: none
	}

#dealers .col1, #dealers .col2, #dealers .col3 {
	float: left;
	min-height: 140px;
	display: inline;
	width: 30%;
	margin: 0 0 10px 20px;
}
	#dealers .col3 {border-right: none;}
	
	#dealers .col1 {
		margin-left: 0;
	}


/* = Dealers
---------------------------------------------------------------------*/

div.country, div.citystate, div.zip {
	float: left;
	min-height: 140px;
	display: inline;
	width: 30%;
	margin: 0 0 0 20px;
	border-right: 1px solid #222;
}
	div.zip {border-right: none;}
	
	div.country {
		margin-left: 0;
	}
	
dt {
	margin-bottom: 5px;
	color: #000;
}
	#dealers dt {
		margin: 5px 0 0 0;
		padding-top: 5px;
		border-top: 1px dotted #222;
		color: #fff;
	}
		#dealers dt:first-child {
			padding-top: 5px;
			border-top: none;
		}
		
		
/* =Tables
---------------------------------------------------------------------*/

table {
	width: 100%;
	border: solid 1px #eee;
	border-collapse: collapse;
	background: #fff;
	margin: 0 0 20px 0;
}

	th {
		padding: 6px;
		border-left: solid 1px #eee;
		border-bottom: solid 1px #eee;
		background: #fff;
		color: #000;
		font-weight: normal;
		text-align: left;
	}

		th:first-child, td:first-child {border-left: 0;}
		th:last-child, td:last-child {border-right: 0;}
	
	tr {
		border-bottom: solid 1px #eee;
		border-right: solid 1px #eee !important;
		background: #fff;
	}
	
		
	tr.alt {
		border-right: solid 1px #fff;
		background: #eee;
	}	

	td {
		padding: 4px 6px;
		border-right: solid 1px #eee;
		text-align: left;
		vertical-align: top;
	}
	
		td a {display: block;}
		table.locator td a {display: inline;}
		td a.button {margin: 2px 2px 2px -6px !important;}
		td.company {width: 150px;}
		td.location {width: 350px;}
		td.contact {width: 140px;}
		td.contact a {display: inline;}
		td.user a {font-size: 150% !important;}
		th.right, td.right {text-align:right;}
		tr.alt td {border-right: solid 1px #fff;}
		table h3 {padding: 10px 0px 5px 10px;}

	table span {
		color: #000;
		font-weight: bold;
	}

	#dealers hr {clear: both;margin: 20px 0 20px 0;color: #ccc;background-color: #ccc;border: none;height: 1px}
	
	#dealers h2 {clear: both; font-size: 13px;}
	#dealers h3 {clear: both; font-size: 11px;}
	
	#dealers #primary-content ul { float: left; height: 300px; width: 1000px; margin-left: 0 !important; padding-left: 0 !important;}
	#dealers #primary-content ul li { list-style: none !important;margin-left: 0 !important; padding-left: 0 !important; }

label { color:#000; display:block; margin:3px 0 2px; text-transform: uppercase; font-size: 10px; }
input.text, input.smtext, input.medium { background: #e3e4e1 !important; border:1px solid black !important; color:#000; margin:0 0 4px; padding:4px; }
textarea { clear: both; background: #e3e4e1; border:1px solid #000000; color:#000; display:block; height:150px; margin:0 0 10px; padding:4px; width:98%; }
input.submit, a.button, #dealers input.submit { background: #000; border:medium none; color:#FFFFFF; display:block; font-size:90%; overflow:visible; padding:5px; text-transform:uppercase; width:auto; float: right; }
#dealers input.submit {clear: both; float: left; margin-left: 10px; }
#dealers select {display: block; }
.hide {display: none; }