/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* 

	Main CSS document for RG Recycling Ltd. 

	~ http://www.rgrecycling.co.uk
	~ info@rgrecycling.co.uk

	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

	~ Produced February 2010

*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Content/General */
* {border:0; margin:0; padding:0}
body {font-family:Arial, Helvetica, sans-serif; font-size:0.8em; color:#060; padding-top:0px}
h1 a {display:block; font-size:0; min-height:200px; width:960px;}
.tagline {font-size:1.3em; font-family:"Times New Roman", Times, serif; text-align:left; margin:-40px 0 0 225px; padding:0 30px 0 0; font-style:italic; color:#FFF}
h2, h3, h4 {color:#0a3865; margin:20px 0}
h2 {font-size:1.5em}
p {margin:0 0 10px 0}
a {text-decoration:underline; font-weight:bold; border:0; color:#0a3865}
a:hover, input:hover, label:hover {text-decoration:none; cursor:pointer}
a:visited {font-weight:bold}
p a {color:#0a3865}
p a:hover {font-style:normal}
hr {border-top:1px solid #060; margin:20px 0}

.backLink {margin-top:50px}
.grey {color:#666}
.italic {font-style:italic}
.block {clear:both; display:block; text-align:left}
#main .block img {margin:0 auto}
.clearer {clear:both; font-size:0px}
.floatleft {float:left}
img.floatleft {margin:0 15px 0 0}
.floatright {float:right}
.hidden {display:none}

#main p .noborder {border:0}
#main p.success {padding:10px; border:1px solid #060; color:#060}
#main p.failure {padding:10px; border:1px solid #F00; color:#F00}

/* Contact Page */
fieldset {margin:20px}
label {display:block; margin-bottom:5px}
input {width:200px}
input, textarea {border:1px dotted #CCC; font-size:1.1em; padding:5px}
#submitButton {height:40px; width:210px; }

/* Layout */
#container {width:960px; min-height:800px; clear:both; padding:0 0 15px 0; margin:0 auto}
#header {width:100%; height:200px; margin:0; background:url(../images/bg_header.jpg) center no-repeat; margin-bottom:10px}
#main {width:57%; padding:0 25px 0px 25px; float:left}
#main img {border:1px solid #999; margin:10px}
#main p {color:#333}
#main ul {margin:20px 15px 20px 0}
#main li {color:#333; padding:0 0 0 20px; margin:0 0 20px 0; background:url(../images/icons/next_16.jpg) no-repeat;}

#midsection { margin:0 0 20px 0; }

/* Menus */
li {list-style:none}
/* Top Nav */
#topNav ul {min-height:40px; margin:0px 0 0px 0; background:url(../images/bg_topNav.jpg)}
#topNav li {float:left; text-align:center; border-right:1px solid #6c9e2c;}
#topNav li.last {clear:right; border:0}
#topNav li a {display:inline-block; width:156px; height:30px; padding-top:10px; color:#FFF; font-size:1em; text-decoration:none}
#topNav li a:hover {text-decoration:none; color:#FFF}
#topNav li a:visited {font-weight:bold}

#homePage #topNavHome,
#aboutPage #topNavAbout,
#equipmentPage #topNavEquipment,
#materialsPage #topNavMaterials,
#servicesPage #topNavServices,
#contactPage #topNavContact
{color:#0a3865}

#topNav ul ul {display:none; position:absolute; z-index:2; background:#FFF; border:1px dotted #060}
#topNav ul ul li {clear:both; border-bottom:1px dotted #060}
#topNav ul ul li a {color:#6C9E2C; font-weight:normal}
#topNav ul ul li a:hover {color:#6C9E2C; font-weight:bold}

#topNavEquipmentList:hover #equipmentDDM,
#topNavMaterialsList:hover #materialsDDM,
#topNavServicesList:hover #servicesDDM
{display:none}


.subNav {display:none;}

.subNav li {clear:both; margin:0; padding:0; height:30px; width:100px}

/* Left Nav */
#leftNav {width:16%; min-height:460px; float:left; margin:40px 0 20px 0; padding:10px 0 0 0px; border-right:1px solid #EEE}
#leftNav li {margin:15px 0}
#leftNav li li {margin:15px; font-size:0.9em}
#leftNav li a {color:#060 /*#6c9e2c;*/ ; text-decoration:none; font-size:1.1em; font-weight:normal}
#leftNav li a:hover {font-style:italic}
#leftNav ul ul {display:none}

#homePage #leftNavHome,
#aboutPage #leftNavAbout,
#equipmentPage #leftNavEquipment,
#materialsPage #leftNavMaterials,
#servicesPage #leftNavServices,
#contactPage #leftNavContact
{color:#0A3865}

#equipmentPage #equipmentSubMenu,
#materialsPage #materialsSubMenu,
#servicesPage #servicesSubMenu
{display:block}

.crushersPage #leftNavCrushers,
.excavatorsPage #leftNavExcavators,
.screensPage #leftNavScreens,
.stationsPage #leftNavStations,
.trommelsPage #leftNavTrommels,
.shovelsPage #leftNavShovels,
.paperPage #leftNavPaper,
.carpetPage #leftNavCarpet,
.soilsPage #leftNavSoils,
.foodPage #leftNavFood,
.glassPage #leftNavGlass,
.metalsPage #leftNavMetals,
.mixedPage #leftNavMixed,
.plasticsPage #leftNavPlastics,
.plasterboardPage #leftNavPlasterboard,
.fuelPage #leftNavFuel,
.woodPage #leftNavWood,
.consultancyPage #leftNavConsultancy,
.logisticsPage #leftNavLogistics,
.mrfPage #leftNavMRF
{color:#0A3865}

/* Buy / Rent page */
#main .equipmentForSale li {clear:both; min-height:140px; padding:0; margin:0 0 20px 0; background:none}
#main .equipmentForSale img {margin:0 10px 0 0}
#main .equipmentForSale div {float:right; width:370px}
#main .equipmentForSale h4 {margin:0; padding:0; font-size:1.1em}
.priceDesc {margin-top:5px; font-size:0.8em}
.equipmentContact {margin-top:20px}
#lightbox {display:none; position:absolute; height:100%; width:100%; background:url(../images/bg_lightBox.png)}
#lightbox #lightboxInner {width:600px; padding:20px; margin:100px auto 0 auto; min-height:400px; background:#FFFFFF; border: 2px solid #0a3865;}
#closeIcon {text-align:right}
#closeIcon a {display:inline-block; height:16px ; padding-right:22px; background:url(../images/icons/cancel.png) right no-repeat;}
#lightboxImg {min-height:340px; text-align:center; margin:20px 0}
#lightboxDesc p {color:#0a3865; font-size:1.2em; padding:0; margin:0;}

/* Right Nav */
#rightnav {float:right; width:19%; min-height:460px; height:100%; margin:40px 0px 0 0; padding:20px 0 0 20px; border-left:1px solid #EEE; text-align:center; font-style:italic /*background:url(../images/bg_rightNav.jpg) 0 30px no-repeat*/}
#rightnav li a {display:block; min-height:38px; color:#0A3865; background:url(../images/icons/next.png) no-repeat right #FFF; padding-right:75px; padding-top:10px}
#rightnav h4, #rightnav p {background:#FFF; margin:0; padding:5px 0 10px 0}
#rightnav p {color:#060}

/* Contact Page */
fieldset {margin:20px 0 20px 0}
#submitButton {background:url(../images/bg_submit.jpg) center no-repeat; border:0}
#submitButton:active {background:url(../images/bg_submit_active.jpg) center no-repeat}
.info {display: inline-block; width:16px; height:16px; background: url(../images/icons/question.png) no-repeat; margin-left:5px}
#nameInfo {}
#contactPage #rightnav li {text-align:left}
#contactPage #rightnav li a {display:inline; padding:0; background:none}


/* Footer */
#footer {min-height:100px; clear:both; margin:10px 0 10px 0; background:url(../images/bg_footer.jpg) #6c9e2c; text-align:center; color:#FFF; padding:20px 0 0 0; font-weight:bold}
#bottomnav ul {min-height:20px; margin:10px 264px}
#bottomnav ul li {float:left; margin:0 0 0 10px; padding:0 10px 0 0; font-size:0.8em; border-right:1px solid #0A3865}
#bottomnav ul li a {color:#0A3865}
#bottomnav ul li.last {border:0}
#w3c {margin-top:10px; text-align:center}
#w3c img {height:20px; width:60px}

/* Content Management System (CMS) */
#cmsPage #main {clear:both; width:100%}
#cmsPage #main a {font-weight:normal}
#cmsPage form {width:600px; margin:0 auto}
#cmsPage textarea {width:100%; padding:5px; font-family:Arial, Helvetica, sans-serif}
#cmsPage #submitButton {width:200px; margin:0 0 0 220px}