/* 
Theme Name: BackUpRight
Theme URL: http://backupright.com
Description: BackUpRight Theme
Author: Guy Meyer
Author URI: http://industryyellow.com
Version: 1.0
*/

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; list-style-type: none; font-style: inherit; font-family: inherit; vertical-align: baseline; }

/* remember to define focus styles! */

:focus { outline: 0; }
ol, ul { list-style: none; }

/* 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: "" ""; }

/* --- */

body { position: relative; width: 98em; background: #172C4B url(/content/themes/backupright/images/background.jpg) repeat-x; padding: 0 0 1.8em 0; margin: 0px auto; font: 62.5%/2.2em Helvetica, Arial, Sans-Serif; color: #263248; text-shadow: 0px 0px 0px #000; }

a { color: #386093; text-decoration: none; }
a.orange { color: #254c85; }
p { margin-bottom: 1.4em; }

img#logo { position: absolute; position: absolute; margin-top: 35px; left: 20px; z-index: 33; }

ul#header-options { position: absolute; right: 18px; top: 28px; z-index: 3999; }
ul#header-options li { display: inline; font-size: 1.3em; margin-left: .3em; padding-left: .5em; border-left: .1em solid #364359; }
ul#header-options li.first { border: none; }
ul#header-options li a { color: #FFAD33; }
ul#header-options li.number { display: block; text-align: right; border-left: none; color: #FFF; font-weight: bold; }

div#product-header { height: 30.8em; text-align: center; z-index: 1; }
div#product-header img { z-index: 2; }

ul#product-nav { background: #C2C2C4 url(/content/themes/backupright/images/product-nav-background.png) repeat-x; overflow: auto; line-height: normal; -webkit-border-top-left-radius: .5em; -webkit-border-top-right-radius: .5em;-moz-border-radius-topright: .5em; -moz-border-radius-topleft: .5em; }
ul#product-nav li { display: inline; width: 33.1%; float: left; border-right: .1em solid #d0d0d2; border-left: .1em solid #c2c2c2; }
ul#product-nav li a { font-size: 1.7em; font-weight: bold; text-decoration: none; display: block; color: #254c85; text-shadow: 1px 1px 0px #FFF; padding: .9em 0 .9em 5em; }
ul#product-nav li a span { display: block; font-size: .8em; color: #161616; font-weight: normal; }
ul#product-nav li a img { position: absolute; margin: 0px 0 0 -70px; z-index: 2300; }
ul#product-nav li.first { border-left: none; }
ul#product-nav li.last { border-right: none; }

/* Content */

div#content { background: #FFF; font-size: 1.4em; padding: 18px 0; -webkit-border-bottom-right-radius: .5em; -webkit-border-bottom-left-radius: .5em; -moz-border-radius-bottomright: .5em; -moz-border-radius-bottomleft: .5em; }
div#content h1.product-intro { margin: 0 20em .5em 1em; font-size: 1.3em; }
div#content p.product-intro { margin: 0 26em 1.4em 1.4em; }

div#content a#purchase { position: absolute; right: 1.5em; margin-top: -135px; }

/* -- Product Overview Nav */

div#content ul#overview-nav { margin-bottom: 1.4em; clear: both; background: #A8A8A8 url(/content/themes/backupright/images/nav-background.png) 0px -1px repeat-x; padding: 1em 1.3em; border-top: .1em solid #BDBDBD; border-bottom: .1em solid #C1C1C1;  }
div#content ul#overview-nav li { display: inline; margin-right: 1.8em; padding-right: 1.8em; border-right: .1em solid #999; }
div#content ul#overview-nav li a { color: #333; font-weight: bold; text-shadow: 1px 1px 0px #FFF; }
div#content ul#overview-nav li.last { border-right: none; }
div#content ul#overview-nav li#current a { background: #777; -webkit-border-radius: 8px; -moz-border-radius: 8px; padding: .3em .6em; color: #FFF; text-shadow: none; }

/* Display (Floating) */

div#display.float { width: 44em; float: left; overflow: auto; }

div#display blockquote p { padding: 1.8em; background: #FAFAFA; font-style: italic; }
div#display cite { font-style: italic; font-weight: bold; display: block; margin-top: .9em; }

div#display.float dl#copy dt { font-weight: bold; margin-bottom: .3em;  }
div#display.float dl#copy dd { margin-bottom: 1.8em; }

div#display.float form fieldset { background: #F2F2F2; -webkit-border-radius: .9em; padding: 1.8em 1.8em .1em 1.8em; margin-bottom: .9em; }
div#display.float form p { margin: 0 0 1.4em 12em; }
div#display.float form p label { float: left; margin: .4em 0 0 -12em; color: #000; font-weight: bold;  }
div#display.float form p input { width: 97%; padding: .2em 0; margin-right: .3em; padding: .7em; }
div#display.float form p.submit input { width: 10em; }
div#display.float form p textarea { width: 97%; padding: .8em; }
div#display.float form p span { display: block; font-size: .8em; font-style: italic; color: #333; }
div#display.float form fieldset#plan-type { padding-bottom: 2em; }
div#display.float form fieldset#plan-type p { float:left; width: 13.4em; text-align: center; margin: 0px; }
div#display.float form fieldset#plan-type p span { margin: 0; padding: 0; }
div#display.float form fieldset#plan-type p label { float: none; display: block; margin: .4em 0 0 0; color: #254c85; }
div#display.float form fieldset#plan-type p input { width: 1em; margin: 0; padding: 0; }

div#display.float dl.col { width: 18.5em; float: left; margin-right: 3em; }
div#display.float dl.col#second { margin-right: 0em; }
div#display.float dl.col dt { font-weight: bold; margin-left: 6em; }
div#display.float dl.col dd { margin: 0 0 1.8em 6em; }
div#display.float dl.col dt img { position: absolute; margin-left: -6.3em; }


/* Display (full) */

div#display.full { display: block; float: none; margin-top: -1.3em; padding: 1.4em 1.4em 1.4em 1.4em; background: url(/content/themes/backupright/images/overview.png) repeat-x; overflow: hidden; }

div#display.full dl.col { width: 31em; float: left; margin-right: 5em; }
div#display.full dl.col dt { font-weight: bold; margin-left: 6em; }
div#display.full dl.col dd { margin: 0 0 2.8em 6em; }
div#display.full dl.col dt img { position: absolute; margin-left: -6em; }
div#display.full dl.col#second { margin-right: 0em; }

div#display.full dl.pricing { float: left; width: 12.7em; margin-right: .9em; }
div#display.full dl.pricing.last { margin-right: 0px; }
div#display.full dl.pricing dt { font-size: 1.2em; font-weight: bold; margin-bottom: .9em; color: #FFF; background: url(/content/themes/backupright/images/compare-header.png) repeat-x; padding: .4em .8em; -webkit-border-radius: 8px; -moz-border-radius: 8px; }
div#display.full dl.pricing dd img { margin: .2em .5em 0 0; float: left;}
div#display.full dl.pricing dd { border-bottom: 1px solid #DDD; padding-bottom: .3em; margin-bottom: .3em; }
div#display.full dl.pricing dd.price { font-size: 11px; color: #888; font-style: italic; font-weight: bold; border-bottom: none; margin-bottom: .4em; padding: 0; }
div#display.full dl.pricing dd.last { border-bottom: none; margin: 1em 0 0 0; padding: 0; }

div#display h2 { margin-bottom: .9em; font-size: 1.1em; }
div#display h2.section { border-bottom: 1px dotted #DDD; padding-bottom: .2em; }

/* Sidebar */

div#content div#sidebar { padding: 0 .9em; border-spacing: 0; width: 20em; float: left; margin: 0 2.9em 1.8em 0em; }
div#content div#sidebar.shaded { background: #EEE; -webkit-border-top-right-radius: .5em; -webkit-border-bottom-right-radius: .5em; -moz-border-radius-topright: .5em; -moz-border-radius-bottomright: .5em; }
div#content div#sidebar.white { margin: -1.3em 1.8em 0 1em; padding: 0em; }

div#content div#sidebar ul li { border-bottom: .1em solid #E9E9E9; border-top: .1em solid #CCC; padding: 1.8em 0 1.8em 5.3em; }
div#content div#sidebar ul li.first { border-top: none; }
div#content div#sidebar ul li.last { border-bottom: none; }
div#content div#sidebar ul li img { position: absolute; margin: 0em 0 0 -5em; }

div#content div#sidebar.shaded ul li img.monitor, div#content div#sidebar.shaded ul li img.support { margin-top: -1em; }
div#content div#sidebar.shaded ul li img.hourglass, div#content div#sidebar.shaded ul li img.lock, div#content div#sidebar.shaded ul li img.info { margin: -1em 0 0 -4.8em; }
div#content div#sidebar.shaded ul li img.ribbon {  margin: -1em 0 0 -4em; }
div#content div#sidebar.shaded ul li img.shield {  margin: -1em 0 0 -4.5em; }


div#content div#sidebar.shaded ul li img.pagezoom { margin-top: -1em; }
div#content div#sidebar.shaded ul li img.shield { margin-top: -.8em; }
div#content div#sidebar.shaded ul li img.contact { margin-top: -1em; }

div#content div#sidebar.white ul li img.pagezoom, div#content div#sidebar.white ul li img.flow  { margin-top: -.4em; }
div#content div#sidebar.white ul li img.lock { margin-top: -.8em; }

div#content div#sidebar.white ul li { border-top: none; padding-left: 3.6em; }

div#content div#footer { border-top: .1em dotted #CCC; padding-top: 1.8em; text-align: center; clear: both; font-size: .9em; }
div#content div#footer ul.products li, div#content div#footer ul.support li { display: inline; margin: 0 .9em; font-weight: bold; }
div#content div#footer ul.support li { font-weight: normal; }
div#content div#footer ul.support li a { color: #7E8AA2; }

/* JS */

#header-rotate {
  width: 80em;
  height: 30.8em;
  position: relative;
	z-index: 4;
}

#main-banner, .fader {
  width: 80em;
}

.fader {
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}