/* GENERAL STYLES */

* {margin: 0; padding: 0;}
body {text-align: center;font-family: Helvetica, arial, "Lucida Grande", "Lucida Sans Unicode", verdana, sans-serif; font-size: 12px; color: #333;}
p {margin: 12px 12px 12px 20px; line-height: 20px;}
li {margin: 4px 12px; line-height: 20px;}
h1, h2, h3 {color: #288EB4; font-size: 19px; margin: 12px 8px; font-weight: normal;}
ul {list-style: none;}
a img {border: none;}
.clear {clear: both;}
.none, .hide {display: none;}
a:link, a:visited, a:hover, a:active {color: #3d748f; text-decoration: none;}
a:hover, a:active {color: #81b5d4; text-decoration:  underline;}

/* LAYOUT */
#wrapper {text-align: left; width: 781px; margin: 0 auto;}
#header {background: #fff; height: 180px; margin-top: 12px;}
#footer {clear: both; text-align: center; padding-top: 30px;}
#logo img {margin-left: 10px;}
#head_left {float: left; width: 546px; margin-top: 10px; background-color: #58B8DE; height: 120px;}
#head_right {float: right; width: 234px; margin-top: 10px;background-color: #58B8DE; height: 120px;}
#nav {clear: both; width: 640px; float: right; background: #fff url(../images/nav_bg.gif) 0 0 no-repeat; height: 30px;}
#left_content {width: 530px; float: left;}
#right_content {width: 240px; float: right;}
#three_blocks {clear: both;}
#block_1, #block_2, #block_3 {float: left; margin: 0 1px; height: 96px; width: 258px;}
#block_1 {margin-left: 0px;}
#block_1 {background: #fff url(../images/block_1_bg.gif) 0 0 repeat;}
#block_2 {background: #fff url(../images/block_2_bg.gif) 0 0 repeat;}
#block_3 {background: #fff url(../images/block_3_bg.gif) 0 0 repeat;}

/* TEXT */
#head_left h1 {background: #288EB4 url(../images/head_left.gif) 0 0 no-repeat; height: 40px; text-indent: -999999px; margin: 0;}
#head_right h2 {background: #fff url(../images/head_right.gif) 0 0 no-repeat; width: 234px; height: 40px; text-indent: -999999px; margin: 0;}
#head_left h2 {font-weight: normal; font-size: 19px; margin: 8px 0px 8px 10px; line-height: 30px; color: #fff;}
#header a:link, #header a:visited, #header a:hover, #header a:active {color: #fff;}
#header a:hover, #header a:active {text-decoration: underline;}
#header p {color: #fff;}
#footer a {color: #ccc; text-decoration: none;}

#three_blocks h3, #three_blocks p {color: #fff; font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", arial, helvetica, verdana, sans-serif;}
#three_blocks p {font-size: 11px; float: right; margin-right: 10px; margin-left: 4px;}
#block_1 p.more, #block_2 p.more, #block_3 p.more {height: 42px; width: 258px; margin: 0; padding: 0;}
#block_1 p.more {background: #fff url(../images/block_1_foot.gif) 0 0 no-repeat;}
#block_2 p.more {background: #fff url(../images/block_2_foot.gif) 0 0 no-repeat;}
#block_3 p.more {background: #fff url(../images/block_3_foot.gif) 0 0 no-repeat;}
#block_1 p.more span, #block_2 p.more span, #block_3 p.more span {float: right; margin-right: 20px; margin-top: 10px; padding-left: 25px; background: transparent url(../images/white_arrow.gif) 0 7px no-repeat;}
#three_blocks p.more a {color: #fff;}
#home_news p {line-height: 15px;}
p.date {line-height: 17px; font-family: helvetica, verdana, arial, sans-serif; text-transform: uppercase; color: #58B8DE; font-size: 11px; padding-left: 12px; background: transparent url(../images/note.gif) 0 3px no-repeat;}
p.full_story {float: right; margin-top: -15px;}
#left_content ul {margin-left: 25px;}
#left_content ul li {background: transparent url(../images/grey_arrow.gif) 0 5px no-repeat; padding-left: 20px;}

/* NAVIGATION */
#nav ul {margin-top: 4px;}
#nav ul li {display: inline; margin: 4px 8px;}
#nav ul li a:link, #nav ul li a:visited {color: #fff;}


#home_page #nav #nav_1 a,
#what_page #nav #nav_2 a,
#order_page #nav #nav_3 a,
#contact_page #nav #nav_4 a,
#about_page #nav #nav_5 a,
#faq_page #nav #nav_6 a,
#news_page #nav #nav_7 a,
#partners_page #nav #nav_8 a,
#pay_for_hip #nav #nav_9 a,
#nav ul li a:hover, #nav ul li a:active 
{border-bottom: 2px solid #fff; text-decoration:  none;}

/* LOGIN FORM */
#login {margin-left: 100px;}
#login fieldset div label {display: block;}
#login fieldset div input {width: 200px;}

/* FORMS */
/* general */
form#get_started {margin-left: 20px;}
fieldset {border: 0;}
label {font-size: 11px;}
fieldset div {margin: 10px 0;}
input.pc_1 {display: inline; width: 50px;}
input.pc_2 {display: inline; width: 40px;}
input.submit {display: inline;}
div.proceed{float: right; margin-top: -1px; margin-right: 10px;}
fieldset.left {width: 48%; float: left;}
fieldset.right {width: 48%; float: right;} 
div.street_address {float: right; margin-right: 190px;}

/* order form */
#order_form, #order_details_form {margin-left: 20px;}
#order_form label {display: none;}
#order_details_form label {display: block;}
#order_form p, #order_details_form p {margin-left: 0;}
#order_form input.text, #order_form select, #order_form textarea, 
#order_details_form input.text, #order_details_form select, #order_details_form textarea 
{width: 210px; margin: 4px;} 
#order_form img, #order_details_form img {float: right; margin: 4px 80px 0 0;}
#order_form h3, #order_details_form h3 {margin-left: 0px;}
button {cursor: pointer; border: none; margin: 0; padding: 0; background: none; float: left; display: inline;}

/* SAFARI HACK */
div.proceed {margin-top: -22px;#}