@import url(form.css);

.clear { clear: both; font-size: 0px; line-height: 0px; height: 0px; }
* { margin: 0px; padding: 0px; font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; }
a:link, a:visited { color: #3a047d; }
a:hover, a:active { color: #bf7061; }
html,body { height: 100%; }
body { background-color: #F8F8F8; font-size: 0.7em; color: #000000; line-height: 1.6em; }
div.hr { padding-top: 2px; margin-bottom: 4px; border-bottom-style: solid; border-bottom-width: 1px; }
div.hr hr { display: none; }
h1 { font-size: 1.5em; font-weight: bold; margin-bottom: 0.7em; }
h2 { font-size: 1.2em; font-weight: normal; padding-top: 1em; margin-bottom: 0.7em; }
hr { display: none; }
img { border: 0px; }
input { vertical-align: middle; }
input.text, input.text-ghosted { padding: 2px; border: 1px solid #808080; }
input.text-ghosted { color: #808080; }
input.text { color: #000000; }
a.button, input.button { text-decoration: none; background-color: #4C687B; color: #FFFFFF; font-weight: bold; border: 0px; padding: 2px 4px; }
ol, ul { margin-left: 1.5em; padding-left: 1.5em; }
p, li { margin-bottom: 1em; }
select { vertical-align: middle; }

ul.specifications li { margin-bottom: 0.4em; }

#root { width: 900px; margin: 10px auto; background-color: #FFFFFF; padding: 0px 10px 10px; }
#credit { width: 900px; margin: 0px auto; padding-bottom: 10px; text-align: right; font-size: 0.9em; }
	#credit a { color; #404040; }

	#locall { text-align: center; }
	#headerleftbits { float: left; width: 370px; }
		#headerlogo { margin: 10px 0px 20px 30px; }
		#categorymenu { margin-left: 30px; }
			#categorymenu a { text-decoration: none; }
			.categorybox1, .categorybox2 { text-transform: uppercase; font-size: 0.9em; height: 28px; margin-bottom: 8px; padding: 2px 4px; width: 157px; border: 1px solid #d7ecd1; line-height: 1.3em; }
			.categorybox1 { float: left; }
				.categorybox1 .categoryboxlabel { float: left; width: 130px;}
				.categorybox1 .categoryboxcolour { float: right; width: 26px; height: 26px;  }
			.categorybox2 { float: right; }
				.categorybox2 .categoryboxlabel { float: right; width: 130px; text-align: right; }
				.categorybox2 .categoryboxcolour { float: left; width: 26px; height: 26px; }
	#headerrightbits { float: right; width: 480px; }
		#headerbanner { }

	#navigation { float: right; margin-top: 20px; width: 450px; overflow: hidden; }
		#navigation ul { list-style-type: none; margin: 0; padding: 0; }
			#navigation li { border-left: 1px solid #000; float: left; font-size: 1.2em; line-height: 1em; margin: 0 .5em 0 -.5em; padding: 0 .5em 0 .5em; }
				#navigation a { display: block; float: left; text-decoration: none; padding: 4px 6px; color: #000000; }

#arrival { float: right; }


	#main { padding: 30px; }
		#main h1, #main h2 { padding-bottom: 3px; border-bottom: 1px solid #cdd2cd; }
		
	#leftmenu { float: left; width: 160px; border-top: 20px solid #f6851f; background-color: #eff7e7; padding-top: 10px; }
		#leftmenu ul { list-style: none; margin-left: 10px; padding-left: 10px; }
	#rightmain { float: right; width: 650px; margin-bottom: 20px; }
		#price { text-align: center; font-weight: bold; font-size: 1.3em; margin-top: 20px; }

.align-left, .align-l { text-align: left; }
.align-center, .align-c { text-align: center; }
.align-right, .align-r { text-align: right; }
.valign-top, .valign-t { vertical-align: top; }
.valign-middle, .valign-m { vertical-align: middle; }
.valign-bottom, .valign-b { vertical-align: bottom; }
.float-left, .float-l { float: left; }
.float-right, .float-r { float: right; align: left; }
.error { color: #ff0000; text-align: center; }

.enquire { text-align: center; margin: 10px 0px; }

.shop-browser-product { border: 1px solid #808080; margin-bottom: 15px; padding: 15px; height: 1%; }
.shop-browser-product-thumbnail { float: left; width: 150px; height: 150px; margin: 0px 45px 25px 0px; }
.shop-browser-product-summary { float: left; width: 420px; }
.shop-browser-product-price { text-align: right; background-color: #F0F0F0; padding: 4px; color: #800000; }
.shop-browser-category { float: left; width: 220px; height: 250px; margin-right: 10px; margin-bottom: 10px; text-align: center; font-size: 1.5em; font-weight: bold; }

.rightbox { float: right; width: 190px; border: 1px solid #a0a0a0; margin-left: 20px; }
.rightbox h2 { background-color: #65953f; color: white; padding: 2px 4px; margin-bottom: 0; }
.rightboxcontent { padding: 5px; }
.rightboximage { margin-bottom: 10px; }

#rightpanel { float: right; width: 340px; padding-top: 20px; }
		.rightvideo { margin-right: 19px; }

.social-links { float: right; margin: 10px 40px -20px 0; }

/**
 * Blog style and layout
 */
.blog-smaller { color: #969697; font-size: 0.9em; }
.blog-separator { margin: 10px 0 0 0; }
.entry-image img { padding: 10px 10px 0 0; }
.blog-rss { margin: 10px 0; }

#blog-categories { font-size: 1.1em; }
#blog-categories .blog-category { margin-bottom: 10px; }
#blog-categories .blog-cat-head { padding: 5px; background: #eee; color: #969697; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
#blog-categories .blog-cat-content { font-size: 1em; margin-top: 5px; padding: 0 5px 5px 5px; }

#blog-entries { font-size: 1.1em; }
#blog-entries .blog-entry { margin-bottom: 10px; }
#blog-entries .blog-entry-head { margin-bottom: 5px; padding: 5px; background: #eee; color: #969697; border: 1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-size: 11px; }
#blog-entries .blog-entry-content { font-size: 1em; padding: 0 5px 5px 5px; }

#blog-entry-info { margin: 0; padding: 5px; background: #eee; color: #969697; border: 1px solid #ccc; font-size: 1.1em; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
#blog-entry-content { margin-bottom: 30px; margin-top: 5px; padding: 5px; }

#blog-entry-tags { margin: 0; padding: 5px; background: #eee; color: #969697; border: 1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; }

#blog-entry-social ul { list-style: none; margin: 0; padding: 0; }
#blog-entry-social li { display: block; float: left; margin: 0 5px 0 0; padding: 0; }
#blog-entry-social li a img { opacity: 0.8; }
#blog-entry-social li a:hover img,
#blog-entry-social li a:focus img { opacity: 1; margin-top: -1px; margin-bottom: 1px; }

#blog-entry-live-social { margin: 10px 0; padding: 0; }
#blog-entry-live-social .live-social-item { float: left; padding-right: 15px; }
#blog-entry-live-social .live-social-item.twitter { padding: 0; margin-right: -5px; }
#blog-entry-live-social .live-social-item.fb-like { padding: 0; }

#blog-entry-comments { width: 600px; margin: 10px 0; }
#blog-entry-comments .blog-entry-comment { margin-bottom: 10px; }
#blog-entry-comments .blog-entry-comment-body { padding: 10px; background: #f4f4f4; border: 1px solid #ccc; border-bottom: 0; }
#blog-entry-comments .blog-entry-comment-body h1 { margin: 0; padding: 0 0 5px 0; font-size: 14px; }
#blog-entry-comments .blog-entry-comment-foot { height: 16px; background: url(../images/comm-foot.png) no-repeat scroll 0 0; padding: 2px 50px;}

#blog-column  { float: right; width: 180px; padding: 5px 15px 5px 5px; }
#blog-column .hr { margin: 15px 0; border-bottom: 1px solid #aaa; }
#blog-content { float: left; width: 600px; padding: 5px; }

#tagcloud { margin: 10px 0; }
#tagcloud a { padding-right: 3px; }
#tagcloud .smallest { font-size: 10px; }
#tagcloud .small { font-size: 12px; }
#tagcloud .medium { font-size: 14px; }
#tagcloud .large { font-size: 16px; }
#tagcloud .largest { font-size: 18px; }

#latest-vehicles table { border-collapse: collapse; border-spacing: 0; }
#latest-vehicles td { padding: 5px; }
#latest-vehicles a { text-decoration: none; color: #222; }
#latest-vehicles a:focus,
#latest-vehicles a:hover { color: #555; }

/**
 * Captcha box
 */
.captcha { float: left; margin-left: 10px; width: 207px; height: 77px; padding: 5px; background: #fff; border: 1px solid #888; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.captcha img { display: block; float: left; border: 0; }
.captcha img.captcha-img { margin-right: 5px; border: 1px solid #aaa; }
.captcha object { float: left; width: 19px; height: 19px; margin: 17px 0 5px 0; }