/*
-------------------------------------------------
URI: http://www./
Created by Forte Trinity
-------------------------------------------------

CONTENTS

1: SITE MASTER SETUP (including reset from Tripoli)

2: TYPOGRAPHY/DESIGN 

3: LAYOUT
	3.1 main form
	3.2 container
	3.3 header
	3.4 content
	3.5 primary content
	3.6 secondary content
	3.7 tertiary content
	3.8 footer
	
4: GLOBAL ELEMENTS / CONTROLS
	4.1 accessibility
	
5: TEMPLATE / PAGE SPECIFIC
	
6: USEFUL CLASSES

/* -----------------------------------------------
1. SITE MASTER SETUP
----------------------------------------------- */

/* Imported mostly from Tripoli reset.css - http://www.monc.se/tripoli/css/reset.css */
* { margin:0; padding:0; text-decoration:none; outline:none } code, kbd, samp, pre, tt, var, textarea, input, select, isindex, listing, xmp, plaintext { font:inherit } a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet, table { border:none } table { border-collapse:collapse; border-spacing:0 } caption, th, td, center { text-align:left; vertical-align:top } q { quotes:"" "" } font { color:inherit !important; font:inherit !important; color:inherit !important } marquee { overflow:inherit !important; -moz-binding:none } blink { text-decoration:none } nobr { white-space:normal }
/* end of import */
body { height:100%; text-align:center; min-width:960px }
ul { list-style:disc outside }
ol { list-style:decimal indside }

/* -----------------------------------------------
2. TYPOGRAPHY / DESIGN
----------------------------------------------- */

html { font-size:62.5%; font-family:Arial, Helvetica, sans-serif; line-height:1.8em; color:#666; background:url(../images/backgrounds/main-bg.gif) #FFFFFF center top repeat-x;  }
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea { font-size:1.1em; font-family:monaco, "Lucida Console", courier, mono-space }
h1 { font-size:1.6em; color:#3b52b6; margin:0 0 12px 0 }
h2 { font-size:1.5em; color:#3b52b6; margin:0 0 12px 0 }
h3 { font-size:1.4em; color:#3b52b6; margin:0 0 12px 0 }
h4 { font-size:1.3em; color:#000; margin:0 0 12px 0 }
h5 { font-size:1.2em; color:#000; margin:0 0 12px 0 }
h6 { font-size:1.1em; color:#000; margin:0 0 12px 0 }
p {  font-size:12px; color:#666; margin:0 0 12px 0 }
p.firstpara { font-weight: bold }
a { color:##3B52B6; text-decoration:underline }
a:hover { color:#000; }
a:visited {  }
a:active {  }
ul { margin:0 0 12px 0; font-size:1.1em }
ol { margin:0 0 12px 0; font-size:1.1em }
dl { margin:0 0 12px 0; font-size:1.1em }
hr { display:block; background:#aaa; color:#aaa; width:100%; height:1px; border:none }
address { font-size:1.1em; color:#000 }
blockqoute {  }
table { border-top:1px solid #ccc;  border-left:1px solid #ccc }
th, td { border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC }
fieldset { border:1px solid #ccc; }
legend { background:#fff; }
label { font-size:1.1em }
textarea, input[type='text'], select { border:1px solid #000; background:#fff; font-size:11px; color:#000 }


/* -----------------------------------------------
3. LAYOUT
----------------------------------------------- */

/* 3.1 - main form */
form.main { width:100%; height:100% }

/* 3.2 - container */
div#container { width:100%; text-align:left; background: url(../images/backgrounds/tile.png) repeat-y 50% 0%; margin-top:0px }

/* 3.3 - shopping nav */

div#shopping-nav { width:860px; margin:0 auto; position:relative; text-align:left;  margin-top:10px; padding:0px }
div#shopping-nav ul li {  display:inline; padding:0 5px; color:#3b52b6 }
div#shopping-nav ul li.first { border:0 none; margin:0 390px 0 0px; padding:0 }
div#shopping-nav ul li.last { border:0 none }
div#shopping-nav ul li a { color:#3b52b6 }
div#shopping-nav ul li a:hover { color:#000 }

/* 3.4 - content */
div#content { width:860px; margin:5px auto; position:relative; text-align:left; }

/* 3.5 - primary content */

div#primary-content-container {}
div#primary-content { float:right; margin:0 0 0px 0px; padding:14px; width:586px;  }



.primary-left-content {width:280px; float:left; margin:10px 0px 0px 0px; clear:both}
.primary-left-content p {font-size:1.4em;}
.primary-right-content {width:305px; float:right; margin:10px 0px 0px 0px}
.primary-right-content li {float:left; margin:0px 0px 15px 15px; list-style:none}
.primary-right-content h4{font-size:1.6em; color:#3b52b6; margin:0 0 12px 0}
/*.img-border {border:#c3cfde thick solid;}*/

.no-border a{border:none!important;}
#header img{margin-top:0px;}
/*PRIMARY NAVIGATION*/
div#primary-navigation {width:220px;  float:left; background-color:#515b6e }
div#primary-navigation ul{list-style:none;}
#navigation {padding:10px 10px; }
/*.page-link-navigation {font-size:1.4em; font-weight:bold; border-top:#ccc thin solid; padding:10px 10px; }
.page-link-navigation a {text-decoration:none; color:#3b52b6}
.page-link-navigation a:hover {text-decoration:none; color:#000}
.anchor-link-navigation {font-size:1.1em; font-weight:bold; padding:5px 10px; }
.anchor-link-navigation a{text-decoration:none; color:#9c9b9f}*/
div#primary-navigation dl a{ margin:5px 5px 0 12px; font-size:1.4em; color:#3b52b6; text-decoration:none}
div#primary-navigation dt a{ color:#f2b121; font-weight:bold; padding:0 0 1px 0; text-decoration:none; }

div#primary-navigation dt { padding:10px 0px 0px 0px; }
div#primary-navigation dt a:hover{ color:#fff; font-weight:bold; padding:0 0 1px 0; text-decoration:none}

div#primary-navigation dd a{ color:#9c9b9f; text-decoration:none; font-size:1.0em ;font-weight:bold; }

div#primary-navigation dd a:hover{ color:#000; text-decoration:none; font-size:1.0em ;font-weight:bold; }

div#primary-navigation dd address, 
div#primary-navigation dd ul li { font-style: normal; font-size: 12px }
div#primary-navigation dd address, 
div#primary-navigation dd ul { margin-left: 12px; color:#FFFFFF }

.dd-padding {padding:0px 0px 20px 0px;}
#trade-logo { margin-left:20px;}



/*FLASH*/
div#flash {float: right}

/* 3.6 - secondary content */
div#secondary-content { width:586px; margin:0 0 0px 0; padding:14px; float:right;   }
div#secondary-content h2 { margin:12px 0 0 12px; color:#4e4f45 }
div#secondary-content h3 { margin:100px 0 0 12px; color:#4e4f45 }
div#secondary-content p { margin:5px 75px 0 12px; font-size:1.1em; color:#4e4f45; line-height:135% }



/* 3.7 - tertiary content */
div#tertiary-content {width:586px;margin:0px 14px;  float:right; }
div#tertiary-content h3{border-top:#ebebe2 1px solid; padding-top:20px ; margin-right:0px;} 
.contact-page{margin:0 0px!important}
/* 3.8 - footer */
div#footer { width:830px; margin:0 auto; position:relative; text-align:left; border-top:1px solid #ebebe2; margin-top:0px; padding:20px }
div#footer ul li {  display:inline; border-right:1px solid #ebebe2; padding:0 2px; color:#9d9d96 }
div#footer ul li.first { border:0 none; margin:0 360px 0 0px; padding:0 }
div#footer ul li.last { border:0 none }
div#footer ul li a { color:#3b52b6 }
div#footer ul li a:hover { color:#9d9d96 }

/* -----------------------------------------------
4. GLOBAL ELEMENTS / CONTROLS
----------------------------------------------- */

/* 4.1 - accessibility */
ul#skiplinks { display:none }
ul#skiplinks a, ul#skiplinks a:hover, ul#skiplinks a:visited { position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden } 
ul#skiplinks a:active, ul#skiplinks a:focus { position:static; width:auto; height:auto }

#basescript {width:860px; margin:auto; position:relative; text-align:left;}
#basescript h1{ padding:0px 10px 0px 10px}
#basescript p{ padding:0px 10px 0px 10px}

#basewords { width:860px; margin:auto }
#basewords li { list-style:none; display:inline; margin:0 4px;  }

div#sizer { width:600px; margin:0 auto; padding-bottom:20px}
div#sizer ul li { display:inline; }

/* -----------------------------------------------
5. TEMPLATE/PAGE SPECIFIC
----------------------------------------------- */

/* 5.1 - calls to action */
/*div#cta-contact-form { width:268px; height:104px; float:left; margin-right:15px; background:url("../images/backgrounds/contact-form.jpg") no-repeat }
div#cta-contact-details { width:268px; height:104px; float:left; margin-right:15px; background:url("../images/backgrounds/contact-details.jpg") no-repeat }
div#cta-latest-products { width:268px; height:104px; float:left; margin-right:0; background:url("../images/backgrounds/latest-products.jpg") no-repeat }*/

.cta { padding:10px 0px 0px 18px; float:left;}
.cta img {border:#333333 thin solid}

#primary-content h1{ font-size:1.8em; padding:15px 0px 0px 0px;}
#primary-content h1 span {color:#ffd200;}
#tertiary-content h3 span {color:#ffd200;}

.product {float:left; width:600px;  padding-bottom:20px; margin:0px 0px 20px 0px; border-bottom:#e7e7e7 thin solid}
.product img{ margin:15px 15px;}
.product .description {float:left; width:300px; padding-right:10px}
.product form{ float:right; width:150px;}
.product h3 {padding-top:15px;}
.static-content{width:586px; float:right; border-bottom:1px #e7e7e7 solid; padding-bottom:20px}
.static-text{width:330px;  margin:10px 0px 0px 15px}
/*.static-content p{width:280px;   font-size:1.4em;}
*/.img-fl {margin-left:15px; margin-top:10px; float:left;}
.img-fr {margin-right:20px; margin-top:50px; float:right; }


#gallery {padding-top:0px;}
#gallery ul li {padding:0 0px 0px 0; list-style:none; display:inline; float:left;}
#gallery ul li a {display:block; border:5px solid #515b6e;}
#gallery ul li a:hover {border:5px solid #f2b121;}
#gallery a:hover {background:none;}
#gallery img { margin-bottom: -5px; }

/* 5.2 - buttons */
a.button { display:block; width:299px; height:129px; text-decoration:none; background:url("../images/buttons/enter-site.gif") top left; text-indent:-3000px }
a.button:hover { background-position:50% -129px }

/*Basket table*/

table#basketContents {width:580px;}
table#basketContents fieldset {border:none; padding:0px 0px 20px 0px}
table#basketContents th{background:#ffd200; color:#000; text-transform:uppercase; font-size:12px}
table#basketContents th, td {text-align:center;}

table#basketContents fieldset input {padding-left:10px}
table#basketContents fieldset legend {text-indent:-3000px; float:left}
table#basketContents highlightedcell td {padding:10px 0px;}

.product .img{float:left; border:1px solid #c8a2c8; padding:5px 5px 0px 5px}
.product .form {float:right; }
.product dt {float:right; margin:10px 245px 0px 0px; font-size:1.4em}
.product fieldset label {}
.product fieldset legend {text-indent:-3000px}
.product fieldset {border:none; font-size:14px; padding:0px 0px 0px 0px }
.product fieldset ol {list-style:none;}
.product fieldset ol li{float:left; padding:5px 0px 0px 0px}
.product fieldset input.text{width:20px; font-size:15px; text-align:center; }
.product fieldset input.submit{cursor:pointer;  width:180px; height:20px; border:0px #333333 solid; display:block}


/*Products*/
.table-products th{padding:2px 5px; text-align:center; text-transform:uppercase; font-size:12px; background:#ffd200; color:#000}
.table-products td {padding:2px 5px;}
.table-products td a{color:#000000;}

#productCatList li{list-style:none; font-size:12px}
#productCatList li a{color:#000000}
/*New Plant Machinery Page*/

.new-plant-machinery-list {padding:0 0 0 20px}
.new-plant-machinery-list li {list-style-image:url(../images/other/pdf.png);}
.new-plant-machinery-list li a {background-color:#FFFFFF; color:#000000;}
.new-plant-machinery-list li a:hover {background-color:#FFFFFF; color:#ffd200;}


/*New Plant Machinery Page sections backgrounds*/
#telescopic-material-handlers{background:url(../images/other/TELESCOPIC-MATERIAL-HANDLERS.jpg) right top no-repeat;}

.logo-background2 {background:none; padding:10px 10px 0 0; height:130px; margin:10px 0; float:left; width:120px }
.logo-background  {float:left; width:76px; clear:both; padding:2px}
.logo-background img {padding-left:0px;}
ol.terms { margin-left:10px}
.terms li{ padding-left:10px}
.index-h1{font-size:1.8em; padding:15px 0px 0px 0px;}
.index-h1 span {color:#ffd200;}
#compliance address{padding:0 0 0 12px; font-style:normal; font-size:12px; color:#333333
}
#compliance a{color:#3B52B6;}
.contact-page a{color:#3B52B6;}

/* -----------------------------------------------
6. USEFUL CLASSES
----------------------------------------------- */
.padding-news{padding:10px 0 0 20px;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
.clr { overflow:hidden; clear:both; height:1px; margin-top:-1px }
.la { text-align:left }
.ra { text-align:right }
.ca { text-align:center }
.fl { float:left }
.fr { float:right }
.vt { vertical-align:top }
.vm { vertical-align:middle }
.vb { vertical-align:bottom }
.nb { border:0 none }


#about-us { font-size: 14px }
#about-us img { margin: 0 0 12px 12px }
#about-us img.bordered { padding: 12px; border: 1px solid silver;  }
#about-us blockquote { font-size: 24px; color: black; padding: 0 6px; margin-left: 12px; width: 160px; line-height: 24px; font-style: italic; text-align: right; border-left: 6px solid #515b6e }
.clearboth { clear: both;}
#flyer a img {
    margin-top: 20px;
border: 4px solid #3b53b7;
}
#flyer a {
    opacity:.8;
    filter:alpha(opacity=70);
}
#flyer a:hover {
    opacity:1;
    filter:alpha(opacity=70);
}
.cart-confirm  li {
    list-style-type: none;
}
.cart-confirm li h3 {
    color: black; 
}