/*
Theme Name: Leisure Quests
Theme URL: http://www.techdesigns.co.uk
Description: 
Version: 1
Author: Joey Robinson
Author URL: http://www.techdesigns.co.uk
Latest updated: 18th March 2010
*/

html, body{ margin:0; padding:0; text-align:center; background:url(img/bg.jpg) top center repeat-x #002FB2;} 
 
#pagewidth{ width:960px; text-align:left; margin-left:auto; margin-right:auto; background:url(img/page_bg.jpg) top center repeat-y;} 

#page{ width:904px; text-align:left; margin-left:auto; margin-right:auto; background:url(img/page.jpg) top center no-repeat; padding: 30px 28px 0px 28px;} 

#header{ position:relative; height:160px; width:904px;padding: 0px; margin:0px;background:url(img/header.jpg) top center no-repeat;} 

#webaddress{ position:relative; height:160px; width:450px;padding: 0px 0px 0px 0px; text-align:left;} 
#webaddress h1{margin:0px 0px 0px 0px;padding:0px;float:left;width:450px;}
#webaddress h1 a{display:block;width:450px;height:160px; }
#webaddress h1 a:hover{display:block;width:450px;height:160px;}
#webaddress h1 span{display:none;}


.submit2{ border:1px solid #CCCCCC; color:#FFFFFF; font-weight:bold; font-family:verdana; font-size:12px; background-color:#333333; margin: 4px 0px 0px 4px; padding:1px 3px 1px 3px; }
.textbox2{ border:1px solid #CCCCCC; color:#FFFFFF; font-weight:bold; font-family:verdana; font-size:12px;  background-color:#333333; margin: 0px 0px 0px 0px;padding: 2px;}

#headerleft{ position:relative; height:160px; width:450px; float:left; clear:left; display:block; text-align:left;} 
#headerright{ position:relative; height:158px; width:370px; float:right; clear:right; display:block; text-align:right; padding: 2px 2px 0px 0px;} 

#viewbasket{ position:relative; height:75px; width:270px;float:right;padding: 0px 0px 0px 0px; text-align:right;} 
#viewbasket h5{margin:0px 0px 0px 0px;padding:0px;float:right;width:270px;}
#viewbasket h5 a{display:block;width:270px;height:75px;background:url(img/basket.jpg) top left no-repeat; }
#viewbasket h5 a:hover{display:block;width:270px;height:75px;background-position: -270px 0px;}
#viewbasket h5 span{display:none;}
 

#tabs {clear:both; display:block; line-height:normal; margin: 0px 10px 0px 0px; width:260px; float:right; height: 27px; text-align:right; padding: 0px 0px 0px 0px;overflow:hidden; }
#tabs ul { margin:0; padding:0px 0px 0px 0px; list-style:none;float:right; font-family: arial; font-size: 14px; font-weight:bold; font-style:italic;}
#tabs li { display:inline; margin:0; padding:0;}
#tabs a { float:left; background:url(img/tab.gif) no-repeat left top; margin:0px 0px 0px 2px; padding:0 0 0 15px; text-decoration:none; }
#tabs a span { float:left; display:block; background:url(img/tab2.gif) no-repeat right top; padding:5px 15px 6px 0px; color: #FFFFFF; }
 /* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
 /* End IE5-Mac hack */
#tabs a:hover span { color: #FFFFFF; }
#tabs a:hover { background-position:0% -42px; color: #F0F8FF; }
#tabs a:hover span { background-position:100% -42px; color: #F0F8FF; }
#tabs #current a { background-position:0% -42px; }
#tabs #current a span { background-position:100% -42px;}

#dropdownmenu{width:349px; float:right; clear:both; text-align:right; height:36px; padding: 21px 10px 0px 0px; }
.dropDown {width: 180px;}

#leftcol{ width:207px; float:left; position:relative; padding:2px 2px 0px 2px;}
#leftcol h2{ width:207px; float:left; margin:0px; padding:0px; position:relative; overflow-x:hidden; height:45px; display:block; background:url(img/h001.jpg) top left no-repeat;}
#leftcol h2 span{display:none;}
#leftcol h3{ width:207px; float:left; margin:0px; padding:0px; position:relative; overflow-x:hidden; height:45px; display:block; background:url(img/h002.jpg) top left no-repeat;}
#leftcol h3 span{display:none;}
#leftcol h5{ width:207px; float:left; margin:0px; padding:0px; position:relative; overflow-x:hidden; height:45px; display:block; background:url(img/h003.jpg) top left no-repeat;}
#leftcol h5 span{display:none;}
#leftcol h6{ width:207px; float:left; margin:0px 0px 5px 0px; padding:0px; position:relative; overflow-x:hidden; height:45px; display:block; background:url(img/h004.jpg) top left no-repeat;}
#leftcol h6 span{display:none;}


#menu {list-style: none; clear:left; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
ul#menu {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;list-style: none; width:207px;}
ul#menu li{margin: 0px 0px 0px 0px; display: block; font-weight:bold; font-family:arial; color:#002FB2; font-style:italic; font-size:15px; text-decoration:none; }
ul#menu li a{ width: 164px; display: block; background:url(img/menu.gif) top left no-repeat; padding: 11px 5px 11px 38px;  text-decoration:none; color:#002FB2;margin: 0px 0px 0px 0px; vertical-align: bottom;}
ul#menu li a:hover{ background-repeat: no-repeat; background-position: -207px 0px; text-decoration:none; color:#FF0000; }

#menu2 {list-style: none; clear:left; }
ul#menu2 {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;list-style: none; width:207px;}
ul#menu2 li{margin: 0px 0px 0px 0px; display: block; font-weight:bold; font-family:arial; color:#FF0000; font-style:italic; font-size:15px; text-decoration:none; }
ul#menu2 li a{ width: 164px; display: block; background:url(img/menu.gif) top left no-repeat; padding: 11px 5px 11px 38px;  text-decoration:none; color:#FF0000;margin: 0px 0px 0px 0px; vertical-align: bottom;}
ul#menu2 li a:hover{ background-repeat: no-repeat; background-position: -207px 0px; text-decoration:none; color:#002FB2; }

#menu3 {list-style: none; clear:left; }
ul#menu3 {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;list-style: none; width:207px;}
ul#menu3 li{margin: 0px 0px 0px 0px; display: block; font-weight:bold; font-family:arial; color:#002FB2; font-style:italic; font-size:14px; text-decoration:none; }
ul#menu3 li a{ width: 164px; display: block; background:url(img/menu.gif) top left no-repeat; padding: 11px 5px 11px 38px;  text-decoration:none; color:#002FB2;margin: 0px 0px 0px 0px; vertical-align: bottom;}
ul#menu3 li a:hover{ background-repeat: no-repeat; background-position: -207px 0px; text-decoration:none; color:#FF0000; }

#comments {width:187px; margin:0px 0px 0px 0px; line-height:1.5em;padding: 10px 10px 10px 10px; display:block; color:#002FB2; font-weight:bold; font-family:arial; font-size:14px; font-style:italic;}
#comments a{color:#002FB2;text-decoration:none;}
#comments a:hover{color:#000000; text-decoration:none;}

#socialnetworking {width:187px;  line-height:1.5em;margin:5px 0px 0px 0px; padding: 10px 10px 10px 10px; display:block; color:#000000; font-weight:bold; font-family:arial; font-size:14px; font-style:italic; background:url(img/menu_divider.gif) top left no-repeat;}

#twitter{ position:relative; height:70px; width:98px;padding: 0px 0px 0px 0px; text-align:left;float:left;overflow:hidden;}  
#twitter h4{margin:0px 0px 0px 0px;padding:0px;float:left;width:98px;}
#twitter h4 a{display:block;width:98px;height:70px;background:url(img/twitter.jpg) top left no-repeat; }
#twitter h4 a:hover{display:block;width:98px;height:70px;background-position: -98px 0px;}
#twitter h4 span{display:none;}

#facebook{ position:relative; height:70px; width:98px;padding: 0px 0px 0px 0px; text-align:left;float:left; overflow:hidden;} 
#facebook h4{margin:0px 0px 0px 0px;padding:0px;float:left;width:98px;}
#facebook h4 a{display:block;width:98px;height:70px;background:url(img/facebook.jpg) top left no-repeat; }
#facebook h4 a:hover{display:block;width:98px;height:70px;background-position: -98px 0px;}
#facebook h4 span{display:none;}

#maincol{ float: right; display:inline; position: relative; width:633px; padding: 30px 30px 0px 30px; color:#333333; font-size: 13px; font-family:verdana;  }
#maincol h1, #maincol h2, #maincol h3, #maincol h4 { color:#002FB2; clear:both; font-family:comic sans MS; font-size: 18px; font-weight:bold;font-style:italic; letter-spacing:1px;padding: 0px 10px 20px 10px; margin: 0px; background:url(img/h1.gif) top left no-repeat;}
#maincol h1 a{ text-decoration:none;  color:#002FB2;}
#maincol h1 a:hover{  text-decoration:none;  color:#002FB2;}
#maincol p{ color:#333333; font-size: 13px; font-family:verdana;  line-height:1.9em;}
#maincol a{ color:#333333; }
#maincol a:hover{ color:#333333; text-decoration:none;}
#maincol ul{ color:#333333; font-size: 13px; line-height:1.9em;}
#maincol ol{ color:#333333; font-size: 13px; line-height:1.9em;}


#productssection{width:633px; clear:both; padding: 20px 0px 20px 0px;}



.productdisplay {width:198px; background:url(img/product_bg.jpg) top center no-repeat; padding: 9px 9px 9px 9px;text-align:center; margin:0px 3px 0px 3px; float:left; overflow:hidden;}
.productimage {width:180px; border:0px; margin: 0px auto 0px auto; padding: 0px;}
table.productdisplay a{text-decoration:none;}
table.productdisplay :hover{tcolor:#FF0000;}

.red{color:#FF0000; font-family:arial; font-size:14px; font-weight:bold;}
.blue{color:#003399;font-family:arial; font-size:14px; font-weight:bold;}
 
#footer{ height:58px; width: 870px; padding:74px 45px 0px 45px; background:url(img/footer.jpg) top center no-repeat; clear:both; text-align:left; margin-left:auto; margin-right:auto;font-weight:bold; font-family:arial; color:#FFFFFF; font-style:italic; font-size:14px;} 
#footer a{ color:#FFFFFF;} 
#footer a:hover{ color:#FFFFFF; text-decoration:none;} 

 

 
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */ 


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}





img.centered {display:block; margin-left:auto; margin-right:auto;}
img.alignright {float:right; clear:right; padding: 0px 0px 10px 10px;}
img.alignleft {float:left; clear:left; padding: 0px 10px 10px 0px;}
.aligncenter { display: block; margin-left: auto; margin-right: auto;}
.alignright {float:right; clear:right; padding: 0px 0px 10px 10px;}
.alignleft {float:left; clear:left; padding: 0px 10px 10px 0px;}



div.formlayout {
width: 600px;
background-color: #fffff;
padding: 0px;
margin: 0px auto;
float:left;
 }
 
div.row {
width: 550px;
  clear: both;
  padding-top: 5px;
  }

div.row span.label {
  float: left;
  width: 250px;
  padding-top: 0px;
  padding-right: 4px;
 margin-bottom: 3px;
  text-align: right;
  }

div.row span.formw {
  float: right;
  width: 300px;
  text-align: left;
  } 

.enquiryform{width:250px;}

#footertext { clear:both; color:#EEEEEE; width: 500px; padding: 10px 0px 20px 0px; font-size: 11px; margin-left:auto; margin-right:auto; font-family:verdana;}
#footertext a { color:#EEEEEE; font-size: 11px; text-decoration:none;}
#footertext a:hover { color:#FFFFFF; font-size: 11px;  }