/*********RESET********/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, em, img, ins, strong, sub, sup, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0;
}
a img, :link img, :visited img {border: 0;}
table {border-collapse: collapse;}
ol, ul {list-style: none;}
:focus {outline: 0;}

/*********GENERAL********/
body {font-family: "Trebuchet MS", Arial, sans-serif; font-size: 13px; color: #000; background: url(../gfx/bg_body.gif) top left repeat-x;}
a {color: #000; text-decoration: underline;}
a:hover {color: #797979; text-decoration: underline;}
h1 {font-size: 25px; font-weight: normal; color: #504a5d; margin-bottom: 5px;}
h2 {font-size: 21px; font-weight: normal; color: #6d6e71; margin-bottom: 20px;}
h2.subCatName {font-size: 18px; color: #000; background: #f2f2f6; margin-bottom: 37px; padding: 5px 10px;}
h2.alt {color: #000;}
h3 {font-size: 16px; margin-bottom: 24px;}
.left {float: left;}
.right {float: right;}
.wide {width: 932px; margin: 0px auto;}
.goTo {padding-right: 12px; background: url(../gfx/link_goto.gif) right center no-repeat;}
.caption, a.caption {font-size: 14px; color: #6b6b6b; text-decoration: none;}
.bigPic {display: block; margin-bottom: 10px;}

/*HEADER*/
#headerWrap {position: relative;}
#header {height: 128px; position: relative; z-index: 10;}
#logo {display: block; position: absolute; top: 13px; left: 12px;}
#phone {position: absolute; top: 46px; right:18px; font-size: 18px; color: #fff; text-align: right;}

/*MAIN NAV*/
#mainNav {position: absolute; top: 86px; right: 10px; z-index: 10;}
#mainNav .l1 {float: left; position: relative; z-index: 20;}
#mainNav .a1 {font-size: 16px; color: #fff; padding: 0px 9px; text-decoration: none; background: transparent;}
#mainNav .a1:hover, #mainNav .l1:hover .a1 {color: #000; text-decoration: none; background: #ffcb08;}
#mainNav .l1 a.on {font-size: 16px; color: #000; padding: 0px 9px; text-decoration: none; background: #ffcb08;}
#mainNav .l1 .subNav {width: 185px; position: absolute; left: 0px; top: 22px; z-index: 30;}
#mainNav .l1 .subNav ul, #mainNav .l1 .subNav li {position: relative; display: block;}
#mainNav .l1 div div {background: url(../gfx/mainnav_boxbg.png) top right repeat-y;}
#mainNav .l1 div span {display: block;}
#mainNav .l1 div span.subnavTop {height: 5px; background: url(../gfx/mainnav_boxtop.png) top right no-repeat;}
#mainNav .l1 div span.subnavBottom {height: 12px; background: url(../gfx/mainnav_boxbottom.png) top right no-repeat;}
#mainNav .l1 div a {display: block; width: 160px; margin: 0px 5px; padding: 2px 5px; font-size: 13px; color: #6b6b6b; background: #fff; text-decoration: none;}
#mainNav .l1 div a:hover {background: #cbc7d7;}
/*hover*/
#mainNav .l1 .subNav {display: none;}
#mainNav .l1:hover .subNav {display: block;}

/*TOP BANNER*/
#topBannerWrap {height: 125px; background: #1d141b;}
#topBanner {color: #fff; font-size: 22px; position: relative;}
#topBanner img {display: block;}
#topBanner p {position: absolute; top: 38px; left: 10px;}

/*CENTER*/
#center {position: relative; padding-top: 15px;}
#breadCrumbs {font-size: 12px; text-align: right; position: absolute; top: 10px; right: 20px;}
#breadCrumbs a {text-decoration: none;}
#breadCrumbs a:hover {text-decoration: underline;}

/*CONTENT*/
#content {padding: 24px 0px 0px 10px;}
.dataFront {width: 568px;}
.dataCont {width: 690px;}

#content p {margin-bottom: 15px; line-height: 21px;}
#content ul {margin-left: 17px; list-style: disc;}
#content ul li {padding: 5px 0px;}

#contactData {width: 487px; padding: 0; float: left;}
#contactData h2 {margin-bottom: 0px;}
#contactMap {width: 396px; height: 252px; border: 1px solid #a3a2a3; float: right;}
#contactMap img {display: block;}

#locationRentals {width: 432px; float: left;}
#locationRentals h2.alt {margin-bottom: 0px;}
#locationSales {width: 470px; float: left;}
#locationSales h2.alt {margin-bottom: 0px;}
#locationRentals img, #locationSales img {margin: 0px 25px 25px 0px; border: 1px solid #a3a2a3; float: left;}
.viewMore {clear: both;}

#enquiryForm {width: 640px;}
#enquiryForm table {width: 640px;}
#enquiryForm table td {padding: 6px 0px; vertical-align: middle;}
#enquiryForm table td.comment {vertical-align: top;}
#enquiryForm table td.send {text-align: right; padding-right: 35px;}
#enquiryForm input {border: 2px solid #b0b0b0; width: 182px; padding: 2px; font: 12px "Trebuchet MS", Arial, sans-serif; color: #6d6e71;}
#enquiryForm input.error {border: 2px solid #a00; background-color: #fdd;}
#enquiryForm textarea {border: 2px solid #b0b0b0; width: 480px; height: 90px; padding: 2px; font: 12px "Trebuchet MS", Arial, sans-serif; color: #6d6e71;}
#enquiryForm input.submit {border: 0px; width: 69px; font-size: 15px; font-weight: bold; color: #000; background: url(../gfx/bg_submit_2.gif) center center no-repeat; cursor: pointer;}

.pic.right {padding: 0px 0px 15px 25px;}
.pic.left {padding: 0px 25px 15px 0px;}

#content .pdf {padding-left: 30px; background: url(../gfx/reader-24.gif) 0px 1px no-repeat; font-size: 14px; line-height: 24px;}
.pdf small {font-size: 13px;}
.pdf32 {padding-left: 48px; background: url(../gfx/reader-32.gif) 0px 5px no-repeat; font-size: 15px;}
.pdf32 small {font-size: 11px;}
.pdf a, .pdf32 a {text-decoration: none;}
.pdf a:hover, .pdf32 a:hover {text-decoration: underline;}

.btnA {display: block; width: 104px; height: 27px; background: url(../gfx/bg_btn.gif) center center no-repeat; font-size: 16px; text-decoration: none; text-align: center;}
.btnA:hover {color: #000; text-decoration: none;}
.btnB {display: block; width: 183px; height: 27px; line-height: 25px; margin-right: 40px; background: url(../gfx/bg_btn_2.gif) center center no-repeat; font-size: 16px; text-decoration: none; text-align: center; float: left;}
.btnB:hover {color: #000; text-decoration: none;}

.prThumbRow {padding-bottom: 30px;}
.prThumbRow span {display: block; width: 216px; text-align: left; overflow: hidden; padding-right: 20px; float: left;}
.prThumbRow span.last {padding-right: 0px;}
.prThumbRow img {display: block; width: 216px; height: 122px; margin-bottom: 10px;}
.prThumbRow a {font-size: 14px; color: #6b6b6b; text-decoration: underline;}

.x2ThumbRow {padding-bottom: 30px;}
.x2ThumbRow span {width: 328px; text-align: left; overflow: hidden; margin: 0px; padding: 0px;}
.x2ThumbRow img {display: block; width: 328px; /*height: 185px;*/ margin: 0px 0px 10px 0px;}
.x2ThumbRow a {font-size: 14px; color: #6b6b6b; text-decoration: underline;}
.x2ThumbRow a.trHolder {display: block; width: 328px; height: 185px; margin: 0px 0px 10px 0px; overflow: hidden;}

.firstCol {width: 340px; padding: 0px;}
.secondCol {width: 328px; padding: 0px;}
.getBox {width: 298px; padding: 15px; background: #cacaca;}

.newsBox {padding: 18px 0px; border-bottom: 1px solid #6b6b6b;}
.newsBox img {float: left; margin: 5px 25px 0 0;}
.newsBox h2.alt, #content .newsBox p  {margin-bottom: 0px;}
.newsBox.last {border: 0px;}

.testimonialsBox {padding: 18px 0px; border-bottom: 1px solid #6b6b6b;}
.testimonialsBox img {float: right; margin: 5px 0 0 25px;}
.testimonialsBox h2.alt, #content .testimonialsBox p  {margin-bottom: 0px;}
.testimonialsBox.last {border: 0px;}

.lightboxWrapper {position: relative;}
.mag, .x2ThumbRow .mag, .prThumbRow span.mag {display: block; position:absolute; top:0px; right:0px; height:31px; width:31px; padding: 0; /*background:url(../gfx/mag.gif) no-repeat;*/ cursor: pointer;}
.x2ThumbRow span.mag img, .prThumbRow span.mag img {width: 31px; height: 31px; margin: 0;}
.bigSPic .lightboxWrapper {width: 670px;}
.thumbSPic .lightboxWrapper {width: 134px;}
.lightboxWrapper a:hover span.mag, .lightboxWrapper:hover a:hover span.mag {display: block; position:absolute; top:0px; right:0px; height:31px; width:31px; padding: 0; /*background:url(../gfx/mag.gif) no-repeat;*/ cursor: pointer;}

/**GALLERY*/
#mainPic {width: 526px; /*height: 299px; */margin: 0; padding: 0; overflow: hidden;}
#thumbWrap {width: 152px; margin: 0; padding: 0;}

/*SEARCH RESULTS*/
.srThumbRow {padding-bottom: 10px;}
.srThumbRow span {display: block; width: 140px; text-align: center; overflow: hidden; padding-right: 24px; float: left;}
.srThumbRow img {display: block; width: 140px; height: 78px; margin-bottom: 10px;}
h3 a {font-size: 20px; font-weight: normal; margin-bottom: 5px;}

/*SIDEBAR*/
#sidebarL, #sidebarR {width: 211px; position: relative;}
#sidebarL {padding: 24px 0px 0px 12px;}
#sidebarR {padding: 47px 0px 0px 12px;}

.sideBox {width: 211px; margin-bottom: 12px;}
.sideBoxTop {width: 211px; margin-bottom: 12px;}
.sideBoxTop .sideBoxData h2 a {text-decoration:none; padding-right: 21px; background: url(../gfx/arrow.gif) right top no-repeat;}
.sideBoxOn {height: 6px; background: url(../gfx/bg_sidebox-on.png) top left no-repeat;}
.sideBoxOff {height: 12px; background: url(../gfx/bg_sidebox-off.png) top left no-repeat;}
.sideBoxData {background: url(../gfx/bg_sidebox.png) top left repeat-y;}
.sideBoxData h1 {display: block; color: #000; background: #ffcb08; margin: 0px 11px 10px 4px; padding: 0px 14px; font-size: 20px;}
.sideBoxData p {/*padding: 0px 18px 5px 18px;*/ padding: 0px 10px 5px 10px;}

#sbNav {/*padding-top: 182px;*/}
#sbSearch {/*position: absolute; left: 12px; top: 24px;*/}
.enq {height: 50px; padding-top: 10px;}
.enqOn {width: 10px; height: 50px; background: url(../gfx/bg_enq-on.gif) top left no-repeat; float: left;}
.enqOff {width: 17px; height: 50px; background: url(../gfx/bg_enq-off.gif) top left no-repeat; float: left;}
.enqIn {height: 50px; background: url(../gfx/bg_enq-in.gif) top left repeat-x; float: left;}
.enqIn a, .enqIn a:hover {color:#000; font-size:18px; text-decoration: none; padding:0 7px; line-height: 42px; padding-right: 21px; background: url(../gfx/arrow.gif) right top no-repeat;}

.sbdP {padding: 0px 15px 0px 15px;}

#sidebarL .sideBoxData span.t1, #sidebarR .sideBoxData span.t1, #sidebarL .sideBoxData h2 {display: block; color: #000; background: #ffcb08; margin: 0px 11px 10px 4px; padding: 0px 7px; font-size: 18px;}
#sidebarL .sideBoxData span.t1 sup, #sidebarL .sideBoxData h2 sup {font-size: 14px;}

#search {padding: 10px 15px 0px 7px;}
#search input, #search select {border: 2px solid #b0b0b0; padding: 2px; margin-bottom: 10px; font: 12px "Trebuchet MS", Arial, sans-serif; color: #6d6e71;}
#search input {width: 162px;}
#search select {width: 170px;}
#search input.submit {border: 0px; width: 46px; font-size: 15px; font-weight: bold; color: #000; background: url(../gfx/bg_submit.gif) center center no-repeat; cursor: pointer;}

/*SIDE NAV*/
#sideNav {width: 196px; padding-left: 4px;}
#sideNav .l1 {position: relative;}
#sideNav .l1 a {display: block; margin: 0px; padding: 3px 7px; font-size: 13px; color: #6b6b6b; background: #fff; text-decoration: none;}
#sideNav .l1 a:hover, #sideNav .l1:hover .a1 {background: #cbc7d7;}
#sideNav ul.sd2 {width: 182px; border: 1px solid #a8a5a6; background: #fff; padding: 4px; position: absolute; top: -5px; left: 196px;}
/*hover*/
#sideNav .l1 .sd2 {display: none;}
#sideNav .l1:hover .sd2 {display: block;}


/*FOOTER*/
#footerWrap {height: 40px; margin-top: 20px; background: #ffcb08; color: #000; font-size: 10px; clear: both;}
#footer {line-height: 40px;}
#footer .right {padding-right: 15px;}
#footer .left {padding-left: 35px;}
#footer .left a {margin-right: 33px;}
#footer a {color: #000; text-decoration: none;}
#footer a:hover, #footer a.on {text-decoration: underline;}
#footer .right a:hover {text-decoration: none;}

/*********CLEANER | STUFF********/
.cleaner {clear: both; height: 1px; margin-top: -1px; line-height: 0px;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}