/* http://meyerweb.com/eric/tools/css/reset/ *//* v1.0 | 20080212 */
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,b, u, i, center,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-size: 100%;vertical-align: baseline;background: transparent;}
html {overflow-y: scroll;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}

/* my_account / admin / front nav */
.nav-link {float:left;}
.section-switch {z-index:1000;position:relative;background:#000;margin-top:12px;line-height:26px;padding:0 30px 0 10px;border:1px solid #888;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;display:inline-block;}
.section-switch a {display:block}
.add-sections {display:none;}
.add-sections li {display:block;}
.section-switch a.show-add-sections {display:block;position:absolute;right:5px;top:4px;width:15px;height:15px;}
.add-sections {white-space:nowrap;}

/* growl */
#growl-stack {position:fixed;right:20px;top:45px;width:300px;z-index:2000;}
.growl .head {background-image:url('../img/shared/growl_top.png');height:15px;}
.growl .head a {color:#999;float:right;display:block;margin-right:30px;text-decoration:none;font-weight:bold;width:1em;height:1em;}
.growl .head a:hover {color:#fff;}
.growl .content {background:url('../img/shared/growl_bottom.png') no-repeat right bottom;width:300px;}
.growl .content .inner p {color:#fff;padding-bottom:10px;}
.growl .content .inner {margin:0;margin-left:50px;margin-right:50px;padding-bottom:30px;text-align:center;}

/* pricing options / upgrade paths */
#pricing-options {width:706px;height:418px;background:url('../img/site/backgrounds/pricing_middle.gif');margin:auto;position:relative;}
#pricing-options .plan {width:205px;height:390px;position:absolute;top:15px;color:#555b60;}
#pricing-options #plan-studio {left:20px;}
#pricing-options #plan-pro {left:255px;}
#pricing-options #plan-light {left:490px;}
#pricing-options .title {color:#5f5f5f;text-transform:none;font-weight:normal;font-size:30px;line-height:40px;}
#pricing-options #plan-studio .title {color:#000;}
#pricing-options #plan-pro .title {color:#000;}
#pricing-options .plan .tag {font-family:helvetica;font-style:italic;margin-top:5px;font-size:15px;}
#pricing-options .plan div.cost {color:#ff0000;font-size:21px;margin-top:5px;}
#pricing-options .plan div.cost .cost-breakdown {color:#555b60;font-size:10px;font-style:italic;}
#pricing-options .plan div.cost .cost-breakdown span.cost {font-size:16px;font-style:normal;}
#pricing-options .plan .cta {display:block;background-color:#5d98c6;height:45px;margin:10px 0 15px -15px;background:url('../img/site/buttons/pricing-elements.png?v=1') -3px 0px;width:228px;text-indent:-99999px;}
#pricing-options .plan .cta-up {background:url('../img/site/buttons/pricing-elements_up.png?v=1') -3px 0px;}
#pricing-options .plan .cta:hover {background-position:-3px -45px;}
#pricing-options #plan-light .cta {background-position:-3px -90px;}
#pricing-options #plan-light .cta:hover {background-position:-3px -135px;}
#pricing-options #plan-studio .cta {background-position:-3px -90px;}
#pricing-options #plan-studio .cta:hover {background-position:-3px -135px;}
#pricing-options .allowance {color:#35393b;font-size:14px;}
#pricing-options .allowance .amount {font-weight:bold;}
#pricing-options .plan ul {margin-top:10px;}
#pricing-options .plan ul li {padding-left:25px;color:#5d98c6;height:20px;line-height:20px;display:block;font-size:14px;background:url('../img/site/buttons/pricing-elements.png?v=1') 0px -270px;}
#pricing-options #plan-studio ul li {background-position:0px -270px;}
#pricing-options #plan-pro ul li {background-position:0px -290px;}
#pricing-options .plan ul li.blnk {background-position:0px -310px;}
#pricing-options .plan ul li.major {color:#ff0000;}

/* pretty info boxes - three different coloured ones */
.info-box {background-color:#fff;color:#000;position:relative;border:4px solid #99ccff;-moz-border-radius: 10px;border-radius: 10px;-webkit-border-radius: 10px;margin-bottom:20px;}
.info-box .inner {margin:20px;}
.info-box a, .info-box a:visited, .info-box a:hover {color:#3333ff;}
.info-box h2 {font-size:20px;line-height:25px;margin-bottom:20px;}
.info-box h3, .info-box p, .info-box ul {margin-bottom:10px;}
.info-box ul {list-style-type: disc;margin: 3px 3px 10px 14px;}
.info-box .info-box-close {position:absolute;top:5px;right:10px;color:#999;font-weight:bold;text-decoration:none;font-size:16px;}
.info-box a.info-box-close:hover {color:#333;}
.info-box-red {background-color:#ffeeee;border-color:#ff6464;}
.info-box-red p a, .info-box-red p a:visited, .info-box-red p a:hover {color:#3333ff;}
.info-box-green {background-color:#eeffee;border-color:#64ff64;}
.info-box-green p a, .info-box-green p a:visited, .info-box-green p a:hover {color:#3333ff;}

/* helpers */
.clear {clear:both;}
.clearfix {zoom:1;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.go-left {float:left;}
.go-right {float:right;}