@charset "utf-8";
/*  ---------------------------------------
	
	main.css
	````````
	main stylesheets document for
	Urban Moto Shop
	
    ---------------------------------------  */


/*  ---------------------------------------
	Global Reset
	- - - - - - - - - - - - - - - - - - - -  */

		html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: none; text-decoration: none; }
		
		

/*  ---------------------------------------
	Global rules and typography
	- - - - - - - - - - - - - - - - - - - -  */
	
		body {
			background: #fff url(../images/body-bg.gif) repeat-x;
			color: #000;
			font-family: Arial, sans-serif;
			font-size: 1em;
		}
		
		#container {
			width: 1026px;
			margin: 0 auto;
		}
		
		.hidden { display: none; }
		.clear { height: 1%; clear: both; }
		.left { float: left; }
		.right { float: right; }
		
		.clearfix:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}
		
		.clearfix {display: inline-block;}
		.no-background { background: none !important; }
		
		/* Hides from IE-mac \*/
		* html .clearfix {height: 1%;}
		.clearfix {display: block;}
		/* End hide from IE-mac */



/*  ---------------------------------------
	Header
	- - - - - - - - - - - - - - - - - - - -  */
	
		#header {
			padding-top: 7px;
			padding-right: 16px;
			overflow: hidden;
		}
			#header h1 {
				display: block;
				height: 73px;
				width: 398px;
				float: left;
			}
				#header h1 a {
					display: block;
					height: 73px;
					width: 398px;
					background: url(../images/header-logo.gif) no-repeat;
					text-indent: -999999px;
				}
			#header p#header-info {
	display: block;
	float: right;
	width: 40%;
	text-align: right;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	padding-top: 20px;
	line-height: 20px;
			}
				#header-info strong {
					color: #fcf500;
				}
			
			#header ul {
				clear: both;
				width: 880px;
				height: 43px;
				margin: 0 16px 2px 16px;
				padding-left: 114px;
				background: #2B2B2D url(../images/nav-logo.jpg) no-repeat;
				color: #fff;
				text-transform: uppercase;
				font-size: 14px;
				font-weight: bold;
			}
				#header ul li {
					float: left;
					display: inline;
					padding-top: 6px;
					padding-bottom: 7px;
				}
					#header ul li a {
						display: block;
						padding: 7px 11px;
						margin-right: 20px;
						background-color: transparent;
						color: #fff;
						white-space: nowrap;
					}
					#header ul li a:hover {
						background-color: #FE0000;
						color: #FFF901;
					}
					#header ul li.current_page_item a, #header ul li.current_page_parent a, #header ul li.current_page_ancestor a {
						background-color: transparent;
						color: #FFF500;
					}



/*  ---------------------------------------
	Masthead
	- - - - - - - - - - - - - - - - - - - -  */
	
		#masthead {
	width: 994px;
	height: 200px;
	position: relative;
	margin-top: 0;
	margin-right: 16px;
	margin-bottom: 0px;
	margin-left: 16px;
	background: #2B2B2D url(../images/masthead_sales.jpg) no-repeat;
		}
			#masthead h2 {
	position: absolute;
	top: 145px;
	right: 35px;
	color: #fff;
	text-transform: uppercase;
}

body.page-template-showroom-list-php #masthead, body.page-template-showroom-detail-php #masthead {
	background: #2B2B2D url(../images/masthead_showroom.jpg) no-repeat;
}
body.pageid-9 #masthead {
	background: #2B2B2D url(../images/masthead_service.jpg) no-repeat;
}
body.pageid-11 #masthead {
	background: #2B2B2D url(../images/masthead_accessories.jpg) no-repeat;
}
body.parent-pageid-13 #masthead, body.blog #masthead {
	background: #2B2B2D url(../images/masthead_about.jpg) no-repeat;
}
body.parent-pageid-15 #masthead {
	background: #2B2B2D url(../images/masthead_contact.jpg) no-repeat;
}



/*  ---------------------------------------
	Content
	- - - - - - - - - - - - - - - - - - - -  */
	
		#content {
	width: 994px;
	background-color: #FFFFFF;
	margin-top: 2px;
	margin-right: 16px;
	margin-bottom: 56px;
	margin-left: 16px;
		}
		#showroom #content {
			width: 920px;
		}
			#main {
	float: right;
	width: 740px;
	background-color: transparent;
	color: #000;
	font-size: .9em;
	margin-top: 45px;
			}
				#main a {
					background-color: transparent;
					color: #FF0400;
				}
					#main a:hover {
						background-color: transparent;
						color: #000;
						text-decoration: underline;
					}
				#main h3 {
	font-size: 24px;
	text-transform: uppercase;
	margin-bottom: 25px;
				}
					#main h3 a {
						background-color: transparent;
						color: #000;
					}
				#main h4 {
	font-size: 18px;
	margin-bottom: .5em;
	font-weight: bold;
	color: #2B5D8E;
				}
				#main p {
	margin-bottom: 30px;
	margin-right: 150px;
				}
#main ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
}
#main ul li {
	margin: 0px;
	padding: 0px;
}
#main div.ddsg-wrapper h2 {
	display: none;
}
#main div.ddsg-wrapper p {
	display: none;
}
#main table {
	border-top: 1px solid #333333;
	border-right: 1px solid #333333;
	margin-bottom: 30px;
	background: #EFEFEF;
}
#main table td {
	border-bottom: 1px solid #333333;
	border-left: 1px solid #666666;
	padding: 5px;
}
.mapp-poweredby {
	display: none;
}
.ngg-galleryoverview {
	margin-bottom: 30px !important;
}
			#sidebar {
	float: left;
	width: 200px;
	font-size: 13px;
	font-weight: bold;
	margin-top: 25px;
			}
				#sidebar #nav-secondary {
	background: #2B2B2D url(../images/sidebar-bg.jpg);
	color: #fff;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	margin-bottom: 25px;
				}
				#sidebar ul {
					list-style: none;
				}
					#sidebar ul li {
	margin-bottom: 15px;
	text-transform: uppercase;
					}
					#sidebar ul li.first {
						margin-top: 0;
					}
						#sidebar ul ul li {
							margin-bottom: 0;
							margin-top: 5px;
							padding-left: 15px;
							text-transform: none;
							background: transparent url(../images/icon-bullet-subnav.gif) no-repeat 4px 6px;
							color: inherit;
						}
						#sidebar ul li a, #sidebar ul li.current_page_item ul li a {
							background-color: transparent;
							color: #fff;
						}
						#sidebar ul li a:hover, #sidebar ul li.current_page_item ul li a:hover, #sidebar ul li.current_page_item a {
							background-color: transparent;
							color: #FF0400;
						}
					#sidebar .ads {
					}
#sidebar #sidebar-contact-info {
	margin-top: 30px;
	padding-left: 15px;
}
#sidebar #sidebar-contact-info h3 {
	font-size: 18px;
	font-weight: bold;
	color: #2B5D8E;
	padding-top: 5px;
	padding-bottom: 10px;
}
#sidebar #sidebar-contact-info p {
	padding-bottom: 10px;
}
					
			/* product list page */
				
			#showroom {
				margin-top: -8px;
				padding-top: 8px;
				background: transparent url(../images/corners-bg.gif) no-repeat;
				color: inherit;
			}
				#showroom #showroom-container {
					border: 1px solid #d5d5d5;
					background-color: #fff;
					color: inherit;
					padding: 30px 35px 35px 35px;
				}
					#showroom .scooter {
						float: left;
						width: 293px;
						border-left: 1px solid #ccc;
						margin: 0 11px 11px 11px;
						position: relative;
					}
						#showroom .scooter.first {
							border-left: 0;
						}
						#showroom .scooter div {
							position: absolute;
							top: 100px;
							left: 0;
							background-color: #fff;
							color: #666;
							width: 100%;
							padding: 16px;
							text-transform: uppercase;
							font-weight: bold;
							font-size: 12px;
						}
							#showroom .scooter strong {
								font-size: 20px;
								background-color: transparent;
								color: #000;
							}
							#showroom .scooter:hover div {
	background-color: #FBF500;
							}
#showroom .scooter a.company-info {
	color: #0180BE;
	padding-left: 11px;
	line-height: 20px;
	display: block;
	margin-top: 15px;
}
#showroom .scooter a.company-info:hover {
	background-color: #FFFFFF !important;
	text-decoration: underline;
}
							
			/* product detail page */
				
				#product-header {
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
				}
					#product-header #button-back a {
						display: block;
						width: 101px;
						height: 43px;
						background: transparent url(../images/btn_back.gif) no-repeat;
						color: inherit;
						margin-left: -52px;
						margin-right: 10px;
						text-indent: -9999px;
						float: left;
					}
					#product-header #product-name-price {
						float: left;
						width: 265px;
						margin-right: 19px;
					}
						#product-header #product-name-price h3 {
							font-size: 19px;
							text-transform: uppercase;
							margin-top: 11px;
						}
					#product-header #nav-models {
						float: left;
						list-style: none;
						width: 610px;
						font-size: 14px;
						font-weight: bold;
					}
						#nav-models li {
							display: inline;
							float: left;
							margin-right: 1px;
							margin-bottom: 1px;
							background-color: #000;
							color: #fff;
							text-transform: uppercase;
						}
							#nav-models li a {
								display: block;
								padding: 13px;
								background-color: transparent;
								color: #fff;
							}
								#nav-models li a:hover, #nav-models li.current_page_item a {
									background-color: #F3F00F;
									color: #000;
								}
								
					/*
					#product-photo {
						float: left;
						width: 326px;
					}
					*/
					#product-details {
						float: left;
						width: 907px;
					}
						#product-details img {
							float: left;
							margin-right: 19px;
						}
						#product-details h3 {
							margin: 0 0 1em 0 !important;
							font-size: 18px;
							text-transform: uppercase;
						}
						#product-details p {
							font-size: 14px;
							margin: 0 0 1em 0;
						}
						#product-details h4#product-colors {
							margin-top: 1.5em;
							margin-bottom: .5em;
							padding-top: .5em;
							border-top: 1px solid #ccc;
						}
							#product-details ul {
								list-style: none;
							}
								#product-details ul li {
									display: inline;
									float: left;
									margin-right: 1px;
									text-indent: -9999px;
								}
									#product-details li.blue {
										background-color: #A5C5DA;
									}
									#product-details li.green {
										background-color: #66FF99;
									}
									#product-details li.orange {
										background-color: #f90;
									}
									#product-details li.purple {
										background-color: #936;
									}
									#product-details li.charcoal {
										background-color: #333;
									}
										#product-details li a {
											display: block;
											width: 43px;
											height: 43px;
										}
					



/*  ---------------------------------------
	Footer
	- - - - - - - - - - - - - - - - - - - -  */
	
		#footer {
			margin: -1px 16px 40px 16px;
			padding: 30px 25px;
			background: #fff url(../images/footer-bg.gif) no-repeat top left;
			color: #5b5b5b;
			border: 1px solid #ddd7d0;
			font-size: 12px;
			font-weight: bold;
		}
			#footer-extra {
				float: left;
			}
			#footer a {
				background-color: transparent;
				color: #121212;
			}
			#footer a:hover {
				background-color: transparent;
				color: #5b5b5b;
			}
			#footer #legal {
				clear: left;
				padding-top: 17px;
			}
				#footer ul {
					float: left;
				}
					#footer ul li {
						float: left;
						display: inline;
						padding-left: 4px;
						margin-left: 4px;
						border-left: 1px solid #5b5b5b;
					}
					#footer ul li.page-item-70 {
						border-left: none;
						margin-left: 0;
						padding-left: 0;
					}
				#footer #footer-info {
	display: block;
	float: right;
	width: 250px;
				}
					#footer #footer-info a {
						display: block;
						float: left;
						text-indent: -999999px;
						background-repeat: no-repeat;
						background-position: left top;
						height: 48px;
					}
						#footer-info #facebook {
							width: 139px;
							background-image: url(../images/facebook-icon.jpg);
							border-right: 1px solid #d8d8d8;
						}
						#footer-info #yelp {
							width: 79px;
							background-image: url(../images/yelp.gif);
						}.linklove {
	display: none;
}