body{font-family:Arial,Helvetica,sans-serif; font-size:small}
#container{width:950px; margin:0 auto; padding:5px}
#header{margin-bottom:5px; padding-bottom:10px; background:url(../img/urbrainy.logo.png) top left no-repeat}
#navigation .selected{background:#243C5F; color:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px}
#navigation ul{margin:0 0 0 200px; padding:30px 0 0 0; list-style:none}
#navigation ul li{float:left; margin:0; padding:0 5px}
#navigation .submenu{clear:left; margin-top:25px; padding-top:5px; margin-left:250px}
#navigation a{color:#243C5F; text-decoration:none; font-weight:bolder; padding:3px 10px}
#navigation a:hover{text-decoration:underline}
#navigation input{border:1px solid #666; background:#ADD7E8; padding:3px; margin-top:-6px}
#navigation .submit{background:#35568C; border:1px solid #243A5F; color:#fff; font-weight:bold; font-size:90%; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px}
#left{float:left; width:199px; border-right:1px solid #B1BADF; border-top:1px solid #B1BADF; margin-top:10px}
#content{clear:left; float:right; width:740px; padding:5px; border-top:1px solid #B1BADF; margin-top:10px}
#fullcontent{width:740px; margin-left:100px; padding:5px; border-top:1px solid #B1BADF; margin-top:10px}
#center{width:520px; padding:0 5px}

#right{float:right; width:199px; border-left:1px solid #ccc; padding-left:10px}
#footer{margin-top:10px; clear:both; border-top:solid 2px #243C5F; background:##FEFEFE}
#footer-container{width:950px; margin:0 auto}
.footer-column{float:left; padding:10px}
.footer-column h1{font-size:110%; font-weight:bold}
.footer-column ul{padding:0; margin:0 0 0 5px}
.footer-column ul li{list-style:none; padding:0; margin:0}
.footer-column ul li a{color:#243C5F; text-decoration:none}
.footer-column ul li a:hover{text-decoration:underline}
#footer-payment-details{width:270px; margin-top:90px}
#footer-main-navigation{width:165px}
#footer-info-navigation{width:165px}
#footer-newsletter-signup{width:270px}
#footer-newsletter-signup input{background:#F4F7EE; border:solid 1px #94AB63; margin-top:5px; font-size:110%; float:left}
#footer-newsletter-signup label{}
#footer-newsletter-signup input[type='text']{padding:5px; width:190px; -moz-border-radius:7px 0 0 7px; -webkit-border-radius:7px 0 0 7px; border-radius:7px 0 0 7px}
#footer-newsletter-signup input[type='submit']{padding:4px 6px; background:#E2E8D3; border-left:none; -moz-border-radius:0 7px 7px 0; -webkit-border-radius:0 7px 7px 0; border-radius:0 7px 7px 0}
#footer-newsletter-signup .mc_custom_border{margin:0px; padding:0px}
#footer-newsletter-signup .mc_merge_var, #footer-newsletter-signup .mc_signup_submit{width:auto; display:inline}
#footer span{display:block; background:#243C5F; color:#fff; text-align:center; font-size:80%; padding:2px 0; margin-top:5px; clear:both}

#rightcol .img{display:block; background-position:center; background-repeat:no-repeat; width:150px; height:212px; position:relative; border:1px solid #666; margin:1px 10px 10px 20px; float:left}
#centercol h2{clear:left; padding:10px 0 5px 0; margin:3px 0 8px 10px; background:none}

.error-msg{background:#fed2cd; border:1px solid #A71505; padding:7px}
.error-msg h3{padding:0.6em 0 0 40px; background:url('../img/newbrowser/warning.png') left bottom no-repeat; font-size:130%; font-weight:bold; color:#000; margin:0}
.error-msg p{margin:0.5em 0}

.opacity-10{filter:alpha(opacity=10); -moz-opacity:0.1; -khtml-opacity:0.1; opacity:0.1}
.opacity-20{filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity:0.2; opacity:0.2}
.opacity-30{filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity:0.3; opacity:0.3}
.opacity-40{filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4}
.opacity-50{filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5}
.opacity-60{filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6}
.opacity-70{filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7}
.opacity-80{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8}
.opacity-90{filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; opacity:0.9}

fieldset{position:relative; float:left; clear:left; width:100%; margin:0 0 -1em 0; padding:0 0 1em 0; border-style:none; border-top:1px solid #BFBAB0; background-color:#F2EFE9; background-image:url(../img/fieldset_grad.jpg); background-repeat:repeat-x}
legend{margin-left:1em; padding:0; color:#545351; font-weight:bold}
legend span{position:absolute; left:0.74em; top:0; margin-top:0.5em; font-size:135%}
fieldset ol{padding:3.5em 1em 0 1em; list-style:none}
fieldset li{float:left; clear:left; width:100%; padding-bottom:1em; position:relative}
fieldset.submit{float:none; width:auto; border-style:none; padding-left:12em; padding-top:1.5em; background-color:transparent}
label{position:relative; float:left; width:10em; margin-right:1em}

label strong{position:absolute; left:38em; top:0.3em; width:29em; color:#C00; font-size:85%; font-weight:normal}
label em{position:absolute; left:10em; top:0.5em}

input.textfield{background:#fff; border:1px solid #ccc; padding:3px 2px; width:24em}
input.error{background:#fed2cd; border:1px solid #A71505; padding:3px 2px}

#how-to-use-img{margin:20px 10px}

.how-to h2{margin-left:20px}

.how-to-use{margin:0; padding:0 0 10px 35px}
.how-to-use li{margin:0; padding:0px 5px; color:#666; font-size:150%; font-weight:bold}
.how-to-use li h3{font-size:95%; padding:5px 0 0 0; margin-bottom:0px; color:#333}
.how-to-use li p{color:#333; font-size:70%; font-weight:normal; line-height:1.5em; padding:0; margin:0}

.radio-payment{display:inline; float:left; width:220px; clear:none; background:#F3F7FD; border:2px solid #E1EBFB; margin:0 10px 5px 10px; padding:5px}
.radio-price{clear:left; width:470px; display:block; background:#F3F7FD; border:2px solid #E1EBFB; margin:10px 15px; padding:5px}
.radio-price .price, .radio-payment .price{float:right; font-size:110%; font-weight:bold}
.radio-price .title, .radio-payment .title{font-size:110%; font-weight:bold}
.radio-price .sub-title, .radio-payment .sub-title{display:block; font-style:italic; margin-left:2em}
.subscribe input[type=submit]{margin:5px 0 0 25px}

.account-box{background:#FFF4CB; border:1px solid #FFD431}
.account-box dl{float:left; width:330px; margin:1em 0; padding:0; border-bottom:1px solid #999}
.account-box dt{clear:left; float:left; width:80px; margin:0; padding:5px; border-top:1px solid #999; font-weight:bold}
.account-box dd{float:left; width:230px; margin:0; padding:5px; border-top:1px solid #999}

.aButton{background:#35568C; border:1px solid #243A5F; text-decoration:none; padding:0.25em 0.5em; color:#fff; font-weight:bold; font-size:90%}
.aButton:hover{text-decoration:underline}

.download-links{width: 350px;padding:3px;}
.download-links a{color:#D14640;}
.download-link{padding:10px 10px 15px 55px;background: #eeeeee url(../img/filetype-pdf.png) 5px 5px no-repeat;border:2px solid #ccc;margin-bottom:5px;}
.download-link span{display:block;}
