/*  
Theme Name: SAS Lining Services
Theme URI: 
Description: 
Version: 1.0
Author: Andy Corbett and Darren White
Author URI: http://mediablocks.co.uk - http://dlw.me.uk
*/



/* CSS Document */
/* >>> ELEMENTS <<< */
* {margin: 0;padding: 0;}
div#container:after, 
div#contentArea:after  {clear:both;content:".";display:block;height:0;visibility:hidden;}

*.x {display: none;}

h1 span,
p#telephone span {position:absolute;left:-9999px;width:0px;overflow: hidden;}

body {color: #333;font: normal 62.5%/100% Verdana, Geneva, Arial, Lucida, Helvetica, Sans-Serif;
  text-align: left;background: #383A30 url("images/bg_body.gif") repeat-x;}

div#outerContainer {margin:0 0 4em 0;background: url("images/bg_outerContainer.jpg") bottom left repeat-x;}
div#container {width:1006px;margin:0 2em;background:#383A30 url("images/bg_container.jpg") top left repeat-y;}


/* >>> HEADER <<< */  
div#header {width:804px;height:179px;}

/* >>> FLASH <<< */  
div#slideShow {float:left;width:567px;height:134px;padding-top:45px;padding-left:3px;background: url("images/bg_slideshow.jpg") no-repeat;}

/* >>> MENU <<< */
ul#navmenu {clear:left;float:left;margin: 0;border: 0 none;width:103em; /*For KHTML*/
  list-style: none;height: 3em;border-bottom:5px solid #FF0;border-right:2px solid #fff;border-left:2px solid #fff;
  background:#F00 url("images/bg_nav.jpg") top right no-repeat;}

ul#navmenu li {margin: 0;border: 0 none;padding: 0;float: left; /*For Gecko*/display: inline;
  list-style: none;position: relative;height: 2.5em;}

ul#navmenu a {width:118px;text-align:center;float: none !important; /*For Opera*/float: left; /*For IE*/
  display: block;background: url("images/bg_nav.gif") repeat-x;color: #fff;
  font: bold 1.4em/2.15em Arial, Verdana, Helvetica, sans-serif;text-decoration: none;height: auto !important;
  height: 1%; /*For IE*/border-right:2px solid #fff;}

ul#navmenu a.first {border-left:2px solid #fff;}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {color: #F00;background: #fff url("images/bg_nav_hover.gif") top left no-repeat;}

ul#navmenu li a.current {background: #FFF;color: #F00;}


/* >>> CONTENT <<< */  
div#content {float:left;width:520px;padding:1.2em 30px;min-height:50em;border:5px solid #F00;background:#fff;}

div#content h2 {font-weight:bold;font-size:3.0em;line-height:1.2em;color:#000;}
div#content h2.archive {font-weight:bold;font-size:1.6em;line-height:1.2em;color:#000;}
div#content h3 {margin:15px 0 4px 0;}

div#content p {margin:0.5em 0;font-size:1.2em;line-height:1.7em;}
div#content ul,
div#content ol {margin:0.5em 3em;font-size:1.2em;line-height:1.3em;}

div#content p.image {text-align:center;}
div#content img {padding:0 1em 1em 0;margin:0.5em 0 0.5em 0em;background:url("images/bg_content_img.jpg") no-repeat;}

div#content .navigation {text-align:right;}

/* >>> SIDEBAR <<< */  
#sideBar {clear:left;float:left;width:206px;margin-top:7.5em;background: #595B4F;border:5px solid #FF0;border-right:none;}
#sideBar img {}

#telephone {position:absolute;top:262px;left:18px;font-size:14px;color:#fff;width:205px;height:27px;background: url("images/phone_number.jpg") no-repeat;}

/* >>> NEWS <<< */  
#news {float:right;width:173px;height:28em;margin-top:2.0em;padding:3em 1.5em;background: #fff url("images/bg_news.jpg") no-repeat;}
#news h3 {margin:0.5em 0 0 0.8em;font-size:1.7em;color:#000;}
#news h4 {margin:1.5em 0 0.4em 0;font-size:1.2em;color:#000;}
#news p {margin:0 0 0.5em 0;font-size:1.1em;color:#F00;}
#news p a:link,
#news p a:visited {color:#F00;text-decoration:none;margin-left:2.5em;}
#news p a:hover,
#news p a:active {color:#FFF;background:#F00;}
#news p.more {margin:20px 20px 0 0;text-align:right;}
#news p.more a:link,
#news p.more a:visited {padding:2px 4px;font-weight:bold;color:#fff;border:2px solid #f00;background:#666;}
#news p.more a:hover,
#news p.more a:active {padding:2px 4px;font-weight:bold;color:#fff;border:2px solid #666;background:#f00;}




/* >>> LINKS <<< */
h1 a:link,h1 a:visited,h1 a:hover, h1 a:active {float:left;width:234px;height:179px;
  background: url("images/logo.jpg") left top no-repeat;
}
a img {border:none;}

div#content p a:link, 
h2 a:link, 
h3 a:link, 
div#content ul a:link,
table td a:link {padding:1px 2px 1px 0px;text-decoration:underline;color:#8E001C;}
div#content p a:visited, 
h2 a:visited, 
h3 a:visited, 
div#content ul a:visited,
table td a:visited {padding:1px 2px 1px 0px;text-decoration:none;color:#8E001C;}
div#content p a:hover,
h2 a:hover, 
h3 a:hover, 
div#content ul a:hover,
table td a:hover{padding:1px 2px 1px 0px;text-decoration:none;background:#8E001C;color:#fff;}
div#content p a:active, 
h2 a:active, 
h3 a:active, 
div#content ul a:active,
table td a:active{padding:1px 2px 1px 0px;text-decoration:none;background:#8E001C;color:#fff;}

div#content address {font-style:normal}
div#content ul,
div#content ol {margin:0.75em 4em;}
div#content ol ol {margin:0.25em 1em;font-size:1.1em;}

div#content p a.pdf {display:block;height:30px;margin:5px 0;padding:4px 0 0 40px;background: url("images/pdf_icon.jpg") no-repeat;}
div#content p a.pdf:hover {display:block;height:30px;margin:5px 0;padding:4px 0 0 40px;text-decoration:underline;color:#000;
  background: url("images/pdf_icon.jpg") no-repeat;}


/* >>> FOOTER<<< */  
div#footer {clear:both;height:2.4em;width:56em;margin:2em 0 0 238px;text-align:center;border-right:5px solid #FF0;
  border-left:5px solid #FF0;background:#383A30;}

div#footer p {padding-top:1em;font-size:1em;color:#fff;}

/* >>> FORMS <<< */ 
form {margin:10px 0;width:46em;padding:20px;border:none;background-color:#eee; }
form fieldset {border:none;}
label {clear:left;display:block;font-size:1.3em;font-weight:bold;color:#666;margin:0px 0 0.5em 0;}
input,
textarea {float:left;width:25em;padding:0.6em;margin:0px 0.5em 1em 0;border:1px solid #EEE;font:normal 1.2em/1.5em Verdana, sans-serif;color:#222;border:1px solid #F00;}
input.checkbox {clear:left;float:left;width:1.5em;height:1.5em;margin:0 0.5em 0.5em 0;}
textarea {padding:0px;margin-bottom:0;font: normal 1em/1.5em Verdana, sans-serif;width:35em;height:10em;display:block;color:#222;}
button {display:block;clear:left;line-height:1.5em;}

form p.error {font-weight:bold;font-size:1.6em;margin-left:0.5em;color:#ff0;}

.LV_validation_message{float:left;font:bold 1.2em/2.0em Verdana, sans-serif;margin-bottom:1.0em;}
.LV_valid {color:#00CC00;}
.LV_invalid {color:#CC0000;}
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {border: 1px solid #00CC00;}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {border: 1px solid #CC0000;}