@import url("/libs/stylesheets/base.css");
@import url("/libs/stylesheets/site/base.css");

/* main layout */
body { background:#252652 url("/images/bodyF.png") repeat-x center top; color:#555; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
#header { background:url("/images/headerF.png") no-repeat; height:200px }
#header .logo { cursor:pointer; height:170px; left:40px; position:absolute; text-indent:-9000px; top:0; width:233px }
#wrapper { padding:0 270px 0 0; width:720px }
#layout-wrapper { background:url(/images/faux-columns.png) repeat-y }
#content { background:url("/images/contentF.png") no-repeat left top; padding:40px; width:640px }
#rail { background:url("/images/railF.png") no-repeat left top; margin-right:-270px; padding:40px 30px 0 0; width:240px }
#footer { color:#333 }

#propaganda-menu { left:35px; top:5px }
#propaganda-menu li { border-right:1px solid #BBB }

/* main */
.main-menu { top:162px; left:0  }
.main-menu li { border:none; float:left; padding:0 15px 0 15px }
.main-menu li.spacer { padding:0 0 0 10px }
.main-menu a, .main-menu a span { cursor:pointer; display:block; float:left }
.main-menu a { background:url("/images/main-menuL.png") no-repeat left top; letter-spacing:0.08em; padding:0 0 0 18px; text-transform:uppercase }
.main-menu a span { background:url("/images/main-menuR.png") no-repeat right top; color:#003; font:400 1.5em "Trebuchet MS", Arial, Helvetica, sans-serif; height:22px; padding:11px 22px 5px 6px }
.main-menu a:hover { background-position:left -38px; text-decoration:none }
.main-menu a:hover span { background-position:right -38px; color:#A3926A }
.main-menu a.active, .main-menu a.active:hover { background-position:left -76px }
.main-menu a.active span, .main-menu a.active:hover span { background-position:right -76px; color:#A3926A }

/* secondary menu */
.secondary-menu { color:#FFF; font-size:1.2em; font-weight:700; position:absolute; right:20px; top:112px }
.secondary-menu li { border-right:1px solid #CCC; float:left; padding:0 10px }
.secondary-menu li.last-child { border-right:none }
.secondary-menu a { color:#988352; text-decoration:none; text-transform:uppercase }
.secondary-menu a:hover, .secondary-menu a.active { color:#003; font-weight:700 }

/* theme */
h2, h3 { color:#003; font:400 2.1em/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;  }
h3 { color:#988352; font-size:1.7em }
a.textlink, .redcloth a { color:#003 }
a.textlink:hover, .redcloth a:hover { background-color:#003; color:#FFF }

.plainlist li { background-image:url("/images/libullet.png"); font-size:1.1em }

.dllist { line-height:1em; font-size:1.1em }
.dllist dt { color:#003; font-weight:700; padding-bottom:10px }

.dltable { width:99% }
.dltable dt, .dltable dd { float:left; margin:0 0 2px; padding:3px 0 }
.dltable dt { font-weight:700; width:30% }
.dltable dd { border-bottom:1px solid #DBDBDB; width:68% }
.dltable dd:last-child { border:none }

#header ul li strong { color:#BD965B }
.text-small { color:#333 }
.vcard { font-size:1.1em }
.vcard dt  { font-weight:700 }
.vcard dl { margin-bottom:20px }

div.wrap { width:300px; float:left }
div.wrap .block { margin-left:-110px }
div.wrap .submit { margin-left:-110px }
div.wrap h3.form { margin-left:70px }



.diamond .panel-left, .diamond .panel-right { float:left; width:50% }
.diamond .panel-right { padding-left:1%; width:49% }
.diamond h3 { }
.diamond .dltable { background:#FFF; margin-bottom:20px }
.diamond .dltable dt { padding-left:1%; width:29% }



/* search */
.search-panel { padding:0 5px }
.search-panel dt { color:#003; font-weight:700; margin:0 0 4px }
.search-panel dd { border-bottom:1px solid #DBDBDB; margin-bottom:6px }
.search-panel dd .slider-value { background:#FFF; color:#988352; font-size:1.2em; font-weight:700; padding:5px 0 4px; text-align:center }

/* login */
#login-wrapper { background:#252652; padding:10px; position:absolute; right:20px; top:10px; width:280px }
#login-wrapper div { margin-bottom:5px; padding-left:10px }
#login-wrapper span { color:#EBEBEB; display:block; float:left; font-weight:700; width:70px; }
#login-wrapper input { border:1px solid #666; padding:3px; font-size:1.1em }
#login-wrapper.logged-in p { color:#EBEBEB; /*padding:3px;*/ font-size:1em; font-weight:700 }
#login-wrapper.logged-in a { font-weight:700 }
#login-wrapper.logged-in ul { font-size:0.9em }
#login-wrapper.logged-in ul li { border-right:1px solid #988352; float:left; margin-right:5px; padding:0 5px 0 0 }
#login-wrapper.logged-in ul li.last-child { border:none; }
#login-wrapper a.textlink { color:#FFF }
#login-wrapper a.textlink:hover { background-color:#988352; color:#FFF }

/* call to action */
#calltoaction { background:#252652 url("/images/bodyF.png") repeat-x center -200px; height:181px; padding:0; width:990px }
#calltoaction div.banner a { display:block; float:left; height:181px; text-indent:-9999em }
#calltoaction.logged-in-member { height:30px }
.banner.dealer a { background:url("/images/call-to-action-dealers.png") no-repeat; width:337px  }
.banner.retailer a { background:url("/images/call-to-action-retailers.png") no-repeat; width:335px }
.banner.consumer a { background:url("/images/call-to-action-consumers.png") no-repeat; width:318px }

/* content */
#content h2 { border:none; background:url("/images/heading-deco.png") no-repeat center 1.6em }
#content p { text-align:justify; }
#content .banner a { cursor:pointer; display:block; margin:0; text-indent:-9999em; width:640px; height:120px }
#content .banner.trial a { background:url("/images/contentbanner-trial.png") no-repeat left top; cursor:pointer; height:120px }

#content .panel { background:url("/images/contentpanel-divider.png") no-repeat left bottom; margin-bottom:20px; padding-bottom:10px; width:640px }

/*.products .product { float:left; margin:0 20px 20px 0; width:160px }
.products .product img { border:1px solid #DDD; height:120px; width:160px }
.products .product div { clear:both; color:#618181 }
.product .gallery { margin-left:20px; float:right }
.product fieldset dt, .product fieldset dd { display:block; float:none }
.product fieldset dt { text-align:left }
.product fieldset .actions { padding:0 }*/

a.icon { background:url("/images/info.png") no-repeat top left; cursor:pointer; padding-left:25px; color:#618181 }
a.icon:hover { text-decoration:underline }

/* rail */
#rail div.block { margin-left:-100px }
#rail h2 { border:none; background:url("/images/heading-deco-rail.png") no-repeat center 1.6em; color:#988352 }
#rail h2.first-child { border:none; background:url("/images/heading-deco-rail.png") no-repeat center 2.5em }
#rail p { color:#333 }
#rail a.textlink { color:#003; padding:0 }
#rail a.textlink:hover { background-color:#003; color:#FFF }

#rail .panel { background:url("/images/contentpanel-divider.png") no-repeat left bottom; margin-bottom:20px; padding-bottom:10px; width:230px }

#rail .banner a { cursor:pointer; display:block; margin:0; text-indent:-9999em; width:240px }
#rail .banner.trial a { background:url("/images/railbanner-no-obligation.png") no-repeat; cursor:pointer; height:152px }
#rail .banner.find a { background:url("/images/railbanner-find-a-diamond.png") no-repeat; cursor:pointer; height:142px }
#rail .banner.dealer a { background:url("/images/railbanner-diamonddealers.png") no-repeat; cursor:pointer; height:148px }
#rail .banner.retailer a { background:url("/images/railbanner-retailers.png") no-repeat; cursor:pointer; height:146px }
#rail .banner.find-dealers a { background:url("/images/railbanner-find-dealers.png") no-repeat; cursor:pointer; height:83px }

.rail-menu { font-size:1.1em; margin:0 }
.rail-menu li { border-bottom:1px solid #CCC; width:100% }
.rail-menu li.last-child { border:none }
.rail-menu li.active { font-weight:700 }
.rail-menu a, .rail-menu a span { display:block; cursor:pointer }
.rail-menu a { width:100% }
.rail-menu a span { color:#003; font-weight:700; height:28px; line-height:2em; padding:1px 0 0 10px }
.rail-menu a:hover { background-color:#988352 }
.rail-menu a:hover span { color:#FFF; font-weight:700 }
.rail-menu li.active a { background-color:#003; font-weight:700 }
.rail-menu li.active a span { color:#FFF }

/* tagcloud */
.tagcloud-wrapper .options { border:none }
.tagcloud li:hover { background:transparent }
.tagcloud li.active { background:transparent }
.tagcloud li a { color:#003; text-decoration:underline }
.tagcloud li a:hover, .tagcloud li.active a, .tagcloud li.active a:hover { background:#003; color:#FFF }
.tagcloud .tag1,
.tagcloud .tag2,
.tagcloud .tag3,
.tagcloud .tag4,
.tagcloud .tag5 { background:transparent }

/* forms */
fieldset dt { width:170px }
fieldset .actions { clear:both; padding:1px 0 2px 180px }
fieldset .actions button { background:#000; border:none; cursor:pointer; padding:0; text-indent:-9999em }
fieldset .actions button.submit { background:url("/images/button-submit.png") no-repeat; height:30px; width:90px }
fieldset p { margin-left:180px }

#content div.formwrapper { width:320px }
#content div.formwrapper .block { margin-left:-90px }
#content div.formwrapper fieldset .actions button.submit { margin-left:-90px }

.block h3 { margin-left:180px }

fieldset textarea.s-wide { width:74% }

/* table */
.price-table { border:none; border-collapse:collapse; width:100% }
.price-table caption { color:#988352; font-size:1.7em; text-align:left }
.price-table th, .price-table td { color:#003; padding:6px; text-align:left }
.price-table th { font-weight:700 }
.price-table th.align-right, .price-table td.align-right { text-align:right }
.price-table th.align-center, .price-table td.align-center { text-align:center }
.price-table .even td { background-color:#F1F1F1 }

.value-table { border:none; border-collapse:collapse; width:280px }
.value-table tr { height:25px }
.value-table caption { visibility:hidden }
.value-table th, .price-table td { color:#003; padding:6px; text-align:left }
.value-table th { font-weight:700 }
.value-table .even td { background-color:#f1f1f1 }

/* spacing */
h2, h3, p, .dllist, .plainlist { margin-bottom:10px }
h2 { padding:0 0 10px }
#content h2 { padding-bottom:30px }
#rail h2 { padding-bottom:20px }
#rail h2.first-child { padding-top:23px }
h3 { padding:0 0 10px }
.price-table { margin-bottom:20px }
.nopad-top { padding-top:0 }
#rail div.railpanel { margin-top:20px }
.rail-menu { padding-bottom:20px }
dl.dllist, dl.dllist dt { padding-bottom:10px }
.price-table caption { padding-bottom:10px }
.offset { margin-top:-23px }



.diamond h3 { padding:0 }

#error-block h2 { background:none; font-size:16px; font-weight:700; margin:0 0 5px; padding:0 }
#login-wrapper.logged-in p { padding:0px }