@charset "UTF-8";
/* CSS Document */

/*colour palette:
#fff 255.255.255 white
#f5f5dc 245.245.220 cream
#f5f5f5 245.245.245 WhiteSmoke
#dcdcdc 220.220.220 gainsboro lt grey
#ccc mid grey
#969696 150.150.150 dk grey
#777 119.119.119 v dk grey

#cc9 204,204,153 v. lt olive
#996 153.153.102 lt grey olive
#663 102,102,51 dk greeny olive

#b0c4de 176.196.222 LightSteelBlue
#69c 102,153,204 dk cornflower
#339 51,51,153 bright dk blue
#006 0,0,102 dk blue
#003 0.0.51 blue/black

#ff9900 255,153,0 bright orange
#d2691e 210,105,30 burnt orange or #c60 204,102,0 burnt lt orange
3E HEX code for >

*/

body {font: 14px Arial, Calibri, sans-serif; color: #003; background-color: #dcdcdc}
ul {list-style-type: none; list-style-position: inside; border-left: none;}
li {font-style: normal; font-variant: normal; font-weight: normal;}
img {border: none; padding: 0.1em}
/*hr {color: #996; line-height: 0.1em}*/
a {text-decoration: none}
h1, h2, h3, h4, h5, h6, p {margin-top: 0em}

.disc {display: none}
#container {background-color: #fff; border-left:#996 0.1em solid; border-right:#996 0.1em solid; border-top:#996 0.1em solid}

/*top section*/
#mainlinks-wrapper {background-color: #003; border-top: #003 solid 0.2em;border-bottom: #003 solid 0.2em}
#mainlinks-menu ul li a {color: #fff}
#mainlinks-menu ul li a:hover {color:#dcdcdc}
/*#mainlinks-menu ul ul {border-top: #003 solid 0.2em}*/
#mainlinks-menu ul ul li a, 
#mainlinks-menu ul li:hover ul li a, 
#mainlinks-menu ul li.hover ul li a {border: 0.1em solid #969696; background-color: #f5f5f5; color: #333}
.active {background-color: #666; color: #FFF}
.inactive {background-color:#003; color: #CCC}
.active strong, .inactive strong {font-size: 1.2em;}

#quicklinks {background-color:#003}
#quicklinks ul li, #quicklinks ul li a{font-weight: bold; color: #fff}
#quicklinks ul li a:hover {text-decoration:underline; color: #fff}
#quicklinks ul li.child:before {padding-left: 0.5em; content: "\3E \ "}
#quicklinks h1, #quicklinks h2 {font-weight: bold; color: #fff; margin-top: 0em; font-size: 1em}
#quicklinks #tel {font-size: 1.5em; color: #fff; font-weight: bold}

.slogan {font-weight: bold; font-style: italic; color: #69c}

#intro #tel {font-size: 1.5em; color: #003; font-weight: bold}

#topmenusection {margin: -10px -10px 10px -10px;padding: 5px 0 5px 10px;border-bottom: 0.2em solid #666; font-size: 1.1em}

#crumblinks {background-color:#fff}
#crumblinks ul li, #crumblinks ul li a {font-weight: bold; color: #003}
#crumblinks ul li a:hover {text-decoration:underline; color: #003}
#crumblinks ul li.child:before {padding-left: 0.5em; content: "\3E \ "}
#crumblinks h1, #crumblinks h2 {font-weight: bold; color: #003; margin-top: 0em; font-size: 1em}
/*end top section*/

/*mid section*/
/*#contents-wrapper {border-top: #036 solid 0.2em}*/

#main-content1 {background-color:#f5f5f5}
#main-content2 {background-color:#fff} 
#main-content3 {background-color:#fff}

#centerlink, #tvlink {/*border: #003 0.1em solid;*/ background-color: #FFF} 
#altlink {border: #003 0.1em solid; background-color: #f5f5dc}
#tvlink {clear: both; display: block}

.products li, .mainitem, .products.info, .prod {border: #996 0.1em solid}
.products li dl, .products.info dl {border: 0}
.products li dt a, .products.info dt a {color: #006; font-weight: bold}
/*.products li img, .itemimage {width: 75px; height: 65px} 
.products li .supportimage {width: 50px; height: 50px}*/

.quoteselect {border:#dcdcdc solid 0.2em; background-color:#f5f5f5}
/*.quoteselect ul {border-bottom:#666 solid 0.2em}*/
.selectpoltype {/*border:#666 solid 0.2em; border-bottom: 0em;background-color: #FFF*/ padding: 0.5em;}
.selectpoltype ul li button {padding: 0.5em; border:#666}

.quoteform {border:#dcdcdc solid 0.2em; background-color:#f5f5f5; color: #000;}
.quoteform p {color: #000; text-align:left }
.quoteform p.small {font-size: 0.8em }
.quoteform h2,.quoteform h3 {color: #000; font-size: 1em;text-align:left }

#info-column ul li {border: 0.1em solid #dcdcdc; background-color: #f5f5f5; font-weight: bold}
#info-column ul li a:hover {color:#d2691e}

/*#item-wrapper dl{border: #996 0.1em solid}*/
#item-wrapper.noborder {border: none}
#item-wrapper h1 {font-size: 1.8em}

*.quotebutton, .buy, .buttonquote {background-image:url(../images/buttonquote.png); background-repeat: no-repeat; font-weight: bold}
.quotebutton a {font-weight: bold}
.quotebutton2 {background-image:url(../images/button_bk2.gif); background-repeat: no-repeat}
.quotebutton3 {background-image:url(../images/button_bk3.gif); background-repeat: no-repeat; font-weight: bold}
.buybutton {background-image:url(../images/button1.gif); height:40px; width:80px; background-repeat: no-repeat; font-weight: bold; margin: 0 auto}
.buybutton a {padding-left: 30px}

#support1, #support2  {border: #996 0.1em solid; background-color: #fff}
.supportimage {width: 50px; height: 50px; float: left}
.arrow {width: 25px; height: 25px}

.infobut {background-image:url(../images/info.gif); background-repeat: no-repeat; height: 1.5em; width: 1.5em; z-index: 500; position: absolute}
.view {border: 0.2em solid #CCC; font-weight: normal}

.infopop dl dt, #infoList small {color: #69c; font-size: 0.9em}
.infopop ul li {font-size: 0.9em; list-style-type: disc; list-style-position: inside; padding-left: 0.2em}
.infopop #buy li{list-style-type: none}
.infopop dl dd {font-size: 0.9em; border-bottom: 0.1em solid #666633}
.infopop dl dd.last {border-bottom: 0}	

#column-head, .column-head {background-color: #b0c4de; font-weight: bold}

#pagetext-wrapper .quoteform {border: 0.1em solid #663; background-color: #f5f5dc; color: #000;}
#pagetext-wrapper .quoteform p {color: #000; text-align:left; }
#pagetext-wrapper .quoteform p.small {font-size: 0.8em; }
#pagetext-wrapper .quoteform h2 {color: #000; font-size: 1em;text-align:left; }
#pagetext-wrapper .quoteform h3 {color: #000; font-size: 0.9em;text-align:left; }
#pagetext-wrapper p {font-size: 1em; font-weight: bold; color: #69c; line-height: 1em; padding: 0.1em; margin-top: 0.2em; margin-bottom: 0.2em }

#pagetext {background-color: #fff}
#pagetext h1, #pagetext h2.head {font-size: 1.4em}
/*#pagetext dt {font-size: 1.4em}*/

#centrelink {background-color: #fff}
#centrelink ol {margin-left: 1em; list-style-type: lower-alpha; list-style-position: inside}

/*end mid section*/

/*base section*/
#basebody ul li {list-style-type: disc; padding-left: 0.2em; padding-bottom: 0.5em}
#base-wrapper {background-color: #f5f5f5; border-top: 0.4em solid #003}
/*#basebody {border: #CCCC99 1px solid}
#base-column {background-color: #f5f5f5}*/

/*#infolinks ul li, #infolinks ul li a {color: /*#003 #fff}
#infolinks ul li {margin-left: 0.2em; background-color:/*#f5f5f5 #003; border: 0.2em solid #dcdcdc; border-bottom: 0em; padding-left: 0.5em; padding-right: 0.5em }*/

#footer {background-color: #003; color: #fff}
.footer-info dl {margin-top: 1em; font-size: 1.2em}
.footer-info dt {font-weight: bold}
.footer-info dd {margin-left: 1em; list-style-type:outside circle}
.footer-info dd a {color: #ccc}


.button {border: 0.1em solid #003; padding: 0.2em; font-weight: bold; background-color: #FFF}
.button a {color: #003}

/*text*/
font {font-size: 1.2em; font-weight: bold}
.big {font-size: 1.4em; font-weight: bold; color: #69c;}
.small {font-size: 0.8em; font-weight: bold}
.sizeup {font-size: 1em}
/*strong {font-weight: bold}*/
.head {font-weight: bold; color: #69c; border-bottom: 0.1em solid #666633; margin-bottom:0.5em}
.subhead {border-bottom: 0.1em solid #666633; padding-top: 2em}
.title { color: #006; font-weight: bold}
.bright { color: #d2691e;}
.v_pale { color: #999966;}
.pale { color: #663;}
/*.main_bold {font-size: 2em;font-weight: bold}*/
.linkto, .bold {font-weight: bold}
caption {font-style: italic}
label {font-size: 0.8em}

/*links*/
a {color: #333}
.fauxA { color: #663}
alink { color: /*#CC6600*/#CCC; font-size: inherit;}
vlink { color: #b0c4de; font-size: inherit;}
.a1 { color: #CC6600;}
.a2 { border: 2px #CCCC99 double}
.a3 { font-size: 1.2em; font-weight: bold; color: #69c;}
.a4 { font-size: 1.2em; font-weight: bold; color: #fff;}

p.p2 {border: #CCCC99 0.1em solid}

/*h1, h2, h3 {color: #003}
h2, h3,*/ .col2 h2 {line-height: 1em}

#content-column h1 {font-size: 1.4em}
#content-column h2 {font-size: 1.2em}
.quote h2 {font-size: 0.9em}
#traveldates .prompttext {font-size: 1em; color:#000; font-weight: bold;margin-right:10px;margin-bottom:20px;}
/*#traveldates p {margin-bottom:20px;}*/

.terms p {font-size:0.9em}

#traveldates .head p, #addressdetails .head p, #contactdetails .head p, #finaldetails .head p { margin:0;padding:0;}

.endorse {background-color:#fff}

.paging {background-color: #663;  
  /* for IE */ filter:alpha(opacity=60);
  /* CSS3 standard */ opacity:0.6;}
.paging a {color: #fff}
.paging a:active {color: #663; background: #f5f5f5;
  /* for IE */ this.filters.alpha.opacity:100;
  /* CSS3 standard */ this.style.opacity:1;}
  
.bullet {list-style-type: disc; list-style-position: inside; margin-bottom: 0.2em}
.bulletlinks {list-style-type:disc; list-style-position: inside; margin-left: 1em}
.col1 ul.bulletlist li {list-style-type: disc}

SELECT { font-weight: normal; font-variant: normal; font-style: normal; color: #333399;}
INPUT { color: #339;}

textarea { color: #339;}

.note_small { font-size: 0.7em; color: #F90;}

/*I don't think these are used anymore*/
.deadTopLink { color: gray;}
.goodTopLink { color: navy;}

.currentPage { color: #FEAE12;}

.toperror { text-align: center; color: red; font-weight: bold;}
/*end poss not used*/

.back { background-image: url(../images/background.jpg); background-repeat: no-repeat;}

/*only used for driving distances*/ 
.grid7 td {border-bottom: solid 0.1em #ccc}
.grid7 td.colx {border-right: solid o.1em #ccc}

table {border-collapse: collapse;}
th, td {padding: 0;}

.order {margin-bottom:15px; padding: 10px; border: 0.2em solid #666; font-size: 1.1em}
.order h4 {font-size: 1.2em; font-weight: normal}

.table4, .tablesub {border: 0.2em solid #666; margin-bottom: 0.5em; background: #FFF}
.table4 td {padding: 0.2em}
.table4 dt {font-weight: bold}
.table4 dd {border-bottom: solid 0.1em #ccc}
.table4.colx {font-weight: bold}
.colx alink {color: #F90}
.table4 thead td.colx {text-align:left}

/*.table4.prices tbody {display: hidden}*/

.table4.quote thead {font-weight: bold; text-align: center; font-size: 1.2em}
.table4.quote thead tr {line-height: 1.5em; vertical-align: top}
.table4.quote thead tr.sub,
.table4.quote tbody tr {border-top: 0.1em solid #777; line-height: 1.5em}
.table4.quote tr.subinfo {border: none; line-height: 1em}

.table4 .optionA, .tablesub.optionA {background-color: #f5f5f5; text-align: center}
.table4 .optionB, .tablesub.optionB {background-color: #dcdcdc; text-align: center}
.table4 .optionC, .tablesub.optionC {background-color: #ccc; text-align: center}
.table4 .optionD, tablesub.optionD {background-color: #B0B0B0; text-align: center}
.table4 thead tr.head {background-color: #003; color: #FFF}
.table4.list {border: none}
.table4.list dl {float: left; width: 25%; background-color: #FFF}
.table4.list dl dd {display: block; margin: 0;}
.table4 dt {font-weight: bold}
.table4 dd {border-bottom: solid 0.1em #ccc}

.on {background-color: #C00}
.optionA {background-color: #f5f5f5}
.optionB {background-color: #dcdcdc}
.optionC {background-color: #ccc}
.optionD {background-color: #B0B0B0}

.parentrow .colx a:hover {text-decoration: underline}
.subrow {background-color: #666; color: #fff}
.subrow .table4 {color: #003}

.box1, .box2 ul li, .box3 ul li {background: #dcdcdc; border-radius: 1em; padding: 1em}
/*.box1:before, .box2 ul li:before, .box3 ul li:before {
  background: transparent url(../images/boxtr.png) scroll no-repeat top right;
  margin: 0 0 -0.5em 0;
  height: 15px;
  display: block;
  border: none;
  content: url(../images/boxtl.png);
  padding: 0;
/*  line-height: 0.2em;
  font-size: 0.2em;*/
/*}
.box1:after, .box2 ul li:after, .box3 ul li:after {
  background: transparent url(../images/boxbr.png) scroll no-repeat bottom right;
  margin: 0.5em 0 0 0;
  height: 15px;
  display: block;
  content:  url(../images/boxbl.png);
  padding: 0;
/*  line-height: 0.8em;
  font-size: 0.8em; */
/*}*/

.box3 dl dt   {font-weight: bold}
.box3 li h3 {font-size: 1.2em}

/*sportslist*/
.list3 ul li, #activitiesLists ul li {font-size: 0.9em; border: solid #f5f5f5 0.1em; background-color: #dcdcdc}


#content-quote1 {background-color: #f5f5f5}
#content-quote2 {background-color: #dcdcdc}
#content-quote3 {background-color: #ccc}
#content-quote1-1 {background-color: #fff}

/*
.prices dl {border-top: solid #003 0.2em; border-bottom: solid #003 0.2em}
.prices dl.noborder {border: none; margin-top: 0.5em}
.prices dl dt, .prices dl dd {font-weight: bold; font-size: 1.2em}
.prices dl dt.next,.prices dl dd.next {border-top: solid #003 0.1em}
*/

.questions ol  {margin-left: 1em; list-style-position: outside; list-style-type:decimal}
.questions ol li {font-weight: bold}
.questions ol ol, .questions ul {margin-left: 2em; list-style-position: outside; list-style-type:lower-roman}
.questions ol ol li, .questions ul li {font-weight: normal}

#questions ol {list-style-type: none}
    
.image-links li {float: left; margin: 1em}
.image-links li img {border: #003 solid 0.1em}


.pad {background-color: #fff}

.clear {font-size: 0.1em; height: 0.1em}

.popup { color: #663; font-size: 0.6em; }
.personID { color: red; font-weight: bold }



/*moved from style_quote.css*/
.benefits {padding-left: 0.2em; padding-bottom: 0.5em; margin-top: 1em; background-color: #fff}
/*.benefits li{list-style-image: url(../images/bullet_tickbox.gif)}*/
.benefits li {background-image: url(../images/bullet_tickbox.gif); background-repeat: no-repeat; padding-left: 2em; line-height: 1.5em}
.benefits a {font-weight:bold}

.quickquote {}

#quotelinks-wrapper {background-image: url(../images/link_backg.gif); background-repeat:repeat}
.active_quote {color: #003}
.inactive_quote {color: #663}


.secdetail, .viewtoggle {font-size: 0.9em; color: #69c}
a.infoClose {color: #f90; font-size: 0.8em; font-weight: bold; line-height: 0.9em; margin-bottom: 0.2em}
a.infoClose2 {color: #f90; font-size: 0.8em; font-weight: bold; line-height: 0.9em}
.list ul li {list-style-type: disc}
.list dl dt {font-weight: bold}
.list dl dd.last {margin-bottom: 1em}




.option1, .option2,.option3 {border: 0.1em solid #663; background-color: #f5f5dc;}
.option1 ul li, .option2 ul li,.option3 ul li {border-bottom: 0.1em dotted #663}
.optionlast {border-bottom: 0}

.insured, .address, .contactinfo, .medicals, .remove, .waiver, .activities {border: 0.1em solid #663; margin: 1em; padding: 0.2em; background-color: #f5f5dc;}

#extrainsured, #medicalinfo, #medicalresponse {border: 0.1em solid #663; background-color: #fff}

#medicals ul li {border: 0.1em solid #663}

.ski {background-color: #b0c4de}

.gradient {
    background: none;
    background: -moz-linear-gradient(bottom,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,rgba(255,255,255,0)), color-stop(80%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%);
    background: -o-linear-gradient(bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%);
    background: -ms-linear-gradient(bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%);
    background: linear-gradient(to top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}

.gradient2 {
	width: 100%; height: 100%;
    background: none;
    background: -moz-linear-gradient(bottom,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,rgba(255,255,255,0)), color-stop(80%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%);
    background: -o-linear-gradient(bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%);
    background: -ms-linear-gradient(bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%);
    background: linear-gradient(to top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
	height: inherit
}

.opacity {
    background: rgb(255, 255, 255); 
	background: rgba(255, 255, 255, .5); 
	height: inherit
}

.message1, .message2 {display: none; font-weight: bold; color: red; border: 0.1em solid #663; background-color: #fff; line-height: 1.5em}

p.headtext {font-weight: bold; line-height: auto; text-align:center;}

@media only screen and (max-width: 800px) {
.table4.colx {font-weight: normal}
.table4.colx a {text-decoration: underline}

big {font-size: 1em}
}