/*---[ undohtml ]-------------------------- */

:link,:visited { text-decoration:none }

ul,ol { list-style:none }

h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

a img,:link img,:visited img { border:none }

address { font-style:normal }

body{
	font-family:Tahoma,Arial,sans-serif;
	color: #003366;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
	background-color:#336699;
	font-size:small;
	text-align: left;
}

a:link, a:visited, a:hover {
color: #003366;
font-weight:bold;
text-decoration:none;
}

a:hover {
text-decoration: underline;
}
/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
font-family: Tahoma, Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
}

h1{
font-size:190%;
font-weight:bold;
color: #336699;
margin:0 0 10px 0;
}

h2{
font-size: 140%;
color: #003366;
}
h2.booking{
font-size: 120%;
color: #003366;
}

h3{
font-size: 120%;
color: #003366;
}

h4{
font-size: 100%;
font-weight: normal;
color: #333333;
}

h5{
font-size: 100%;
color: #334d55;
}

p	{
font-size:100%;
line-height: 1.3;	
}

.Validator
{
	font-weight:bold;
}

.Validator li
{
	list-style-type:none;
}


/*---[ lists ]---------------------------*/

ul{
margin:10px 0;
list-style-type: square;
}

ul ul{
list-style-type: disc;
}

ul ul ul{
list-style-type: none;
}

ul.basiclist	{
margin:10px 0;
list-style-type:square;
}

ul.basiclist li	{
margin-left:20px;
margin-top:5px;
}

ol	{
margin:10px 0;
list-style-type:decimal;
}

ol li	{
margin-left:25px;
margin-top:5px;
}

ol.basicorderedlist	{
margin:10px 0;
list-style-type:decimal;
}

ol.basicorderedlist li	{
margin-left:25px;
margin-top:5px;
}


ul.biglist	{
list-style:square;
margin:10px 0;
}

ul.biglist li	{
margin-left:20px;
margin-top:5px;
font-size:180%;
}


label{
font: bold 100% Arial,sans-serif;
color: #334d55;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#wrapper	{
width:650px;
margin:10px auto;
padding:10px;
border-left:1px solid #003366;
border-right:1px solid #003366;
background-color:#fff;
}

#masthead{
margin:0;
padding:0;
width: 100%;
}

#headerpic	{
width:460px;
}

#navbar{
margin: 0 0 0 0;
padding: 0px;
float:right;
width:180px;
height:160px;
background-image:url(../images/subNavBG.gif);
}

#indexnavbar{
margin: 0 0 0 0;
padding: 0px;
width:180px;
height:160px;
background-image:url(../images/subNavBG.gif);
}

#contactstrap	{
/*background-image:url(images/contactStrapBG.gif);*/
border-top:1px solid #999;
border-bottom:1px solid #999;
margin:10px 0;
padding:5px 0;

}

#contactstrap p	{
font-size:90%;
line-height:150%;
color:#003366;
font-weight:bold;
text-align:center;
padding:2px 0 0 0;
margin:0;
}

#contactstrap a:link, #contactstrap a:visited	{
text-decoration:underline;
}

#content{
margin: 0;
padding: 0 0 0 0;
clear:both;
}

#indextop	{
margin:0 0 5px 0;
}

#indexrightcol	{
float:right;
width:180px;
height:345px;
}

#taglines	{
width:180px;
padding-top:20px;
}

#taglines h2	{
font-size:135%;
font-weight:bold;
font-style:italic;
line-height:170%;

}


/***********************************************/
/*Component Divs                               */
/***********************************************/

#siteName{
margin: 0px;
padding: 0px 0px 10px 10px;
}


/*************** #pageName styles **************/

#pageName{
padding: 0px 0px 10px 10px;
}


/************* #globalnav styles **************/

#globalnav{
width:650px;
color: #999;
margin:6px 0px;
padding: 0px 0px 0px 0px;
/*white-space: nowrap;*/
}
/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
this will force a horizontal scrollbar if there isn't enough room for all links
remove rule or change value to 'normal' if you want the links to line-wrap */

#globalnav img{
display: block;
}

#globalnav a {
font-size: 90%;
font-weight:bold;
padding: 0px 4px 0px 0px; 
}


/************* #breadCrumb styles *************/

#breadCrumb{
font-size: 80%;
padding: 5px 0px 5px 10px;
}


/************** .feature styles ***************/

.feature{
padding: 0px 0px 10px 0px;
}

.feature h3{
padding: 30px 0px 5px 0px;
text-align: center;
}

.feature img{
float: left;
padding: 0px 10px 0px 0px;
margin: 0 5px 5px 0;
}
/* adjust margins to change separation between the feature image and text flowing around it */


.intro{
font-family:Arial, Helvetica, sans-serif;
padding: 10px 0px 10px 0px;
}

.intro h1	{
float:right;
font-size:120%;
font-weight:bold;
color:#003366;
}

.intro img{
float: left;
margin:0 30px 10px 0;
border: 1px solid #999;
}


/************** .story styles *****************/

.story{
clear: both;
padding: 10px 0px 0px 10px;
font-size:90%;
}

.story p{
padding: 0px 0px 10px 0px;
}


/************* #footer styles ***************/

#footer{
clear: both;
padding: 10px 0 0 0;
margin-top:0px;
}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
the bottom border of the navbar in cases where they "touch" */

#footer p	{
font-size:90%;
text-align:center;
color: #999;
border-top: 1px solid #999;
padding:10px 0 10px 0;
}

#footer img{
padding: 4px 4px 4px 0px;
vertical-align: middle;
}


/*---[ maincol ]-------------------------------------*/
#maincol	{
float:left;
width:420px;

}

/*---[ rightcol ]------------------------------------*/

#rightcol	{
width: 202px;
float: left;
margin:20px 0 0 28px;
}

#rightcol h1	{
margin:0;
padding:0;
font-size:120%;
font-weight:bold;
color:#CC0000;
}

#rightcol h2	{
margin:0;
padding:0;
font-size:110%;
font-weight:bold;
color:#264666;
}

#rightcol h3	{
margin:0;
padding:0;
font-size:100%;
font-weight:bold;
color:#264666;
}

.rightcolindent	{
float:right;
width:140px;
/*margin-left: 60px;*/
}

.locations	{
height:50px;
border-bottom:1px solid #999;
margin-bottom:15px;
}

#rightcolwide	{
width: 250px;
float: left;
margin: 5px 0 0 15px;
}

.phonenumber	{
font-family:Arial, Helvetica, sans-serif;
font-size:110%;
font-weight:bold;
color:#264666;
margin:0;
padding:0;
}

/************* #search styles ***************/

#search{
padding: 5px 0px 5px 10px;
border-bottom: 1px solid #cccccc;
font-size: 90%;
}

#search form{
margin: 0px;
padding: 0px;
}

#search label{
display: block;
margin: 0px;
padding: 0px;
}


/*********** #navbar link styles ***********/

#navbar ul a:link, #navbar ul a:visited {display: block;}
#navbar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navbar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navbar li {border-bottom: none;}

/*---[ indexnavbar ]-----------------------*/

#indexnavbar ul a:link, #indexnavbar ul a:visited {display: block;}
#indexnavbar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#indexnavbar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #indexnavbar li {border-bottom: none;}


/*********** #sectionlinks styles ***********/

#sectionlinks{

margin:0px 0 0 0px;
padding:20px 0 0 0;
border-bottom: 1px solid #fff;
}

#tablesectionlinks{
position: relative;
margin:20px 0 0 0px;
padding:0px;
border-bottom: 1px solid #fff;
}

#sectionlinks h3{
padding: 10px 0px 2px 10px;
}

#sectionlinks a:link, #sectionlinks a:visited{
font-size:90%;
color:#fff;
font-weight:bold;
padding: 6px 0px 6px 20px;
border-top: 1px solid #fff;
width: auto;
background-image:  url(../images/yellow_navBullet.gif);
background-repeat:	no-repeat;
background-position:left center;
voice-family: "\"}\""; 
voice-family:inherit;
width: auto;

}

#sectionlinks a:visited{
color:#fff;
border-top: 1px solid #cccccc;
padding: 6px 0px 6px 20px;
}

#sectionlinks a:hover{
border-top: 1px solid #cccccc;
padding: 6px 0px 6px 20px;
color:#FFFF00;
text-decoration:underline;
}


/*********** .relatedLinks styles ***********/

.relatedLinks{
margin: 0px;
padding: 0px 0px 10px 10px;
font-size: 90%;
}

.relatedLinks h3{
padding: 10px 0px 2px 0px;
}


/************** #advert styles **************/

#advert{
padding: 10px 0px 0px 10px;
font-size: 80%;
border-top: 1px solid #cccccc;
}

#advert img{
display: block;
}


/************** #headlines styles **************/

#headlines{
margin: 0px;
padding: 10px 0px 20px 10px;
font-size: 80%;
}

#headlines p{
padding: 5px 0px 5px 0px;
}

/*---[ forms ]--------------------------------------------*/

form#enquiry	{
margin: 20px 0 0 0;
height: expression('1%'); /* IE Pick-a-boo bug fix */
}

#enquiry label{
font-size: 100%;
width: 200px;
float: left;
text-align: left;
margin: 0 5px 10px 10px;
clear: both;
display:block;
}

#enquiry .inputbox	{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size:100%;
float: left;
margin-bottom: 10px;
padding:0 0 0 2px;
width: 220px;
border: solid 1px #999;
}

#enquiry .inputbox:hover, #enquiry .inputbox:focus,
#enquiry .textarea:hover, #enquiry .textarea:focus,
#enquiry select:hover, #enquiry .select:focus {
border: solid 1px #CC0000;
}

#enquiry .textarea	{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size:100%;
float: left;
margin-bottom: 10px;
padding:2px;
width: 220px;
height: 50px;
border: solid 1px #999;
}

#enquiry .radiobutton	{
float:left;
}

#enquiry #submitbtncontainer	{
text-align:center;
}

#enquiry .submitbutton	{
clear: both;
color: #000;
background: #f0f0f0;
border: 1px solid #999;
}

#enquiry .submitbuttonimage
{
float: left;
clear: both;
}

#enquiry fieldset
{
border: #999 solid 1px;
width: 100%;
margin: 10px 0 10px 0;
}

#enquiry legend
{
/*background: #fb0;*/
/*border: #26a solid 1px;*/
padding: 5px 5px;
margin-left:10px;
font-size:110%;
font-weight: bold;
color: #264666;
}

#enquiry .label { display: block; width: auto; }

/* .label is typically used on a span or p tag to label a radio or checkbox group */
#enquiry label.prefield, #enquiry .label  {
display: -moz-inline-box;
display: inline-block;	
width: expression('7em'); /* Min-width for IE6 */
min-width: 7em;
padding: 0 2px;
margin: 0.6em 4px 0 0;
}

#enquiry .postfield  {
margin-left: 4px;
margin-right: 4px;
font-size:100%;
text-align: left;
}

/* Ties together a label and its checkbox or radio */
#enquiry .onechoice {
white-space: nowrap;
}

#enquiry #disclaimer	{
margin:10px 0;
}

.required	{
background-color:#FFCC00;
}

br	{clear:left;}

/*---[ enquirytable ]----------------------------------------------*/

form#enquirytable	{
margin: 20px 0 0 0;
height: expression('1%'); /* IE Pick-a-boo bug fix */
}

#enquirytable table{
border:none;
}

#enquirytable td	{
border:none;
vertical-align:top;
text-align:left;
}

#enquirytable label{
font-size:90%;
width:200px;
text-align: left;
margin: 0 5px 10px 0px;
}

#enquirytable .inputbox	{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size:90%;
float: left;
margin-bottom: 10px;
padding:0 0 0 2px;
width: 220px;
border: solid 1px #999;
}

#enquirytable .inputbox:hover, #enquirytable .inputbox:focus,
#enquirytable .textarea:hover, #enquirytable .textarea:focus,
#enquirytable select:hover, #enquirytable .select:focus {
border: solid 1px #CC0000;
}

#enquirytable .textarea	{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size:90%;
float: left;
margin-bottom: 10px;
padding:2px;
width: 220px;
height: 50px;
border: solid 1px #999;
}

#enquirytable .radiobutton	{
float:left;
}

#enquirytable #submitbtncontainer	{
text-align:center;
}

#enquirytable .submitbutton	{
clear: both;
color: #000;
background: #f0f0f0;
border: 1px solid #999;
}

#enquirytable .submitbuttonimage
{
float: left;
clear: both;
}

#enquirytable fieldset
{
border: #999 solid 1px;
width: 100%;
margin: 10px 0 10px 0;
}

#enquirytable legend
{
/*background: #fb0;*/
/*border: #26a solid 1px;*/
padding: 5px 5px;
margin-left:10px;
font-size:110%;
font-weight: bold;
color: #264666;
}

#enquirytable .label { display: block; width: auto; }

/* .label is typically used on a span or p tag to label a radio or checkbox group */
#enquirytable label.prefield, #enquiry .label  {
display: -moz-inline-box;
display: inline-block;	
width: expression('7em'); /* Min-width for IE6 */
min-width: 7em;
padding: 0 2px;
margin: 0.6em 4px 0 0;
}

#enquirytable .postfield  {
margin-left: 4px;

margin-right: 4px;
font-size:100%;
text-align: left;
}

/* Ties together a label and its checkbox or radio */
#enquirytable .onechoice {
white-space: nowrap;
}

#enquirytable #disclaimer	{
margin:10px 0;
}

/*---[ data tables ]-----------------------------------------------*/

table	{
border-top: 1px solid #999;
border-left: 1px solid #999;
border-collapse:collapse;
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
width:97%; /* for IE5/Win */
voice-family: "\"}\"";
voice-family:inherit;
width:100%;/* actual value */
}

/* be nice to Opera */
html>body table	{
width:100%;
}

th, td	{
border-right:1px solid #999;
border-bottom:1px solid #999;
}

th	{
padding:8px 4px;
background:#FFF url(../images/tables/th_bck.gif) repeat-x;
}

td	{
padding:4px;
}

caption	{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-align: left;
font-size:130%;
padding: 10px 0;
color: #264666;
}

table a:link,
table a:visited,
table a:active	{
color: #444;
font-weight:normal;
}

table a:hover	{
color: #CC0000;
text-decoration: underline;
}



/*---[ layouttable ]------------------------*/
table #layouttable	{
margin:0;
padding:0;
}

#layouttable td	{
margin:0;
padding:0;
border:0;
vertical-align:top;
}

/*---[ IMAGES ]---------------------------*/

.imgborder	{
border: 1px solid #999;
}

.imageleftborder	{
float:left;
margin:0 10px 10px 0;
border: 1px solid #999;
}

.imagerightborder	{
float:right;
margin:0 0 10px 10px;
border: 1px solid #999;
}


.clearfloats	{
clear:both;
}


/*---[ clickquote ]---------------------------------*/
.clickquote	{
width:650px;
height:50px;
margin:10px auto;
padding:0;
font-family:Arial, Helvetica, sans-serif;
/*border-top:1px solid #336699;*/
/*border-bottom:1px solid #336699;*/
background-image: url(../images/quote-arrows.gif);
background-repeat: no-repeat;
background-position: left top;
}

.clickquote h3	{
color:#fff;
font-size:110%;
font-weight:bold;
text-align:left;
background:#5581B2;
padding:4px;
}

.clickquotetext a:link, .clickquotetext a:visited, .clickquotetext a:hover, .clickquotetext a:active{
color:#fff;
text-align:left;
font-size:200%;
font-weight:bold;
font-style:italic;
padding:5px 2px 0px 60px;
margin:0;
display:block;
}

.clickquotetext a:hover	{
color:#FFFF00;
}

/*---[ packblock ]---------------------------*/

.packblock	{
width:200px;
margin:0 10px 0 0;
}

.packblock-hdr p	{
}


/*------------------order form---------------------------*/

/*  FORMS   */
.orderform {
	margin-top: 20px;
	margin-bottom: 0px;
	padding: 15px;
	border: 1px solid #999999;
	background: #fff url(../images/orderform_bg.jpg) repeat-x left top;
}
	
.orderform label {
	width: 12em;
	float: left;
	font-size: 90%;
	margin-top:3px;
}

.orderform input,.orderform textarea, .orderform select {margin-bottom: 10px;}


.explain 
	{
	font-size: 75%; 
	margin: 0px; 
	text-align: left; 
	width: 300px; 
	position:relative;
	bottom: 80px;
	left: 335px;
	}

.continue_button
	{
	width:119px;
	height: 31px;
	background: #fff url(../images/continue.jpg) no-repeat;
	color: #FFCC00;
	font-size: 12px;
	bordeR: none;
	}

#confirmtable table
	{
	margin-top: 20px;
	width: 420px;
	border: 1px solid #999999;
	float: left;
	}
#receipttable 
	{
	float: left;
	width: 400px;
	}
#receipttable table
	{
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #999;
	border-collapse:collapse;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	}	
#receipttable table td.tableHR{
	border-top-style: dashed;
	border-top-width: 1px;
}
#criticalTerms 
	{
	float: right;
	width: 235px;
		}
#criticalTerms .docs{
		}
#criticalTerms .doc_images { 
		}
	
#criticalTerms table
	{
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #999;
	border-collapse:collapse;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	background-image: url(../images/yellow_grad.jpg);
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	}
#confirmtable table td, #confirmtable table th, #confirmtable table tr, #receipttable table td, #receipttable table th, #receipttable table tr
	{
	border: none;
	font-family:Tahoma,Arial,sans-serif;
	}
	
#offerstar
	{
	width: 211px;
	background:url(../images/ordernow_message.jpg) no-repeat;
	float: right;
	color:#FFCC00;
	text-align:center;
	font-size:24px;
	font-family:impact;
	margin-top: 20px;
	border: 1px solid #666666;
	}
#offerstar div
	{
	margin: 30px 10px;
	}
#offerstar span
	{
	font-size:1.2em;
	}
	
#ordersummary
	{
	background: #fff url(../images/ordersummarybg.jpg) repeat-x;
	width: 213px;
	border: 1px solid #666666;
	float: right;
	margin-top: 20px;
	margin-bottom: 10px;
	}

#ordersummary table
	{
	width: 210px;
	border: none;
	margin: 0;
	padding: 0;
	}
#picksize table
	{
	background: none;
	border: 0px solid white;
	background-image:none;
	text-align:left;
	font-size: 0.8em;
	}
#picksize table td, #picksize table th
	{
	border:none;
	background-image: none;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	
	}
 #picksize table th
 	{
	color: #336699;/*
	height: 1px;
	font-size: 1px;*/
	font-weight:bold;
	font-size: 1.2em;
	margin: 0px;
	padding: 0px;
	visibility: visible;
	}

#picksize table td span
	{
	font-size: 1.2em;
	font-weight:bold;
	}
	
#picksize table tr, #picksize table td
	{
	border-bottom: 1px solid #7f99cc;
	padding: 0;
	}
#picksize table tr td.moreinfo
	{
	border-bottom: 0px solid white;
	background:#fff url(../images/moreinfobar.jpg) no-repeat left top;
	height: 35px;
	width:650px;
	border-left: 0px solid #7f99cc;
	}
#picksize .numbers{
	color:#FF0000;
	font-size: 140%;
	}
.select_dtails{
	color:#FF0000;
	font-size: 110%;
	font-weight: bold;
	}
td.moreinfo p
	{
	font-size: 11px;
	color: #666666;
	margin: 5px;
	}
#picksize table tr td.moreinfo img.sizeicon
	{
	padding-bottom: 15px;
	display:inline;	
	}
#continuebar1
	{
	width: 650px;
	background-color: #003399;
	height: 30px;
	padding-top:5px;
	text-align:right;
	}
td .moreinfobutton
	{
	padding: 0px;
	}
td .moreinfobutton img
	{
	padding: 0px;
	margin: 0px;
	position:absolute;
	right: 5px;
	}
#collapserow
	{
	border-bottom:none;
	}

.ReserveButton:link, .ReserveButton:visited, .ReserveButton:hover
{
	color:#444;	
	font-weight:normal;
	font-size: 12px;
}

.ReserveButton
{
	text-decoration:none;
	font-weight:normal;
	width:164px;
	height:25px; line-height:25px;
	display:block;
	float:right;
	margin-right:5px;
	font-size: 12px;
	background:transparent url('../images/button_yellow.gif') no-repeat;
	border:0;
	text-align:center;
	vertical-align:middle;
	color:#444;	
}

.ReserveButton:hover
{
	text-decoration:none;
	font-weight:normal;
	color:#444;
}	
/*-----------------content div styles---------*/
.offerbanner
{
	width:650px;
	height:40px;
	margin:10px auto;
	padding:0;
	font-family:Tahona, Arial, sans-serif;
	font-style:italic;
	font-weight:bold;
	background-image: url(../images/save_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size:180%;
	text-align:center;
	vertical-align:middle;
	line-height:40px;
	color:#fff;
}

.availabilityButton
{
	text-decoration:none;
	font-weight:normal;
	width:120px;
	height:25px; line-height:25px;
	display:block;
	float:right;
	margin-right:5px;
	font-size: 11px;
	background:transparent url('../images/continue.jpg') no-repeat;
	border:0;
	text-align:center;
	vertical-align:middle;
	color:#fff;
	font-family:Tahona, Arial, sans-serif;	
}

.bookingbullets
{
	margin:5px; padding:3px;
	margin-left: 20px;
}

.bookingbullets li
{
	list-style-image:url(../images/widget_solidArrowRight.gif);
}

.page_order1
	{
	background:#fff url(../images/order_stage1.gif) right top no-repeat;
	}
.page_order2
	{
	background:#fff url(../images/order_stage2.gif) right top no-repeat;
	}
.page_order3
	{
	background:#fff url(../images/order_stage3.gif) right top no-repeat;
	}

.tahoma
{
	font-family:Tahoma,Arial,sans-serif;
}

.needhelp
{
width:650px;
height:40px;
margin:10px auto;
padding:0;
font-family:Tahona, Arial, sans-serif;
font-style:italic;
font-weight:bold;
background-image: url(../images/need_help_bg.gif);
background-repeat: no-repeat;
background-position: left top;
font-size:180%;
text-align:center;
vertical-align:middle;
line-height:40px;
}

.small
{
	font-size:80%;
}

.howToStoreList h2
	{
	padding-left: 25px;
	background: #fff url(../images/yellow_navBullet_2.gif) left 50% no-repeat;
	}