/**
 * Travel-insurance-now.co.uk Stylesheet.
 * Created: 07/05 (ChrisB)
 **/

/*--COLOUR SCHEME--*/

/*body
	{ text-align: center } background-color: #e7dfd5;  */
#siteWrapper
	{ background-color: #182840; border-color: White }
body, body a, .content, input, td, th, .content a:link, .content a:visited, h2
	{ color: #336 }
.content 
	{ background-color: #fff } 
#righthand, h1, h1 a:link, h1 a:visited, .container, .menu a, .menu a:link, .menu a:visited, .phoneNumber
	{ color: White }
.container 
	{ background-color: #2b5291 }
.highlight, .menu a.active, .optionButtonActive
	{ color: #ffeb9d }
h3
	{ color: #853 }
.feedback h3
	{ color: #040 }
.dataTable .highlighted, .dataTable .highlighted td
	{ color: #430; background-color: #fff099 }
.important, .premium
	{ color: #745a1a }
.sitemap, .sitemap a, .sitemap a:visited 
	{ color: #89a8d3 }
.validation
	{ color: #900; background-color: #fcc; border-color: #c99 }
.feedback
	{ color: #040; background-color: #cfc; border-color: #9c9 }
.optionButton, .dataTable tr th
	{ background-color: #2b5291; color: White }
.dataTable 
	{ border-color: #1d3b6d }
.dataTable td 
	{ background-color: White }
.optionButtonActive
	{ background-color: #336dce }
.odd td 
	{ background-color: #ebf3ff }
.even td 
	{ background-color: #d1e5ff }
.logonIndicator 
	{ border-color: #fff }
.logonIndicator, .logonIndicator *
	{ color: #fff; background-color: #2b5291 }

	
/*--TEXT--*/

body { font-family: Verdana, Arial, sans-serif }
p { line-height: 3ex }
h1 { font-family: Century Gothic, Arial, sans-serif }
body, input, label	{ font-size: 9pt }
.menu a	{ font-size: 8pt; font-weight: normal; letter-spacing: 0.1em }
h1 { font-size: 24pt; letter-spacing: -0.06em; font-weight: normal; text-decoration: none }
h2 { font-size: 15px; letter-spacing: -0.04em; line-height: 18px }
h3 { font-size: 15px; letter-spacing: -0.04em }
.sitemap, .sitemap a { font-size: 7pt; text-decoration: none }
.sitemap a:hover { text-decoration: underline }
.smallFont { font-size: 8pt }
.premium { font-size: 14pt }
	

/*--GENERAL FORMATTING--*/

body { margin: 0 0 20px 0 }
a.active, label, .label, blockquote, .highlight, .phoneNumber { font-weight: bold }
img { border: none }
h1, h1 a { margin: 0 0 10px 0; text-decoration: none }
h2 
{ 
	padding: 3px 15px 3px 15px;	background-repeat: no-repeat; background-position: top right; 
	margin: 0; display: inline; background-image: url( "../img/headerBG.gif" )
}
h3 { margin-bottom: 4px; margin-top: 5px }
#siteWrapper
{
	/*background-image: url( "../img/surferBG.jpg" );*/ background-repeat: repeat-x; width: 800px;
	background-position: top right; border-width: 5px; border-style: solid; margin: 20px auto 0 auto;
}
#backgroundWrapper 
{ 
	/*background-image: url( "../img/surfer.jpg" );*/ background-position: top right; 
	background-repeat: no-repeat; width: 100%; text-align: left
}
.container { text-align: center; padding: 10px 0 10px 0; margin: 0; width: 130px }
.container * { margin: 0 auto 0 auto }
.container img { display: block; margin-bottom: 20px }
.menu {	margin: 0 0 20px 0; padding: 6px 0 5px 0; width: 550px; height: 30px }
.menu a, .menu a:link, .menu a:visited
{
	background-image: url( "../img/bullet.gif" ); background-repeat: no-repeat;
	background-position: 0 5px; white-space: nowrap;  float: left;
	padding: 0 20px 0 10px; text-decoration: none
}
.menu a:hover { text-decoration: underline; background-image: url( "../img/bulletHover.gif" ) }
.menu a.active { letter-spacing: -0.02em; background-image: url( "../img/bulletActive.gif" ) }
li { margin-bottom: 7px; line-height: 3ex; padding: 0 0 0 10px }
ul.reportList { list-style-image: url( "../img/report.gif" ) }
ul.faqIndex { list-style-image: url( "../img/info.gif" ) }
ul.pdfList { list-style-image: url( "../img/websure_iconPDF.gif" ) }
ul.reportList li, ul.pdfList li { vertical-align: middle }
.content { padding: 15px 15px 15px 25px; margin-bottom: 22px }
.content p { margin: 6px 0 8px 0; padding-right: 10px }
.sitemap a:hover { text-decoration: underline }
.sitemap { text-align: center }
.logonIndicator { white-space: nowrap }
.logonIndicator { width: auto; float: right; margin-right: 13px; border-width: 1px; border-style: solid }
.logonIndicator * { vertical-align: middle; margin: 0 0 4px 0 }
#intro 
{ 
	background-image: url( "../img/intro.jpg" ); background-repeat: no-repeat; 
	padding-left: 120px; height: 120px
}
.bigButton { display: block; font-weight: bold; padding: 4px 8px 4px 8px; margin: 20px 0 0 auto }
.optionButton, .optionButtonActive { padding-top: 3px; padding-bottom: 3px; margin-right: 10px }
.optionButton { border-style: groove; letter-spacing: 0.05em }
.optionButtonActive { border-style: inset; font-weight: bold; letter-spacing: 0.05em }
.feedback, .validation { border-style: outset; border-width: 2px; margin: 10px 0 20px 0 }
.feedback { display: block; padding: 0 20px 0 20px }
.feedback h3 { margin-top: 15px }

 
/*--TABLES--*/

table { border-collapse: collapse }
.dataTable, .invisiTable { margin: 10px 0 20px 0 }
.dataTable tr td, .invisiTable tr td { padding: 2px 5px 2px 5px }
.dataTable { border-width: 1px; border-style: solid }
.dataTable .highlighted td { font-weight: bold }
.invisiTable { border: none; margin-left: 0 }
th { text-align: left; padding: 2px 5px 3px 5px }
.collapsoTable td { padding: 0 }
/*td { vertical-align: top }*/

.select_address
{
	font-size: 12px;
	color: maroon;
	font-family: Arial, Sans-Serif;
	font-variant: normal;
}

/*h2 
{
	text-align: center;	
}*/