/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Redefine HTML
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

body { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0px; padding: 20px 20px 40px; font-size: 70%; height: 100%; color: #666666; background: #EAEFF2 url('../Images/Layout/main_bg.jpg') top left repeat-x fixed; }
table, td, th { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0px; vertical-align: top; text-align: left; border: none; border-collapse: collapse;  }
input, select, textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; }
form { margin: 13px 0px; padding: 0px; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Page Layout
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.PageBorder { width: 760px; margin: 0 auto 8px; border: 1px solid #75AAC5; padding: 4px;  } 
div.PageShell { background-color: #FFF; position: relative; } 

div.Header { background-color: #333366; height: 100px; position: relative; }
div.Header div.Logo { width: 216px; padding: 12px 0px 0px 20px; }
div.Header div.Flash { width: 170px; position: absolute; left: 240px; top: 0px; }
div.Header div.Contact { width: 320px; position: absolute; right: 10px; top: 13px; text-align: right;  }
div.Header div.Contact img { display: block; float: right; }
div.Header div.Contact img.Strapline { padding: 0px 0px 15px; }
div.Header div.Contact img.Call { padding-bottom: 9px; }

div.Footer { background-color: #333366; }
div.Footer div.FooterMenu { background: #333366 url('../Images/Footer/footer_bg.jpg') left top repeat-x scroll; height: 50px; text-align: right; font-size: 90%; }
div.Footer div.FooterMenu ul { list-style: none; padding: 16px 15px 0px; margin: 0px auto; }
div.Footer div.FooterMenu ul li { display: inline; }
div.Footer div.FooterMenu ul li.Divider { color: #C5CCD7; }
div.Footer div.FooterMenu li a { padding: 6px 6px;  }
div.Footer div.FooterMenu li a:link,
div.Footer div.FooterMenu li a:visited { color: #5D607F; text-decoration: none; }
div.Footer div.FooterMenu li a:hover { text-decoration: underline; }

div.CopyrightHolder { width: 760px; margin: 0 auto 5px; }
div.CopyrightHolder div.Validated { float: right; width: 130px; padding-top: 5px; text-align: right; }
div.CopyrightHolder div.Copyright { font-size: 90%; margin: 0px auto; color: #778365; }
div.CopyrightHolder div.Copyright a:link, div.CopyrightHolder div.Copyright a:visited { color: #778365; text-decoration: underline; }
div.CopyrightHolder div.Copyright a:hover { color: #778365; text-decoration: underline; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Page Content Columns
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.ContentColumns { width: 100%; margin: 0px; padding: 0px; position: relative;  }

div.ContentColumns div.SideColumn { float: right; margin: 0px 10px 0px 0px; width: 200px; }
div.ContentColumns div.MiddleColumn { margin: 0px 230px 0px 0px; min-height: 300px; }
div.ContentColumns div.Cleaner { clear: both; height: 1px; font-size: 1%; padding: 0px; margin: 0px; }

div.ContentColumns div.SideColumn div.Content { padding: 25px 0px 10px; }
div.ContentColumns div.MiddleColumn div.Content { padding: 25px 15px 10px 15px; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Page Text Styling
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

a:link, a:visited { color: #0066CC; }
a:hover { color: #0066CC; }
a img { border: none; }

h1 { margin: 0px; color: #333366; font-size: 220%; font-weight: normal; border-bottom: 1px solid #75AAC5; padding-bottom: 2px; }
h2 { font-size: 130%; margin: 25px 0px 10px; color: #000; }

h1 em,
h2 em,
h3 em { font-size: 80%; font-style: normal; color: #BBB; }

em.Block { display: block; }

h1 em a:link, h1 em a:visited,
h2 em a:link, h2 em a:visited,
h3 em a:link, h3 em a:visited { color: #AAA; text-decoration: underline; font-size: 90%; }

h1 em a:hover,
h2 em a:hover,
h3 em a:hover { color: #999; }

p { margin: 13px 0px; }

p.Intro { font-size: 130%; color: #003366; }
p.Quote { float: right; width: 150px; margin: 15px 0px; padding: 8px; border: 1px solid #B4D1DE; background-color: #DCEAF0; color: #006699; font-size: 140%; font-style: italic; line-height: 150%; text-align: center; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Login
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.LoginStatusBar { width: 760px; margin: 0px auto; height: 20px; color: #888; position: relative; font-size: 90%; }
div.LoginStatusBar div { }
div.LoginStatusBar div.Left { position: absolute; left: 0px; top: 0px; }
div.LoginStatusBar div.Right { position: absolute; right: 0px; top: 0px; }
div.LoginStatusBar a:link,
div.LoginStatusBar a:visited { color: #888; text-decoration: underline; }
div.LoginStatusBar a:hover { text-decoration: none; }

div.LoginStatusBarSmall {}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Main Menu
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.MainMenu { background: url('../Images/Buttons/menu_bg.gif') left top repeat-x scroll; height: 55px; position: relative; }	
div.MainMenu ul { list-style: none; margin: 0px; padding: 0px; position: absolute; width: 100%; height: 55px; top: 11px; background: url('../Images/Buttons/menu_button.gif') left top repeat-x scroll;  }
div.MainMenu ul li { float: left; margin-top: 0px;  }

div.MainMenu ul li a { display: block; margin: 3px 0px 0px; padding: 11px 10px 11px; text-align: center; border-right: 1px solid; border-color: #DDD;  }

div.MainMenu ul li a:link,
div.MainMenu ul li a:visited { color: #454545; text-decoration: none; }
div.MainMenu ul li a:hover { color: #003366; }

div.MainMenu ul li.Selected { border-bottom: 2px solid #33CCCC; height: 45px; }

div.MainMenu ul li.Selected a:link,
div.MainMenu ul li.Selected a:visited,
div.MainMenu ul li.Selected a:hover { color: #323883; background: url('../Images/Buttons/menu_button_selected.gif') top left repeat-x scroll; }

div.MainMenu ul li#Tab2 a,
div.MainMenu ul li#Tab3 a,
div.MainMenu ul li#Tab4 a,
div.MainMenu ul li#Tab6 a,
div.MainMenu ul li#Tab8 a,
div.MainMenu ul li#Tab9 a { padding: 4px 10px 4px; }

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -- Side Menu
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

img.SideMenuImage { text-align: center; padding: 0px 10px 15px; }

div.SideMenuGreenTop { width: 200px; height: 14px; background: #B5E6E6 url('../Images/Layout/sidemenu/green_top_left.gif') bottom left no-repeat scroll; text-align: right; }
div.SideMenuGreenBottom { width: 200px; height: 14px; background: #B5E6E6 url('../Images/Layout/Sidemenu/green_bottom_left.gif') top left no-repeat scroll; text-align: right; margin-bottom: 20px; }
div.SideMenuGreen { width: 200px; background-color: #B5E6E6; color: #333366; }
div.SideMenuGreen div { background-color: #CBEEEE; padding: 7px 11px; border-top: 2px solid; border-bottom: 1px solid; border-color: #B5E6E6; }
div.SideMenuGreen div a { height: 100%; display: block; }
div.SideMenuGreen div.Title { font-size: 17px; padding: 0px 12px 6px; background-color: #B5E6E6; margin: -5px 0px 0px;; }

div.Tab1 div.SideMenuGreen div.Tab1,
div.Tab2 div.SideMenuGreen div.Tab2,
div.Tab3 div.SideMenuGreen div.Tab3,
div.Tab4 div.SideMenuGreen div.Tab4,
div.Tab5 div.SideMenuGreen div.Tab5,
div.Tab6 div.SideMenuGreen div.Tab6,
div.Tab7 div.SideMenuGreen div.Tab7 
{ color: #FFFFFF; background-color: #8EB0BF; background-image: url(../Images/Layout/Sidemenu/green_arrow.gif); background-attachment: scroll; background-position: right center; background-repeat: no-repeat; }

div.Tab1 div.SideMenuGreen div.Tab1 a,
div.Tab2 div.SideMenuGreen div.Tab2 a,
div.Tab3 div.SideMenuGreen div.Tab3 a,
div.Tab4 div.SideMenuGreen div.Tab4 a,
div.Tab5 div.SideMenuGreen div.Tab5 a,
div.Tab6 div.SideMenuGreen div.Tab6 a,
div.Tab7 div.SideMenuGreen div.Tab7 a
{ color: #FFFFFF; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Product Display
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.RowHolder { margin-top: 30px;  }

div.RowHolder div.Row { height: 185px; }

div.RowHolder div.Row div.Item { width: 151px; height: 165px; overflow: hidden; background: url('../Images/Layout/thumb_bg.gif') top left no-repeat scroll; float: left; margin-right: 15px; position: relative; }
div.RowHolder div.Row div.Item div.Image { position: absolute; top: 10px; left: 10px; }
div.RowHolder div.Row div.Item p.Link { position: absolute; bottom: -5px; left: 10px; }

div.PrintHeader { display: none; } /* hide until printing, show in printproduct stylesheet */

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -- Products Layout
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

div.Details { margin-bottom: 20px; }

div.Back { text-align: right; float: right; margin: 10px 0px 0px; }

div.ProductsHolder { margin: 25px 0px 0px;  }
table.Products { margin-bottom: 0px; width: 90%; }
table.Products td { width: 151px; height: 170px; background: url(../Images/Layout/thumb_bg.gif) top left no-repeat scroll; padding: 10px 0px 0px 10px; }
table.Products td img { padding-bottom: 6px; display: block; }

table.Products td a:link, table.Products td a:visited { color: #0066CC; text-decoration: none; }
table.Products td a:hover  { color: #0066CC; text-decoration: underline; }


div.ProductDetailsTop { height: 14px; background: url(../Images/Layout/Products/top_left.gif) top left no-repeat scroll; margin-top: 10px; background-color: #DCEAF0; text-align: right; }
div.ProductDetailsBottom { height: 14px; background: url(../Images/Layout/Products/bottom_left.gif) top left no-repeat scroll; background-color: #DCEAF0; text-align: right; }
table.ProductDetails { width: 100%; background-color: #DCEAF0; }
table.ProductDetails td.ProductImage { padding: 0px 0px 0px 14px; width: 300px; }
table.ProductDetails td.Right { padding: 0px 14px 0px 10px; }
table.ProductDetails td.ProductDetailsExtended { padding: 15px 14px 0px; }
table.ProductDetails td.ProductDetailsExtended ul { margin: 0px 0px 0px 20px; padding: 0px; }

table.ProductDetails div.RetailPrice { width: 135px; padding: 8px 10px; background-color: #003366; color: #CCCCCC; }
table.ProductDetails div.RetailPrice p { padding: 0px; margin: 0px !important; }
table.ProductDetails div.RetailPrice p em { font-size: 250%; text-decoration: line-through; font-style: normal; }
table.ProductDetails div.SoakPrice { width: 135px; padding: 8px 10px; background-color: #CC0000; color: #FFFFFF; margin: 4px 0px; }
table.ProductDetails div.SoakPrice p { padding: 0px; margin: 0px !important; }
table.ProductDetails div.SoakPrice p em { font-size: 250%; font-style: normal; }
table.ProductDetails div.Summary { margin-top: 10px; }

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -- Opening Times
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

table.OpeningTimes { width: 300px; margin: 15px 0px; }
table.OpeningTimes th { background-color: #CCC; }
table.OpeningTimes th,
table.OpeningTimes td { border: 1px solid #BBB; padding: 4px 8px; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Thumbnail Display
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

/* -- Thumbs List, inline or block with options for editing -- */
div.ThumbsHolder { width: 100%; margin: 0px; }
div.ThumbsHolderContent { }
div.ThumbsHolder div.Image { border: 1px solid #CCC; padding: 1px; margin: 0px 0px 5px 0px; position: relative; }
div.ThumbsHolder div.Image a { display: block; width: 130px; height: 130px; overflow: hidden; }
div.ThumbsHolder div.Image a img { margin: 0px; }
div.ThumbsHolder div.Options { position: absolute; top: 10px; left: 140px; }
div.ThumbsHolder div.Options a { display: inline; }

div.Inline {  }
div.Inline div.Image {  float: left; margin-right: 5px; }

/* -- Normal Thumb -- */
div.ThumbHolder { float: left; width: 95px; height: 95px; margin-left: 0px; margin-top: 0px; }
div.ThumbHolderContent {  }
div.ThumbHolder div.Image { float: left; padding: 0px; margin: 0px; position: relative; }
div.ThumbHolder div.Image a { display: block; width: 130px; height: 130px; overflow: hidden; }
div.ThumbHolder div.Image a img { margin: 0px; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Floating Options
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.FloatingOptions { position: absolute; top: 4px; right: 0px; display: none;  }
div.FloatingOptions.Indented { right: 305px; }
div.FloatingOptions.Static { position: static; left: auto; top: auto; margin-left: 30px; }

div.FloatingOptions ul { list-style: none; margin: 0px; padding: 0px; }
div.FloatingOptions ul li { margin: 0px 0px 0px 2px; padding: 0px; float: left; }
div.FloatingOptions ul li a {display: block; padding: 6px 10px 7px; background-color: #F4F4F4; border-bottom: 1px solid #EEE; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* SideMenu Links -- #E5E5E5
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

a.Link { background-position: 5px 6px; background-repeat: no-repeat; background-attachment: scroll; border-left: none !important; }
a.Link.Add { padding-left: 25px !important;  background-image: url('../Images/Icons/add.gif'); }
a.Link.BulletGo { padding-left: 25px !important;  background-image: url('../Images/Icons/bullet_go.gif'); }
a.Link.Page{ padding-left: 25px !important;  background-image:  url('../Images/Icons/page.gif'); }
a.Link.PageEdit { padding-left: 25px !important;  background-image: url('../Images/Icons/page_edit.gif'); }
a.Link.Print { padding-left: 25px !important;  background-image: url('../Images/Icons/printer.gif'); }
a.Link.Back { padding-left: 25px !important;  background-image: url('../Images/Icons/arrow_undo.gif'); }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Results
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.Results table { font-size: 90%; width: 100%; }
div.Results table th { background-color: #EEE; }
div.Results table th,
div.Results table td { border: 1px solid #CCC; padding: 3px 5px; }

div.Results table tr.Darker { background-color: #F3F3F3; }

div.Results table a:link,
div.Results table a:visited { text-decoration: none; font-weight: bold; }
div.Results table a:hover { text-decoration: underline; }

div.Results table.Highlight tr.over td,
div.Results table.Highlight tr:hover td { background-color: #FFFFCC; }

div.Results table.Sortable th a { display: block; height: 100%;  }
div.Results table.Sortable th a span { text-align: right; }
div.Results table.Sortable th a:link,
div.Results table.Sortable th a:visited { color: #666; text-decoration: none;  }
div.Results table.Sortable th a:hover { color: #666; text-decoration: underline; } 
div.Results table.Sortable th.Selected { background-color: #DDD; }
div.Results table.Sortable th.Selected a:link,
div.Results table.Sortable th.Selected a:visited { color: #CC3300; }
div.Results table.Sortable th span.SortArrow { margin-left: 5px; }

div.Results input.OrdinalUp { background: url(../Images/Icons/arrow_up.gif) left top no-repeat scroll; content: ""; }

div.Results table td.Hot { padding-left: 20px; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Forms
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

fieldset { margin: 10px 0px 30px; padding: 4px 4px 0px; display: block; border: 1px solid #EEE; }
fieldset legend { background: #DDD; color: #666; padding: 5px 20px; border-bottom: 1px solid #CCC; margin-bottom: 10px; display: none; }
fieldset div { margin: 0px 0px 4px; }

fieldset div.InputGroup { position: relative; }
fieldset div.InputItem { padding-left: 130px; position: relative; }

fieldset div.InputItem label { display: block; position: absolute; top: 0px; left: 0px; width: 120px; text-align: right; padding: 4px 0px; color: #999; }

fieldset div input.Text { width: 300px; }
fieldset div input.URL { width: 260px; }
fieldset div input.Date { width: 70px; }
fieldset div input.Number { width: 50px; }
fieldset div input.Postcode { width: 70px; }
fieldset div textarea { width: 80%; height: 80px; }
fieldset div textarea.Tall { width: 98%; height: 150px; }

fieldset div.InputItem.WideLabel { padding-left: 210px; }
fieldset div.InputItem.WideLabel label { width: 200px; }

a.DatePicker { padding-left: 1px; cursor: pointer; }

fieldset em { color: #CC0000; font-style: normal; }
fieldset em.Grey { color: #999; }
fieldset span.ValidationError { color: #CC0000; }
fieldset span.Text { padding: 4px 0px; display: block; }
fieldset span.Limiter { color: #999; text-align: right; font-size: 90%; display: block; width: 70px; position: absolute; right: 0px; top: 0px; }

div.Submit { background: #DCEAF0; margin: 0px; }
div.SubmitContent { padding: 4px 6px; text-align: right; }
div.Submit em { color: #CC0000; font-style: normal; }
div.Submit span.Left { float: left; }

/* fix IE6 */
* html fieldset div.InputItem label { left: -130px; }

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -- Enquiry Form
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

fieldset.EnquiryBox { width: 450px; margin-top: 30px; }
fieldset.EnquiryBox em { color: #CC0000; }
fieldset.EnquiryBox div.InputItem { padding-top: 4px; padding-bottom: 4px; background-color: #DDD; }
fieldset.EnquiryBox legend { padding: 6px 8px; margin: 0px 0px 0px 15px; border: none; background-color: #333366; color: #FFFFFF; display: inline;  }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Errors and Warnings
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.Error,
div.Warning,
div.Info,
div.Success { padding: 10px 10px 10px 40px; margin: 10px 0px 20px; }

div.Error img,
div.Warning img,
div.Info img,
div.Success img { float: left; margin: 7px; }

div.Error { color: #CC0000;  border: 1px solid #E47676; background: #FAE5E5 url('../Images/Icons/messagebox_critical.gif') no-repeat scroll 7px 6px; }
div.Warning { color: #CC6600; border: 1px solid #FFCC00; background: #FFFFCC url('../Images/Icons/messagebox_warning.gif') no-repeat scroll 7px 6px; }	
div.Info { color: #003366; border: 1px solid #76AEE7; background: #E5EFFA url('../Images/Icons/messagebox_info.gif') no-repeat scroll 7px 6px; }
div.Success { color: #006600; border: 1px solid #6DC56D; background: #D9F0D9 url('../Images/Icons/messagebox_tick.gif') no-repeat scroll 7px 6px; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/