/* Global print style sheet for new Halsbury web site except from the Home page*/

html {padding:0px; margin:0px;}
body {padding:0px; margin:0px; width:100%; font-family:arial, san-serif; color:#666; font-size:10pt; background-color:#ddd;}


a:link, a:visited {color:#01ABD6;}
a:hover {color:#666;}

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;}



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;}


h3.blue {background: url(/images/global/BlueArrowDbl.gif) no-repeat left; padding:2px 2px 2px 20px; background-color:#09c; color:#fff;}
h3.orange {background: url(/images/global/OrangeArrowDbl.gif) no-repeat left; padding:2px 2px 2px 20px; background-color:#f60; color:#fff;}

.PageBreak {page-break-after:always;} 

img {border:none;}
img#border {border:4px solid #ccc;}
.ipl {float:left; margin-right:5px;}
.ipr {float:right; margin-left:5px;}
form {margin:0px;}
.NoPrint {display:none;}

Blockquote {margin:5px 0px 10px 30px; padding:0px;}

/*Top line is only used on the main index type pages for google to read */
#TopLine {display:none;}

#Container {position:relative; margin:0px; padding:0px 0px 0px 0px; width:100%; text-align:left;) 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:100%; text-align:left; }

#Side {Display:none;}
#Main {Display:inline; width:100%; padding:0px; margin:0px; float:right; height:85%;}
/*Use this on pages with no left side nav column  */
#MainNoSide {width:100%; padding:0px; margin:0px; height:100%; background-color:#fff;}
#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:5px;}
/*Use this on pages with no left side nav column  */
.ContentBig {padding:10px;}

#RightNavBox {float:right; width:170px; margin:5px;}

#IndexContainer {position:relative; margin:0px; padding:0px; width:100%; text-align:left; height:100%; background-color:#fff; }
#IndexSide {Display:none;}
#IndexMain {Display:inline; width:90%; padding:0px 0px 0px 0px; margin:0px 10px 0px 0px; float:right; height:85%; }


/*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 {display:none;}


/*Styling the side navigation */
/*Styling the side navigation.......*/
#SideNav {display:none;}


/*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 #f60; 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;}

#Contacts {display:none;}


/*Styling the breadcrumbs */
#Bread {display:none;}

.BrownBox {background-color:#ffcc77; padding:5px;}
.WhiteBox {border:1px solid #666; padding:5px;}

#WhiteBox {float:right;}
#GreyBox {border:1px solid #999; padding:3px; background-color:#efefef;}
#BlueBox {border:1px solid #999; background-color:#e8f6f9; padding:3px;}

/*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:150px; margin:0px;}
/*These are used to make a two colum layout look on the search results pages*/
#SmallCol1 {float:left; }
#SmallCol2 {float:left; }


/*Styling the index pages gallery of offers */
#Gallery ul {margin:0px; padding:0px; list-style-type:none; }
#Gallery {margin:5px 0px 0px 0px; width:60%; padding:0px; height:100%; }
#Gallery li {margin:0px 0px 20px 0px; color:#666; height:100px; border-bottom:1px dotted #666; font-size:9pt;}

#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-type:square;}
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;}

/*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:150px; margin:0px;}
#Col2w {float:right; width:215px; 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:20px; width:65px; border:none; background: transparent url("/images/global/SearchBlue.gif") no-repeat;}
.Go{height:20px; width:20px; border:none; background: transparent url("/images/global/goBlue.gif") no-repeat;}

#Footer{margin:3px 0px 0px 0px; padding:0px 3px 0px 0px; text-align:left; font-weight:normal; clear:both; font-size:16pt; color:#01ABD6;}

table {width:70%;}
table .tbPrintWide {width:600px;}
table.PrintWide {width:110%;}

#QuoteList ul li {margin-bottom:8px;}

#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;}

#Tabs {display:none;}

#DisListDG {width:400px;}
#DisListDG ul li {margin:8px 0px 8px 0px; padding:0px; list-style-type:none; clear:both; height:120px; list-style-image:none;}
#DisListDG img {border:3px solid #ccc;}

#DisListTab {width:400px;}
#DisListTab ul li {margin:8px 0px 8px 0px; padding:0px; list-style-type:none; clear:both; list-style-image:none;}
#DisListTab img {border:3px solid #ccc;}


/*This is the display box for the country/subject on the country/subject pages ex in Brazil you can do: */
#DisBox {margin:5px 15px 10px 0px; color:#666; width:300px; 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 {background-color:#09c; color:#fff; text-decoration:none; width:100%; padding:3px;}


#DG {display: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;}
