* { margin: 0px; padding: 0px; border: none;}
body { font-family: Arial; font-size: 10pt; background-color: #6b6b6b; }
#header { background: White url("../images/header.jpg") repeat-x top left; height: 64px; clear: both; }
#header #logo_JCB { position: absolute; top: 8px; left: 8px; border: Solid 1px #444444; }
#header #logo_finance { position: absolute; top: 8px; left: 62px; border: Solid 1px #444444;  }
#header #logo_agrimart { position: absolute; top: 8px; left: 62px; border: Solid 1px #444444;}
#header #callUs { float: right; text-align: right; margin: 2px 2px 0px 0px; }
#header #callUs span { display: block; color: White; font-size: 17pt; font-weight: bold;}
#header #callUs a { color:White; text-decoration:none; }
#header #callUs a:hover { text-decoration:underline; }

#menu { position: absolute; top: 23px; left: 175px; padding-top:5px; }
#menu li, #footer li { display: inline; border-left: Solid 1px #ff850d; padding: 0px 8px 0px 8px; }
#menu li a, #footer li a { color: Black; text-decoration: none; }
#menu li.first, #footer li.first { border-left: none; padding-left: 0px; }
#menu li a:hover, #footer li a:hover { text-decoration: underline; }

#main { background-color: White; clear: both;}

#footer { text-align: center; background: White url("../images/footer.jpg") repeat-x left top; height: 33px; clear: both; }
#footer ul { padding: 7px 0px 0px 0px; }
#footer ul li { font-size: 9pt; }

.gallery { background: White url("../images/gallery.jpg") repeat-x left bottom; text-align: center; }
.gallery_short { background: White url("../images/gallery_short.jpg") repeat-x left bottom; text-align: center; }
.gallery h2, .gallery_short h2 { color: #444444;}


h2 { margin: 5px 5px 0px 5px; font-size: 13pt;}
h3 { font-size: 11pt; margin: 8px 5px 0px 5px; }
p { padding: 0px 5px 5px 5px; }
ul { padding: 10px 5px 5px 25px; }
ul li { padding: 5px 0px 10px 0px; list-style-position: outside;}

table.info tr td { padding: 5px 0px; }

.tl { text-align: left;}
.tc { text-align: center;}
.tr { text-align: right;}
.fl { float: left; }
.fr { float: right;}
.clear { clear: both;}
.m5 { margin: 5px;}
.m20 { margin: 20px; }
.border { border: Solid 1px #666666;}

.wrapper { clear: both; background-color: White;}
.colLeft { width: 98%; float: left; }
.colRight { width: 200px; float: right; padding: 5px; }

fieldset { padding: 5px; line-height: 22px;}
label { width: 120px; display: inline-block; vertical-align: top;}
label.thin { width: 60px;}
label.wide { width: 200px;}
.textbox { border: Solid 1px #a3a3a3; border-color: Gray Silver Silver Gray; padding: 1px 2px;}
.highlighted { border: Solid 1px Red; border-color: #9b0000 #ff0000 #ff0000 #9b0000; padding: 1px 2px;}
span.fieldDesc { color: #444444; padding-left: 3px; }
h3 span.fieldDesc {font-size: 10pt; font-weight: normal; margin-left: 20px; }

/* Button */
.button { background: url('../images/button.jpg') no-repeat 0px -31px; 
          display: inline-block; width: 170px; height: 31px; text-indent: 22px; text-align: left; 
          line-height: 30px; cursor: pointer; color: Black; text-decoration:none;
          margin: 0px auto; font-size: 10pt; font-weight:normal;
}
.button:hover {background-position: 0px 0px; color: #ff6c00;}

/* Button thin */
.button_thin, .button_thin_grey { background: url('../images/button_thin.jpg') no-repeat 0px -31px; 
                                display: block;  width: 102px; height: 31px; text-indent: 22px; text-align: left; 
                                line-height: 30px; cursor: pointer; color: Black; text-decoration:none;
                                margin: 0px auto;
}
.button_thin_grey { background-image: url("../images/button_thin_grey.jpg");}
.button_thin:hover, .button_thin_grey:hover  {background-position: 0px 0px; color: #ff6c00;}

.segmented_button_label {display: inline-block; display: -moz-inline-box;  width: auto; height: 31px; text-align: left; 
    line-height: 30px; margin: 0px; padding: 0px 15px }
.segmented_button_left, .segmented_button_middle, .segmented_button_right {
    background: url('../images/segmented_button_middle.jpg') no-repeat 0px -31px; 
    display: inline-block;  width: auto; height: 31px; text-align: left; 
    line-height: 30px; cursor: pointer; color: Black; text-decoration:none;
    margin: 0px; padding: 0px 15px; 
}
.segmented_button_middle, .segmented_button_right { border-left: Solid 1px #f48610; }
.segmented_button_left { background-image: url("../images/segmented_button_left.jpg"); }
.segmented_button_right { background-image: url("../images/segmented_button_right.jpg"); background-position: right -31px; }
.segmented_button_left:hover, .segmented_button_middle:hover {
    background-position: 0px 0px; color: #ff6c00;
}
.segmented_button_right:hover { background-position: right 0px; color: #ff6c00;}

.box{display: block;	color: Black; background-color: #efefef;	margin: 5px auto; border: Solid 1px #c2c2c2; width: 95%;}
.box .boxTop {display:block; height:16px; text-align:left; width: 100%; padding:0px; margin:0px; 
                text-indent: 14px; font-weight: bold; color: #444444; font-size: 9pt;
                background: url('../images/box_top_icon.jpg') no-repeat 4px 3px;
}
.box .boxTop span { float: right; display:block; position: relative; top: -1px; right:-1px; height: 16px; width: 16px; 
                    background: url('../images/box_top_right.jpg') no-repeat right top;
}
.box .boxContent {padding: 4px; overflow: hidden;}
.box .boxBottom {margin-top: -3px; }
.box .boxBottom span { display:block; position: relative; left: -5px; top: 1px; height: 10px; width: 16px; 
                    background: url("../images/box_bottom_left.jpg") no-repeat  bottom left;}
                    
div.page { padding: 5px 20px 20px 40px; width: 70%;}
div.page p { padding: 5px 4px;}
div.page table { padding: 10px; }
div.page table tr td { padding: 4px; vertical-align: top; }

div.products { width: 83%; padding-left: 30px; }
div.products div { background: White none no-repeat left top;  height: 57px; padding: 30px 0px 0px 370px;  }
#ctl00_main_panFixedRate { background-image: url("../images/products/fixed_rate.jpg"); }
#ctl00_main_panVariable { background-image: url("../images/products/variable.jpg"); }
#ctl00_main_panFlexibuy { background-image: url("../images/products/flexibuy.jpg"); }
#ctl00_main_panVIP { background-image: url("../images/products/VIP.jpg"); }
#ctl00_main_panFlexibuyVIP { background-image: url("../images/products/flexibuy_VIP.jpg"); }
#ctl00_main_panContractPurchase { background-image: url("../images/products/contract_purchase.jpg"); }
#ctl00_main_panContractPlan { background-image: url("../images/products/contractplan.jpg"); }
#ctl00_main_panContractHire { background-image: url("../images/products/contract_hire.jpg"); }
#ctl00_main_panOperatingLease { background-image: url("../images/products/operating_lease.jpg"); }
#ctl00_main_panFinanceLease { background-image: url("../images/products/finance_lease.jpg"); }

#ctl00_lblHeader { color: #444444;}  /* "You are here" header */

.smallPrint { font-size: 8pt; color: #555555; margin-top: 10px;}

.DPA { margin: 10px; width: 80%; background: #efefef url("../images/dpa_grey.jpg") no-repeat 16px 16px; padding: 10px 10px 10px 35px !important; border: Solid 1px Silver;}
.DPA * label  { width: auto; padding: 3px 40px 0px 3px; }
.DPA * input { padding: 3px 0px; }


div.offer { background-color: White; border: Solid 1px #777777; padding: 5px; 
            width: 40%; float: left; margin: 20px; height: 230px; text-align: center; }
div.offer h2 { color: Black; margin: 0px; padding: 0px; font-size: 13pt; }
div.offer h3 { font-size: 10pt; margin: 0px; padding: 0px; }
div.offer p { text-align: left; margin: 10px 2px 2px 10px; } 
div.offer img { float: left; width: 200px; padding: 5px; }
div.offer .button_thin { float: right; margin-top: 0px; }

.CheckboxList { width: 90%; }
.CheckboxList Label { width: 90%; padding-left: 10px; vertical-align: 1px;}
.textboxOffer { width: 80%; margin: 4px 0px 10px 10px; }

table.assets { }
table.assets * tr td { padding: 3px 5px 3px 40px !important;}
div.asset_gallery { margin: 5px 30px 30px 30px;}
div.asset_gallery a img { height: 70px; border: solid 1px gray; margin: 0px 3px; filter: alpha(opacity=70); margin-top: 15px; }
div.asset_gallery a:hover img { filter: alpha(opacity=100); height: 85px; margin-top: 0px; }
div.asset_thumbs {}
div.asset_thumbs img { width: 150px; margin: 10px; cursor: pointer; border: Solid 1px gray; }
div.asset_thumbs p { }

table.related_items {}
table.related_items tr td a img {width: 50px;}

table.tyre_conditions { width: 70%; margin: 0px; padding: 0px; background-color: Silver; }
table.tyre_conditions * tr th, table.tyre_conditions * tr td { text-align: center; background-color: Silver;}

#ctl00_main_panCategories { margin: 0px 30px 30px 30px;}
#ctl00_main_panCategories div div div { float: left; text-align: center; height: 140px; margin: 20px;}
#ctl00_main_panCategories div div div a {text-align: center;}
#ctl00_main_panCategories div div div a img {width: 150px; border: 1px Solid Gray;}

ul.agrimart_map { padding: 100px 0px 0px 40px; float: left;}
ul.agrimart_map li { background: White none no-repeat left 3px; padding-left: 28px; list-style-type:none; }
ul.agrimart_map li.Scot { background-image: url('../images/imgScot.gif'); }
ul.agrimart_map li.NE { background-image: url('../images/imgNE.gif'); }
ul.agrimart_map li.ME { background-image: url('../images/imgME.gif'); }
ul.agrimart_map li.SE { background-image: url('../images/imgSE.gif'); }
ul.agrimart_map li.Wales { background-image: url('../images/imgWales.gif'); }

table.agrimart { border: Solid 1px #555555; border-collapse:collapse; width: 90%; margin-left: 5px;}
table.agrimart tr td, table.agrimart tr th { padding: 0px; margin: 0px; border-collapse:collapse; text-align: left; text-indent:5px; height: 22px; }
table.agrimart tr th { background: #fdaf27 url("../images/table_header_bg.jpg") repeat-x; height: 30px; }
table.agrimart tr.alt td { background-color: #eeeeee; }

#panFade {width: 100%; height: 100%; position: absolute; display: none; top: 0px; left: 0px; filter: alpha(opacity=65); background-color: #000000; padding: 0px; margin: 0px;}
#imgFull {display: none; margin: 10px auto; position: absolute; padding: 20px; border: Solid 1px Black; background-color: White; top: 0px; cursor: pointer; width: 640px;}
#lblCaption {text-align: center; display: none; position: absolute; top: 0px; font-weight: bold; width: 100%; padding: 0px; margin: 0px;}
#lblCaption #cmdPrev { cursor: pointer; margin-right: 140px; }
#lblCaption #cmdNext { cursor: pointer; margin-left: 140px; }
#lblCaption #cmdPrev:hover, #lblCaption #cmdNext:hover { color:Orange; text-decoration:underline; }

#ctl00_main_cmdGalleryView { margin-left: 50px; background: Transparent url("../images/gallery_view.jpg") no-repeat; padding: 3px 10px 4px 27px; }
#ctl00_main_cmdListView { margin-left: 0px; background: Transparent url("../images/list_view.jpg") no-repeat; padding: 3px 10px 4px 27px; }