/* @group common */
html, body {margin: 0; padding: 0; text-align: center;}
body {font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, Arial, Sans-Serif; font-size: 100.01%;
background-color: #fffcf3;}
/* below are other background colors used during development of site. Might be useful for future projects? olive background background: #f9f8e7; brown #a49b83; #44c4f5
background-color: #FFFCE2;
logo background from student site below just looked a bit odd!
background: url(back_logo.gif) 0 0 repeat; */
/* @end */


/* @group main layout */
#container {position: relative; height: 100%; width: 880px; margin: 0 auto; text-align: left; padding: 0 7px; 
background: url(container_back_white.jpg) top left repeat-y; overflow: hidden; min-height: 800px;}
#image_container {height: 1000px; background: url(welcome_back.jpg) 0 80px no-repeat;}
#header {position: relative; 
width: 878px; /* old width was 688px */
height: 100px;}
#header span {position: absolute; left: -9000px;}

#main_content {clear: both; float: left;}
#text_container {width: 440px; margin-left: 200px;}
#intro_text {margin: 0 0 1em 0; padding-top: 10px; color: #000; background: url(welcometext_backbot.gif) bottom left no-repeat;}
#navbar {font-size: 0.75em; color: #000; border-bottom: 1px solid #999; letter-spacing: 1px; padding-left: 3px; background: #fff;}
#navbar a {color: #000; text-decoration: none;}
#navbar a:link, #navbar a:visited {color: #666; text-decoration: none;}
#navbar a:hover {color: #333; text-decoration: underline;}
#navbar a:active {color: #666; text-decoration: underline;}

#front_calc_container {float: left; margin: 2em 0 2em 35px; width: 373px;}
#main_content #front_travel_calculator {margin-top: 0;}

#circle_links {position: absolute; left: 654px; top: 130px; width: 260px; z-index: 100; clear: both;}
#extra_links {clear: both; margin: 3em 25px 2em 100px; width: 740px; float: left; background: transparent url(back_horizline-blue.gif) 0 20px repeat-x; position: relative; _margin-left: 50px; _margin-top: 140px;}


#welcome_footer, #welcome_footer_lower {margin: 1em 25px 0 100px; width: 740px; border-top: 1px solid #9fa9b5; text-align: center; font-size: 0.85em; padding: 12px 0 0;}
#welcome_footer {margin-top: 2em;}
#welcome_footer_lower {border-top-color: #cacaca; font-size: 0.8em; padding-top: 7px;}

#travel_intro #extra_links {margin-top: 20px;}
#travel_extra_links {clear: both; margin-bottom: 5em; margin: 100px 25px 1em 140px; float: left; background: transparent url(back_horizline.gif) 0 20px repeat-x; position: relative;}
#intro_container_bot {background: url(container_back_bot_white.jpg) 0 0 no-repeat; width: 880px; margin: 0 auto; text-align: left; padding: 0 7px; height: 100px; }


div.disclosure_text {margin: 2em 0 0 125px; width: 650px;}
div.disclosure_text p {color: #494949; font-size: 0.6em; line-height: 1.7em; margin: 0 0 1em 17px; text-align: center;}	
div.disclosure_text img {display: block; margin: 0 0 10px 15px}

div.main_text_box {clear: left; margin: 0 50px 0 0; padding: 20px 0 0 100px; width: 700px; line-height: 1.1em;}	/* margin: 0 50px 0 100px; padding: 20px 0 0; width: 700px; */

#main_text_box-upper {background: url(anniversary-badge-small2-120.jpg) no-repeat 10px 32px; position: relative;}
#main_text_box-lower {background: url(jslogo.gif) no-repeat 10px 14%;} /* js logo */ 
/*#main_text_box-lower {background: url(anniversary-badge-small2-120.jpg) no-repeat 10px 14%;}*/

div.google_buttons {margin: 2em 0 0;}
div.google_buttons img {border: none;}

#header #links_bar {z-index: 100;}

div.welcome_header {background: #0071bf url(sheader_welcometo.jpg) 0 0 no-repeat; margin-bottom: 10px;} /* border-bottom: 3px solid #528cbd; */

/* @end */


/* @group sidelinks */

div.sidelinks_container ul, div.sidelinks_container ul li {margin: 0; padding: 0 5px; _padding: 0 3px;}
div.sidelinks_container ul {list-style-type: none; float: left; padding-left: 7px;}

div#sidelinks_container_upper {background: url(travel_sidelinks_back-top.gif) no-repeat 0 0; float: right; margin: 2em 12px 0 0; position: relative; width: 414px;}
div#sidelinks_container_upper ul {background: url(travel_sidelinks_back-bot.gif) no-repeat 0 100%; margin: 0 0 1em 0; padding-bottom: 10px;}
div#sidelinks_container_upper div.sidelinks-bot {height: 12px; width: 414px;} 

div#sidelinks_container_lower {background: url(other_sidelinks_back-top.gif) no-repeat 0 0; float: left; margin: 0 0 0 32px;  padding-top: 20px; width: 819px;}
div#sidelinks_container_lower ul {background: url(other_sidelinks_back-bot.gif) no-repeat 0 100%; padding-bottom: 8px; width: 819px;}

div.sidelinks_container h1 {color: #2474b4; font-size: 20px; font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; float: left; font-weight: normal; left: 24px; letter-spacing: 2px; margin: 2px 0 4px 20px; padding: 12px 0 4px; text-align: left; width: 205px;}
div.sidelinks_container h1 a:link, div.sidelinks_container h1 a:visited {color: #2474b4; text-decoration: none;}
div.sidelinks_container h1 a:hover {text-decoration: underline;}
div.sidelinks_container h1 a:active {text-decoration: none;}

div.sidelinks_container a.getquote_small span {position: absolute; left: -9000px;}

div.sidelinks_container a.getquote_small {display: block; height: 24px; background: url(button_bgetaquotesmall.gif) 0 0 no-repeat; float: right; margin: 17px 20px 0 0; width: 89px;}
div.sidelinks_container a.getquote_small:hover {background: url(button_bgetaquotesmall-over.gif) 0 0 no-repeat;}

div.sidelinks_container ul li {float: left; text-align: center; width: 200px; padding-left: 30px; }

div.sidelinks_container ul#sidelinks_upper {background: url(sidelinks_line.gif) 50% 100% no-repeat; padding-bottom: 10px; margin-bottom: 1em;}
/* div.sidelinks_container #sidelinks-bot {clear: left; background: url(sidelinks_back-bot.gif) 100% 100% no-repeat; width: 252px; height: 20px;} */

div.sidelinks_container ul li a {background-position: 10px 50%; background-repeat: no-repeat; color: #777e87; display: block; font-size: 0.8em; height: auto !important; height: 36px; min-height: 36px; margin: 0 0 7px; padding: 12px 0 12px 70px; text-align: left; text-decoration: none; width: 120px;}
div.sidelinks_container ul li a:hover {text-decoration: underline;}

div.sidelinks_container ul li a b {color: #000; font-weight: bolder; font-weight: 1.1em; display: block;}

a#circle_singletrip, a#circle_annual, a#circle_backpackers, a#circle_wintersports, a#circle_computer, a#circle_mobile, a#circle_student, a#circle_home, a#circle_car, a#circle_carbreakdown, a#circle_dental, a#circle_medical, a#circle_holidayhome, a#circle_marine, a#circle_staticcaravan, a#circle_touringcaravan {}

a#circle_singletrip {background-image: url(sidelinks_travel.gif);}
a#circle_annual {background-image: url(sidelinks_annual.gif);}
a#circle_backpackers {background-image: url(sidelinks_backpackers.gif);}
a#circle_wintersports {background-image: url(sidelinks_wintersports.gif);}
a#circle_safi {background-image: url(sidelinks_safi.gif);}

a#circle_computer {background-image: url(sidelinks_computer.gif);}
a#circle_mobile {background-image: url(sidelinks_mobile.gif);}
a#circle_student {background-image: url(sidelinks_student.gif);}
a#circle_home {background-image: url(sidelinks_home.gif);}
a#circle_car {background-image: url(sidelinks_car.gif);}
a#circle_carbreakdown {background-image: url(sidelinks_carbreakdown.gif);}
a#circle_dental {background-image: url(sidelinks_dental.gif);}
a#circle_medical {background-image: url(sidelinks_health.gif);}
a#circle_holidayhome {background-image: url(sidelinks_holidayhome.gif);}
a#circle_marine {background-image: url(sidelinks_marine.gif);}
a#circle_staticcaravan {background-image: url(sidelinks_staticcaravan.gif);}
a#circle_touringcaravan {background-image: url(sidelinks_touringcaravan.gif);}
/* @end */




/* @group links */
#welcome_footer a:link, #welcome_footer a:visited, .main_text_box a:link, .main_text_box a:visited, #text_top p a:link, #text_top p a:visited, #welcome_footer_lower a:link, #welcome_footer_lower a:visited {color: #333; text-decoration: none;}
#welcome_footer a:hover, .main_text_box a:hover, #text_top p a:hover, #welcome_footer_lower a:hover {text-decoration: underline;}
#welcome_footer a:active, .main_text_box a:active, #text_top p a:active, #welcome_footer_lower a:active {text-decoration: none;}

p a:link, p a:visited {color: #2255dc; text-decoration: none;}
p a:hover {text-decoration: underline;}
p a:active {text-decoration: none;}

div.box_links a.buttonquote span, #main_text_box-upper a.buttonquote span {position: absolute; left: -9000px;}
div.box_links a.buttonquote {display: block; width: 129px; height: 32px; background: url(button_wgetaquoteshadow.gif) 0 0 no-repeat; margin: 1em 0 1em 44px;}
div.box_links a.buttonquote:hover {background: url(button_wgetaquoteshadow-over.gif) 0 0 no-repeat;}

#main_text_box-upper a.buttonquote {background: url(button_wgetaquoteshadow.gif) no-repeat 0 0; display: block; height: 32px; margin: 1em 0 1em 100px; width: 129px;}

div.main_text_box h2 a:link, div.main_text_box h2 a:visited {color: #2255dc;}
a.swine_flu_link:link, a.swine_flu_link:visited {color: #2255dc; display: block; font-size: 1.1em; letter-spacing: 1px; margin-right: 20px; text-align: right; text-decoration: none;}
a.swine_flu_link:hover {text-decoration: underline;}

a.facebook_logo img, a.twitter_logo img {border: none;}
a.facebook_logo, a.twitter_logo {left: 28px; position: absolute;}
a.facebook_logo {top: 160px;}
a.twitter_logo {top: 200px;}
/* @end */


/* @group text */
div#sidelinks_container_upper p {clear: both; font-size: 0.875em; margin: 0 20px 1em;}
img#axa_logo {float: left; margin-right: 10px;}
div.main_text_box p {font-size: 0.8em; margin: 0 0 1em; background: #fff;}
/* div.main_text_box b {font-size: 18px; letter-spacing: 2px;} */
p.main_text_larger {font-size: 0.875em; margin: 0 15px; padding:0; padding-bottom: 1em; background-color: transparent; color: #000;}
p.subheading {font-size: 0.875em; margin: 0 15px; padding: 0 0 3px 0; background-color: transparent; color: #3869a0; font-style: italic;}
p.form_text {font-size: 10pt; text-align: left; margin: 1em 0 0 0; color: #333;}
.frontlink_name {font-size: 0.875em; color: #000; letter-spacing: 1px; line-height: 1.2em;}
.frontlink_lower {font-size: 0.6875em; color: #735975;}
ul.list_regular {font-size: 0.75em; margin: 0 20px 2em 20px;}
ul.list_regular li {margin-left: 20px;}
#terms_footer {font-size: 10px; text-align: center;}
/* @end */

/* @group links bar */
div#links_bar {position: absolute; right: 5px; bottom: 10px; text-align: right; font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;}
div#links_bar ul {list-style: none; margin: 0; padding: 0; margin-bottom: 3px; }
#links_bar li {margin: 0; padding: 0; width: 7em; display: inline;}

/* default styles for the link text in the  links_bar, used when the background of header is dark */
#links_bar li a {display: block; text-decoration: none; color: #fff; font-size: 10px;  letter-spacing: 2px; font-weight: bolder; line-height: 10px; padding: 2px 2px; height: 1em; width: 7em;}
#links_bar li a:hover {color:#333; background-image: none; background-color: #fff; text-decoration: none;}


/* @end */


/* @group tabbed navbar */
#tabbed_navbar {width: 894px; margin: 0 auto; text-align: left; background: url(tabbed_navbar_back.gif) bottom left no-repeat;}

#tabbed_navbar ul {margin:0; padding: 10px 3px 0 0; list-style: none;}
#tabbed_navbar li {background: url(tab_lhs.gif) left top no-repeat; font-size: 10px; float: left; margin: 0 0 4px 0; padding: 11px 0 3px 14px; text-transform: capitalize;}
#tabbed_navbar li a {background: url(tab_rhs.gif) right top no-repeat; padding: 11px 20px 3px; color: #fff; border: none; font-weight: bolder; letter-spacing: 1px; text-decoration: none; margin: 0 0 10px 0;}

#tabbed_navbar li.tab_current {background:  url(tab_lhs-on.gif) left top no-repeat;}
#tabbed_navbar li.tab_current a {background: url(tab_rhs-on.gif) right top no-repeat; color: #000;}

#tabbed_navbar li:hover {background: url(tab_lhs-on.gif) left top no-repeat;}
#tabbed_navbar li a:hover {background: url(tab_rhs-on.gif) right top no-repeat; color: #000; text-decoration: underline; 
/* ie6 doesn't understand hover on li's so we have to cancel above hover background image for it */
_background: url(tab_rhs.gif) right top no-repeat; 
_color: #fff;}
/* @end */


/* @group circles */

div.main_text_box h1 {color: #335d7f; margin: 0 0 1em 20px; font-size: 1.2em;}
div.main_text_box p {font-size: 0.8em; margin: 1em 20px 0 40px; padding:0; color: #2A2F36;}
div.main_text_box h2 {margin: 1em 20px 0 40px;}

/* @end */


/* @group extra links */
.underwriter_logos_all {background: url(underwriter_logos_all-680x41-ver5.png) no-repeat 0 0; clear: both; height: 41px; margin: 1em auto; width: 680px;}
/* @end */


/* axa logo */
div#logo_axa {background: url(axa_logo-large.gif) 0 0 no-repeat; width: 70px; height: 70px; position: absolute; left: 100px; top: 170px;}



/* @group tracking codes */

/* used to contain the tracking code from google and eTrax so that they validate properly */
div#code img {border: none;} 
/* @end */

/* @group security logos */
.security_logos {clear: left; margin: 2em 0 0 200px; padding: 5px; width: 510px;}
.security_logos img {float: left; margin-right: 20px;}
.security_logos .last_col {margin-left: 280px;}
/* @end */



/* @group ie hacks */
div.sidelinks_container h1, div.sidelinks_container a.getquote_small {_display: inline;}
#main_content {_padding: 20px 0 0 0;}
#front_calc_container {_margin-left: 17px; _margin-top: 1em;}
div#sidelinks_container_upper {_display: inline;} /* _margin-left: 435px; */
div#sidelinks_container_lower {_margin-left: 16px;}
div#sidelinks_container_upper ul {_width: 414px;}
div#sidelinks_container_lower ul {_width: 819px;}
div.main_text_box h2{_margin-top: 40px;}
div#sidelinks_container_upper p {_margin-top: 0;}
#extra_links {_margin-top: 2.5em;}
/* @end */





done