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

/* main layout */
body { background:#CCC url("/images/bodyF.png") no-repeat center top; color:#333 }
body { font:76% Arial, Helvetica, sans-serif }
#header { background:#333 url("/images/headerF.png") no-repeat; height:130px }
#header .logo { background:url("/images/logo.png") no-repeat; cursor:pointer; height:100px; left:50px; position:absolute; text-indent:-9000px; top:0; width:250px }
#wrapper { padding:0 320px 0 0; width:640px }
#layout-wrapper { background:url("/images/faux-columns.png") repeat-y; width:960px }
#content { background:url("/images/contentF.png") no-repeat left top; padding:20px 50px 40px; width:540px }
#rail { background:url("/images/railF.png") no-repeat left top; margin-right:-320px; padding:20px 30px 40px; width:260px }
#footer { color:#333; width:960px }
#propaganda-menu { left:45px; top:5px }

/* main-menu */
.main-menu { color:#FFF; font-weight:700; position:absolute; text-transform:uppercase; left:70px; top:108px }
.main-menu li { border:none; float:left; padding:0 45px  }
.main-menu li.last-child { border-right:none }
.main-menu a { color:#CDCDCD; text-decoration:none }
.main-menu a:hover, .main-menu a.active { color:#FFF; text-decoration:none }
/* secondary-menu */
.secondary-menu { color:#FFF; position:absolute; right:50px; top:25px }
.secondary-menu li { border-right:1px solid #CCC; float:left; padding:0 8px }
.secondary-menu li.last-child { border-right:none }
.secondary-menu a { color:#666; text-decoration:none }
.secondary-menu a:hover { color:#00106A; text-decoration:underline } 
.secondary-menu a.active { color:#00106A; font-weight:700; text-decoration:none }

/* style */
h2, h3 { color:#009; font:700 1.7em/1.2em Arial, Helvetica, sans-serif }
#content h2, #rail h2 { background:url("/images/deco-header.png") no-repeat left bottom; border:none }
h3 { font-size:1.4em }
p { font-size:1em; line-height:1.5em }
a.textlink, .redcloth a { color:#009; padding:1px; text-decoration:underline }
a.textlink:hover, .redcloth a:hover { background-color:#009; color:#FFF; text-decoration:none }
.plainlist, .redcloth ul, .redcloth ol { }
.plainlist li, .redcloth ul li, .redcloth ol li { line-height:1.5em; padding:0 0 0 12px; background:url("/images/libullet.png") no-repeat 0 0.5em }
.button-submit { background:url("/images/button-submit.png") no-repeat; border:none; cursor:pointer; height:30px; padding:0; text-indent:-9000px; width:80px }
.button-search { background:url("/images/button-search.png") no-repeat; border:none; cursor:pointer; height:30px; padding:0; text-indent:-9000px; width:80px }
span.request { background:url("/images/button-request.png") no-repeat; border:none; cursor:pointer; display:block; height:25px; padding:0; text-indent:-9000px; width:170px }
.highlight { color:#009 }
.fineprint { font-size:0.8em }

/* rail */
#rail .banner a { cursor:pointer; display:block; text-indent:-9999em; width:250px }
.request a { background-image:url("/images/railbanner-vehicle.png"); height:80px }

/* data-table */
.data-table { border:none; border-collapse:collapse; width:100% }
.data-table td, th { padding:6px }
.data-table th { background:#EFEFEF; border-bottom:1px solid #000; color:#000 }
.data-table td { border-bottom:1px solid #CCC }
.data-table .action { width:20px }

/* view */
#view-left { float:left; padding:0 10px 0 0; width:350px }
#view-right { float:left; padding-left:10px; width:170px }
#view-left .price { color:#009; font-size:1.7em; font-weight:700 }
#view-left .item-taglist span { display:none }
#view-left .item-taglist ul li { float:left; margin-left:0; margin-right:5px }
dl dt { font-size:1.1em; font-weight:700; margin-bottom:5px }
dl dd { margin-bottom:10px }
dl dd.last-child { margin-bottom:5px }
.gallery { width:165px }
.gallery ul li { display:block; float:left; height:122px; margin:0 0 10px; width:162px }
.gallery ul img { border:1px solid #009; height:120px; width:160px }

.featured { margin-bottom:50px }
.feature { border:1px solid #009; margin-bottom:10px }
.feature #view-left { padding-right:0; width:378px }
.feature #view-left .price { padding-left:5px }
.feature #view-right { padding:0; text-align:right; width:160px }
.feature #view-right img { display:block; float:right }

#contact-details { display:none; background-color: #99CCFF; padding:10px; margin:5px 0; border-bottom:5px solid #3399FF }

/* ---- FORMS ---- */
.search-form dt, .search-form dd { float:none; margin:0; padding:0 }
.search-form dt { color:#000; font-size:0.9em; text-align:left; margin-bottom:2px }
.search-form dd { margin-bottom:10px }
.search-form .info { display:block }
.search-form .action { border:none; text-align:left }
.search-form .price { width:80px }
.search-form .spacer { padding:0 5px }

.tagcloud li:hover { background:#009 }
.tagcloud li.active { background:#009 }
.tagcloud li a { color:#2D3342; text-decoration:none }
.tagcloud li a:hover, .tagcloud li.active a, .tagcloud li.active a:hover { color:#FFF }

fieldset .actions { padding-left:130px }

/* VCARD */
#content .vcard dl dd { margin-bottom:0 }

/*.tagcloud li a { color:#FFF; text-decoration:none }
.tagcloud li a:hover, .tagcloud li.active a, .tagcloud li.active a:hover { color:#FFF }
.tagcloud .tag1 { background:#CCCCEB }
.tagcloud .tag2 { background:#9999D6 }
.tagcloud .tag3 { background:#6666C2 }
.tagcloud .tag4 { background:#3333AD }
.tagcloud .tag5 { background:#000099 }*/


/* ---- layout ---- 
#layout-wrapper, #footer { width:960px }
#wrapper { padding:0 320px 0 0; width:640px }
#content { padding:20px 20px 40px; width:600px }
#rail { margin-right:-320px; padding:10px 20px 20px; width:280px }

body { background:#003559 }
#layout-wrapper { background:url("/images/faux-columns.png") repeat-y }
#header { background:url("/images/headerF.png") no-repeat; height:150px }
#header .logo { background:url("/images/logo.png") no-repeat; height:100px; top:0; width:640px }
#content { background:url("/images/contentF.png") no-repeat }
#deco { background:url("/images/deco-default.jpg") no-repeat bottom left; height:212px; margin:0 -20px }
#rail { background:url("/images/railF.png") no-repeat }
.main-menu { bottom:8px; left:10px }
.main-menu li { border-color:#003455; padding:0 35px }
.main-menu a { color:#CCC }
.main-menu a.active, .main-menu a:hover, .main-menu a.active:hover { color:#FFF }

h2, h3, h4 { color:#003559; font-family:Arial, Helvetica, sans-serif; font-weight:700 }
#content h2 { border:none }

a.textlink { color:#BB1717 }
a.textlink:hover { background-color:#BB1717; color:#FFF }*/

/* ---- SPACING ---- */
/*h2 { margin:20px 0 30px; padding:0 0 2px }
h3 { margin:10px 0 }*/
h2, h3, p, .plainlist, .redcloth ul, .redcloth ol, .vcard, .data-table { margin-bottom:10px }
h2 { padding:20px 0 8px }
h3 { padding-top:10px }
.flash { margin-bottom:10px }

#contact-details p { margin-bottom:0 }