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

/* main layout */
body { background:#e5e5e5 url("/images/bodyF.png") repeat-x center top; color:#333; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
#header { background:none; height:150px }
#header .logo { background:url("/images/logo.png") no-repeat; cursor:pointer; height:77px; left:40px; position:absolute; text-indent:-9000px; top:43px; width:233px }
#wrapper { padding:0 340px 0 0; width:650px }
#layout-wrapper { background:none }
#content { background:none; padding:20px 0 40px 40px; width:610px }
#rail { margin-right:-340px; padding:20px 0 0; width:340px }
#footer { color:#333 }

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

/* main */
.main-menu { bottom:0; right:90px  }
.main-menu li { border:none; float:left; padding:0 1px 0 2px }
.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; padding:0 0 0 6px }
.main-menu a span { background:url("/images/main-menuR.png") no-repeat right top; color:#000; font:400 1.1em "Trebuchet MS", Arial, Helvetica, sans-serif; height:18px; padding:5px 12px 5px 6px }
.main-menu a:hover { background-position:left -30px; text-decoration:none }
.main-menu a:hover span { background-position:right -30px; color:#000 }
.main-menu a.active, .main-menu a.active:hover { background-position:left -60px }
.main-menu a.active span, .main-menu a.active:hover span { background-position:right -60px; color:#333 }

/* secondary menu */
.secondary-menu { color:#FFF; font-size:1.1em; position:absolute; right:90px; top:60px }
.secondary-menu li { border-right:1px solid #0A0A0A; float:left; padding:0 10px }
.secondary-menu li.last-child { border-right:none }
.secondary-menu a { color:#FFF; text-decoration:none }
.secondary-menu a:hover { text-decoration:underline }
.secondary-menu a.active { color:#A3D9D9; font-weight:700 }

/* theme */
h2, h3 { color:#698C8C; font:400 1.9em/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;  }
h3 { color:#333; font-size:1.5em }
a.textlink { color:#618181 }
a.textlink:hover { background-color:#618181; color:#FFF }
ul.plainlist li { background-image:url("/images/libullet.png"); font-size:1.1em }
.dllist { line-height:1.5em }
.dllist dt { color:#900; font-weight:700 }
.dllist dd { margin-bottom:10px }
#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 }

/* content */
#content h2 { border:none }
#content p { text-align:justify; }
#content .banner { cursor:pointer; display:block; margin:0; text-indent:-9999em; width:570px; height:120px }
#content .banner.quick-quote { background:url("/images/banner-quick-quote.png") no-repeat }
#content .banner.storage { background:url("/images/banner-storage.png") no-repeat }
#content .banner.move { background:url("/images/banner-move.png") no-repeat  }

/*#content .content-panel { background:#FFF url("/images/content-panelT.png") no-repeat left top; padding:3px 20px 0; width:550px }
span.content-panelb { background:url("/images/content-panelB.png") no-repeat; display:block; width:590px; height:20px; padding:0; margin-top:-10px }*/

#content .panel { background:#FFF url("/images/content-panelT.png") no-repeat left top; margin-bottom:10px; width:590px }
#content .panel .body { padding:3px 20px 0 }
#content .panel .footer { background:url("/images/content-panelB.png") no-repeat; height:20px }

/* best-sellers + top rentals */
/*div.imagebox { width:162px; margin-right:20px; float:left; margin-bottom:30px }
div.imagebox img { border:1px solid #DDD; height:120px; width:160px }
div.box { clear:both; color:#618181; display:block; padding:0; width:140px }*/

.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:hover.icon { text-decoration:underline }

.dllist dt { color:#394C4C; }

/* rail */
#rail div.block { margin-left:-100px }
#rail h2 { color:#394C4C }
#rail p { color:#546D6D }
#rail a.textlink { color:#FFF; padding:0 }
#rail a.textlink:hover { background-color:transparent; color:#CAAA7B }

/**/#rail div.railpanel { background:#A3D9D9 url("/images/railmenu-t.png") no-repeat right top; display:block; padding:0 20px; width:265px }
/**/#rail span.railmenu-b { background:url("/images/railmenuB.png") no-repeat; display:block; height:16px; width:330px }

#rail .panel { background:#A3D9D9 url("/images/railmenu-t.png") no-repeat right top; padding:0; width:305px }
#rail .panel .body { padding:0 20px }
#rail .panel .footer { background:url("/images/railmenuB.png") no-repeat; height:16px }

#rail .banner a { cursor:pointer; display:block; margin:0 0 20px 0; text-indent:-9999em; width:340px }
#rail .banner.quick-quote a { background:url("/images/railbanner-quick-quote.png") no-repeat; cursor:pointer; height:121px }
#rail .banner.store a { background:url("/images/railbanner-storage.png") no-repeat; cursor:pointer; height:122px }
#rail .banner.move a { background:url("/images/railbanner-move.png") no-repeat; cursor:pointer; height:118px }

.rail-menu { font-size:1.1em; margin:0 }
.rail-menu li { border-bottom:1px solid #9CC; width:260px }
.rail-menu li.last-child { border:none }
.rail-menu li.active { font-weight:700 }
.rail-menu a { color:#546D6D; display:block; cursor:pointer; width:100%; height:30px; line-height:2em; padding:1px 0 0 1px }
.rail-menu a:hover { background-color:#9CC; color:#394C4C; background-position:0 -31px; font-weight:700 }
.rail-menu li.active a  { background-position:0 -31px }

/* tagcloud */
.tagcloud-wrapper .options { border-top:1px solid #620000 }
.tagcloud li:hover { background:transparent }
.tagcloud li.active { background:transparent }
.tagcloud li a { color:#394C4C; text-decoration:underline }
.tagcloud li a:hover, .tagcloud li.active a, .tagcloud li.active a:hover { color:#698C8C }
.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:26px; width:80px }

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

.block h3 { margin-left:180px }

/* decos */
.deco-home { background:url("/images/deco-home.jpg") no-repeat; width:650px; height:250px; margin:-20px -40px 0  }
.deco-content { border:0px solid #CCC; margin-top:5px }
.deco-content.left { float:left; margin:0 30px 20px 0 }
.deco-content.right { float:right; margin:0 0 20px 30px }
.deco-content p { background-repeat:no-repeat; color:#900; font-size:0.9em; font-weight:700; font-style:italic; text-align:center }
.deco-content.about p { background-image:url("/images/deco-about.jpg"); padding-top:280px; width:200px }
.deco-content.protect-your-brand p { background-image:url("/images/deco-protect-your-brand.jpg"); padding-top:280px; width:200px }
.deco-content.what-is-a-trade-mark p { background-image:url("/images/deco-what-is-a-trade-mark.jpg"); padding-top:180px; width:200px }
.deco-content.free-legal-hotline { background-image:url("/images/deco-free-availability-search.jpg"); padding-top:133px; width:200px }
.deco-content.register-your-brand { background-image:url("/images/deco-register-your-brand.jpg"); padding-top:166px; width:250px }

/* table */
.price-table { border:none; border-collapse:collapse; width:300px }
.price-table caption { color:#900; font-size:1.2em; font-weight:700; text-align:left }
.price-table th, .price-table td { padding:6px; text-align:left }
.price-table th { font-weight:700 }
.price-table .even td { background-color:#F3F3F3 }

/* spacing */
h2, h3, p, .dllist, .plainlist { margin-bottom:10px }
h2 { padding:20px 0 10px }
h3 { padding:10px 0 0 }
.price-table { margin-bottom:20px }
.nopad-top { padding-top:0 }
#rail div.railpanel { margin-top:20px }