﻿body
{
	margin:0;
	padding:0;
    background:#fff;
}

/* Provides centralised frame for site */
#Centrivator
{
	width:810px;
	margin:0px auto 0px auto;
	padding:0px;
}
#Header
{    
    float:left;
    padding:35px 0px 0px 10px;
    margin:0px 0px 10px 0px;
    width:800px;
    background: url(../images/top_bar.jpg) top no-repeat; 
}
#Left
{
    float:left;
    width:175px;
    padding:0px;
    margin:0px 9px 0px 0px;
    position:relative;
    z-index:20;
}
#Center
{
	width:440px;
    float:left;
    padding:0px;
    margin:0px 10px 0px 0px;
    position:relative;
    z-index:10;
}
#Right
{
    width:176px;
    float:left;
}
#Footer
{
    border-top:solid #008CC4 15px;
	width:810px;
    float:left;
    padding:4px 0px 50px 0px;
    margin:20px 0px 0px 0px;
}

/* -------------- Header  -------------------- */
#Header #Logo
{
    float:left;
}
#Header #Advert
{
    float:right;
}

/* ------------ Main Menu --------------------- */
#Left #nav
{
    float:left;
    margin:0px 0px 10px 0px;
	padding: 0;
	list-style: none;
	font-family:verdana;
	font-size:10px;
	border-bottom: 1px solid #ccc;
	}
#Left #nav li {
	position: relative;
	width: 175px;
	float:left;
	}
	
#Left #nav li ul {
	position: absolute;
	left: 174px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	border-bottom: 1px solid #ccc;
	}

/* Styles for Menu Items */
#Left #nav li a {
	display: block;
	text-decoration: none;
	color: #777;
	background: #fff; /* IE6 Bug */
	padding: 4px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	}
#Left #nav li .arrow {
	background-image: url(../images/nav_arrow.gif) ;
	background-repeat: no-repeat ;
	background-position: 158px 6px ;
	}
/* Fix IE. Hide from IE Mac \*/
* html #Left #nav li { float: left; height: 1%; }
* html #Left #nav li a { height: 1%; }
/* End */

#Left #nav li a:hover, .activenav{ color: #008CC4; background-color: #E9E9E9;} /* Hover Styles and active nav */	

#Left #nav li a.arrow:hover {
	background-image: url(../images/nav_arrow.gif) ;
	background-repeat: no-repeat ;
	background-position: 158px 6px ;
}

#Left #nav li:hover ul, #Left #nav li.over ul { display: block; } /* The magic */


/* ------------ Login Buttons and stuff ------------   */
#Left #Login p
{
    float:left;
    padding:0 0 5px 0;
    margin:0;  
}
#Left #Login
{
    float:left;
    padding:0;
    margin:0;  
}
#Left #Login .GoToButton
{
    float:left;
    padding:0 0 5px 0; 
}


/* ----------- Mailing List Subscribe ---------------- */
#Left #Subscribe
{
    float:left;
    border:#cccccc 1px solid;
    padding:20px 3px 3px 3px;
    margin:0px;
    background: url('../images/subscribehead.gif') top no-repeat;
}
#Left #Subscribe .Section
{
    float:left;
    padding:3px 0px;
    width:100%;
}
#Left #Subscribe .Section label
{
    float:left;
    width:45px;
    margin-right:3px;
}
#Left #Subscribe .Section .Textbox
{
    float:left;
    width:115px;
}
#Left #Subscribe .Section .Button
{
    float:right;
}

/* Social Media Links */
#socials
{
  float:left;
  margin-top:7px;
  }
  
#socials a
{
  float:left;
  margin-bottom:5px;
  }

/* ----------- Center General Things ---------------- */
#Center h1
{    
    padding:5px 0px;
    margin:10px 0px;
    border-bottom:solid #008CC4 1px;
}
#Center p
{
    padding:0px;
    margin:5px 0px 10px 0px;
}
#Center hr
{
    color: #6B6B6B;
    background-color: #6B6B6B;
    height: 0px;
    margin:25px 0;
}
#Center #Bread
{    
    padding:3px 0 7px 0;
    margin:0 0 10px 0;
    border-bottom:solid #008CC4 1px;
}                   
#Center .Chunk
{
    float:left;
    margin:0 0 10px 0;
    width:440px;
}                 
#Center .DropDown
{
    float:left;
    margin:0 0 10px 0;
    width:430px;
}                 
#Center .Chunk
{
    float:left;
    margin:0 0 10px 0;
    width:440px;
}

/* Standard Form */
fieldset
{
    width:92%;
    float:left;
    padding:0px 4% 3% 4%;
    margin:0px 0px 10px 0px;  
}
fieldset legend
{
    padding:2px 4px; 
}
fieldset .FormBlock
{
    width:100%;
    padding:0px 0px 4px 0px;
    float:left;
}
fieldset .FormErrorBlock
{
    width:100%;
    padding:4px 0px 4px 0px;
    float:left;
    background-color:#FFE3DF;
    border-top:1px solid #F08A73;
    border-bottom:1px solid #F08A73;
}
fieldset .FormBlock label
{
    float:left;
    width:160px;
    margin:2px 6px 2px 0px;
}
fieldset .FormBlock label.req:after
{
    content:' *';
    font-size:0.8em;
}
fieldset .FormBlock span.Note
{    
    float:left;
    margin:2px 6px 0px 165px;
}
fieldset .FormBlock .TextBox
{
    float:left;  
}
fieldset .FormBlock .Dropdownlist
{
    float:left;
    margin-right:4px;
}
fieldset .FormBlock .Button
{
    float:left;
    margin-left:160px;
}
fieldset .Checkboxlist
{
    width:100%;
    margin:0px 0px 10px 0px;
    float:left;
}
fieldset .Checkboxlist input
{
    float:left;
    margin-right:5px;
}
fieldset .Checkboxlist label
{
    float:left;
    width:160px;
    margin:0px 0px 0px 0px;
}


/* Pager */
#Center .Pager
{
    width:100%;
    padding:5px 0;
    float:left;
    background:#E8E8E8;
}
#Center .Pager p
{
    float:left;
    padding:0 0 0 5px;
    margin:0;
}
#Center .Pager a
{
    float:right;    
    padding:0 5px 0 0;
}

#Center .News
{
    width:428px;
    padding:5px;
	border: 1px solid #C0C0C0;
}

/* SHOPPING BASKET  */
#Right .Basket 
{
    width:174px;
    margin:0px 0px 10px 0px;
    float:left;
    border:#cccccc 1px solid;
    padding:17px 0px 0px 0px;
    background: url('../images/your_basket.gif') top no-repeat;
}
#Right .Basket .Item
{
    float:left;
    width:174px;
    margin-bottom:2px;
}
#Right .Basket .Item h5
{
    width:168px;
    padding:2px 3px;
    float:left;
    background:#DCDCDC;
}
#Right .Basket .Item input
{
    float:left;
    padding:3px 0px 3px 5px;
}
#Right .Basket .Item p
{
    float:left;
    padding:3px 0px 3px 5px;
}
#Right .Basket .Item p.Price
{
    float:right;
    padding:3px 5px 3px 0px;
}
#Right .Basket h6
{
    float:left;
    width:168px;
    padding:2px 3px;
    background:#CCE8F3;
}

/* NEWS SIDE BAR */
#Right .News
{
   width:176px;
   margin:0px 0px 10px 0px;
   float:left;
   padding:0px 0px 0px 0px;
}

/* EVENTS SIDE BAR */
#Right .Events
{
   width:176px;
   margin:0px 0px 10px 0px;
   float:left;
   padding:4px 0px 0px 0px;
}

#Right .SideBanner 
{
    margin:10px 0px;
    float:left;
}

/* Footer Menu */
#Footer p
{
    float:left;
    padding:3px 0px;
    margin:0 0 0 3px;
}
#Footer ul
{
    float:right;
    padding:0;
    list-style:none;
    margin:0;
}
#Footer li
{
    float:left;
    padding:0px;
    list-style:none;
    margin:0 0 0 4px;
}
#Footer a
{
    float:left;
    padding:3px 3px;
    margin:0px;
}

/* Content Positioning */

#Content h2
{
    padding:0px;
    margin:10px 0px;
}
#Content ol
{
    padding:0px 0px 0px 25px;
    margin:0px;
    list-style-position:inside;
}
#Content ul
{
    padding:0px 0px 0px 25px;
    margin:0px;
    list-style-position:inside;
}
#Content li
{
    padding:0px;
    margin:4px 0px;
}

/* Press Pages */
#Center .PressItem
{
    float:left;
    margin:5px 0px 10px 0px;
}
#Center .PressItem h2
{
	width:430px;
    border-bottom:#ccc solid 1px;
}
#Center .PressItem img
{
    width:100%;
    margin:10px 12px 20px 0px;
    float:left;
    width:115px;
    height:85px;
}


/* News Items Pages */
#Center .NewsItem
{
    float:left;
    margin:5px 0px 10px 0px;
}
#Center .NewsItem h2
{
	width:430px;
    border-bottom:#ccc solid 1px;
}
#Center .NewsItem img
{
    width:100%;
    margin:10px 12px 12px 0px;
    float:left;
    width:115px;
    height:85px;
}

/* Partner Pages */
#Center .Partner
{
    float:left;
    margin:5px 0px 10px 0px;
}
#Center .Partner h2
{
	width:430px;
    border-bottom:#ccc solid 1px;
}
#Center .Partner img
{
    width:100%;
    margin:10px 12px 12px 0px;
    float:left;
    width:115px;
    height:85px;
}

/* Breakdown Pages */
#Center .Breakdown
{
    float:left;
    margin:5px 0px 10px 0px;
}
#Center .Breakdown h2
{
	width:430px;
    border-bottom:#ccc solid 1px;
}
#Center .Breakdown .Thumb
{
    width:100%;
    margin:10px 12px 12px 0px;
    float:left;
    width:115px;
    height:85px;
}


/* Review Pages */
#Center .Review
{
    float:left;
    margin:5px 0px 10px 0px;
}
#Center .Review h2
{
	width:430px;
    border-bottom:#ccc solid 1px;
}
#Center .Review img
{
    width:100%;
    margin:10px 12px 12px 0px;
    float:left;
    width:115px;
    height:85px;
}


/* View & Book Pages */
#Center .ViewBook
{
    float:left;
    margin:5px 0px 25px 0px;
}
#Center .ViewBook h2
{
	width:430px;
	padding:0px 0px 3px 0px;
    border-bottom:#ccc solid 1px;
}
#Center .ViewBook .Thumb
{
    width:100%;
    margin:10px 12px 20px 0px;
    float:left;
    width:115px;
    height:85px;
}
#Center .ViewBook .ItineraryLink
{
    float:right;
    margin-bottom:5px;
}

#Center .ViewBook table
{
    width:100%;
	color: #404040;
	font-size: 10px;
	border:solid 1px #98ADB6;
}
#Center .ViewBook table td
{
    padding:3px 5px;
}

/* Gallery */
#Center .Gallery
{
    float:left;
    width:100%;
}
#Center .Gallery img
{
    float:left;
    margin:0px 15px 15px 0px;
    border:1px solid #DCDCDC;
    padding:3px;
}
#Center .Gallery img:hover
{
    border:1px solid #737373;
}


/* Shop Products */
#Center .ShopProducts
{
    float:left;
    margin:5px 0px 25px 0px;
}
#Center .ShopProducts h2
{
	width:430px;
	padding:0px 0px 3px 0px;
    border-bottom:#ccc solid 1px;
}
#Center .ShopProducts .Thumb
{
    width:100%;
    margin:10px 12px 10px 0px;
    float:left;
    width:115px;
    height:85px;
}
#Center .ShopProducts .ItineraryLink
{
    float:right;
    margin-bottom:5px;
}

#Center .ShopProducts table
{
    width:100%;
	color: #404040;
	font-size: 10px;
	border:solid 1px #98ADB6;
    float:left;
}
#Center .ShopProducts table td
{
    padding:3px 5px;
}


/* Tips & Tricks Pages */
#Center .Trick
{
    float:left;
    margin:5px 0px 5px 0px;
}
#Center .Trick h2
{
	width:430px;
    border-bottom:#ccc solid 1px;
    text-decoration:none;
}
#Center .Trick img
{
    margin:10px 12px 15px 0px;
    float:left;
    width:115px;
    height:85px;
}

/* Venue Pages */
#Center .Venue
{
    float:left;
    margin:5px 0px 25px 0px;
}
#Center .Venue h2
{
	width:430px;
    border-bottom:#ccc solid 1px;
	padding:0px 0px 3px 0px;
}
#Center .Venue .Thumb
{
    margin:10px 12px 15px 0px;
    float:left;
    width:115px;
    height:85px;
}
#Center .Venue .Options
{
    float:left;
    width:100%;
}
#Center #VenueThumbs 
{
    float:left;
    margin:0 10px 10px 0;
    width:115px;
}
#Center #VenueThumbs img
{
    margin:0 0 10px 0;
}


/* Tutor Pages */
#Center .Tutor
{
    float:left;
    margin:5px 0px 25px 0px;
}
#Center .Tutor h2
{
	width:430px;
    border-bottom:#ccc solid 1px;
	padding:0px 0px 3px 0px;
}
#Center .Tutor .ImgTbl
{
    margin:10px 12px 5px 0px;
    float:left;
    width:115px;
}
#Center .Tutor .ImgTbl table
{
    width:100%;
    margin:8px 0px 0px 0px;
}
#Center .Tutor .ImgTbl table th
{
    padding:3px 5px;
    background-color:#CCE8F3;
}
#Center .Tutor .ImgTbl table td
{
    padding:3px 5px;
    background-color:#EBEBEB;
}

/* Payment Confirmation */
#Center .PaymentSuccess p
{
    background-color:#CAFF70;
    padding:5px;
}
#Center .PaymentFailure p
{
    background-color:#EE0000;
    padding:5px;
}

/* Gallery Page */
#Center #Gallery
{
    margin:10px 0px;
    float:left;
}
#Center #Gallery img
{
    float:left;
    border:solid 1px #EBEBEB;
    padding:4px;
    margin:0px 8px 8px 0px;
}
#Center #Gallery img:Hover
{
    border:solid 1px #000;
}

/* Standard Thumbnails */
#Center .StandardThumb
{
    float:left;
    width:115px;
    margin:0px 10px 5px 0px;
    background-color: #F0F0F0;
    border-bottom:#D3D3D3 solid 1px;
}
#Center .StandardThumb img
{
    float:left;
    width:115px;
    margin:0px 0px 3px 0px;
}
#Center .StandardThumb p
{
    padding:0;
    margin:2px 0 4px 2px; 
}

/* Big Lists*/
#Center .bigList li
{
  margin-bottom:7px;
  }

/* Old crud to style some forms */
.regforms, .regforms table
{
	font-size: 9px;
	font-family: verdana;
	font-weight: bold;
	color: #7C7C7C;
}
.regforms
{
	padding-left: 5px;
	margin-left: 5px;
}

.formdrops
{
	height: 16px;
}
.regfields
{
	border: 1px solid #B8BBBE;
	font-family: verdana;
	font-size: 10px;
	width: 130px;
}

.bluebar
{
	padding: 0px;
	margin: 0px;
}

.blueline
{
	padding-top:3px;
	margin-top:3px;
}
.bluelinetop
{
	padding-top: 5px;
	margin-top: 5px;
}
.bluelinebottom
{
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.bluelinespacer
{
	padding-bottom: 5px;
	padding-top: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
}





/* Shoppping cart crap */
.itemcost
{
	padding-right:3px;
}
.basketsum
{
	background-color:#CCE8F3;
	color:#323A3C;
	font-size:10px;
	padding-left:3px;
	padding-right:3px;
	padding-bottom:2px;
	padding-top:2px;	
	margin-left:3px;
}
.basketitem
{
	background-color:#DCDCDC;
	color:#323A3C;
	font-size:9px;
	padding-left:3px;
	padding-bottom:2px;
	padding-top:1px;	
	margin-left:3px;
}
.qty, .itemcost
{
	font-size:9px;
	color:#323A3C;	
}