@import url("reset.css");
body { margin:0; padding:10px; font:80% arial, sans-serif; background:#fff; color:#091025; } 
p { margin-bottom:1.5em; line-height:1.6; }
#right_col ul {  text-indent: 15px; padding-bottom:5px; padding-top: 5px; padding-top: 40px; margin-left: 0px; }
li {  padding-bottom:0px; line-height:1.6; }
#pagebody li { text-indent: 5px; list-style-type: disc; }
#pagebody ul { text-indent: 40px; margin-left: 20px; margin-top: 5px; color: #870d7b;}
table { font-size:1em; }
table p { margin:0; }
a { color:#870d7b; }
a:hover { text-decoration:none; }
a img { border:2px solid #b365ab; background:#fff; padding:4px; }
a:hover img { border:2px solid #b365ab; background:#fff; padding:4px; }
a img.noback { background:none; padding:0; border:none; }
a:hover img.noback { background:none; padding:0; border:none; }
input, textarea { font-family:arial, sans-serif; font-size:1em; }
h1, h2, h3, h4 { font-family:georgia, serif; font-weight:normal; }
h1 { font-size:2em; line-height:1.4; margin-bottom:0.8em; color:#b365ab; } 
h1 strong { font-weight:normal; color:#c80000; }
h2 { color:#c80000; font-size:1.7em; line-height:1.4; margin:1.6em 0 0.3em 0; } 
h3 { font-size:1.4em; color:#870d7b; } 
h4 { font-size:1.4em; color:#870d7b; border-bottom:2px solid #b8cbee; padding-bottom:4px; margin-bottom:0.6em; } 
img.clsleft { float:left; margin-right:20px; margin-bottom:10px; }
img.clsmiddle { margin-right:20px; margin-left:20px; margin-bottom:10px; }
img.clsright { float:right; margin-left:20px; margin-bottom:10px; }
img.clsborderleft { border:2px solid #b365ab; background:#fff; padding:4px; float:left; margin-right:20px; margin-bottom:10px; } 
img.clsbordermiddle { border:2px solid #b365ab; background:#fff; padding:4px; margin-right:20px; margin-left:20px; margin-bottom:10px; }
img.clsborderright { border:2px solid #b365ab; background:#fff; padding:4px; float:right; margin-left:20px; margin-bottom:10px; }
.datatable { margin-bottom:1.5em; border-bottom:1px solid #d4ccd3; }
.datatable th { padding:3px; color:#1d2d5b; font-weight:bold; border:1px solid #fff; } 

.datatable td { padding:7px 3px; border-top:1px solid #d4ccd3; } 
.datatable input, .datatable textarea { width:350px; }
.notes { font-size:0.9em; } 
.shout { font-size:1.2em; line-height:1.6; color:#bf0808; margin-bottom:1.5em; } 
.shout2 { font-size:1.2em; line-height:1.8; background:#1d2d5b; color:#fff; padding:3px 0; margin-bottom:1.5em; display:inline; border-right:4px solid #bf0808; } 
.submit, .reset { width:80px; border:0; background:#870d7b; color:#fff; cursor:pointer; outline:none; } 
.reset { background:#b365ab; margin-left: 5px; } 
.quote { border:2px solid #870d7b; margin:10px 0px; margin-top: 0; padding:10px; color:#000; font-style:italic; background:#fff; } 
.caption { float:right; width:200px; padding:15px; border:2px solid #b8cbee; background:#fff; margin:0 0 20px 25px;  } 
.custom1 {  } 
.custom2 {  } 
.border { border:2px solid #b8cbee; background:#fff; padding:4px; } 
.noborder, #hbc a.noborder { border:0; }
.clear { clear:both; }
.call { margin-top: 5px; margin-left: -2px;}
#shadow { position:fixed; left:0; z-index:900; width:100%; background:url(shadow.png) repeat-x; height:20px; }
#strip { width: 100%; background: #b365ab; height: 0.4em; padding: 0; margin:0; line-height: 0.1em; }
#container {  position:relative; width:960px; margin:auto; }
#sitelogo { float: left; margin-left:30px; text-align:center; margin-top: 10px;}
#hbc { position:relative; z-index:1000; height:30px; line-height:2.3; text-align:right; }
#hbc a { padding-bottom:1px; color:#fff; text-decoration:none; margin-left:5px; padding-left:8px; border-left:1px solid #5b81ab; }
#hbc a:hover { color:#eaeb73; }
#head { height:125px;  text-align:right; }
#head h2 { margin:0; padding-top:37px; font-size:2.5em; color:#8498b4; }
#menu {  margin-left:2px;  }
#menu_bottom { background:url(menu_bottom.jpg) bottom no-repeat; height: 18px; margin-left:-1px; }

#nav { background:url(menu_back.jpg) top left no-repeat; margin:0; padding:0; margin-left:1px;  }
#nav li { margin-bottom:0; color:#000;  }
#nav a { text-decoration:none; display:block; color:#000000; padding:6px 0 6px 0px; width:248px; margin-left:7px;  }
#nav a:hover { background:#b365ab; color:#FFF; }
#nav li ul { position:absolute; width:218px ; left:-999em;  list-style-type:none; }
#nav li:hover ul ul, #nav li.sfhover ul ul { left:-999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left:auto; margin:-72px 0 0 233px; }
#nav li:hover>/**/ul { margin:-72px 0 0 248px; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left:-999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left:auto; }
#nav ul a { background:#7c2a7e; color:#fff;  }
#nav ul a:hover { color:#fff; }
#main { padding:5px 5px; padding-left:0;  background: white;}
#main_top { background:url(head_back.jpg) center no-repeat #f8faea; height: 35px; text-align:right; padding:16px 10px 0 0; }
#main_top a { color:#fff; }
#left_col { float:right; width:685px; }
#pagebody { position:relative; z-index:10; padding:0; min-height: 470px; width: 685px; }

#right_col { position:relative; z-index:10; float:left; width:266px; }
#right_col p, #right_col h3  { padding:0 15px; margin:0; }
#right_col h3 { font-size:1em; }
#extra {   color:#fff;  }
#extra h2 {  height:25px; border-bottom:3px solid #fff; margin:0 0 10px 0; }

#contact_details_header { background:url(contact_details_header.gif) no-repeat; height:25px; border-bottom:3px solid #fff; margin:0; }
#contact_details_header span { display:none; }
#contact_details { border:2px solid #b8cbee; background:url(contact_details_back.gif) #fff no-repeat right bottom; padding:6px 0 14px 0; }
#contact_details h3 { font-family:arial, sans-serif; color:#173975; margin-top:8px; }
#contact_details a { color:#c80000; }
#contact_details .notes { margin-top:8px; font-size:0.8em; }
#contact_form { margin:10px 0; margin-top: 0; background:url(contact_form_back.jpg) #192650 no-repeat top; padding-bottom:20px; }
#contact_form h2 { background:url(contact_form_header.gif) no-repeat; height:25px; border-bottom:3px solid #fff;  margin:0 0 12px 0; }
#contact_form h2 span { display:none; }
#contact_form fieldset { margin:0 auto; width:230px; }
#contact_form legend { display:none; }
#contact_form label { display:block; padding:4px 0 3px 0; color:#fff; }
#contact_form input, #contact_form textarea { width:220px; padding:2px; background:#2d416f; color:#57badf; cursor:text; border:1px solid #697fb1; }
#contact_form textarea { overflow:hidden; height:120px; margin-bottom:10px; }
#contact_form .submit, #contact_form .reset { width:60px; border:0; background:#b80108; color:#fff; cursor:pointer; font-size:0.9em; outline:none; }
#contact_form .submit { margin-left:103px; }
#contact_form .reset { background:#3e7dc5; }
#extra_two_header {  height:25px; border-bottom:3px solid #fff; margin:0;}
#extra_two_header span { display:none; }
#extra_two { background: #fff no-repeat bottom center;  padding:12px 0; }
#top_pic {  height:150px; border: 1px solid #000; }
#top_pic_extra { position:relative; z-index:200; float:left; top:25px; left:25px; background:url(trans_back.png); padding:14px 14px 14px 14px; width:235px; height:165px; }
#top_pic_extra h2 { background:url(trans_darkback.png); font-size:1.7em; color:#fff; margin:0 0 7px 0; text-indent:4px; }
#top_pic_extra a { padding:3px 7px; background:url(trans_back.png); color:#b80108; text-decoration:none; display:block; float:right; font-weight:bold; font-size:0.9em; }
#top_pic_extra a:hover { background:url(trans_darkback.png); color:#fff; }
#main_bot { background:url(main_bot.png); height:10px; }
#bottom { position:relative; height: 51px;  color:#737c83; background:url(main_bot.jpg) no-repeat;  }
#flash { border: 1px solid #870d7b; margin-bottom: 5px; width: 685px;  }
#bottom_links { float:left; }
#bottom_links a { color:#737c83; text-decoration:none; }
#bottom_links a:hover { color:#ca1d02; }
#copyright { float:right; }
#end { text-align:center; font-size:0.9em; }
#end, #end a { color:#737c83; text-decoration:none; }
#end a:hover { text-decoration:underline; }

#lightbox{ position:absolute; top:40px; left:0; width:100%; z-index:100; text-align:center; line-height:0; }
#lightbox a img{ border:none; }
#outerImageContainer{ position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto; }
#imageContainer{ padding:10px; }
#loading{ position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0; }
#hoverNav{ position:absolute; top:0; left:0; height:100%; width:100%; z-index:10; }
#imageContainer>#hoverNav{ left:0;}
#hoverNav a{ outline:none;}
#prevLink, #nextLink{ width:49%; height:100%; background:transparent url(http://server14.sitewizard.co.uk/sites/totallybespokenew/template/blank.gif) no-repeat; /* Trick IE into showing hover */ display:block; }
#prevLink { left:0; float:left;}
#nextLink { right:0; float:right;}
#prevLink:hover, #prevLink:visited:hover { background:url(http://server14.sitewizard.co.uk/sites/totallybespokenew/template/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background:url(http://server14.sitewizard.co.uk/sites/totallybespokenew/template/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; }
#imageData{ padding:0 10px; }
#imageData #imageDetails{ width:70%; float:left; text-align:left; }	
#imageData #caption{ font-weight:bold;	}
#imageData #numberDisplay{ display:block; clear:left; padding-bottom:1.0em;	}			
#imageData #bottomNavClose{ width:66px; float:right;  padding-bottom:0.7em;	}	 	
#overlay{ position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; } 
.clearfix:after { content:".";  display:block;  height:0;  clear:both;  visibility:hidden; }
* html>body .clearfix { display:inline-block;  width:100%; }
* html .clearfix { /* Hides from IE-mac \*/ height:1%; /* End hide from IE-mac */ }

#guild { float:right; width:167px; }