/* ---- IMPORT SHEETS ---- */
@import url("base.css");

/* ---- GLOBALS ---- */
body { background:#788DB2 url("/img/shell/body.png") repeat-x; color:#979797 }
#wrapper { position:relative }
a { line-height:1.8em }

/* ---- HEADER ---- */
#header { background:#FFF url("/img/shell/header.png") no-repeat; }
#header .logo { background:url("/img/shell/logo.png") no-repeat; cursor:pointer; height:80px; left:10px; position:absolute; text-indent:-9000px; top:10px; width:100px }

/* ---- COLUMNS ---- */
#layout-wrapper { background:#FFF url("/img/shell/faux-columns.png") repeat-y }
#content { padding:0 40px;  width:450px }
#rail { padding:0 0 40px 0; width:200px }

#img-home-content { background:url("/img/shell/img-home-content.jpg") no-repeat; height:290px; position:absolute; text-indent:-9000px; width:530px; left:0; top:0 }
#img-home-rail { background:url("/img/shell/img-home-rail.jpg") no-repeat; height:290px; text-indent:-9000px; width:240px }

/* Homepage Heading Icons */
.dta { background:#FFF url("/img/shell/dta.png") no-repeat top left; float:left; height:45px; text-indent:-9000px; width:74px; margin-top:330px  }
.dta-page { background:#FFF url("/img/shell/dta.png") no-repeat top left; float:left; height:45px; text-indent:-9000px; width:74px; margin-top:33px  }

.asm { background:#FFF url("/img/shell/asm.png") no-repeat left top; cursor:pointer; float:left; height:52px; text-indent:-9000px; width:74px; margin-top:30px }
.asm-page { background:#FFF url("/img/shell/asm.png") no-repeat left top; float:left; height:52px; text-indent:-9000px; width:74px; margin-top:37px }

.aam { background:#FFF url("/img/shell/aam.png") no-repeat; cursor:pointer; float:left; height:52px; text-indent:-9000px; width:74px; margin-top:30px }
.aam-page { background:#FFF url("/img/shell/aam.png") no-repeat left top; float:left; height:52px; text-indent:-9000px; width:74px; margin-top:37px }


/* ---- FOOTER ---- */
#footer { background:#FFF url("/img/shell/footerF.jpg") no-repeat; }
#propaganda-menu { font-size:0.9em; position:absolute; right:50px; bottom:50px }
#propaganda-menu li { padding:0 5px }
#propaganda-menu li.last-child {  }

/* ---- MENUS ---- */
/* main-menu */
.main-menu { color:#B4B4B4; font-family:Arial, Helvetica, sans-serif, sans; font-size:0.9em; position:absolute; right:30px; top:55px }
.main-menu li { border-right:1px solid #ECECEC; float:left; padding:0 4px }
.main-menu li.last-child { border-right:none }
.main-menu a { color:#979797; text-decoration:none }
.main-menu a:hover { color:#4666A1; text-decoration:underline }
.main-menu a.active { color:#4666A1; text-decoration:none }

/* ---- STYLES ---- */
h2 { border-bottom:1px solid #B6B6B6; color:#999999; font-size:2.0em; font-weight:400; line-height:1.8em; padding:33px 0 0 0 }
h2.initial { padding:33px 0 0 0 }

h2.desktop-auditor { border-bottom:1px solid #7CB900; padding:324px 0 0 70px }
h2.desktop-auditor-page { border-bottom:1px solid #7CB900; padding:33px 0 0 70px }

h2.active-service { border-bottom:1px solid #FC0; padding:33px 0 0 70px }
h2.active-service-page { border-bottom:1px solid #FC0; padding:33px 0 0 70px }

h2.asset-manager { border-bottom:1px solid #F60; padding:33px 0 0 70px }
h2.asset-manager-page { border-bottom:1px solid #F60; padding:33px 0 0 70px }

p { font-size:0.9em; line-height:1.8em; padding:18px 20px 0 0 }
p.prebreak { line-height:1.8em; padding:18px 0 0 0}
p.break { line-height:1.8em; padding:0 }

.highlight { color:#00296E } 
.emphasis { font-weight:700 }
.subhead { font-size:1.7em }
.endpad { padding-bottom:18px }
.toppad { padding-top:36px}
.buffer { padding-top:18px }
.lastchild { padding-bottom:60px }
.pad-left { padding-right:10px }

a.link-dta  { color:#7CB900; font-weight:700; text-decoration:underline }
a:hover.link-dta  { color:#7CB900; font-weight:700; text-decoration:none }

a.link-asm  { color:#FC0; font-weight:700; text-decoration:underline }
a:hover.link-asm  { color:#FC0; font-weight:700; text-decoration:none }

a.link-aam  { color:#F60; font-weight:700; text-decoration:underline }
a:hover.link-aam  { color:#F60; font-weight:700; text-decoration:none }

a.textlink { color:#00296E; text-decoration:underline }
a:hover.textlink { color:#00296E; text-decoration:none }

a.mimic { color:#999999 }

.contentF { background:url("/img/shell/contentF.png") repeat-y }
.railF {  }
/* ---- LIST ---- */
.list { margin:18px 0 0 0 }
.list li { background:url("/img/shell/bullet.png") no-repeat 0 0.7em; font-size:0.9em; line-height:1.8em; padding:2px 2px 2px 20px }
.list li.alt { padding-bottom:20px }

/* ---- MICROFORMATTING ---- */
.vcard { font-size:0.9em; padding-top:30px; line-height:1.8em }
.vcard .org { color:#006; font-weight:700 }
.vcard .adr span { display:block } 
.contact-numbers dt { clear:left; float:left; width:60px }
.contact-numbers dd { color:#00296E; font-weight:700 }
.contact-numbers .last-child { padding-bottom:20px }

/* ---- ORDERS ---- */
.order-form h3 { clear:both }
.order-form fieldset { border:none; margin:10px 0 10px }
.order-form fieldset div.options label { clear:both; display:block }
.order-form fieldset label.desc { border:none; display:block; font-size:0.95em; font-weight:700; line-height:1.5em; padding:5px 4px 1px 0 }
.order-form .user-info label.first-child { padding-top:0 }
.order-form .user-info div { }
.order-form input.text_field, input.password_field, .order-form textarea.text_area, .order-form select.select { background:#FFF; border:1px solid #000; border-color:#7C7C7C #C3C3C3 #C3C3C3 #7C7C7C; padding:3px }
.order-form input.checkbox, .order-form input.radio { display:block; float:left; height:13px; line-height:1.4em; margin:0 3px 0 0; width:13px }
.order-form .lenses.other label { padding:0 }
.order-form select.select { padding:0 }
.order-form select option { padding:2px }
.order-form p { margin:0; padding:0 }
.order-form .security-check div label { float:none; display:block; padding:5px 0 }
.order-form .message { font-weight:700; font-size:0.9em; line-height:normal; margin-bottom:10px; padding:2px 30px }
.order-form .message.error { background:#F3D0D0 url("/img/shell/message-error.png") no-repeat left 4px; color:#A2070A }
.order-form .info { font-size:0.9em; color:#999; padding-left:20px }
.order-form .banking-details { padding-top:10px }