/*css document */

body {
background:  #333333 url("../images/shadow.jpg");
background-position:center top; 
  background-repeat:repeat-y;
  font-size: 1em;
font-family: Helvetica, Arial, Verdana, sans-serif; 
color: black; 
margin: 0 0 0 0; 
padding: 0;}
/** PAGE LAYOUT**/



/*<![CDATA[*/
#wrapper {
	background: white;
	width: 920px;
	/*920 allows 20 margin left and right for total of 960*/
clear: both;
margin: 0 auto 0 auto;
padding: 0;
}

/***************HEADER START******************/
#header {
width: 920px;
margin: 0 auto 12px auto;
background: #ffffff;
border-bottom:1px dotted #825800;
padding: 5px 0 0;
text-align: right;
}
/***************HEADER END******************/

#container {
	width: 100%;
	/* this has opposties - a white background for the content but with the black background for nav */
	background: white url("../images/background.gif") repeat-y left;
	float: right;
	margin-left: -252px;
}

#content {
	background: #FFFFFF;
	margin-left: 252px;
font-size: 0.8em;
padding: 12px 0px 20px 20px;

} /* 
252 (ls) + 20 (content left marg) + 648px (content width) = 920*/

#sidebar {
padding: 0; 
background: #ffffff url("../images/background.gif") repeat-y left;
	width: 250px;
	float: left;
	font-size: 0.8em;
}

/*sidebar  menu*/
#sfnavtype{list-style-type: none; margin: 0; padding: 0; text-align:left; width: 250px;} /*no bullet points*/
#sfnavtype a {width: 245px; color: #333333; display: block;  text-decoration: none; padding: 6px 5px 6px 0; text-align:right;} /*for the links, specified absolutely as we have a fixed width. (width: value is the width of the link text, padding-left: = padding between link text and edge menu) */
#sfnavtype ul a {width: 245px; padding-left: 0; display: block;} /*the drop down menus can be wider (width: doesn't seem to effect anything)*/ 
#sfnavtype li {float: left; width: 250px; font-size: 1em;   
border-bottom: 1px dotted #825800;
padding:0 0;
} 
/*remove border from last link*/
#sfnavtype li.last {
border-bottom: 0; 
}
#sfnavtype ul li {width: 250px;} /*do this for Opera as well, to make the drop down menus wider*/



/*These styles deal with the look and feel of the menu*/
 /*mainmenu when these are hovered over*/
#sfnavtype li:hover, #sfnavtype li.sfhover  {background: #efefef; 
}


#tele {text-align:right; padding-right: 5px;}
#google_translate_element {text-align: right;padding-right: 5px; margin: 20px 0 5px;}
#agents {margin: 20px 5px 20px 0; text-align:center;}
#agents p{padding-top: 3px;}
#agents img {float: left; margin: 0 5px 0 25px;}


/*Header**/
#header ul {margin: 14px auto 6px auto; padding: 0 5px 0 0;   }
#header ul li {font-size: 0.8em;display: inline; color: #000000; padding: 0 10px 0 10px; border-right: 1px solid #825800;
}
#header ul li.last {font-size: 0.8em;display: inline; color: #000000; padding: 0 10px 0 10px; border: 0;}
#header ul li.hide {font-size: 0.8em;display: inline; color: #000000; padding: 0 10px 0 10px; border: 0; display: none;}

#header ul li a:link{color: #000000;  text-decoration:none;}
#header ul li a:visited {color: #444444; text-decoration:none; }
#header ul li a:hover {color: #825800;  text-decoration:underline;}
#header ul li a:focus {color: #825800;  text-decoration:underline;}
#header ul li a:active {color: #847d46;  text-decoration:underline; }

/* remove the fprmatting from the flags */
#header ul li.last a:link,
#header ul li.last a:visited,
#header ul li.last a:hover, 
#header ul li.last a:focus, 
#header ul li.last a:active {text-decoration:none;}

#logo {margin: 0 0 8px 0;}


/*footer links*/
#footer {background: #ffffff; 
width: 920px; margin: 0 auto 20px auto; padding: 10px 0 5px; line-height: 1.5em;  color: white; font-size: 0.7em;
border-top:1px dotted #825800; }

#footer #left-float {width: 260px; padding: 0 0 5px 0;text-align: left; float: left; color: #000000; }
#footer #left-float img { margin: 7px 0;}


#footer ul {margin: 0 auto 0 auto; padding: 0 0 5px 0; list-style-type: none;  text-align: right; float: right;}

#footer #foot-right {width: 225px;  padding: 0 0 5px 0; list-style-type: none;  text-align: right; float: right;}
#footer #foot-centre {width: 175px; padding: 0 0 5px 0; list-style-type: none;  text-align: right; float: right; }
#footer #foot-left {width: 175px; padding: 0 0 5px 0; list-style-type: none;  text-align: right; float: right;}

#footer ul li {font-size: 1em; color: #444; padding: 0 0 0 10px;}
#footer ul li a:link{color: #444444;  text-decoration:none;}
#footer ul li a:visited {color: #777777; text-decoration:none;}
#footer ul li a:hover {color: #000000; text-decoration:underline; }
#footer ul li a:focus {color: #000000; text-decoration:underline; }
#footer ul li a:active  {color: #FF2C00;  text-decoration:underline; }

#footer img {float: left;}






#footer img {float: left;}


.last {
	margin-bottom: 0;
}
.clearing {
	height: 0;
	clear: both;
}

/*]]>*/


/* common styling*/
#content ul li {padding: 5px 0 0;}

img {border: 0; margin: 0;}
a:link{color: #000000;  text-decoration:underline;}
a:visited {color: #444444; text-decoration:underline; }
a:hover {color: #825800;  text-decoration:none;}
a:focus {color: #825800;  text-decoration:none;}
a:active {color: #847d46;  text-decoration:none; }





td {vertical-align: top; padding: 3px;}
p.strong {font-weight: bold;}
div.clearing {clear: both; height: 0;}





h1 { 
font-family: Georgia, 'Times New Roman', serif;
margin: 0 0 15px;
		color: 	#825800;
	font-size: 2em;
}


h2 {
font-family: Georgia, 'Times New Roman', serif;
margin: 8px 0 10px;
	font-size: 1.5em;
	color: #958132;
 } 
 
 
	
	h3 {margin: 0;
	font-size: 1em;
	color: #222222; margin: 9px 0 -9px;
	}
	
div.hide  {display: none;}

div.breadcrumb{
margin: 0 0 18px 0 ; 
font-size: 1.0em;
text-align: right;
}

div.breadcrumb a:link {
text-decoration:underline;
}

div.breadcrumb a:visited {
text-decoration:underline;
}

div.breadcrumb a:hover {
text-decoration:none;
}

#printonly {display: none;}

/***************SIDE  START******************/
#exhibitions-top {background: #101e87 url(../images/exhibitions-top.gif) no-repeat top left; height: 30px;  padding: 3px 7px 0 0;}
#exhibitions-top h2 {color: #fff; font-size: 1.2em; font-weight: normal; padding-left: 7px; }

#exhibitions {
width: 234px; margin: 0 0 0 0;
border-left: 1px solid #ccc;  border-right: 1px solid #ccc;
line-height: 1.5em;
padding: 7px 7px 0 7px;}
/*induvidual exhibitions*/
#exhibitions div {margin: 10px 0 0;}

div.exhibitions-footer {background: white url(../images/exhibitions-bottom.gif) no-repeat bottom left; height: 11px; display: block; margin: 0 0 14px 0;}

/*Home Page*/
div.duo-holder {width: 648px; margin: 5px 0 0 0; clear:both;}
div.duo-left {float: left; width: 270px; margin: 10px 0 20px 0;}

div.duo-right {float: right; width: 360px; margin: 10px 0 20px 0; padding: 0;}

div.duo-left p, div.duo-right p {padding-left: 5px; padding-right: 5px;} 

#feature {float: left; width: 270px; margin: 10px 0 20px 0;
	  background: #efefef url(../images/feature-footer.gif) no-repeat bottom left; 
	  padding: 0 0 20px;
	  color: black;
	}
	#feature h2 {font-size: 1.3em;
	  background: url(../images/feature-top.gif) no-repeat;
	  padding: 10px 20px 0; 
	  color: #cc0000; 
	  margin: 0;
	}
	
	#feature p {
	  padding: 10px 20px 0; 
	  color: #1B220F; 
	  line-height: 1.3;
	  margin: 0;
	}

#homemovie {float: right; margin: 5px 0 10px 20px;}

/*testimonials on home page*/


#testimonial-top {background: #101e87 url(../images/testimonial-top.gif) no-repeat top left; height: 30px;  padding: 3px 7px 0 0;}
#testimonial-top h2 {color: #fff; float: right; font-size: 1.2em; font-weight: normal; padding-right: 10px;}

#testimonial {
width: 344px; margin: 0 0 0 0;
border-left: 1px solid #ccc;  border-right: 1px solid #ccc;
line-height: 1.5em;
padding: 7px 7px 0 7px;}
/*induvidual testimonials*/


div.testimonial-footer {background: white url(../images/testimonial-bottom.gif) no-repeat bottom left; height: 11px; display: block; margin: 0 0 14px 0;}


/*
table.home {width: 100%; margin: 25px 0 0 0; clear: both; margin-left: auto; margin-right: auto; }
table.home td {width: 33%; vertical-align: top; text-align: center; padding: 0 5px 10px;}


table.home-two {width:  100%; margin: 25px 0 0 0; clear: both; margin-left: auto; margin-right: auto ;  }
table.home-two td {width: 50%; vertical-align: top; text-align: center; padding: 0 5px 10px 5px; }
*/

/*contact*/
span.required {color: #FF0000;}

/*links*/
#links {list-style-type: none; margin: 0; padding: 0 0 0 5px;}
#links li {margin: 5px 0;}



/* Price list */
div.message, #return {align: center; width: 630px; margin-left: auto; margin-right: auto; margin-top: 15px; margin-bottom: 10px; text-align: left; font-size: 12px;}

td.range-title {background-color: #8FACD4; text-align: center; vertical-align: middle;  padding: 10px; border: 2px solid #ffffff;}

td.range-title-plus {background-color: #3366CC; text-align: center; vertical-align: middle;  padding: 10px; font-style: italic; border: 2px solid #ffffff;}
td.range-title-plus p {font-size: 12px; margin: 0; color: white; }


table.price-list  td {padding: 3px; border: 1px solid #ccc; font-family: Arial, Helvetica, sans-serif;  font-size: 12px;}


td.vat {font-size: 14px; font-style: italic; text-align: center; padding: 3px; color: white; background-color: #8FACD4; font-weight: bold;}

table.price-list { margin-left: auto; margin-right: auto;  margin-top: 20px; margin-bottom: 20px; width: 600px; border-collapse: collapse; align: center; }
table.price-list th {text-align: left; background-color: #596980; color: white; font-size: 13px; font-family: Arial, Helvetica, sans-serif; border: 1px solid #999999; padding-top: 5px; padding-bottom: 5px;}

/*row 2*/
td.col-head,  td.col-head-size {background-color: #eeeeee; font-weight: bold;  border: 1px solid #999999;}

td.col-head-prem { width: 25%; font-weight: bold; text-align: center; background-color: #6B7E99; color: #fff;  border: 1px solid #999999;}
td.col-head-plus {font-weight: bold; text-align: center; background-color: #6087BF; color: #fff;  width: 25%;}


/*data row s2*/
td.type {width: 25%; text-align: left; font-weight: normal; }
td.desc-col{width: 25%; }
td.price-prem {text-align:center; font-weight: normal; }
td.price-plus {text-align:center; font-weight: normal; background-color: #efefef; }



table.del-charges-parent {width: 630px; border: 0; margin-left: auto; margin-right: auto; }
td.del-heading {background-color: #596980; text-align: center; vertical-align: middle;  padding: 5px; color: white;}
td.del-heading h2{color: white;}

td.del-free { background-color: #cccccc; text-align: center; vertical-aslign: middle;  padding: 10px; font-weight: bold; font-style: italic; font-size: 14px; color: #444444;}


table.del-charges {width: 315px; border: 0; border-collapse: collapse; margin: 10px 0 10px 0;}

table.del-charges td {padding: 3px; font-size: 12px; border: 1px solid #cccccc;}
td.del-title {font-size: 14px; font-style: italic; text-align: left; padding: 3px 2px 3px 2px; color: white; background-color: #596980; font-weight: bold;}

table.del-charges td.county {width: 65%; padding: 5px 0 5px 5px;} 
table.del-charges td.county-fee {width: 35%; text-align: right; padding: 5px 10px 5px 0;} 

/* Order Form */
table.order-form {width: 100%; border: 1px solid #999999; border-collapse: collapse;}
table.order-form td{padding: 4px; border: 1px solid #999999; vertical-align: top;}

/* testimonials page*/
table.items td.testimonial-description {padding:10px 0 10px 0; border-top: 1px dotted #8FACD4;}
img.testimonials
{float: right;
width: 210px;
  padding:  4px 4px 9px 4px;
    border: 1px solid #ccc;
border-top-color: #eee;
  border-right-color: #ddd;
  border-bottom-color: #bbb;
  background-color: #ffffff;
  margin: 0 0 5px 10px;
  }

/*links*/
table.links{width:600px; }
table.links td, table.links th{text-align: left; padding: 7px 5px 7px 5px; font-size: 12px; color: black;}
table.links td a:link, table.links td a:hover, table.links td a:visited {font-weight: bold;}  



/**products*/
/*hlds text above tables*/
div.category {margin: 0 0 30px 0; clear: both;}
img.category-thumb {float: right;  padding:  4px 4px 9px 4px;
    border: 1px solid #ccc;
border-top-color: #eee;
  border-right-color: #ddd;
  border-bottom-color: #bbb;
  background-color: #ffffff; margin-left: 10px; margin-bottom: 20px; width: 200px;}


/*Table of Items  stables*/  
table.items{ margin: 5px 0 0 0; clear: both; 0}
table.items td.item-view { vertical-align: top; text-align: center; width: 320px;}
img.item-thumb {  padding:  4px 4px 9px 4px;
    border: 1px solid #ccc;
border-top-color: #eee;
  border-right-color: #ddd;
  border-bottom-color: #bbb;
  background-color: #ffffff;
  width: 250px; margin: 0 0 5px 0;}

p.pop-up {font-size: 10px; font-style: italic;}

/*Specials Offer **/



table.specials {width: 648px;}
table.specials td {font-size: 12px;}
td.spec-price {text-align: left;}
td.contact {text-align: left; padding: 0 0 30px 0;}

table.specials  h3 {color: #CC0000; padding: 20px 0 0 0; font-size: 16px;}
img.specials-thumb {padding:  4px 4px 9px 4px;
    border: 1px solid #ccc;
border-top-color: #eee;
  border-right-color: #ddd;
  border-bottom-color: #bbb;
  background-color: #ffffff; width: 200px; margin: 0 10px 5px 0; float: left;}

#alert {color: #FF0000; border: 1px solid #bebebe; width: 234px; padding: 5px 3px 5px 5px;
-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; 
-moz-box-shadow: 2px 2px 3px #bbbbbb;
-webkit-box-shadow: 2px 2px 3px #bbbbbb;
box-shadow: 2px 2px 3px #bbbbbb;
margin: 3px auto 5px;
}

/**/
#video {margin: 10px 0 14px 0; }
#video p {margin-top: 3px; }


/*ADMIN*/
th {text-align: left;}