// $Id$

body {font-size: 14px; font-family: georgia, arial; background: #fff;}
img {border: 0px;}
input, select, textarea {border: 1px solid #d9d9d9;}
a {text-decoration: none; outline: 0px solid white; cursor: pointer;}
div {font-family: georgia,arial; font-size:12px;}
iframe {background: #fff;}


#main {width: 980px;}
.error {color: #F00;}
/*----------[ header ]-----------------------------------------------*/
#main #logo {float: left; width: 216px; height: 49px; margin-top: 28px;}
#main #header {height: 62px;}
#main #header #nav {float: left;}
#main #header .item {float: left; width: 215px; margin: 39px 15px 0 15px; cursor: pointer;}
#main #header #last.item {margin-right: 0px;}
#main #header .item a {display: block; width: 215px; color: #acacac; padding: 0 0 3px 0; text-align: left; text-transform: uppercase; border-bottom: 3px solid #acacac;}
#main #header .item a:hover {border-bottom: 3px solid #e4224a;}
#main #header .item a#on {color: #e4224a; border-bottom: 3px solid #e4224a;}

/*----------[ index ]-----------------------------------------------*/
#main #content {height: auto; margin: 20px 0 40px 0;}
#main #content #swfContent {float: left; width: 780px; height: 570px; margin: 0px; background: #fff; overflow: hidden;}
#main #content #right {float: left; width: 700px; margin: 20px 0 20px 0; padding: 20px 0 20px 0; border-top: 2px solid #e6e6e6; border-bottom: 2px solid #e6e6e6;}
#main #content #right div {color: #949494; text-align: left;}
#main #content #right .heading {margin: 0 0 10px 0; font-weight: bold; font-size: 12px;}
#main #content #right .text {float: left; width: auto; line-height: 20px;}
#main #content #right #btn_get_started {float: left; width: auto; height: auto; margin: 20px 0 0 0; padding: 5px 15px; text-align: left; background: #e4224a; border-top: 1px solid #f4a7b7; border-bottom: 1px solid #f4a7b7;}
#main #content #right a {line-height: 18px; color: #fff; text-transform: capitalize;}
#main #content .pod {float: left; width: 200px; margin: 20px 38px 0 0; text-align: left;}
#main #content .pod .heading {font-family: century gothic; font-size: 16px; text-transform: uppercase;}
#main #content .pod img {margin: 10px 0 10px 0;}
#main #content .pod .text {color: #949494; font-size: 12px; line-height: 20px;}

#main #swfReplacement {width: 980px; height: 298px; margin: 0px; border: 1px solid #e4607a; background: #e3254b; text-align: left;}
#main #swfReplacement img {float: left;}
#main #swfReplacement .bar {float: left; height: 100%; margin: 0px; padding: 0px;}
#main #swfReplacement #bar1 {width: 20px; background: #cf0b21;}
#main #swfReplacement #bar2 {width: 12px; background: #e9516f;}
#main #swfReplacement #bar3 {width: 56px; background: #f192a5;}
#main #swfReplacement #bar4 {width: 10px; background: #ffffff;}
#main #swfReplacement #bar5 {width: 17px; background: #e3254b;}
#main #swfReplacement #bar6 {width: 6px; background: #cf0b21;}
#main #swfReplacement #content {float: left; width: 420px; margin: 50px 0 0 30px;}
#main #swfReplacement #content #title {float: left; width: 420px; padding: 0 0 20px 0; color: #fff; font-size: 24px; font-family: century gothic; text-transform: uppercase; border-bottom: 3px solid #fff;}
#main #swfReplacement #content #copy {float: left; width: 420px; padding: 20px 0 0 0; color: #fff; font-size: 18px;}
#main #swfReplacement #buttons {float: right; width: 420px; padding-right: 25px;}
#main #swfReplacement  a {float: right; display: block; width: 161px; height: 28px; padding: 4px 10px 0px 10px; color: #4f0816; line-height: 12px; font-family: century gothic; font-size: 10px; font-weight: bold; text-align: center; text-transform: uppercase; margin: 20px 0 0 10px; border-top: 2px solid #b67a86; border-left: 2px solid #b67a86; border-bottom: 2px solid #9d2e45; border-right: 2px solid #9d2e45; background: url(../images/global/btn_swfRep_bg.gif) repeat-x;}
#main #swfReplacement  a:hover {border: 2px solid #f192a5; text-decoration: none;}
/*----------[ faq ]-----------------------------------------------*/
#main #content .left {float: left; width: 790px;}
#main #content .left .heading {float: left; color: #898989; text-align: left; font-family: century gothic; font-size: 16px; text-transform: uppercase;}
#main #content .left .sub_heading {color: #898989; margin: 20px 0 10px 0; padding: 0 0 0 15px; line-height: 12px; text-transform: capitalize; text-align: left; background: url(../images/global/icon_question.gif) no-repeat;}
#main #content .left a.question {display: block; margin: 0 0 0 30px; color: #e4224a; font-style: italic; text-align: left; line-height: 18px;}
#main #content .left a.question:hover {text-decoration: underline;}
#main #content .left a.answer {display: none; margin: 0 0 10px 50px; color: #000; text-align: left; line-height: 18px; cursor: default;}
#main #content .left a#expand_all {float: left; margin: 0 0 0 20px; line-height: 28px; color: #898989; font-family: century gothic; font-size: 10px;}
/*----------[ contactus ]-----------------------------------------------*/
#main #content #contact.left .sub_heading {line-height: 20px; text-transform: none; background: none; padding: 0px; text-align: left;}
#main #content #contact.left .sub_heading a {color: #e4224a;}
#main #content #contact.left .sub_heading a:hover {text-decoration: underline;}
#main #content #contact.left .input_title {clear: both; margin: 20px 0 12px 0; text-align: left; color: #898989; font-weight: bold;}
#main #content #contact.left .input_title img {position: relative; top: -1px;}
#main #content #contact.left .input_field {text-align: left;}
#main #content #contact.left .input_field #btn_send {height: 26px; margin: 5px 0 30px 0; background: #f3f3f3; border: 1ps solid #d9d9d9; cursor: pointer;}
/*----------[ privacy ]-----------------------------------------------*/
#main #privacy {margin:40px 0; text-align: left;}
#main #privacy .heading {color: #898989; text-align: left; font-family: century gothic; font-size: 16px; text-transform: uppercase;}
#main #privacy h3 {color: #666; font-family: verdana, arial; margin-top: 4px; margin-bottom: 4px; font-size: 17px; font-weight: bold;}

#main #privacy .text {}
/*----------[ footer ]-----------------------------------------------*/
#main #footer {height: 50px;}
#main #footer #link {float: left; width: 100%; margin: 0 0 10px 0; font-size: 11px; font-family: century gothic; text-align: left; text-transform: uppercase;}
#main #footer #link a {color: #e4224a;}
#main #footer #link a:hover {text-decoration: underline;}
#main #footer #copyright {float: left; width: 100%; text-align: left;}
#main #footer #copyright div {float: left; color: #b6b6b6; font-size: 11px;}
#main #footer #copyright a {margin: 0 0 0 10px; color: #b6b6b6;}
#main #footer #copyright a:hover {color: #e4224a; text-decoration: underline;}
#main #footer #nav {width: 100%; text-transform: capitalize;}
#main #footer #nav .item {float: left; margin: 0px 0px 5px 0px; padding-left: 10px;}
#main #footer #first.item {margin-left: 0px; padding-left: 0px;}
#main #footer .item a#first {margin-left: 0px; border-left: none; padding-left: 0px;}
#main #footer .item a {display: block; color: #b6b6b6; font-size: 11px; line-height: 14px; padding: 0 0 3px 10px; border-left: 1px solid #acacac;}
#main #footer .item a:hover {color: #e4224a; text-decoration: underline;}

/*----------[ ads ]-----------------------------------------------*/
#top_ad {float: right; width: 728px; height: 90px; background: #FFF; overflow: hidden;}
#right_ad {float: right; width: 160px; height: 600px; background: #FFF; overflow: hidden;}
#main #content #Advert.pod {float: right; width: 250px; height: 250px; margin: 20px 0 0 0; text-align: center; background: #FFF; overflow: hidden;}