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

/* remember to define focus styles! */
:focus a { outline: 0; }
body { line-height: 1; color: #444; background: white; }
ol, ul { list-style: none; font-size: 12px; line-height: 16px; }

/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left;font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* end of reset */

div#wrapper { width: 100%; height: 100%; background: url(../images/bg.jpg) repeat-x; }
div#wrapper.subPage { background: url(../images/subbg.jpg) repeat-x; }
div#innerWrapper { width: 960px; margin: 0 auto; }
div#header { height: 140px; position: relative; }
div#upperContent { padding: 20px 0 30px 0; }
div#signup { width: 235px; margin-top: 35px; }
img#sticker {float:right;}
.subPage div#signup { float: right; margin-top: -7px; }
div#subNavigation { width: 250px; float:left; }
div#leftColumn { float: left; width: 545px; }
div#rightColumn { float: left; width: 395px; padding: 10px }
div.bucket { background-color: #f4f4f4; border: 1px solid #ededed; width: 300px; height: 225px; float: left; margin: 0 8px;  position: relative;}

div.bucket div { padding: 15px;}
div#footer { height: 200px; border-top: 1px solid #e3e3e3; margin-top: 100px; color: #bfbfbf; padding-top: 15px; }
.clear { clear: both; }
div#content { float: left; width: 680px; }
div#content.features {width: 680px; }
div#mainContent { position: relative; display:inline-block;}
#toTop { width:100px;background:#FA9428;text-align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#fff; font-weight: bold; display: none;}
div#calculator { background-color: #f4f4f4; border: 1px solid #ededed; float: right; width: 215px; height: 200px; padding: 10px; margin-top: 15px; }
div#loginWrapper {display:none; width: 100%; color: #444; font-size: 25px; background: url(../images/loginbg.jpg) repeat;}
div#login { width: 960px; height: 125px; margin: 0 auto; padding-top: 30px; position: relative; }
.fouc div#login { display: none; }

p { font-size: 12px; line-height: 24px; padding: 10px 0; }
div#header p { position: absolute; top: 0; right: 10px; font-weight: bold; color: #fff; }
p.intro { padding: 20px 0 0 0; }
div#upperContent p { padding: 0; }
div.bucket p, p.intro { font-size: 18px; color: #949494; padding-top: 10px; }
div#footer p { font-size: 10px; float: left; padding: 0; }
p.features { float: right;  padding: 20px 15px 0 0; }
p#price { font-size: 40px; color: #7fce0c; font-weight: bold; text-align: center; padding-top: 30px; }
p#saving {text-align:center; padding:0;}
div#login p { font-size: 18px; color: #949494; padding-bottom: 20px; }
a { text-decoration: none; background-color: none; }
p a { color: #1C3D66; font-weight: bold; text-decoration: underline; }
p a:hover { text-decoration: none; }
div#signup a { color: #fff; }
div#footer a { color: #bfbfbf; }
div#footer a:hover { text-decoration: underline; }
div#footer ul li a { background: url(../images/seperator.gif) right no-repeat; padding-right: 5px; }
div#footer ul li a.last { background: none; }
div#footer p a, div#header p a  { text-decoration: none;  }
div.bucket a { display: block; width:300px; height:200px; position:absolute; background:url(/templates/default/images/clear.gif); text-indent:-2000px; }
div#header p a { color: #fff; }
div#calculator a { text-align: center; font-size: 20px; display: block; border: 1px solid #e3e3e3; padding: 10px; background-color: #fff; color: #333; margin-top: 20px; }
h1 { font-size: 37px; color: #333; padding-bottom: 10px; font-weight: bold; line-height: 40px }
.subPage h1 { float: left; }
h2 { font-size: 44px; text-transform: uppercase; font-weight: bold; }
h3, h2.err { font-size: 31px; color: #333; font-weight: bold; padding-top: 10px; }
div.bucket h3 { padding-top: 0; }
p.features a, h4 a, h4  { font-size: 17px; font-weight: bold; color: #EE8D26; text-decoration: none; }
h4 a, h4 { font-size: 18px; margin-top: 30px; }
h4 a:hover { text-decoration: underline; }
div#calculator h4 { margin-top: 0; }
.onecolumn h4 { padding-top: 15px; }
strong { font-weight: bold; }
h5 { font-weight: bold; padding: 15px 0 5px 0; }

img#logo { position: absolute; top: 35px; left: 10px; }
img#close { position: absolute; top: 20px; right:20px; }
p img { vertical-align: middle; display: block; float: left; padding-right: 5px; }
p.features img { vertical-align: middle; padding: 0 0 0 5px; float: none; display: inline; }
h3 img, div#subNavigation ul li a img { vertical-align: middle; padding-right: 5px; }
h3 img { margin-top: -3px; }

div#calculator label { font-size: 12px; padding-right: 10px; }
input#password, input#username { height: 28px; margin-right: 30px; font-size: 25px; width: 250px; }
div#login label {  height: 25px; padding-right: 10px; font-weight: bold; }
div#login form * { float: left; display: block; }

div#mainContent form { padding-top: 20px; }
div#mainContent form input { width: 350px; height: 28px; font-size: 25px;  }
div#mainContent form label { width: 250px; display: block; float: left; line-height: 28px; font-size: 18px;  }
div#mainContent form ul li { padding: 10px 0; }
form span, p.errormessage, p.signupError { color: #f00; font-weight: bold; }
textarea { width: 280px; }
div#signupForm form ul li { padding: 5px 0; }
div#signupForm form input { width: 350px; }
div#signupForm form input, div#signupForm form textarea {font:12px normal Arial, Helvetica, sans-serif;}
div#signupForm form label { width: 250px; display: block; float: left; }

.stdForm input, .stdForm textarea {font:25px normal Arial, Helvetica, sans-serif;}
 
div#content table { width: 100%; padding: 20px 0; }
div#content table th { background-color: #F4F4F4; color: #333; font-weight: bold; padding: 10px; font-size: 16px;  }
div#content table td { padding: 10px; font-size: 12px; border-top: 1px solid #e3e3e3; }


ul.parentMenu { float: right; padding-top: 60px; }
ul.parentMenu li { float: left; }
ul.parentMenu li a { color: #fff; font-size: 20px; text-transform: uppercase; background-color: #985a18; padding: 10px; height: 20px; display: block; margin: 0 1px; line-height: 20px; }
ul.parentMenu li a.selected, ul.parentMenu li a:hover { background-color: #efefef; color: #333; }
div#content ul li ul, ul.sitemap { list-style: circle; width: 600px; padding: 15px 0 0 20px;  } 
ul.sitemap li a { color: #333; }
ul.sitemap li { padding: 5px 0; text-transform: capitalize; }
div#content ul li ul li { padding: 5px 0; width: 50%; float: left; margin-top: 0; }
div#subNavigation ul li { width: 230px; background-color: #f4f4f4; border: 1px solid #ededed;  display: block; margin: 10px 0; }
div#subNavigation ul li.selected { background-color: #e2e2e2; }
div#subNavigation ul li a { font-size: 17px; font-weight: bold; color: #444; display: block; width: 210px; padding: 10px; }
div#footer ul { float: right; font-size: 10px; line-height: 26px; }
div#footer li { display: inline; }
ul.tick, ul.cross { padding: 20px 0; }
ul.tick li, ul.cross li { background: url(../images/icons/accepted_24.png) left no-repeat; padding: 7px 0 7px 30px; margin-left: 10px; }
ul.cross li { background: url(../images/icons/close_24.png) left no-repeat; }
address { padding: 10px 0; font-size: 12px; }
address ul li { padding: 5px 0; }
div#mainContent ol { margin: 10px 30px; background-color: #f4f4f4; border: 1px solid #ededed; padding: 10px; }
div#mainContent ol li { padding: 8px 0; }

/* SimpleModal Styles */
#simplemodal-overlay {background-color:#000; cursor:wait;}
#simplemodal-container {height:525px; width:650px; background-color:#fff; border:3px solid #ccc;}
a.modalCloseImg {background:url(../images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-18px; cursor:pointer;}
div#signupForm { display: none; padding: 20px; }
div#signupForm p.signup { background-color: #f4f4f4; border: 1px solid #ededed; padding: 10px; }

pre {padding-left:40px; color:#0066FF; font-size:12px; line-height:150%;}
textarea#message { width: 400px; }
div#signupForm textarea#message { width: 300px; }

div#left, div#right { width: 480px; float: left; }
div.showcase { position: relative; margin-bottom: 20px; width: 450px; }
div.showcase_image { padding: 5px; border: 1px solid #aaa; width: 440px; height: 180px; }
div.showcase_content a { color: #FA9428; font: bold 14px Arial, Helvetica, sans-serif; }
div.showcase_content { padding: 20px; color: #fff; position: absolute; top: 0; left: 0; z-index: 2; width: 412px; height: 154px; display: none; }
div.showcase_content p { font-size: 11px; }
div.showcase_bg { width: 452px; background: #000; height: 192px; position: absolute; top: 0; left: 0; display: none; }
div.view_site { text-align: center; position: absolute; bottom: 20px; right: 20px; }
div.view_site a { background: #FA9428; color: #fff;  font-size: 11px; width: 60px; height: 20px; display: block; line-height: 20px;}