/* 
File: Main Style CSS for Murrays Motorcycles Dundee
Author: Darren Marshall - darren@zoomba.co.uk 
Date: 01 September 2009
*/
body{ margin: 0; padding:0; border: 0; text-align: left; background-color: #034673; }
body, p, h1, h2, h3, h4, dl, dt, a, div, span { font-family:  Arial, Verdana, "Lucida Grande", lucida, Helvetica, sans-serif; }
form{ margin: 0; padding: 0; }
/* force firefox to always show the scrollbar */
html {overflow-y:scroll;}
img{ border: 0; }
div#container{ margin: 0 auto; width: 840px;  background: #FFFFFF url("../img/layout/shadow-back.jpg") repeat-y top left; }
div#content{ margin-left: 20px; width: 800px; }
div#title{ width: 800px; height: 124px; background: url("../img/layout/murrays-motorcycles-head.jpg") no-repeat top left; }
/* navigation */
div#navigation{ font-size: 14px; width: 800px; height: 31px; padding-top: 14px; text-align: center; background: url("../img/layout/navigation-background.jpg") no-repeat top left; }
div#navigation ul { padding: 0; margin: 0px; color: #FFFFFF; width: 100%; }
div#navigation ul li { display: inline; }
div#navigation ul li a { height: 14px; margin-left: 5px; padding: 9px 6px; color: #FFFFFF; text-decoration: none; font-size: 12px; }
div#navigation ul li a:hover { color: #fcaa0b; text-decoration: underline; }
div#navigation ul li a.s:link,
div#navigation ul li a.s:visited, 
div#navigation ul li a.s:hover { color: #fcaa0b; text-decoration: underline;  }
/* end navigation */
div#shadow_bottom{ width: 840px; height: 32px; background: url("../img/layout/shadow-bottom.jpg") no-repeat top left; }
div#footer{ clear: both; padding: 10px 4px 10px 4px; font-size: 10px; text-align: center; color: #8a9299; }
div#footer a, div#footer a:visited, div#footer a:hover{ color: #8a9299; text-decoration:none; font-size: 10px; }
/* heading */
h1{ font-size: 20px; color: #455667; line-height: 140%; margin-top: 0;  }
h2{ font-size: 14px; color: #455667; line-height: 140%; margin-top: 0;  }
h3{  }
a, a:visited{ color: #033b60; text-decoration: underline; }
a:hover{ text-decoration: none; }
/* spacers */
div.clear{ clear: both; width: 100%; }
div.clearl{ clear: left; width: 100%; }
div.clearr{ clear: right; width: 100%; }
div.ct{ height: 5px; }
div.cs{ height: 10px; }
div.cm{ height: 20px; }
div.cl{ height: 30px; }
div.xl{ height: 40px; }
/* floats */
.left{ float: left; }
.right{ float: right; }
hr{ border: 0; padding: 0; margin: 0; background: url('../img/layout/line-break.png') top left no-repeat; width: 730px; height: 1px; }
p{ line-height: 180%; color: #455667; font-size: 13px; }

div#page_content{ padding: 30px 30px 10px 30px; color: #455667; }
div.home{ width: 368px; }
div.home #welcome{ height: 338px; padding: 4px; }

div.subleft{ float:left; width: 540px; border-right: 1px solid #e5e5e5; padding: 0px 5px 0px 5px; }
div.subleft p{ padding: 0px 5px 5px 5px; }
div.subright{ float:right; width: 165px; }
div.subright ul.subimages{ padding: 0px 0px 0px 10px; margin: 0; width: 100%; list-style: none; }
div.subright ul.subimages li{ padding-bottom: 15px; }

.hitem{ margin-left: 5px; width: 354px; text-align: left; /*background-color: #ebf2f7;*/ border: 1px solid #85c2ff; }
/*
.hitem .title{ border-bottom: 1px solid #85c2ff; background-color: #d5e6f2; float: left; width: 284px; font-size: 13px; overflow: hidden; font-weight: bold; padding: 5px; }
.hitem .price{ border-bottom: 1px solid #85c2ff; background-color: #d5e6f2; overflow: hidden; text-align: right; float: left; font-size: 13px; width: 50px; padding:5px; font-weight: bold; }
*/
.hitem .title{ border-bottom: 1px solid #85c2ff; background-color: #d5e6f2; width: 344px; font-size: 12px; font-weight: bold; padding: 5px; }
.hitem .price{ border-bottom: 1px solid #85c2ff; background-color: #f4f8fa; width: 344px; font-size: 12px; padding: 2px 5px 2px 5px; text-align: right; font-style:italic  }

.hitem .price span{ color: red; font-weight: bold; }
.hitem .pimage{ margin-left: 5px; float: left; width: 100px; height: 100px; overflow:hidden; }
.hitem .bimage{ margin-left: 5px; float: left; width: 100px; height: 80px; overflow:hidden; }
.hitem .pinfo{ float: left; width: 229px; height: 75px; overflow: hidden; padding: 0px 10px 0px 10px; font-size: 12px; }
.hitem .pview{ float: right; text-align: right; width: 234px; padding: 5px 5px 8px 5px; }
.hitem .binfo{ float: left; width: 244px; height: 75px; overflow: hidden; }
.hitem .binfo .detailsl{ float: left; width: 52px; height: 68px; padding: 2px 5px 5px 10px; font-size: 12px; overflow: hidden; }
.hitem .binfo .detailsl ul{ list-style:none; padding:0; margin:0; font-size: 12px; }
.hitem .binfo .detailsl ul li{ margin-top: 2px; font-weight: bold; }
.hitem .binfo .detailsr{ float: left; width: 167px; height: 68px; padding: 2px 5px 5px 5px; font-size: 12px; overflow: hidden; }
.hitem .binfo .detailsr ul{ list-style:none; padding:0; margin:0; }
.hitem .binfo .detailsr ul li{ margin-top: 2px; }
.hitem .bview{ float: left; width: 242px; text-align: right; padding: 0px 5px 3px 0px; }
.hitem .bfoot{ width: 354px; padding: 0px 0px 3px 0px; }
.hitem .bfoot .bimages{ float: left; width: 100px; font-size: 12px; padding: 0px 0px 3px 7px; }
.hitem .bfoot .bimages img{ margin-bottom: -2px; }
.hitem a{ color: #ea7d00; font-size: 12px; font-weight: bold; }
hr.home{ background:none; width: 356px; margin: 8px 0px 8px 0px; }

div.pages .display{ float:left; color: #455667; font-size: 13px; }
div.pages .pagenav{ float: right; font-size: 13px; padding-right: 30px; }
div#listings{  }
div#listings .listing{ width: 515px; height: 220px; /*background-color: #ebf2f7;*/ border: 1px solid #85c2ff; font-size: 14px; }
/*
div#listings .listing .title{ float: left; border-bottom: 1px solid #85c2ff; width: 420px; padding: 5px 0px 5px 10px; background-color: #d5e6f2; font-weight: bold; }
div#listings .listing .price{ float: right; border-bottom: 1px solid #85c2ff; text-align: right; width: 75px; background-color: #d5e6f2; font-weight: bold; padding: 5px 10px 5px 0px; }
*/
div#listings .listing .title{ border-bottom: 1px solid #85c2ff; width: 505px; background-color: #d5e6f2; font-weight: bold; padding: 5px;  }
div#listings .listing .price{ border-bottom: 1px solid #85c2ff; width: 505px; background-color: #f4f8fa; font-style: italic; padding: 2px 5px 2px 5px; text-align: right; }

div#listings .listing .price span{ color: red; }
div#listings .listing .info{ width: 495px; padding: 10px; height: 150px; }
div#listings .listing .info .image{ float: left; width: 200px; height: 150px; }
div#listings .listing .info .details{ float: left; width: 285px; padding-left: 10px; height: 35px; overflow: hidden; }
div#listings .listing .info .details a{ text-decoration: none; }
div#listings .listing .info .details a:hover{ text-decoration: underline; }
div#listings .listing .info .description{ overflow: hidden; float: right; font-size: 12px; padding: 3px 0px 2px 10px; width: 280px; height: 93px; }
div#listings .listing .info .view{ float: right; clear: right; width: 290px; height: 20px; }
div#listings .listing .info .view .images{ float: left; padding-left: 5px; }
div#listings .listing .info .view .images img{ margin-bottom: -2px; }

div#show{   }
div#show .mainimage{ float: left; width: 600px; margin: 5px 0px 0px 0px; }
div#show .mainimage .details{ padding-top: 10px; font-size: 14px; font-weight: bold; }
div#show .mainimage .description{ padding-top: 10px; font-size: 13px; line-height: 160%; }
div#show .mainimage .price{ padding-top: 10px; font-size: 13px; line-height: 160%; font-weight: bold; }
div#show .mainimage .price span{ color: red; }
div#show .subimages{ float: right; margin: 5px 0px 0px 0px; width: 138px; }
div#show .subimages .subimage{ margin-left: 20px; margin-bottom: 14px; }

ul.filter{ color: #455667; list-style: none; font-size: 12px; text-indent:-30px; }
ul.filter li{ margin: 0; padding: 0px 0px 4px 0px; }
ul.filter li a{ text-decoration: none; }
ul.filter li a:hover{ text-decoration: underline; }
hr.sub{ width: 130px; margin: 20px 30px 20px 0px; } 

/* links page */
div.link{ width: 48%; text-align: center; float: left; font-size: 12px;	margin-bottom: 20px; height: 140px; }
/* contact form */
input.contact_text{ border: 0px solid #efefef; width: 504px; padding: 5px; }
textarea.contact_textarea{ border: 0px solid #efefef; width: 504px; height: 160px; padding: 5px; }
.input_section{ color: #455667; font-size: 13px; padding: 10px;	}
.contact_ok{ background-color: #efefef; }
.contact_warn{ background-color: #f3f2ca; }
.fail{ width: 514px; margin-left: 10px; border: 1px solid red; }
.success{ width: 514px; margin-left: 10px; border: 1px solid green;	}