/* Default Reset *******************************/
*{ margin: 0; }
html, body{ height: 100%; }
ul{ list-style: none; margin: 0; padding: 0; }
img{ border: 0; }
p{ margin: 10px 0 0 0; }
/***********************************************/

body{ margin: 0; padding: 0; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; background: #ffd000; height: 100%; }

h1{ color: #015028; font-size: 18px; margin: 0 0 10px 0; }

.red{ color: #CC0000; }
.grey{ color: #333333; }
.white{ color: #FFFFFF; }
.green{ color: #015028; }

.small{ font-size: 10px; }
.normal{ font-size: 12px; }
.large{ font-size: 14px; }
.xlarge{ font-size: 18px; }

.text-right{ text-align: right; }
.bold{ font-weight: bold; }
.nobold{ font-weight: normal; }

.clear{ clear: both; }

/* Forms ***************************************************************************************/
form{ margin: 0; padding: 0; }
fieldset{ margin: 0 0 50px 0; padding: 0 0 20px 0; border: 0; border-bottom: 2px solid #c5c5c5; }
legend{ color: #015028;  margin: 0 0 10px 0; padding: 5px 0 5px 0; width: 100%; font-weight: bold; }
legend span{ padding-left: 10px; }
.formwrap{ padding: 0 40px 10px 40px; }
.formwrap label{ float: left; width: 80px; padding: 5px 20px 0 0; color: #000; text-align: right; }
.formwrap input, .formwrap textarea{ padding: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; width: 320px; border: 1px solid #cccccc; }
.formbutton{ padding: 0 204px 0 40px; text-align: right; } 
.recaptcha{ margin: 0 0 10px 100px; }

.formtext{ padding: 0 40px 0 40px; }
.logintext{ padding: 0 5px 10px 5px; }
.required, .email{ background-image: url(../images/required.png); background-repeat: no-repeat; background-position: right; }

.validate-error{ width: 310px; margin-left: 120px; background: #FFE8E8; border: 1px solid #cc0000; margin-top: 2px; text-align: center; padding: 10px; color: #cc0000; font-weight: bold; }
.form-error{ background: #ffffff; border: 1px solid #cc0000; margin-top: 2px; text-align: center; padding: 10px; color: #cc0000; font-weight: bold; }
.form-loading{ background-image: url(../images/loading_small.gif); background-repeat: no-repeat; background-position: right; }
.form-warning{ background-image: url(../images/warning_small.png); background-repeat: no-repeat; background-position: right; }
.thankyou{ border: 1px solid #66CC66; padding: 20px; font-size: 14px; color: #333333; font-weight: bold; text-align: center; }
/************************************************************************************************/

#wrapper{ width: 960px; background: #fff; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -260px; }
#header{ height: 135px; background: #ffd000 url(../images/header_bg.jpg) right no-repeat; }
#header #logo{ width: 220px; height: 120px; padding: 5px 0 0 10px; background: url(../images/lpm_logo.jpg) 10px 5px no-repeat; }
#header #logo b{ display: none; }

#language_bar{ position: absolute; background: url(../images/nav_language_bg.png) no-repeat; width: 370px; height: 21px; margin: 104px 0 0 580px; padding: 5px; }
.currency-select li, .language-select li{ float: left; }
.currency-select li.title{ width: 55px; font-size: 10px; padding: 4px 0 0 5px; color: #fff; }
.currency-select li.currency{ margin: 1px 5px 0 0; }
.currency-select li.currency a{ width: 5px; padding: 2px 5px 2px 5px; border: 1px solid #fff; text-align: center; font-size: 11px; display: block; color: #fff; text-decoration: none; }
.currency-select li.currency a:hover, .currency-select li.currency.selected a{ background-color: #015028 }

.language-select li.title{ width: 60px; font-size: 10px; padding: 4px 0 0 10px; color: #fff; }
.language-select li select{ font-size: 11px; margin: 2px 0 0 0; width: 110px; }
.language-select li.google{ width: 53px; height: 20px; margin: 2px 0 0 8px; background: url(../images/google_translate.png) no-repeat; text-indent: -999px; overflow: hidden; }

#navigation{ height: 33px; background: #006633 url(../images/nav_bg.png) repeat-x; }
#navigation ul{ margin: 0; padding: 0; list-style: none; }
#navigation li{ float: left; }
#navigation li a{ padding: 9px 25px 9px 25px; background: url(../images/nav_break.png) right no-repeat; color: #fff; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-weight: bold; display: block; }
#navigation li a:hover{ background: #014221; }
#navigation li.dropdown-menu:hover a{ color: #fff; background: #014221; padding: 9px 25px 9px 25px; margin-top: 1px; }
#navigation li.dropdown-menu ul{ position: absolute; left: -9999px; height: auto; background: #014221; z-index: 4; }
#navigation li.dropdown-menu li{ float: none; width: 180px; }
#navigation li.dropdown-menu li a{ color: #ffffff; padding: 0 20px 0 20px; border-bottom: 1px solid #02391d; font-weight: normal; font-size: 11px; }
#navigation li.dropdown-menu li a:hover{ background:#02391d; color: #fff; }
#navigation li.dropdown-menu:hover ul{ left: auto; }
.nav-contact{ width: 180px; font-size: 16px; font-weight: bold; color: #fff; text-align: right; padding: 6px 10px 0 0; float: right; }

#content{ background: #fff; border-top: 3px solid #dadada; }

.column-two{ width: 140px; margin: 10px; float: left; }
.column-three{ width: 220px; margin: 10px; float: left; }
.column-six{ width: 460px; margin: 10px; float: left; }
.column-seven{ width: 540px; margin: 10px; float: left; }
.column-nine{ width: 700px; margin: 10px; float: left; }
.column-twelve{ width: 940px; margin: 10px; float: left; }

.custom-button{ margin: 10px 0 0 0; float: left; }

/* Homepage *************************************************************************************/
#latest_holder{ width: 696px; height: 220px !important; overflow: hidden; border: 2px solid #c5c5c5; float: left; margin: 10px; }
#latest-label{ position: absolute; width: 91px; height: 83px; text-indent: -9999px; background: url(../images/latest_label.png) no-repeat; margin: -2px 0 0 -2px; z-index: 2; }
#latest_holder .jcarousel li{ width: 210px; min-height: 220px; padding: 5px 10px 5px 10px; float: left; }
.latest-item .latest-image{ width: 208px; }
.latest-item h1{ font-size: 11px; font-weight: normal; line-height: 12px; color: #000; margin: 3px 0 5px 0; }
.latest-item .latest-view{ width: 46px; margin: 0 10px 0 0; float: right; } 
#homepage_pos{ width: 210px; margin: 10px 10px 0 0; float: right; font-size: 11px; }

.homepage-join{ width: 220px; background: url(../images/email_alerts_bg.png) 2px -8px no-repeat; margin: 10px 0 0 0; border-bottom: 5px solid #c5c5c5; }
.homepage-join h1{ padding: 30px 0 10px 75px; color: #000; line-height: 12px; margin: 0; font-size: 12px; }
.homepage-join span{ line-height: 11px; font-size: 10px; width: 205px; padding: 5px 5px 15px 10px; color: #000; float: left; }
.homepage-join #name{ width: 210px; padding: 3px 3px; border: 2px solid #c5c5c5; color: #999999; font-size: 11px; margin: 0 5px 0 0; float: left; }
.homepage-join #email{ width: 210px; padding: 3px 3px; border: 2px solid #c5c5c5; color: #999999; font-size: 11px; margin: 5px 5px 0 0; float: left; }
#btn_join{ margin: 5px 0 10px 163px; } 
#homepage_categories .category-list li a{ width: 138px; height: 40px; padding: 20px 0 0 0; margin: 10px; text-align: center; border: 1px solid #000; color: #000; text-decoration: none; float: left; }
#homepage_categories .category-list li a:hover{ background: #e2e2e2; }

#homepage_hero{ width: 720px; height: 250px; position: relative; margin: 10px 0 0 10px; border: 1px solid #c5c5c5; }
#homepage_hero .homepage-hero-ph{ width: 720px; overflow: hidden; height: 250px; margin: 0; position: absolute; top: 0; left: 0; }
#homepage_hero .homepage-hero-ph ul{ width: 99999px; list-style: none; position: absolute; top: 0; left: 0; background: #eee; margin: 0; padding: 0; }
#homepage_hero ul li{ display: block; float: left; padding: 0; height: 250px; width: 720px; margin: 0; }
#homepage_hero .arrow, #homepage_hero .forward, #homepage_hero .back, #start-stop { display: none; }
#thumbNav{ position: relative; top: 10px; text-align: right; }
#thumbNav a{ color: #fff; background: url(../images/anythingSlider_off.png) no-repeat; width: 9px; height: 9px; padding: 4px 5px 4px 5px; margin: 0 5px 0 0; text-indent: -9999px; overflow: hidden; }
#thumbNav a:hover{ background-image: url(../images/anythingSlider_on.png); }
#thumbNav a.cur{ background-image: url(../images/anythingSlider_on.png); }
#homepage_hero .homepage_hero-ph ul ul{ position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
#homepage_hero .homepage_hero-ph ul ul li{ float: none; height: auto; width: auto; background: none; }
/************************************************************************************************/

/* List view ************************************************************************************/
.list-view{ margin: 0 0 20px 0; }
.list-view .main-image{ width: 220px; margin: 0 10px 0 0; border: 1px solid #c5c5c5; float: left; }
.list-view .plant-details{ width: 300px; float: left; }
.list-view .plant-details h2, .hire-details h2{ color: #015028; font-size: 14px; margin: 0 0 10px 0; }
.tblinner{ width: 100%; }
.tbldetails{ text-indent: 5px; padding: 2px; border-bottom: 1px dotted #c5c5c5; color: #000; }
.tblheader{ color: #666666; width: 80px; font-weight: normal; padding: 2px 2px 2px 5px; border-bottom: 1px dotted #c5c5c5; }
.price{ width: 150px; float: left; padding: 10px 0 0 10px; color: #CC0000; font-size: 14px; font-weight: bold; }
.list-view .plant-details .more{ width: 120px; margin: 10px 10px 0 0; text-align: right; float: right; }
.list-view .plant-details .more img{ vertical-align: middle;}

.category-header{ color: #015028; font-weight: bold; padding: 0 0 5px 0; border-bottom: 2px solid #c5c5c5; }
.category-list li a{ padding: 10px; border-bottom: 1px solid #c5c5c5; color: #015028; display: block; text-decoration: none; }
.category-list li a:hover{ background: #015028; color: #ffffff; }
.category-list li.current a{ background: #e2e2e2; color: #015028; }
.currency-changer{ width: 140px; margin: 5px 0 0 0; }

.recently-viewed{ margin: 20px 0 0 0; }
.recently-viewed li{ border-bottom: 1px solid #c5c5c5; padding: 5px 0 5px 0; }
.recently-viewed li a{ color: #000; }

.hire-details{ width: 250px; margin: 0 10px 0 0; float: left; }
.hire-details .more{ width: 80px; margin: 10px 10px 0 0; text-align: right; float: right; }
.schedule{ width: 200px; margin: 0; float: left; }
.calendar-loading{ position: absolute; width: 45px; height: 10px; padding: 10px; background-color: #FFFFCC; border: 1px solid #999999; z-index: 5; margin: 90px 0 0 70px; }
/************************************************************************************************/

/* Item view ************************************************************************************/
#plant-images{ width: 360px; float: left; }
.main-image{ border: 1px solid #c5c5c5; width: 360px; }
.image-gallery{ width: 340px; margin: 0 0 0 15px; float: left; }
.image-gallery li { width: 75px; height: 55px; margin: 5px 3px 0 3px; border: 1px solid #c5c5c5; float: left; }
.gallery-prev{ position: absolute; margin: 10px 0 0 -344px; width: 10px; }
.gallery-next{ position: absolute; margin: 10px 0 0 3px; width: 10px; }
#plant-details{ width: 320px; float: right; }
.plant-hire{ margin: 20px 0 0 0; }
.plant-hire table{ margin: 0 0 10px 0; }
.hidden-gallery{ display: none; }
.details-header{ font-size: 12px; color: #333333; margin: 0 0 20px 0; padding: 0 0 10px 0; border-bottom: 2px solid #c5c5c5; }
.details-header b{ font-size: 14px; color: #015028; }
.details-calendar{ width: 280px; margin: 0; float: left; }
.details-form{ width: 380px; margin: 0 0 0 20px; float: left; }
.details-form fieldset{ border: 0; margin: 0; padding: 0; }
.details-form .formwrap{ padding: 0 0 10px 0; }
.details-form .formwrap label{ float: left; width: 80px; padding: 5px 20px 0 0; color: #000; text-align: right; }
.details-form .formwrap input, .formwrap textarea{ padding: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; width: 240px; border: 1px solid #cccccc; }
/************************************************************************************************/

.page ul{ margin: 10px 0 10px 15px; list-style: disc; }
.page li{ padding: 0 0 10px 0; }

.push{ clear: both; height: 280px; }
#footer{ min-height: 180px; height: 180px; background: #654a38 url(../images/footer_top.png) 0 0 no-repeat; width: 960px; margin: 0 auto; padding: 80px 0 0 0;}
#footer li a{ color: #ffffff; text-decoration: none;}
.footer-header{ color: #372214; font-weight: bold; padding-bottom: 10px; }
#fblink-holder{ position: absolute; width: 350px; height: 60px; margin: -40px 0 0 570px; }
#findus{ width: 148px; height: 20px; position: absolute; margin: -40px 0 0 410px; }

/* Indespension *********************************************************************************/
.indespension-logo{ float: right; margin: 0; }
#indespension_plant{ background: url(../images/indespension_plant_trailers.jpg) no-repeat; height: 130px; padding: 83px 480px 0 15px; }
#indespension_goods_gt{ background: url(../images/indespension_goods_gt.jpg) no-repeat; height: 120px; padding: 106px 380px 0 15px; margin: 10px 0 0 0; }
#indespension_goods_se{ background: url(../images/indespension_goods_se.jpg) no-repeat; height: 120px; padding: 106px 360px 0 15px; margin: 10px 0 0 0; }
#indespension_goods{ background: url(../images/indespension_goods.jpg) no-repeat; height: 120px; padding: 107px 380px 0 15px; margin: 10px 0 0 0; }
#indespension_tipper{ background: url(../images/indespension_tipper.jpg) no-repeat; height: 190px; width: 350px; margin: 10px 0 0 0; float: left; }
#indespension_towavan{ background: url(../images/indespension_towavan.jpg) no-repeat; height: 190px; width: 349px; margin: 10px 0 0 0; float: right; }
#indespension_flatbed{ background: url(../images/indespension_flatbed.jpg) no-repeat; height: 199px; width: 350px; margin: 10px 0 0 0; float: left; }
#indespension_tiltdeck{ background: url(../images/indespension_tiltdeck.jpg) no-repeat; height: 199px; width: 349px; margin: 10px 0 0 0; float: right; }
.indespension-button img{ margin: 10px 0 0 0; float: left; }


#indespension_tipper .indespension-button img, 
#indespension_towavan .indespension-button img { margin: 140px 0 0 20px; } 
#indespension_flatbed .indespension-button img, 
#indespension_tiltdeck .indespension-button img { margin: 150px 0 0 20px; }

#indespension_sales{ color: #015028; font-size: 14px; padding: 20px 0 0 0; }
/************************************************************************************************/

.official{ color: #000; font-size: 11px; margin: 10px 0 10px 0; padding: 0 0 10px 0; border-bottom: 5px solid #c5c5c5; }
.official a img{ margin: 5px 0 10px 0; float: left; }