/*.................................................. GENERAL ...............................................*/
html {overflow-y: scroll;}
body {margin:0;  padding:0;  font-size:100.01%; font-family:Arial, Helvetica, sans-serif; color: #4e4e4e; background: url(../img/bg/grass.jpg) #373c35; text-align:left;}
* { margin: 0; padding:0;}

/***** GENERAL STYLES *****/
.l {float:left;}
.r {float:right;}
.clear { clear:both; width:100%; height:1px; font-size:1px; }
.cb {border: 0px;}
img { border: none;}
.toDo {background: yellow}

a {	color: #031ea8; }
a:hover {text-decoration:none;}
acronym { border-bottom:1px solid #AAD4FE;  cursor: help;  }

ul {margin:0}
ul li {margin:0; padding:0; background: none; list-style:none}

/*.............................................. ACCESSIBILITY .............................................*/
#access {display: none; height:1px; font-size:1px; color:#fff;}
#access a {color:#fff;}
#access ul li {display: inline; float:left; font-size: 1px; text-indent:-9000px;}

/*.................................................. WRAP ALL ................................................*/
#wrapall {width:983px; margin:0 auto; font-size: 0.8em; text-align: left; }

/*........................ MAIN this wraps the left and right columns........................*/
#main {padding: 0 0 0 50px; float:left; width: 933px; clear:both; background: url(../img/bg/shadow.jpg) repeat-y;}

#borderWrap {float: left; background: url(../img/bg/topborder.gif) repeat-x}
#bannerWrap {float: left; background:url(../img/trailers.jpg) no-repeat 0 43px;}

#leftColHeaderWrap { background: url(../img/bg/leftcolheaderwrap.gif) repeat-y ; float: left; }
/*.................................................. LEFTCOL ...............................................*/
#leftCol {float:left; width: 200px }
#leftCol h1 {padding: 5px 5px 5px 10px; background: #07406e; color:#fff; font-size: 1.3em}
#leftCol h1#top {margin: 0 0 15px 10px; padding: 0px; clear:both;}
#leftCol h1#top a {color: #fff}
#submenu h1 a {color: #fff; text-decoration:none;}
#submenu h1 a:hover {text-decoration: underline}
/*Submenu*/
#submenu {padding: 0 0 0 10px; background: #343434; float:left; width: 190px;}
#submenu ul {float:left; clear:both; width: 190px}
#submenu li {margin: 0px; float:left; display:inline;  border-bottom: 1px solid #c2c2c2; width: 190px}
#submenu li a {padding: 5px 5px 5px 25px; color: #5f5e5e; text-decoration:none; background:url(../img/icons/arrow01.gif) no-repeat 10px 10px #f7f8f7; display:block; width: 160px;}
#submenu li a:hover, #submenu li.on a {color: #fff; background-color:#1c5b8e; background-position: 10px -70px}
#submenu.homePage li#lastSubMenu  {border: 0px; }
/*......... RIGHTCOL ...............................................*/
#rightColWrap {padding: 0 68px 0 0; float: left; width: 658px; background: url(../img/keys.jpg) no-repeat right 0;}
#rightCol {padding-left: 10px;  float: left; width:848px; clear: both; background: url(../img/bg/rightcol.gif) repeat-y #fff}
#rightColShadow {padding: 10px 0px 0 0px; background: url(../img/bg/rightcol-shadow.gif) repeat-x; float:left;  width: 858px;}
#rightCol.inside {padding: 9px 10px 10px 20px ; width: 450px;}

/*.................................................. HEADER ................................................*/
#header { padding: 0 0 100px 0; float: left; width: 100%;}

/*.................................... MAIN NAVIGATION ................................................*/
#mainmenu {padding: 0 0 4px 0; margin: 9px 0 20px 0;  width: 100%; clear:both; float: left; background:url(../img/bg/mainmenu.gif) repeat-x #95c845 top left; }
/*for Horizontal Navigation*/
#mainmenu ul {float: left; width: 100%; clear: both; border-bottom: 1px solid #335103; height: 28px;}
#mainmenu ul li {margin: 0; display: inline; float:left; font-style:italic; font-weight:bold; font-size: 1.2em; }
#mainmenu ul li a {padding: 5px 12px 2px 11px; display: block ; }
#mainmenu ul li#m01 a {padding-left: 20px; }
#mainmenu ul li#m05 a {padding-right: 30px; }
#mainmenu a {display: block; color:#fff; text-decoration:none; }
#mainmenu a:hover {color: #e3fc92}
#mainmenu li.on a {color: #e3fc92; }
#mainmenu a:focus { outline: none}

#tagline h1 {padding: 10px 10px 10px 25px; margin: 0px 0 20px 0px; color: #fff; font-style:italic; font-size:1.9em; line-height: 1.0em; clear:both; background:url(../img/bg/transparent.png) no-repeat 15px 0; display: inline; float: left}

#productTeaser {padding: 10px; background: url(../img/bg/product-teaser.gif) repeat-x #fff; float:left; clear:both; width: 638px}

#productTeaser ul li {padding: 0 5px 0 0;float: left; display:inline;  font-size: 1.0em}
#productTeaser ul li.lastAlbum {padding: 0 ;}
#productTeaser ul li a {font-weight: normal; color:#031ea8; text-decoration:underline}
#productTeaser ul li a:hover {color:#6e9e00; text-decoration:none}

/*.................................................. CONTENT ...............................................*/
#bcrumb {font-size: 0.85em; color:#888; text-transform: lowercase}
#breadcrumbs {margin: 10px 0 15px 0; font-size: 0.85em; color:#888; text-transform: lowercase}
#breadcrumbs span {text-transform: capitalize; color:#4e4e4e; font-size: 1.0em}
#breadcrumbs b {font-weight: normal}

#content {float: left;  width: 100%}
#content img {float:left; padding:0 10px 10px 0; clear:both}
body#inside #content {padding: 10px; background: #fff; width: 638px}
#content h1 {margin:5px 5px 5px 0; color:#07406e; font-size:1.3em}
body#inside #content h1 {font-size: 2.0em}
#content h2 {margin:10px 5px 0 0; color:#07406e; font-size:1.3em; }
#content h3 {margin:10px 5px 0 0;color:#07406e; font-size:1.0em; }
#productTeaser p, #content p {margin:0px 0 10px 0; line-height:1.5em }
#content p.viewLargeImage a {padding: 0 12px 0 0; background:url(../img/icons/arrow02.gif) no-repeat right 2px}
#content p.note {font-size: 0.9em;}
#productTeaser a {text-decoration:none; color:#5d9308; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:600; font-size:0.9em}
#productTeaser a:hover {text-decoration:underline}
.headingWrap {padding: 5px 0 5px 0; margin: 0 0 5px 0; background: #f8f8e6; float:left; clear:both; width: 100%}
#content .headingWrap h1 a {margin: 2px 10px 0 10px; display:inline; float:left; width: 180px; font-style:normal; text-decoration:none; color:#07406e}
#content .headingWrap h1 a:hover {text-decoration:underline}
#content .headingWrap h2 {margin: 2px 10px 0 10px; display:inline; float:left; }
#rightColHome h1 a {text-decoration:none; color:#07406e}
#rightColHome h1 a:hover {color: #4e4e4e}

img.wheellock {margin:10px 0 0 50px}

#captions {margin-right:10px; float:left}
#captions p {width:190px; text-align:center; float:left; padding-left:85px}

/*************************** IMAGES ***************************************/
img.l {margin: 0 10px 10px 0;}

/*************************** LISTS ***************************************/
ol {margin:10px 0 10px 30px;}
#content ul {margin: 15px 10px 10px 20px}
#content ul li {padding: 0 0 0 10px; margin: 0 0 10px 0; background: url(../img/icons/arrow02.gif) no-repeat 0px 2px}
#content ul li.requestaQuote {padding: 5px 0 10px 40px; background: url(../img/icons/request-a-quote.gif) no-repeat;}
#content ul li.email {padding: 5px 0 10px 40px; background: url(../img/icons/email.gif) no-repeat;}
/*************************** TABLES ***************************************/
table {border-collapse: collapse}
table td {text-align: left; vertical-align: top; }

/*************************** FORMS ***************************************/
fieldset {border: 0px}
form.inputform {margin: 10px 0; }
form.inputform input {padding: 2px 3px; font-size: 1.0em; width: 200px; border-top: 0px ; border-right: 0px; border-left: 0px; border-bottom: 2px dotted #ccc; background:#fff;}
form.inputform select {padding: 2px 0px; font-size: 1.0em; width: 210px}
form.inputform textarea {padding: 2px 3px; font-family:Arial, Helvetica, sans-serif; font-size: 1.0em; width: 200px; border: 2px dotted #ccc; font-size: 1.0em}
#content input.submit {margin: 0 5px 0 0; padding: 3px 8px; background: #404040; font-weight:bold; text-transform: uppercase; border: 0px; color: #92c83e; font-size: 0.85em; width:auto}
form.inputform table {margin: 0 0 10px 0; }
form.inputform table td {padding: 5px 10px 10px 0; }
/*Styling Error Messages*/
p#errMsg {color: #990026}

/*.................................................. FOOTER ...............................................*/
#footer {padding: 10px 98px 30px 60px; width: 825px; float:left; clear:both;  background: url(../img/bg/footer.gif) no-repeat bottom left #424242; font-size: .9em}
#footer ul {float: left; color: #fff; }
#footer ul li {margin: 0 10px 0 0; }
#footer p {float: right; color: #fff; }
#footer a {color: #83bc00}
#footer a:hover {color: #b2ff00; text-decoration:underline}
#footer li {display: inline; float:left; }

/*.................................... HOMEPAGE ................................................*/
#leftColHome {padding-left:10px; float: left; width: 606px; }

#leftColHome p.openinghours {margin:0 0 0px 20px; padding:0 0 10px 20px; background: url(../img/icons/arrow02.gif) no-repeat 1px 5px; float: left; width:200px}
#leftColHome a img  {margin: 0 26px 0 0; float:left}

#rightColHome {padding: 0 10px 0 0; float: right; width: 210px;}

/*Gallery*/
#thumbnail_container h2 {margin:5px 0 5px 0; text-transform:capitalize; }
#thumbnail_container h2 a {text-decoration: none; }
#thumbnail_container h2 a:hover {color: #548a00}	
#thumbnail_container ul.slides {margin: 0px; }
#thumbnail_container ul.slides li.thumbnail {padding: 0 15px 0 15px; margin: 0 0px 15px 0; float: left; display: inline; background:none; float:left; width:180px }
#thumbnail_container ul.slides li.displayAlbum {margin: 0 0 10px 0; padding: 0px; clear: both; display: block; width: 100%; float: left; border-bottom: 1px dotted #ccc; background:none; }
#thumbnail_container li.displayAlbum img {margin: 0 10px 0 0; float:left}
#thumbnail_container ul.slides a.displayImage {float: left;}
#thumbnail_container ul.slides a img {border: 5px solid #eaeaea; padding-left:9px; padding-top:10px }
#thumbnail_container ul.slides a:hover img {border: 5px solid #7abc12; }

.thumbWrap {float:left; }
#thumbnail_container ul.slides div.sold {margin: 5px 0 0 5px; position: absolute; z-index: 2;}
.displayThumb {display: block }
/*.tag {border: 1px solid blue; float: left;  }*/
.displayThumbText {width: 428px; float:left;}

#jump_menu {margin: 0 10px 0 0; float: left; }
#searchBox {float: left;}
.thumbnail {font-weight: bold; color: #1e80e5}
.meta-header {font-weight: normal; color:#4e4e4e; font-size: 0.85em}

#address {float: right; width: 150px}
#address h2.firstHeading {margin-top: 0px;}
#map {width: 475px; height: 350px; float:left; }
.addressPanel {float: left; width: 150px; }
#content .addressPanel h2, #content .directions h2 {margin-top: 0px}
.directions {float: left; width: 480px; }
.emailAddress {float: left;}

span.fontSize	{
	font-size: 16px;
}