/* CSS Document */

/*GLOBAL ------------------------------------------------------------*/

*{
  padding:0;
  margin:0;
  border:0;
}


/* ELEMENTS ---------------------------------------------------------------*/
a{
  text-decoration:none;
  
}

a:link{
  color:#333333;
}

a:visited{
  color:#333333;
}

a:hover{
  color:#999999;
}

a:active{
  
}

ul {
  list-style:none;
  margin:0;
  padding:0;
}


.currentPage{
  color:#999999;
  
}

/*TYPOGRAPHY & COLOUR  ---------------------------------------------------*/
input{
 background-color:#F1F1F1;
  border:1px solid #E0E0E0;
}


body{
  color:#333333;
  font-family:Verdana,Arial,sans-serif;
  font-size:10px;
  line-height:1.5;
  background-color:black;     
}


.highlight{
  font-size:12px;
  font-weight:bold;
}


.quote{
  margin-top:60px;
  font-weight:bold;
  font-size:14px;
  }


blockquote{
  padding-top:20px;
  text-align:justify;
  line-height:1.75;
  font-size:16px;
  font-weight:bold;
  
}


.indent{
  margin-left:10%;
  margin-right:10%;
  text-align:justify;
  line-height:1.55;
  }

h1{
   font-weight:normal;
  font-size:14px;
  }

h2{
   font-size:14px;
  line-height:1.55;
}


h3{
  padding-top:5px;
  font-size:14px;
  line-height:1.55;
  font-weight:normal;
  padding-bottom:0;
}

h4{
  
  font-size:20px;
  
  
}

p{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  padding-top:5px;
  
}

/*PAGE LAYOUT---------------------------------------------------------------*/

#container {
  height:800px;
  width:970px;
  background-color:white;
  margin-left:auto;
  margin-right:auto;
  margin-top:0;
  margin-bottom:0;
  background-image: url(../images/BG.jpg);
  background-repeat:no-repeat;
  
}

#sidebar{
  width:200px;
  height:800px;
  float:left;
  /*background-color:purple;*/
}

#centralArea{
  padding-top:30px;
  /*background-color:#00CCFF;*/
  height:750px;
  float:left;
  width:720px;
}

#headerSpace{
  height:20px;
  width:720px;
 /* background-color:#FFCCFF;*/
}


#mainnav {
  width:720px;
  /*background-color:#FFFF00;*/
}


#mainnav li {
  display:inline;
  
}

#mainnav li a {
  padding-right:5px;
  font-size:14px;
}

#content{
  clear:left;
  width:720px;
  float:left;
  height:660px;
  /*background-color:pink;*/
}

#pageImage{
  width:600px;
  align:left;
}


.column{
  float:left;
  width:330px;
  height: 620px;
  /*background-color:orange;*/
  
}



#firstname {
  /*background-color:blue;*/
  
}


.skinnyCol{
  float:left;
  width:30px;
  height: 600px;
  /*background-color:pink;*/
}


#skinnyColShort{
  float:left;
  width:30px;
  height: 200px;
  /*background-color:pink;*/
}

.column2{
  float:left;
  width:350px;
  /*height: 620px;*/
/* background-color:yellow;*/
}

.picture{
  border:1px solid #CCCCCC;
  padding:10px;
  
}

#flash{
  margin-left:100px;
}

#signature{
  position:relative;
  left:20px;
  top:50px;
}

#footer{
  color:#8C8C8C;
  margin:0;
  clear:left;
  clear:right;
  font-size:10px;
  text-align:center;
  position:relative;
  padding-left:90px;
  top:-20px;
   
}


.space{
  height:5px;
}



/*----------------------------------------------------------NEWS PAGE*/

#mylinks a{
    font-size:14px;
}



/* author -----*/

#bottom{
    clear:left;
  
}


/*-------EXTRACTS-------*/

/*SUBNAV---------*/
#subNav{
  /*position:absolute;
  top:155px;
  left:600px;
  position:relative;  
  bottom:26px;
  left:200px;*/
  cursor:hand;
  cursor:pointer;	
  margin-left:200px;
  padding-top:10px;
  
}


#subNavArea{
  background-image:url(../images/extractsHed.jpg);
  background-repeat:no-repeat;
  height:35px;
  /* background-color:pink;*/
  width:400px;
  
}

#subNav li{
  display:inline;
  padding:0 5px 0 5px;
  font-size:14px;
  border:1px solid #CCCCCC;
  margin-left:2px;
}



#subNav li:hover{
  background-color:#D7D7D7;
  /*cursor:pointer;
  */
  cursor:hand;		/*ie6*/
}


/*-------------------------------------------JS CLASESS-------------------------------------*/

.display{
  display:block;
  
}


.hide{
  display:none;
  
}



/*----------------------------CONTACT FORM----------------------------------*/


.formLabel{
  width:80px;
  display:block;
  font-family:Helvetica,Arial,sans-serif;
  font-size:12px;
  float:left;
  margin:2px;
}


.formEditLabel{
  width:200px;
  display:block;
  font-family:Helvetica,Arial,sans-serif;
  font-size:12px;
  float:left;
  margin:2px;
}


td input{
  width: 280px;
  font-family:Verdana, Helvetica,Arial,sans-serif;
  font-size:12px;
 
}

textarea{
  width: 280px;
  font-family: Verdana, Helvetica,Arial,sans-serif;
  font-size:12px;
  height:200px;
  background-color:#F1F1F1;
  border:1px solid #E0E0E0;
}

form td{
  vertical-align: top;
}

.button {
  background-color:#F1F1F1;
  border:1px solid #E0E0E0;
  padding-left:5px;
  padding-right:5px;
}

.button:hover{
  background-color:#D6D6D6;
  
}

#submit{
  margin-left:10px;
  
}

#enquiryButtons{
  margin-left:285px;
}

#emailError, #nameError, #subjectError {
  color:#FF0000;
  font-size:12px;
  display:none;
  margin-left:10px;
}


#errors{
  font-size:12px;
  margin-left:158px;
  
}



/*orderss*/



#order_firstname, #order_lastname,#order_address1, #order_address2, #order_city, #order_country, #order_postcode, #order_email, #order_tel  {
  background-color:#F1F1F1;
  border:1px solid #E0E0E0;
  width:175px;
 }


#order_numSoftCopies, #order_numHardCopies{
  background-color:#F1F1F1;
  border:1px solid #E0E0E0;
  width:50px;
  float:right;
 }


.formLabel2{
  display:block;
  font-family:Helvetica,Arial,sans-serif;
  font-size:12px;
  margin:2px;
  width:50px;
  
}

.formLabel3{
  display:block;
  font-family:Helvetica,Arial,sans-serif;
  font-size:12px;
  margin:2px;
  width:230px;
  
}


#list {
  list-style:square;
  margin:5px 5px 5px 20px;
  font-size:11px;
  padding:5px;
}



.floatLeft{
  float:left;
  margin-right:30px;
  width:100px;
}



.border{
  border:1px solid black;
  
}


#orderEditTable{
  font-size:12px; 
}

#submitOrder {
  background-color:#D6D6D6;
}



.fieldWithErrors {
  padding: 0 2px 2px 2px 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  font-size:11px;
  margin-left:158px;
  
}


/* REMOVE THIS OFMR HTML */
#errorExplanation h2 {
  display:none;
  
}




.red{
  background-color:red;
  padding-left:10px;
}

#adminLayout{
  background-color:white;
  padding:10px;
  height:800px;
  }


#adminLayout label{
  font-weight:bold;
  font-size:12px;
  }

#adminLayout th{
  text-align:left;
  font-strenght:bold;
  font-size:12px;
}

#adminLayout td{
  text-align:left;
  padding:5px;
  font-size:12px;
}


#orderEdit{
  width:400px;
 /* background-color:pink;*/
  height:550px;
}

#orderEdit input{
  float:right;
}

/*blog*/
#blog_body{
  width:400px;
  height:400px;
  
}

#blog_title{
  width:400px;
}

#blog_created_at_1i{
  width:60px;
}

#blog_created_at_2i{
  width:100px;
}


#blog_created_at_3i, #blog_created_at_4i, #blog_created_at_5i{
  width:50px;
}

/*alterenate row*/

tr.even td{
  background-color:#CCC;
}

tr.odd td{
  background-color:#EEE;
}




/* login*/

#login{
  width:250px;
  border:1px solid #999999;
  padding:30px;
  font-size:12px;
  left:50%;
  margin-left:-125px;
  position:absolute;
  margin-top:120px;
}

#username, #password{
  /*background-color:#F1F1F1;*/
  width:150px;
  float:right;
  margin-left:10px;
  }
  
  #error{
color:red;  
margin-bottom:10px;
}

.adminButt{
padding:5px;
background-color:red;
}

.adminButt:hover{
background-color:gray;
}


#confirm{

  margin:50px;

}


.alert{
font-size:13px;
color:red;
}