/*
-----------------------------------------------
Style Sheet

Site: cartmart.com
Author:   aaryn.com
Version:  2007.8
----------------------------------------------- */


/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }


/* prevent blue linked image borders */
a img, :link img, :visited img, fieldset { border:none; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl { margin:0; padding:0; }



/* global elements
 * ------------------------------------------------------------------------- */

/* Default font size in IE and FireFox is 16px. Default for Safari is 14px. */
html {
	font-size:100% /* IE has problems scaling text in ems. Using a percentage makes for better text rendering when scaled. */
	}

body {
	background:url(../images/bg.jpg) repeat #393831;
	font-size:.75em; /* Read by IE only. - 75% of 16px = 12px */
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	}

html>body {
	font-size:12px; /* overrides the font-size above in all browsers except IE. These browsers can resize text that is specified in px so this is ok. */
	}

a:link, a:visited {
	color:#a61400;
	}
	
a:hover, a:active {
	color:#908759;
	}
	



/* Classes
 * ------------------------------------------------------------------------- */

.clear {
	clear:both;
	height:.01em;
	overflow:hidden;
	}

.pic_left {
	margin:0 10px 2px 0;
	float:left;
	}

.pic_serve {
	float:left;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10;
	}

.pic_right {
	margin:0 0px 2px 10px;
	float:right;
	}

.raquo {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#9e1302;
	}
	
.raquo2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#9e1302;
	padding-left:15px;
	padding-right:8px;
	}

.hr {
	color:#ccc;
	background:#ccc;
	width:100%;
	height:1px;
	overflow:hidden;
	margin:5px 0;
	}

.big {
	font-size:1.2em;
	}

.header_text {
	font-size:1.4em;
	background:#333;
	padding:5px 0 5px 10px;
	color:#fff;
	}

.gallery_photos {
	margin-top:10px;
	}

.gallery_photos img {
	padding:2px;
	border:1px solid #ccc;
	}
	
.gallery_photos td {
	padding-bottom:15px;
	}	

.position_title {
	width:180px;
	display:inline;
	}

.pdf {
	background:url(../images/pdf_icon.gif) no-repeat;
	padding-left:22px;
	}


/* Layout
 * ------------------------------------------------------------------------- */
 
#container {
	width:800px;
	margin:20px auto 10px auto;
	}


#title {
	float:left;
	background:url(../images/title_top_half.gif) no-repeat bottom;
	width:176px;
	height:53px;
	margin-top:25px;
	text-indent:-5000px;
	outline:none;
	}

#tagline {
	background:url(../images/tagline_1.gif) no-repeat top right;
	width:624px;
	height:25px;
	text-indent:-5000px;
	float:right;
	}


#content_container {
	background:url(../images/content_bg.gif) repeat-y;
	width:800px;
	}

#column_left {
	width:176px;
	float:left;
	background:#908759;
	}
	
#title_bottom {
	background:url(../images/title_bottom_half.gif) no-repeat;
	width:176px;
	height:78px;
	text-indent:-5000px;
	outline:none;
	display:block;
	}

#serving_since {
	background:url(../images/serving_since.gif) no-repeat;
	width:176px;
	height:23px;
	text-indent:-5000px;
	}

#side_buttons {
	text-align:center;
	}
	
		#side_buttons img {
			margin-bottom:20px;
			}

#column_right {
	width:624px;
	float:left;
	background:#fff;
	}

.subnav_left {
	padding:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:1.6em;
	font-size:.95em;
	color:#000000;
	}
	
.subnav_left a{
	padding:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:1.6em;
	font-size:.95em;
	color:#ffffff;
	}

.main_content_area {
	padding:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:1.6em;
	font-size:.92em;
	color:#454545;
	}
	
	.specs_list_content li {
		_position:relative;	 /*to fix the IE bullet peekaboo pug */
		padding-left: 12px;
		line-height: 1.6em; /*lists must have a line-hieght to get bullets to line up properly cross-browser */
		list-style: none;
		background: transparent url(../images/dropdown_rollover.gif) 0px 5px no-repeat;
		margin-bottom:5px;
		}
		
		.specs_list_check li {
		_position:relative;	 /*to fix the IE bullet peekaboo pug */
		padding-left: 20px;
		margin-left: 50px;
		line-height: 1.6em; /*lists must have a line-hieght to get bullets to line up properly cross-browser */
		list-style: none;
		background: transparent url(../images/check.gif) 0px 5px no-repeat;
		margin-bottom:5px;
		}
		
		.box {
		border: solid .5px #000000;
		}
		
		.box_b {
		border-left: solid .5px #000000;
		border-right: solid .5px #000000;
		border-bottom: solid .5px #000000;
		}
	

.car_title {
	background:#333;
	color:#fff;
	font-weight:bold;
	font-size:1.2em;
	padding-left:6px;
	margin-bottom:5px;
	}

	.car_title a:link, .car_title a:visited {
		color:#fff;
		text-decoration:none;
		}

.specs_f {
	margin:5px 0 0px 15px;
	}
	
	.specs_list li {
		_position:relative;	 /*to fix the IE bullet peekaboo pug */
		padding-left: 12px;
		line-height: 1.4em; /*lists must have a line-hieght to get bullets to line up properly cross-browser */
		list-style: none;
		background: transparent url(../images/bullet.gif) 0px 5px no-repeat;
		margin-bottom:5px;
		font-size:.92em;
		}

#subpage_header_temp {
	width:624px;
	height:150px;
	background:url(../images/subpage_header_temp.jpg) no-repeat;
	}

#mini_header_temp {
	width:624px;
	height:101px;
	background:url(../images/mini_header_temp.jpg) no-repeat;
	}
	
#mini_header_yamaha {
	width:624px;
	height:101px;
	background:url(../images/mini_header_yamaha.jpg) no-repeat;
	}

#mini_header_trojan {
	width:624px;
	height:101px;
	background:url(../images/mini_header_trojan.jpg) no-repeat;
	}

#mini_header_usbattery {
	width:624px;
	height:101px;
	background:url(../images/mini_header_usbattery.jpg) no-repeat;
	}

#mini_header_fairplay {
	width:624px;
	height:101px;
	background:url(../images/mini_header_fairplay.jpg) no-repeat;
	}
	
#mini_header_taylordunn {
	width:624px;
	height:101px;
	background:url(../images/mini_header_taylordunn.jpg) no-repeat;
	}

#iframe_container {
	width:790px;
	height:590px;
	padding:5px;
	background:#fff;
	}




/* ----- Featured Products Table Styles ----- */
.table_divider {
	background:url(../images/vertical_section_divider.gif) no-repeat 10px 0px;
	width:20px;
	}

.table_divider_repeating {
	background:url(../images/repeating_table_divider.gif) repeat-y 10px 0px;
	width:20px;
	}


#featured_products_bg {
	background:url(../images/featured_products_bg.gif) repeat-x;
	width:624px;
	height:26px;
	}

#featured_products {
	background:url(../images/featured_products.gif) no-repeat;
	width:140px;
	height:26px;
	text-indent:-5000px;
	margin-left:15px;
	}


#custom_golf_cars_title {
	background:url(../images/custom_golf_cars_title.gif) no-repeat;
	width:184px;
	height:26px;
	text-indent:-5000px;
	outline:none;
	margin-bottom:10px;
	}

#utility_vehicles_title {
	background:url(../images/utility_vehicles_title.gif) no-repeat;
	width:184px;
	height:26px;
	text-indent:-5000px;
	outline:none;
	margin-bottom:10px;
	}

#transportation_vehicles_title {
	background:url(../images/trans_vehicles_title.gif) no-repeat;
	width:184px;
	height:26px;
	text-indent:-5000px;
	outline:none;
	margin-bottom:10px;
	}

#yamaha_golf_car_title {
	background:url(../images/yamaha_golf_cars_title.gif) no-repeat;
	width:287px;
	height:26px;
	text-indent:-5000px;
	outline:none;
	margin-bottom:10px;
	cursor:pointer;
	display:block;
	}
	
#yamaha_title_wide {
	background:url(../images/yamaha_title_wide.gif) no-repeat;
	width:287px;
	height:26px;
	text-indent:-5000px;
	outline:none;
	margin-bottom:10px;
	cursor:pointer;
	display:block;
	}

#fairplay_title_wide {
	background:url(../images/fairplay_title_wide.gif) no-repeat;
	width:287px;
	height:26px;
	text-indent:-5000px;
	outline:none;
	margin-bottom:10px;
	cursor:pointer;
	display:block;
	}


	
	#fairplay_golf_car_title, #fairplay_golf_car_title:active  {
		cursor:pointer;
		background:url(../images/fairplay_golf_car_title.gif) no-repeat;
		width:287px;
		height:26px;
		text-indent:-5000px;
		outline:none;
		margin-bottom:10px;
		display:block;
		}

#location_title {
	background:url(../images/location_title.gif) no-repeat;
	width:236px;
	height:26px;
	text-indent:-5000px;
	outline:none;
	margin-bottom:5px;
	}

#call_us_title {
	background:url(../images/call_us.gif) no-repeat;
	width:236px;
	height:26px;
	text-indent:-5000px;
	outline:none;
	margin:0px 0 5px 0;
	}

#email_us_title {
	background:url(../images/email_us.gif) no-repeat;
	width:236px;
	height:26px;
	text-indent:-5000px;
	outline:none;
	margin:15px 0 5px 0;
	}

#contact_table {
	line-height:1.4em;
	}

#taylor_dunn_title {
	background:url(../images/taylor-dunn_title.gif) no-repeat;
	width:184px;
	height:26px;
	text-indent:-5000px;
	outline:none;
	cursor:pointer;
	display:block;
	}

#yamaha_title {
	background:url(../images/yamaha_title.jpg) no-repeat;
	width:184px;
	height:26px;
	text-indent:-5000px;
	outline:none;
	cursor:pointer;
	display:block;
	}

#fairplay_title {
	background:url(../images/fairplay_title.gif) no-repeat;
	width:184px;
	height:26px;
	text-indent:-5000px;
	outline:none;
	cursor:pointer;
	display:block;
	}


/* ----- PDF Manual List Styles ----- */

#manual_list li {
		_position:relative;	 /*to fix the IE bullet peekaboo pug */
		padding-left: 22px;
		line-height: 1.5em; /*lists must have a line-hieght to get bullets to line up properly cross-browser */
		list-style: none;
		background: transparent url(../images/bullet.gif) 0px 5px no-repeat;
		margin-bottom:10px;
		font-size:.92em;
		}

 #manual_list{
		list-style-type: none;
		margin-left: 15px;
		margin-bottom: 10px;
}

#active:hover li { 
		display: block;
		list-style: none;
		margin-top: 10px;
		margin-left: 30px;
		background: transparent url(../images/pdf_img.png) 0px 0px no-repeat;
		color: #336600;
			
}
#active li { 
		display: none; 
		}

#column_right .main_content_area tr{
	width: 300px;
}


#container #content_container #column_right .main_content_area table td{
	width: 200px;
}

#container #content_container #column_right .main_content_area #manuals{
	width: 150px;
}

/* ----- Footer Styles ----- */
#footer {
	padding:0px auto;
	background:url(../images/footer.gif) no-repeat bottom #a21302;
	}

	#footer ul {
    	padding: 5px 0;
    	}

 	#footer li {
    	margin: 0;
    	padding: 0 5px 0 10px;
    	display: inline;
    	font-size:.83em;
    	line-height: 1.5em;
    	background:url(../images/footer_divider.gif) no-repeat 0px 6px;
		color:#000;
    	}

	#footer li.first { 
    	background: none;
		padding:0 5px 0 12px;
    	}

	#footer a:link, #footer a:visited{
		color:#fff;
		text-decoration:none;
		}

	 #footer a:hover, #footer a:active {
	 	color:#908759;
		text-decoration:none;
		}


/* ----- Copyright ----- */
#copyright {
	width:800px;
	height:60px;
	background:url(../images/) no-repeat top right;
	margin:0 auto;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.83em;
	line-height:1.6em;
	color:#fff;
	}
	
	#copyright a:link, #copyright a:visited {
		color:#fff;
		}
		
	#copyright a:hover, #copyright a:active {
		color:#a61400 ;
		}


/* Service Form
 * ------------------------------------------------------------------------- */

#service_form br { line-height:0; height:0; clear:left; } /* defaults vertical spacing between fields */

#service_form input, #service_form textarea, #service_form select { 
	background-color:#FFF !important; /* to prevent highlighting by Google Toolbar */
	border:1px solid #414141;
	color:#000;
	width:215px; /* 7 pixels smaller than form width !important */
	margin-bottom:12px; /* sets vertical spacing between fields */
	padding:2px 4px; /* horizontally position text in input/textarea field */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.0em;
	float:left;
	}
 #service_form fieldset {
	margin: 0;
	padding:0;
	}

#service_form span {
	float:left;
	}

#service_form div.hr {
	margin:15px 0;
	}

#service_form label {
	font-size:.92em;
	font-weight:bold;
	margin-right:10px;
	width:130px;
	float:left;
	}
	
#service_form textarea {
	width:215px;
	overflow:auto;
	}

#service_form select {
 width:222px; padding:0; } /* same width as form - !important */

#submit_button {
	background:url(../images/submit.gif) no-repeat;
	width:99px;
	height:26px;
	border:none;
	text-indent:-5000px;
	cursor:pointer;
	margin-left:140px;
	}


/* Contact Form
 * ------------------------------------------------------------------------- */


#contact_form br { line-height:0; height:0; clear:left; } /* defaults vertical spacing between fields */

#contact_form input, #contact_form textarea, #contact_form select { 
	background-color:#FFF !important; /* to prevent highlighting by Google Toolbar */
	border:1px solid #414141;
	color:#000;
	width:215px; /* 7 pixels smaller than form width !important */
	margin-bottom:12px; /* sets vertical spacing between fields */
	padding:2px 4px; /* horizontally position text in input/textarea field */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.0em;
	float:left;
	}




 #contact_form fieldset {
	margin: 0;
	padding:0;
	}


	


#contact_form input.checkbox {
	width:13px;
	height:13px;
	border:none;
	background:none;
	margin:3px 6px 12px 140px ;
	}

#contact_form input.radio {
	width:13px;
	height:13px;
	border:none;
	background:none;
	margin:3px 6px 12px 30px ;
	}
	
#contact_form span {
	float:left;
	}

#contact_form div.hr {
	margin:15px 0;
	}

#contact_form label {
	font-size:.92em;
	font-weight:bold;
	margin-right:10px;
	width:130px;
	float:left;
	}
	
	#contact_form label.label_line {
		width:275px;
		}


 #contact_form textarea {
	width:215px;
	overflow:auto;
	}

#newsletter_form select, #contact_form select {
 width:222px; padding:0; } /* same width as form - !important */


	

#submit_button {
	background:url(../images/submit.gif) no-repeat;
	width:99px;
	height:26px;
	border:none;
	text-indent:-5000px;
	cursor:pointer;
	margin-left:140px;
	}


/* manual drop-down list for pdf files */

#container #content_container #column_right .main_content_area #manuals{
	width: 100%;
	margin-left: 0px;
}

#container #content_container #column_right .main_content_area #manuals select{
	width: 230px;
}






/* vertical navigation
 * ------------------------------------------------------------------------- */

#side_nav { background:url("../images/side_nav.gif") no-repeat; width:176px; height:103px; position:relative; margin:15px 0; }
#side_nav li { position:absolute; }
#side_nav li, #side_nav a { height:25px; display:block; }
#side_nav span { display: none; }

#side_nav-01, #side_nav-02, #side_nav-03, #side_nav-04{ width:176px; left:0; }

#side_nav-01 { top: 0; }
#side_nav-02 { top: 26px; }
#side_nav-03 { top: 52px; }
#side_nav-04 { top: 78px; }

#side_nav-01 a:hover { background: transparent url("../images/side_nav.gif") -176px  -0px  no-repeat;}
#side_nav-02 a:hover { background: transparent url("../images/side_nav.gif") -176px  -26px  no-repeat;}
#side_nav-03 a:hover { background: transparent url("../images/side_nav.gif") -176px  -52px  no-repeat;}
#side_nav-04 a:hover { background: transparent url("../images/side_nav.gif") -176px  -78px  no-repeat;}





/* Horizontal Sprite Nav
 * ------------------------------------------------------------------------- */

#nav { 
	background:url(../images/nav.gif) no-repeat; 
	width:624px; 
	height:53px; 
	margin:0;
	padding:0; 
	float:left;
	}

#nav li span {
	display:none;
	}


#nav li, #nav a { height:53px; display:block; outline:none; } /* change height here also */

#nav li { float:left; list-style:none; _display:inline; position:relative; }

#nav-01 { width: 84px; left: 0px;}
#nav-02 { width: 118px; left: 1px; }
#nav-03 { width: 118px; left: 2px; }
#nav-04 { width: 63px; left: 3px; }
#nav-05 { width: 75px; left: 4px; }
#nav-06 { width: 76px; left: 5px; }
#nav-07 { width: 84px; left: 6px; }


/*-------------- (-79px) X position of button / (-53px) height of image from above ------------- */
#nav-01 a:hover { background:url(../images/nav.gif) -0px -53px no-repeat; }
#nav-02 a:hover { background:url(../images/nav.gif) -85px -53px no-repeat; }
#nav-03 a:hover { background:url(../images/nav.gif) -204px -53px no-repeat; }
#nav-04 a:hover { background:url(../images/nav.gif) -323px -53px no-repeat; }
#nav-05 a:hover { background:url(../images/nav.gif) -387px -53px no-repeat; }
#nav-06 a:hover { background:url(../images/nav.gif) -463px -53px no-repeat; }
#nav-07 a:hover { background:url(../images/nav.gif) -540px -53px no-repeat; }




/* Son of Suckerfish: Horizontal Sprite Nav
 * ------------------------------------------------------------------------- */

#nav li ul {
	position:absolute;
	left:-9999px;
	text-align:left;
	float:left;
	z-index:5;
	}

#nav li ul li { 
	height:22px; 				/* Height of each drop down nav item */
	border:1px solid #fff;
	border-top:none;
	left:-1px; /*Optional - Makes drop-down line up even with the dividing line in primary nav (instead of 1px to the right) */
	font-family:Verdana, Arial, Helvetica, sans-serif;

	}	

#nav li ul li a {
	width:100%;
	height:22px;				/* Height of each drop down nav item, should match above */
	line-height:22px;			/* Height of each drop down nav item again, should match above */
	background:#2c2a2b;
	-moz-opacity:0.875;filter:alpha(opacity=88);
	background-image:none;
	}

#nav li ul li a:link, #nav li ul li a:visited {


}

#nav li ul li a span {
	display:block;
	padding-left:5px;
	}

/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font-size:.92em;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	}

#nav li:hover ul, #nav li.sfhover ul { left: auto; background-position: 0 0; }


/* Hover styles for drop down items */
#nav li ul li a:hover { 
	background-color:#5c0b00;
	-moz-opacity:0.99;filter:alpha(opacity=99); 
	background-image:none;
	color:#fff;
	text-decoration:none;
	}

/* width of drop down nav - choose width that allows items to display on one line */
#nav-01 ul, #nav-01 li { width:107px; }	
#nav-02 ul, #nav-02 li { width:93px; }	
#nav-03 ul, #nav-03 li { width:93px; }		
#nav-04 ul, #nav-04 li { width:190px; }
#nav-05 ul, #nav-05 li { width:247px; }
#nav-07 ul, #nav-07 li { width:92px; }









/* Lightbox Styling
 * ------------------------------------------------------------------------- */
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");   /* Path to overlay.png must be relative to HTML page, not the CSS file */
	}






/* These are standard sIFR styles... do not modify
 * ------------------------------------------------------------------------- */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;  
	z-index:0;
}

.sIFR-replaced {
	visibility: visible !important;
	z-index:0;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;

}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */





#page_title {
	display:inline;
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
	letter-spacing:-1px;
	font-size:2.2em;
	color:#30332c;
	padding-bottom:5px;
	}