/* Main CSS Styles Document */

/* Import Master Reset */
@import url(reset.css);

body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; background-color:#2E4A60; background-image:url(../images/body_bg.jpg); background-repeat:repeat-x; }

/*--- Main parts of the Layout --------------------------------*/
#wrapper { width:850px; margin:0 auto; margin-top:5px; margin-bottom:5px; padding:0; border:1px solid #000; background:#FFF; }

#header { width:100%; height:67px; background-image:url(../images/header_bg.jpg); background-repeat:repeat-x; }
#header_left { float:left; width:630px; margin:0; padding:0; }
#header_left img { position:relative; top:6px; left:15px; }
#header_left p { margin-left:35px; position:relative; top:-22px; display:inline; font-size:14px; color:#FFF; }
#header_right { float:right; width:150px; }
#header_right p { font-size:1em; margin-top:10px; margin-bottom:0; text-align:center; color:#FFF; font-weight:bold; line-height:1em; }
#header_right a { font-size:.9em; font-weight:normal; color:#FFF; text-decoration:none; }
#header_right a:hover { text-decoration:underline; }

#nav { width:850px; height:30px; background-image:url(../images/nav_bg.jpg); background-repeat: repeat-x; }
#nav ul { width:820px; margin:0 auto; position:relative; top:6px; list-style-type: none; }
#nav ul li { padding-right:.1em; padding-left:.4em; display:inline; text-transform:uppercase; background-image:url(../images/spacer.jpg); background-repeat:no-repeat; background-position:0px 5px; }
#nav ul li.first { padding-right:.1em; padding-left:0; display:inline; text-transform:uppercase; background-image:none; }
#nav ul li.last { padding-right:0; padding-left:.4em; display:inline; text-transform:uppercase; background-image:url(../images/spacer.jpg); background-repeat:no-repeat; background-position:0px 5px; }
#nav ul li a { font-size:.8em; font-weight:bold; color:#353535; text-decoration:none; }
#nav ul li a:hover { text-decoration:underline; }
#nav ul li a.orange { color:#9B4E00; }

#footer { width:830px; margin:0 auto; margin-bottom:10px; padding-bottom:10px; background:#395D73; background-image:url(../images/footer_bg.jpg); background-repeat:repeat-x; border:1px solid #25323D;}
#footer p { font-size:14px; color:#FFF; text-align:center; }

#footer ul { width:820px; margin:0 auto; margin-bottom:25px; position:relative; top:8px; list-style-type: none; }
#footer ul li { padding-right:.1em; padding-left:.4em; display:inline; text-transform:uppercase; background-image:url(../images/spacer2.jpg); background-repeat:no-repeat; background-position:0px 5px; }
#footer ul li.first { padding-right:.1em; padding-left:0; display:inline; text-transform:uppercase; background-image:none; }
#footer ul li.last { padding-right:0; padding-left:.4em; display:inline; text-transform:uppercase; background-image:url(../images/spacer2.jpg); background-repeat:no-repeat; background-position:0px 5px; }
#footer ul li a { font-size:.8em; font-weight:bold; color:#FFF; text-decoration:none; }
#footer ul li a:hover { text-decoration:underline; }
#footer img { float:right; position:relative; right:8px; }

/*--- Footer for sub page (different colours etc...) --------------------------------*/
#footer_sub { width:830px; margin:0 auto; margin-bottom:10px; padding-bottom:10px; background:#F8C673; background-image:url(../images/footer_bg2.jpg); background-repeat:repeat-x; border:1px solid #25323D;}
#footer_sub p { font-size:14px; color:#47433B; text-align:center; }

#footer_sub ul { width:820px; margin:0 auto; margin-bottom:25px; position:relative; top:8px; list-style-type: none; }
#footer_sub ul li { padding-right:.1em; padding-left:.4em; display:inline; text-transform:uppercase; background-image:url(../images/spacer3.jpg); background-repeat:no-repeat; background-position:0px 5px; }
#footer_sub ul li.first { padding-right:.1em; padding-left:0; display:inline; text-transform:uppercase; background-image:none; }
#footer_sub ul li.last { padding-right:0; padding-left:.4em; display:inline; text-transform:uppercase; background-image:url(../images/spacer3.jpg); background-repeat:no-repeat; background-position:0px 5px; }
#footer_sub ul li a { font-size:.8em; font-weight:bold; color:#47433B; text-decoration:none; }
#footer_sub ul li a:hover { text-decoration:underline; }

/*--- Content Section Info --------------------------------*/
#content_wrapper { width:850px; margin:0 auto; padding:0; }
#lower_wrapper { width:850px; margin:0 auto; padding:0; }
#left { width:513px; float:left; margin:12px 13px 0 9px; }
#right { width:306px; float:left; margin:12px 9px 0 0; }

#bottom { width:830px; margin:0 auto; margin-bottom:11px; margin-top:12px; border:1px solid #31393E; background:#FCDFAF; background-image:url(../images/bottom_bg.jpg); background-repeat:repeat-x; }
#bottom_left { width:515px; float:left; border-right:1px dashed #000; padding:10px 5px 10px 15px; }
#bottom_left img { margin-bottom:.5em; align:absmiddle; }
#bottom_left a { margin-left:300px; font-size:18px; font-weight:bold; color:#2F3F4B; text-decoration:none; }
#bottom_left a:hover { text-decoration:underline; }
#bottom_left h1 { font-size:1.3em; color:#213545; line-height:1; margin-bottom:0.2em; }

#bottom_right { width:253px; float:left; padding:10px 15px 10px 25px; }
#bottom_right h1 { font-size:1.3em; color:#213545; line-height:1; margin-bottom:0.2em; }

/*--- Left Column Info --------------------------------*/
#left .flash { width:511px; height:199px; background:#487D9C; margin-bottom:13px; border:0px solid #FFFFFF; }
#left .flash h1 { font-family:Arial, Helvetica, sans-serif; font-size:24px; text-align:center; color:#000; margin-top:75px; }

#left .left_block1 { width:220px; height:242px; float:left; margin-right:9px; padding:10px 15px; border:1px solid #25323D; background:#E6E8EA; background-image:url(../images/leftblock_bg.jpg); background-repeat:repeat-x; }
#left .left_block1 img { float:right; position:relative; top:-145px; left:8px; }
#left .left_block1 p.features { font-size:.9em; line-height:1.1em; margin-bottom:.3em; }
#left .left_block1 p.learn { margin-top:.5em; }

#left .left_block2 { width:220px; height:242px; float:left; padding:10px 15px; border:1px solid #25323D; background:#E6E8EA; background-image:url(../images/leftblock_bg.jpg); background-repeat:repeat-x; }
#left .left_block2 img { margin:4px 0 10px 0; }
#left .left_block2 p.features { font-size:.9em; font-weight:bold; line-height:1em; margin-bottom:.2em; margin-left:1em; }
#left .left_block2 p.learn { margin-top:.7em; }

#left .left_block1 h1, #left .left_block2 h1 { color:#213545; }
#left .left_block1 a, #left .left_block2 a { margin-left:100px; font-weight:bold; color:#213545; text-decoration:none; }
#left .left_block1 a:hover, #left .left_block2 a:hover { text-decoration:underline; }

/*--- Right Column Info --------------------------------*/
#right .trial { width:304px; height:199px; margin-bottom:13px; border:1px solid #31393E; background:#FCDFAE; background-image:url(../images/trail_bg.jpg); background-repeat:repeat-x; }
#right .trial img { margin-top:10px; margin-bottom:10px; }
#right .trial p { width:240px; margin:0 auto; }
#right .trial p.entice { width:240px; margin:0 auto; text-align:center; font-size:.8em; font-weight:bold; line-height:1em; }

#right .questions { width:285px; height:67px; border:1px solid #263642; background:#487D9C; padding:10px 8px 10px 10px; }
#right .questions img.screen { float:right; position:relative; top:-15px; left:1px; }

#right .newsletter { width:294px; border:1px solid #FFF; padding:5px; }
#right .newsletter h1 { font-size:1.1em; color:#000; line-height:1; margin-bottom:0; }
#right .newsletter p { font-size:.7em; }
#submit{ width:108px; height:23px; position:relative; top:2px; background:url(../images/subscribe.jpg) no-repeat; border:none;cursor:pointer; }

#right .services { width:284px; border:1px solid #263642; background:#487D9C; padding:10px; }

#right .questions p, #right .services p { color:#FFF; }

/*--- Sub Page Info  --------------------------------*/
#content_wrapper_sub { width:850px; margin:0 auto; margin-bottom:10px; padding:0; }
#left_sub { width:637px; float:left; margin:12px 3px 0 9px; border-right:1px solid #A7A7A7; }
#left_sub p { width:600px; padding:0px 10px; }
#left_sub img { float:right; position:relative; left:8px; }
#left_sub a { font-weight:bold; color:#2E4A60; text-decoration:none; }
#left_sub a:hover { text-decoration:underline; }

#left_sub1 { width:637px; float:left; margin:12px 3px 0 9px; border-right:1px solid #A7A7A7; }
#left_sub1 p { width:600px; padding:0px 10px; }
#left_sub1 a { font-weight:bold; color:#2E4A60; text-decoration:none; }
#left_sub1 a:hover { text-decoration:underline; }

#left_sub2 { width:637px; float:left; margin:12px 3px 0 9px; border-right:1px solid #A7A7A7; }
#left_sub2 p { width:600px; padding:0px 10px; }
#left_sub2 img { align:center; position:relative; left:2px; }
#left_sub2 a { font-weight:bold; color:#2E4A60; text-decoration:none; }
#left_sub2 a:hover { text-decoration:underline; }

#right_sub { width:198px; float:left; margin:12px 0px 0 0; }

#right_sub .trial { width:193px; margin-bottom:13px; border:1px solid #31393E; background:#FCDFAE; background-image:url(../images/trail_bg.jpg); background-repeat:repeat-x; }
#right_sub .trial img { margin-top:10px; margin-bottom:10px; }
#right_sub .trial p { width:180px; margin:0 auto; }
#right_sub .trial p.entice { width:190px; margin:0 auto; text-align:center; font-size:.7em; font-weight:bold; line-height:1em; }

#right_sub .questions { width:175px; border:1px solid #263642; background:#487D9C; padding:10px 8px 10px 10px; }
#right_sub .questions h1 { margin-bottom:15px; }
#right_sub .questions p { margin-left:9px; font-size:.8em; line-height:1.3em; }
#right_sub .questions img.screen { float:right; position:relative; top:-50px; left:0px; }
#right_sub .questions a { margin-left:.8em; font-size:1.2em; font-weight:bold; color:#223747; text-decoration:none; }
#right_sub .questions a:hover { text-decoration:underline; }

#right_sub .smile { width:175px; border:1px solid #263642; background:#C7C7C9; padding:10px 8px 10px 10px; }
#right_sub .smile h1 { margin-bottom:15px; }
#right_sub .smile p { margin-left:9px; font-size:.8em; line-height:1.3em; }
#right_sub .smile img.screen { float:right; position:relative; top:2px; left:5px; bottom:5px; }
#right_sub .smile a { margin-left:.8em; font-size:1.2em; font-weight:bold; color:#223747; text-decoration:none; }
#right_sub .smile a:hover { text-decoration:underline; }

#footer_policy a { font-size:.8em; font-family:Arial, Helvetica, sans-serif; line-height:1.1em; margin-bottom:.7em; color:#FFFFFF; text-decoration:none; }
#footer_policy a:hover { text-decoration:underline; }



/*--- Typography  --------------------------------*/
p { font-size:.9em; font-family:Arial, Helvetica, sans-serif; line-height:1.1em; margin-bottom:.7em; }
h1 { font-size:1.2em; color:#FFF; line-height:1; margin-bottom:0.2em; }
h2 { font-size:1.3em; color:#005177; line-height:1; margin-bottom:0.2em; }
h3 { font-size:1.1em; color:#005177; line-height:1; margin-bottom:0.2em; }
h4 { font-size:.8em; font-weight:bold; color:#005177; line-height:1; margin-bottom:0.2em; }
a.blue { font-weight:bold; color:#2E4A60; text-decoration:none; }
a:hover.blue { text-decoration:underline; }

.white { color:#FFF; }
.dkgray { color:#282828; }

strong { font-weight:bold; }
.clear { clear:both; }

table.accounts { font-size:12px; font-weight:bold; }
table.accounts td { padding:4px; }
table.accounts .small { font-size:10px; }
table.accounts a:link { color:#194861; text-decoration:none; font-weight:bold; }
table.accounts a:visited { color:#194861; text-decoration:none; font-weight:bold; }
table.accounts a:hover { text-decoration:underline; }
table.accounts .info { font-color:2E4A60; font-weight:bold; text-decoration:none; }

table.content { font-size:.9em; font-family:Arial, Helvetica, sans-serif; font-weight:normal; width:600px; }
table.content table { width:600px; padding:2px; }
table.content td { padding:4px; }
table.content .small { font-size:11px; }
table.content .smallest { font-size:13px; }
table.content .medium { font-size:13px; font-family:Arial, Helvetica, sans-serif; line-height:16px; }
table.content .title { font-size:14px; font-family:Arial, Helvetica, sans-serif; font-color:282828; font-weight:bold; }
table.content a:link { color:#194861; text-decoration:none; font-weight:bold; }
table.content a:visited { color:#194861; text-decoration:none; font-weight:bold; }
table.content a:hover { text-decoration:underline; }
table.content .large { font-size:1em; font-color:005177; font-weight:bold; }
table.content .xlarge { font-size:1.3em; font-color:005177; font-weight:bold; }