/*
**  @author : wimake
*/

/****
* CSS RESET
****/

html,body,span, applet,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre, a,abbr,acronym,address,cite,code, del,dfn,em,font,img,ins,kbd,q,s,samp,strike,strong,sub,sup,tt,var, dd,dl,dt,li,ol,ul, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td
{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;line-height:1.2em;font-family:inherit;}

a img,:link img,:visited img{border:0;}
/*table{border-collapse:collapse;border-spacing:0;}*/
ul{list-style:none;}
ol{list-style: decimal inside;}
q:before,q:after, blockquote:before,blockquote:after{content:"";}
strong,h1,h2,h3,h4,h5,h6 {font-weight:bold;}
em{font-style:italic;}
input, textarea, select  {font-size:99%}
* {outline:none;margin: 0; padding: 0}

html, body {
    font: 11px verdana, arial, sans-serif; 
    background: #fff;
    margin: 0;
    padding: 0;
    color: #333;
}

/* LINKS */
a {text-decoration: none; color: #666;}
a:hover {text-decoration: none; color: #333;}
a.active {text-decoration: none; color: #fff;}
a.revert {color :#fff;}
a.revert:hover {color: #666;}
a.underlined {text-decoration: underline; color: #666; }
a.underlined:hover {text-decoration: none;}
a.black:hover {color:#000;}
a.arrow  {background: url(skin/icon_arrow.png) no-repeat; display: block; padding: 0 0 0 16px; font-size: 11px; font-weight: bold}
a.orange { color: #FF9900; font-weight: bold; }
a.orange:hover { color: #333; }
a.none {color :#fff; background :#fff;}
a.none:hover {color: #fff; background :#fff;}

/* TEXT ALIGN */
.txtL{text-align:left !important;}
.txtC{text-align:center !important;}
.txtR{text-align:right !important;}
.txtT{vertical-align:top !important;}
.txtM{vertical-align:middle !important;}
.txtB{vertical-align:bottom !important;}
.bold{font-weight:bold;}
.normal{font-weight:normal;}

/* FLOATS */
.floatL, .float_l {float:left !important;}
.floatR, .float_r {float:right !important;}
.clearfl {clear: both !important;}
.spacer { clear: both !important; height: 10px; }
.spacer-dt { background: url(skin/spacer_dt.png); height: 20px; width: auto; margin: 5px 0 }

.ft-blue { color: #5bbce9; }
.ft-greeen { color: #99cc00; }

/* FORMS */
input[type=text], input[type=password] { background: #e8f6fc; border: 1px solid #339ccc; color: #339ccc; padding: 1px; width: 225px; font: 11px verdana, arial, sans-serif; }
textarea { background: #e8f6fc; border: 1px solid #339ccc; color: #339ccc; padding: 1px; font: 11px verdana, arial, sans-serif; }
select { background: #e8f6fc; border: 1px solid #339ccc; color: #339ccc; padding: 1px; font: 11px verdana, arial, sans-serif; } 

button { background: url(skin/buttons.png) no-repeat 0 3px; border: 0; font-size: 12px; font-weight: bold; width: 240px; text-align: center; cursor: pointer; color: #fff; overflow: hidden; }
button.disable { background: #fff; width: auto; }

button.orange-b { background-position: 0 3px; width: 164px; height: 42px; font-size: 18px; }
button.orange-l { background-position: 0 -39px; width: 164px; height: 21px; font-size: 11px; }
button.orange-s { background-position: 0 -60px; width: 82px; height: 21px; font-size: 11px; }
button.green-l { background-position: 0 -141px; width: 164px; height: 21px; font-size: 11px; }
button.green-s { background-position: 0 -162px; width: 82px; height: 21px; font-size: 11px; }


#form-container .form-row {padding: 5px 0; text-align: left; }
#form-container .form-row-inline {padding: 5px 0; text-align: left; }
#form-container .form-row-inline label { width: 320px; }
#form-container .form-row-inline .error_list { margin-left: 0;}
#form-container .form-row-inline input[type=text] { width: 30px; }
#form-container label {display: block; padding: 0 1em 3px 0; float: left; text-align: left; width: 140px; color: #666; }
#form-container .error_list { margin-left: 152px; margin-bottom: 0.3em; color: #cc0000; font-size: 9px;}
#form-container .form_helper { margin-left: 152px; color: #999; font-size: 9px; }
#form-container .helper { margin-left: 3px; color: #666; font-size: 9px; }

#form-container .radio_list { display: block; margin: 0; padding: 0; }
#form-container .radio_list li { display: block; float:left; }
#form-container .radio_list label { color:#333333; padding:0 0 3px 5px; width: 45px; float: left; margin: 0; color: #666; }
#form-container .radio_list input { float: left; margin:0; }

#form-container .checkbox_list { float: left; } 
#form-container .checkbox_list li { display: block; clear: both; }
#form-container .checkbox_list label { width: 100px; padding-left: 5px; color: #666; }
#form-container .checkbox_list input { float: left; margin-bottom: 5px; }

#form-container-login .form-row {padding: 5px 0 0 0; text-align: left}
#form-container-login label {display: block; padding: 0 1em 2px 0; float: left; text-align: left; width: 8em; color: #333;}

#form-container-login .login-input { width: 120px; }
#form-container-login .error_list { margin-left: 9em; margin-bottom: 0.3em; color: #cc0000;}

#form-container-friend .form-row {padding: 3px 0; text-align: left; }
#form-container-friend input[type=text], #form-container-friend input[type=password] { background: #e8f6fc; border: 1px solid #339ccc; color: #339ccc; width: 180px; }
#form-container-friend label {display: block; padding: 4px 0; float: left; text-align: left; width: 60px; }

.help { padding-top: 10px; color: #666; font-size: 9px; display: block; float: right }

#loginForm { margin-top: 10px; }
#loginForm input[type=text], #loginForm input[type=password] { background: #edffdb; border: 1px solid #99cc00; color: #99cc00; width: 120px; }
#loginForm label {display: block; padding: 0 1em 3px 0; float: left; text-align: left; width: 85px; color: #99cc00; }
#loginForm .form-row {padding: 3px 0; text-align: left; }
#loginForm .submit-row {padding: 3px 21px; text-align: right; }
#loginForm a { font-size: 10px; padding: 4px 0 0 5px; display:block; width: 100px; float: left; }

#form-container .postcode {width: 50px;}
#form-container .address {width: 225px; height: 33px;}
#form-container .child_dob {width: 40px; }
#form-container .red {border: 1px solid #cc0000; }
#form-container .simple-help { color: #666; font-size: 9px; }

#plus { color: #99CC00; }
#minus { color: #FF9900; }
.delete { color: #FF9900; cursor: pointer; }

/* GLOBALS */
h2 { font-size: 14px; color: #ff9900; margin-bottom: 10px; }
h2.ball { background: url(skin/ball.png) no-repeat; font-size: 20px; color: #ff9900; margin-bottom: 10px; padding: 2px 0 0 40px; height: 28px; }

h3 { font-size: 14px; color: #ff9900; margin-bottom: 10px; }
h3.blue { color: #339ccc; }
h3.orange { color: #ff9900; }

.blue { color: #349ccc !important }
.blue-big { font-size: 14px; color: #349ccc }
.small { font-size: 10px; }

.facebook { background: url(skin/facebook.png) no-repeat; display: block; padding: 5px 0 5px 28px; }

/* STRUCTURE */
#page { background: url(skin/shadow.png) repeat-y; position:relative; margin: 0 auto; padding: 0; width: 950px; }
#container { margin: 0 auto; width: 900px; }

.side {width: 240px; float: left; margin-left: 20px;}

#header { width: 900px; height: 228px;;}
#header .logo { float:left; }
#header .content { margin: 10px 10px; }
#header h1 { font-size: 48px; color: #333; text-align: right; margin: 0; }
#header a.txt1 { color: #4c4c4c; line-height:0.6em }
#header a.txt1:hover { color: #4c4c4c; }
#header a.txt2 { color: #ddd; }
#header a.txt2:hover { color: #ddd; }
.wave { background: url(skin/wave.png) no-repeat top right; }

#nav { width: auto; text-align: right; margin-right: -20px; font-weight: bold }
#nav ul li {  }
#nav a { font-size: 20px; padding-right: 20px; }
#nav a:hover { background: url(skin/nav_arrow.png) no-repeat right 65% }
#nav a.active { background: url(skin/nav_arrow.png) no-repeat right 65% }
#nav .subcat a { color: #999; font-size: 12px; }
#nav .subcat a:hover { background: none; color: #fff; }
#nav .subcat a.active { background: none; color: #fff; }

#main { background: url(skin/shadow_bottom.png) repeat-x bottom; }
#main .content { padding: 0 0 60px 95px; min-height: 350px; }

#mea { background: url(skin/bg_blue.png); height: 110px; border-top: 1px solid #fff; }
#mea .content { width: 720px; margin: 0 auto; }
#mea ul {list-style: none; margin: 0;padding: 0;  border-left: 1px solid #fff; height: 110px; }
#mea ul li { float: left; display: block;  border-right: 1px solid #fff; }
#mea ul li.small {background: #eee; width: 235px; }
#mea ul li.big {background: #fff; width: 471px;}
#mea ul li a {display: block;overflow: hidden;height: 110px; }
#mea ul li a:hover {color: #333;}
#mea ul li p {margin: 0;padding: 0; display: block; font-size: 10px}
#mea ul li p strong {font-weight: normal; font-size: 16px; margin-bottom: 5px; display: block; }
#mea .shadow {background: url(skin/shadow_mea.png) no-repeat; height: 8px; }


#footer {margin-top: 20px; }
#footer .links { background: #eaeaea; padding: 10px 0; text-align: center; font-size: 11px;}
#footer .copy { display: block; color: #999; font-size: 10px; padding: 0 100px; margin: 20px 0 5px 0; }
#footer a { color: #666; }
#footer a:hover { color: #000; }

#footer-end { background: url(skin/shadow_corner.png) no-repeat; height: 37px; }


/* CONTENT STRUCTURE */
#col1 { float:left; width: 270px; margin-right: 40px; }
#col2 { float:left; width: 425px; }

#col1-profile { float:left; width: 390px; margin-right: 20px; }
#col2-profile { float:left; width: 288px; }

#col1-home { float:left; width: 450px; margin-right: 10px; }
#col2-home { float:left; width: 290px; }

#col1-home .step { clear: both; margin-bottom: 30px; }
#col1-home .more { display: block; text-align: right; padding-right: 30px; margin-bottom: 10px; }
#col1-home .num { background: url(skin/step.png) no-repeat; float: left; width: 23px; height: 31px; margin-right: 15px; padding: 7px 0 0 11px; font-size: 16px ; font-weight: bold; color: #999; }
#col1-home .item { float: left; width: 390px; }
#col1-home .item h2 { font-size: 14px; color: #ff9900; margin-bottom: 5px; }
#col1-home .item span { display: block; font-size: 12px; }

#col1-faq { float:left; width: 695px; margin-right: 40px; }
#col2-faq { float:left; width: 250px; }
#col1-faq h1 { font-size: 20px; color: #ff9900; margin-bottom: 10px; font-weight: normal; }
#col1-faq h2 { font-size: 14px !important; font-weight: normal; color: #339ccc !important; }
#col1-faq h3 { font-size: 12px !important; font-weight: normal; color: #339ccc !important; }

#login-box { text-align: right; }

.box { background: url(skin/box_corner.png) no-repeat;  }
.box .content { padding: 20px !important; min-height: 0 !important; }
.box-bordered { border: 1px solid #ccc ;  }
.box-bordered .content { padding: 20px !important; min-height: 0 !important; }

.box-small { background: url(skin/box_small.png) no-repeat; width: 268px; height: 151px; margin-bottom: 20px;}
.box-small .content { padding: 25px 5px 5px 20px !important; min-height: 0 !important; }
.box-small h2 { font-size: 14px; font-weight: normal; margin-bottom: 5px; color: #7d7b7c; }

.box-login { width: 288px; height: 151px; margin-left: 30px; float:left; }
.box-login .content { padding: 25px 5px 5px 20px !important; min-height: 0 !important; }
.box-login h2 { font-size: 12px; margin-bottom: 10px; color: #99cc00; width: 162px; }
.box-login h2.large { width: 250px; }

.register h2 strong { color: #5bbce9; font-weight: normal;  }
.btn-register { text-align: center; margin-top: 22px; }
.login h2 strong { color: #99cc00; font-weight: normal; }
.login .error { color: #cc0000; font-weight: normal; }

.auth-home { width: 300px; padding: 10px 0 0 32px }
.auth-home h2 { width: 162px; }

.desc { font-size: 12px; }

#cms-page { width: 730px; }
#cms-page h1 { font-size: 20px; color: #ff9900; margin-bottom: 10px; font-weight: normal; }
#cms-page h2 { font-size: 14px; margin-bottom: 10px; color: #339ccc; font-weight: normal; }
#cms-page h3 { font-size: 12px; color: #ff9900; margin-bottom: 5px; font-weight: normal; }
#cms-page h4 { background: url(skin/ball.png) no-repeat; font-size: 14px; color: #ff9900; margin-bottom: 5px; padding: 6px 0 0 40px; height: 30px; }
#cms-page p { margin: 10px 0 20px 0; }
#cms-page a { color: #339ccc }
#cms-page a:hover { color: #333333 }

#cms-page .error404 { width: 600px !important; }

#poll { width: 518px; float:left; }
#poll h1 { font-size: 20px; color: #ff9900; margin-bottom: 10px; font-weight: normal; }
#poll h2 { font-size: 14px; margin-bottom: 10px; color: #339ccc; font-weight: normal; }
#poll h3 { font-size: 12px; color: #ff9900; margin-bottom: 5px; font-weight: normal; }
#poll h4 { background: url(skin/ball.png) no-repeat; font-size: 14px; color: #ff9900; margin-bottom: 5px; padding: 6px 0 0 40px; height: 30px; }
#poll .question-content { margin: 10px 0 20px 0; }
#poll a { color: #339ccc }
#poll a:hover { color: #333333 }


#poll-page { background: url(skin/shadow.png) repeat-y; position:relative; margin: 0 auto; padding: 0; width: 950px; }
#poll-page #header { height: 130px; }
#poll-page #header .logo { padding: 10px 25px; }
#poll-page .banner-top { float:left; padding-top: 10px; }
#poll-page .banner-left { float:left; padding: 0 10px; }
#poll-page .content { padding: 0 0 60px 30px }
#poll-page .video { padding-bottom: 10px; }
#poll-page .banner2 { width: 320px; text-align: center; }
#poll-page .error { color: #cc0000; }


/* Dual Optin */
.t3 { font-family: verdana,arial,sans-serif; font-size: 11px; padding-top: 0 !important; }
.t3 img { margin-right: 10px; }
.t3 input { margin-right: 10px; margin-top: 10px; } 
#LSF_display { width: 750px; }


.code { font-size: 16px; font-weight: bold; color: #FF9900 }