/* Global style sheet for new Halsbury web site except from the Home page */

html {padding:0px; margin:0px; height:100%;}
body {background: url(/images/global/bg/MainBg2.gif) no-repeat top center; padding:0px; margin:0px; text-align:center; font-family:arial, san-serif; color:#666; font-size:10pt; background-color:#B7D4DC; height:auto;}


a:link, a:visited {color:#01ABD6;}
a:hover {color:#666;}

.Green:link, .Green:visited {color:#090;}

p {margin:0px; line-height:12pt;}
p.list {line-height:180%;}

h1.trip {color:#09c; font-size:16pt; background-color:#fff;}
.body1 {font-size:8pt;}
.grey1 {font-size:9pt;}
.grey2 {font-size:10pt; line-height:18pt;}
.grey2a {Font-size:12pt; line-height:150%;}
.grey3 {font-size:16pt; font-weight:bold;}
.blk3 {font-size:18pt; font-weight:bold; color:#000;}
.red {color:#c00;}
.red3 {color:#c00; font-size:14pt;}
.orange {color:#f60;}
.orange2 {color:#f60; font-size:12pt; line-height:16pt;}
.blue {color:#09c;}
.blue1 {color:#09c; font-size:9pt; font-weight:bold;}
.blue2 {font-size:12pt; color:#09c; line-height:18pt;}
.blue2b {color:#09c; font-size:10pt; font-weight:bold;}
.red1 {color:#c00; font-size:8pt;}
.white1 {font-size:8pt; color:#fff; font-weight:bold;}
.green {color:#090;}
.green2 {color:#090; font-size:14pt;}
.i {font-style:italic;}
.yell {color:#f3ad01;}
.yell3 {color:#f3ad01; font-size:14pt;}
.clear {clear:both;}
.white3 {font-size:16pt; font-weight:bold; color:#fff;}



h1 {color: #01ABD6; font-size:18pt; font-weight:normal; margin:10px 0px 10px 0px;}

h1.NoImg {font-weight:bold; font-family: arial, gorgia, "serif normal"; background-color:#fff; color:#666; margin:0px 0px 2px 0px; padding:8px 2px 5px 3px; font-size:16pt;}

h1.dred {background-color:#900; font-size:12pt; font-weight:bold;}
h1.blue {background-color:#01ABD6; font-size:12pt; font-weight:bold; color:#fff;}

h2 {color:#09c; font-size:12pt; margin:0px 0px 5px 0px; font-weight:normal;}

h3 {font-weight:normal; font-size:10pt; background-color:#f60; color:#fff; margin:0px 0px 2px 0px; padding:2px 2px 2px 3px;}
h4 {background: url(/images/global/bg/HeaderBg.gif) repeat-x; font-weight:bold; font-size:9pt; color:#fff; margin:0px 0px 2px 0px; padding:3px 2px 5px 3px;}
h4 a:link, h4 a:visited {color:#fff; text-decoration:none;}
h4 a:hover {text-decoration:underline; color:#fff;}
h5 {background-color:#c00; color:#fff; font-size:8pt; font-weight:bold; text-align:center; margin:5px 0px 5px 0px; padding:2px 2px 2px 3px;}
h6 {background:url(/images/global/bg/dRedArrow.gif) no-repeat left; color:#c00; font-size:9pt; margin:0px; padding:3px 3px 3px 25px; font-weight:bold; color:#fff;}
h6 a:link, h6 a:visited {color:#fff; text-decoration:none;}
h6 a:hover {color:#ccc;}
h6.dred {background-color:#900;}
h3.blue {padding:2px 2px 2px 10px; background:url(/images/global/bg/h1.gif) repeat-x left; color:#fff; font-weight:bold;}
h3.orange {background: url(/images/global/OrangeArrowDbl.gif) no-repeat left; padding:2px 2px 2px 20px; background-color:#f60; color:#fff;}

.button:link, .button:visited {background-color:#c00; padding:5px; color:#fff; display:inline; margin:6px; text-decoration:none; }
.button:hover {color:#ccc;}


img {border:none;}
img#border {border:4px solid #ccc;}
.ipl {float:left; margin-right:5px;}
.ipr {float:right; margin-left:5px;}
form {margin:0px;}

Blockquote {margin:5px 0px 10px 30px; padding:0px;}
.redbox {background-color:#c00;}
.yellbox {background-color:#f3ad01;}
.Padding {padding:2px 5px 2px 5px;}

/*Top line is only used on the main index type pages for google to read */
#TopLine {position:relative; margin:0px auto -10px auto; color:#ccc; font-size:8pt; padding:1px 0px 1px 3px; text-align:center;}

#Container {position:relative; margin:10px auto 0px auto; padding:0px 0px 0px 0px; width:780px; text-align:left; background: url(/images/global/bg/PageBg.gif) repeat-y top left; height:100%;}

/*Use this for pages with no left hand side navigation coloumn */
#ContainerNoSide {position:relative; margin:0px auto 0px auto; padding:0px 0px 0px 0px; width:780px; text-align:left; height:100%; background-color:#fff; }

#Side {Display:inline; position:absolute; top:111px; left:10px; width:180px; float:left; height:80%; }
#Main {Display:inline; width:580px; padding:0px; margin:0px 10px 0px 0px; float:right; height:85%;}

/*Use this on pages with no left side nav column  */
#MainNoSide {width:780px; padding:0px; margin:0px; height:100%;}
#MainNoSide h2 {color:#01ABD6; font-size:16px; font-weight:bold; border-bottom:1px solid #01ABD6; margin:10px 0px 10px 0px;}
#MainNoSide h2.short {width:70%;}


.Content {padding:10px;}
/*Use this on pages with no left side nav column  */
.ContentBig {padding:10px;}
.ContentBigMiddle {padding:10px 10px 10px 150px;}

#RightNavBox {float:right; width:170px; margin:5px;}


/*The header tag isnt currently doing anything but thought best to put one in in case I needed it later on */
#Header {margin:0px;}

/*Styling the top navigation */
#TopNav {background-color:#f3ad01; width:760px; height:20px; padding:4px 0px 4px 0px; margin:0px 0px 0px 10px; text-align:right; font-size:9pt; color:#fff;}
#TopNav a:link, #TopNav a:visited {display:inline; color:#fff; text-decoration:none; padding:0px 10px 0px 10px; border-right:1px solid #fff;}
#TopNav .last:link, #TopNav .last:visited {border-right:none;}
#TopNav a:hover {border-bottom:1px solid #fff;}


/*Styling the side navigation.......*/
#SideNav {width:172px; margin:0px 4px 5px 4px; padding:0px;}
#SideNav a:link, #SideNav a:visited {Background: url(/images/global/Nav.gif) no-repeat left; display:block; border-bottom:1px solid #ccc; color:#01abd6; padding:9px 3px 4px 15px; text-decoration:none; font-size:9pt;}
#SideNav a:hover {color:#666;}

/*Styling the side navigation for city list and subject lists 09.06.2009.......*/
#SideNavSec {width:172px; margin:0px 4px 3px 4px; padding:0px;}
#SideNavSec a:link, #SideNavSec a:visited {display:block; border-bottom:1px solid #ccc; color:#01abd6; padding:4px 3px 4px 8px; text-decoration:none; font-size:8pt;}
#SideNavSec a:hover {color:#666;}

#Contacts {text-align:right; float:right; height:24px; color:#09c;}

/*Styling the breadcrumbs */
#Bread {Margin:3px 0px 3px 5px; color:#999; font-size:8pt;}
#Bread .Bread:link, #Bread .Bread:visited {background: url(/images/global/SmallGreyArrows.gif) no-repeat right; padding-right:15px; text-decoration:none; }


/*Styling the list links ex used on the home page and other index pages */
#LinkList a:link, #LinkList a:visited {Background: url(/images/global/BlueArrowDblOnWhite.gif) no-repeat left; color:#09c; display:block; padding:2px 2px 3px 20px; text-decoration:none;}
#LinkList a:hover {color:#999;}

/*Styling the smaller grey list links with ex used on the home page for top offers*/
#LinkListGrey {background-color:#ddd; padding:3px;}
#LinkListGrey a:link, #LinkListGrey a:visited {Background: url(/images/global/GreyArrowDbl.gif) no-repeat left; color:#666; display:block; padding:2px 2px 3px 20px; text-decoration:none; font-size:8pt;}
#LinkListGrey a:hover {color:#999;}

/*Styling the search result list */
#index_main_add {margin:2px 10px 3px 0px; height:125px;}
#index_main_add h2 {background-color:#c00; margin:0px 0px 3px 0px; padding:3px 0px 3px 3px;}
#index_main_add h2 a:link, #index_main_add h2 a:visited{text-decoration:none; background-color:#c00; color:#fff; font-size:10pt;}
#index_main_add h2 a:hover {color:#ccc;}

/*Two coloumn layout where the first column is slightly larger, as used on the home page */
#Col1 {float:left; width:370px; margin:0px 10px 0px 0px;}
#Col2 {float:right; width:183px; margin:0px;}
#Col2w {float:right; width:215px; margin:0px;}

/*These are used to make a two colum layout look on the search results pages*/
#SmallCol1 {float:left; }
#SmallCol2 {float:left; }

/*This just makes a little second nav box on the right hand side */
#SideBox {width:150px; float:right; margin:0px 0px 0px 10px; border:1px solid #999; padding:5px;}

/*This makes a little invisible box for images on the Hotel details pages to sit in */
#ImgSideBox {width:190px; float:right; margin:0px 0px 0px 10px; border-left:1px solid #999; padding-left:10px;}

/*Styling the index pages gallery of offers */
#Gallery {margin:5px 0px 0px 0px; width:360px; padding:0px; height:100%;}
#Gallery ul {margin:0px; padding:0px; list-style-type:none;}
#Gallery li {margin:0px 0px 10px 0px; color:#666; width:360px; height:70px; border-bottom:1px dotted #666; font-size:9pt; list-style-image:none; padding:0px 0px 5px 0px;}

#GalleryOffers {margin:5px 0px 0px 0px; width:350px; padding:0px; height:100%;}
#GalleryOffers ul {margin:0px; padding:0px; list-style-type:none;}
#GalleryOffers li {margin:0px 0px 10px 0px; color:#666; width:350px; height:90px; border-bottom:1px dotted #666; font-size:9pt; list-style-image:none; padding:0px 0px 5px 0px;}


#Gallery h3 {background-color:#f90; margin:0px 0px 0px 0px; padding:2px 0px 2px 0px; font-size:10pt;}
#Gallery h3 a:link, #Gallery h3 a:visited{text-decoration:none; background-color:#f90; color:#fff; font-size:10pt;}
#Gallery h3 a:hover {color:#ccc;}

ul {margin:0px; padding:0px; list-style-image:url(/images/global/BlueDot.gif);}
ul li {margin:0px 0px 0px 20px; padding:0px 0px 0px 0px;}

/*In line list item ex the what is included on the details pages */
#InLineList ul {margin:0px; padding:0px;}
#InLineList ul li {display:inline; font-size:8pt; padding:0px 5px 0px 0px; margin:0px;}

/*Styling the buttons........*/
.Submit{height:20px; width:65px; border:none; background: transparent url("/images/global/submitBlue.gif") no-repeat;}
.RedButton{height:24px; width:250px; border:none; background: transparent url("/images/global/BG/RedButtonBg.gif") no-repeat;}
.Search{height:44px; width:93px; border:none; background: transparent url("/images/global/HpSearch.gif") no-repeat;}
.SearchOrange{height:20px; width:65px; border:none; background: transparent url("/images/global/SearchOrange.gif") no-repeat;}
.Go{height:20px; width:20px; border:none; background: transparent url("/images/global/goBlue.gif") no-repeat;}
.SubmitAudit{height:35px; width:180px; border:none; background: transparent url("/images/global/menus/SubmitAudit.gif") no-repeat;}
.SubmitBig{height:40px; width:200px; border:none; background: transparent url("/images/global/submitBig.gif") no-repeat;}


.BrownBox {background-color:#ffcc77; padding:5px;}
.WhiteBox {border:1px solid #666; padding:5px;}

#Footer{margin:3px 0px 0px 0px; padding:0px 3px 0px 0px; text-align:right; clear:both; font-size:8pt; color:#999;}
#Footer a:link, #Footer a:visited {text-decoration:none; color:#999;}
#Footer a:hover {text-decoration:underline;}

table tr.even {background-color:#fff; height:20px;}
table tr.odd{background-color:#999; height:20px; color:#fff;}

#QuoteList ul li {margin-bottom:8px;}

/*This is the display box for the country/subject on the country/subject pages ex in Brazil you can do: */
#DisBox {float:left; margin:5px 15px 10px 0px; color:#666; width:250px; padding:5px; border:1px solid #ccc; display:inline; font-size:11pt; background-color:#e8e8e8;}
#DisBox a:link, #DisBox a:visited{font-size:10pt; color:#666;}
#DisBox h4 a:link, #DisBox h4 a:visited {color:#fff; text-decoration:none;}

/*This is the display box for the visits on the tour pages */
#DisBoxMenu {float:left; margin:5px 15px 10px 0px; color:#666; width:250px; padding:5px; border:1px solid #ccc; display:inline; font-size:8pt; background-color:#e8e8e8;}
#DisBoxMenu a:link, #DisBoxMenu a:visited{font-size:10pt; color:#01ABD6;}


.PrintOnly {Display:none;}

#DisList ul li {margin:8px 0px 8px 0px; padding:0px; list-style-type:none; clear:both; height:86px; list-style-image:none;}
#DisList img {border:3px solid #ccc;}

#DisListDG ul li {margin:8px 0px 8px 0px; padding:0px; list-style-type:none; clear:both; height:150px; list-style-image:none;}
#DisListDG img {border:3px solid #ccc;}

#WhiteBox {float:right;}
#GreyBox {border:1px solid #999; padding:3px; background-color:#efefef;}
#BlueBox {border:1px solid #999; background-color:#e8f6f9; padding:3px;}

.NavLink:link, .NavLink:visited {font-weight:bold; color:#09c; line-height:180%;}


/*Tabs my version */
#Tabs {font-weight:bold; font-size:11pt; color:#f60; text-align:right; margin:15px 0px 8px 0px; background: url(/Images/global/bg/tab_bg.gif) repeat-x bottom;}
#Tabs ul {padding:0px; margin:0px;}
#Tabs ul li {display:inline; list-style-type:none; list-style-image:none; margin:0px; padding:0px;}

#Tabs a:link, #Tabs a:visited {color:#999; background-color:#efefef; background: url(/Images/global/bg/TabBg.gif) repeat-x; border:1px solid #ccc; border-bottom:none; padding:5px 10px 0px 10px; text-decoration:none;}
#Tabs a:hover {color:#f3ad01;}
#Tabs .cur:link, #Tabs .cur:visited {color:#f3ad01; background-color:#fff; background-image:none;}


/*This adds the sample watermark background ex on sample itineries */
#Sample {background:url(/images/global/Bg/sample.gif) no-repeat top left;}

/*his adds the dest guide bg on visit finder login page*/
#DestGuide {background:url(/images/global/bg/DestGuide.gif) no-repeat top left; width:279px; height:100px;}



/*Used on the bottom of MyBooking page for extra links */
#BoxNav {border:1px solid #ccc; padding:6px;}
#BoxNav ul {margin:0px; padding:0px; }
#BoxNav ul li {list-style-type:none; list-style-image:none; float:left; width:33%; margin:0px; padding:0px 0px 0px 0px;}
#BoxNav ul li a:link, #BoxNav ul li a:visited {display:block; padding:0px 15px 6px 15px; Background: url(/images/global/Nav.gif) no-repeat left;}