/*------------------------------------------------------------------

project:	Minvent
date created: 	29 Jan 2009
author:	Paul Crawford

-------------------------------------------------------------------*/


@import url('../libraries/reset.css');
@import url('../libraries/baseforms/baseforms.css');
@import url('../libraries/jquery.colorbox/colorbox.css');
@import url('../libraries/jquery.gallery/tiny-gallery.css');
@import url('../libraries/galleriffic/galleriffic-5.css');
@import url('../libraries/galleriffic/black.css');



/*-------------------------------------------    
    Gobal Settings
-------------------------------------------*/
*, html, div, span, body, p, h1, h2, h3, h4, h5, ol, ul, img { margin: 0; padding: 0; border: 0; }

body { font-family: "Arial", Tahoma, Helvetica, sans-serif; font-size: 62.5%; line-height: 1.8em; color: #80b8c9; background: #050505 url("../images/core/bg.jpg") repeat-x 50% 0; }
table, tr,  td { vertical-align: top; border: none; }
p, h1, h2, h3, h4, h5 { font-family: Arial, "Helvetica", sans-serif; margin-bottom: 1.35em; font-weight: normal; }
p { font-size: 1.2em; }
h1 { font-size: 1.8em; color: #ffffff; margin-bottom: 1em; }
h2 { font-size: 1.6em; color: #efcb15;}
h3 { font-size: 1.4em; color: #f9ef7f; }
h4 { font-size: 1.2em; color: #ffffff; }
h5 { font-size: 1em; }
ul { list-style-type: disc; margin: 0 0 20px 30px; }
ol { list-style-type: decimal; margin: 0 0 20px 30px; }
/*ul li { font-size: 1.2em; }*/
a { color: #efcb15; text-decoration: none; }
a:hover { color: #edda7d; text-decoration: underline; }

img.left { float: left; margin: 0 2em 2em 0; border: 0; clear: left; }
img.right { float: right; margin: 0 0 2em 2em; border: 0; clear: right; }

span.yellow { color: #efcb15; }

.clearfix:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }
.clearfix { display: inline-block; clear: both; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* File Download Icons */
a.file { background: url('../images/core/icon-file.gif') 0 0 no-repeat; padding-left: 25px; display: block; }
a.pdf { background: url('../images/core/icon-pdf.gif') 0 0 no-repeat; padding-left: 25px; display: block; }
a.doc { background: url('../images/core/icon-doc.gif') 0 0 no-repeat; padding-left: 25px; display: block; }
a.more { background: url("../images/core/button_more.gif") no-repeat; width: 78px; height: 20px; text-indent: -9999px; display: block; overflow: hidden; }
a:hover.more { background-position: 0 -20px!important; }


/*-------------------------------------------    
    Main Layout
-------------------------------------------*/
#container { width: 960px; height: auto; display: block; margin: 0 auto 3em; background: none; clear: both; }


/*-------------------------------------------    
    Header - logo + nav
-------------------------------------------*/
#header-container { width: 920px; height: auto; padding: 18px 20px; background: #142532 url("../images/core/bg_container.gif") 0 0 repeat-x; display: block; clear: both; }

#header { height: 81px; display: block; clear: both; position: relative; }
#header h1 { background: url("../images/core/logo_minvent.gif") no-repeat; width: 415px; height: 81px; display: block; text-indent: -9999px; position: absolute; top: 0; left: 4px; }
#header h2 { background: url("../images/core/phone.gif") no-repeat; width: 160px; height: 19px; display: block; text-indent: -9999px; position: absolute; top: 49px; right: 13px; }

/* navigation */

ul#nav *{z-index: 500;}
ul#nav { width: 920px; height: 43px; display: block; clear: both; margin: 16px 0 10px; background: url("../images/core/bg_nav.gif") 0 0 repeat-x;}
ul#nav li { float:left; display: block; }
ul#nav li#home { width: 99px; }
ul#nav li#products { width: 165px; }
ul#nav li#faq { width: 84px; }
ul#nav li#profile { width: 158px; }
ul#nav li#papers { width: 163px; }
ul#nav li#contact { width: 126px; }

ul#nav li a { display: block; height: 43px; text-indent: -9999px; }
ul#nav li#home a { background: url("../images/nav/nav_home.gif") no-repeat 0 0; }
ul#nav li#products a { background: url("../images/nav/nav_products.gif") no-repeat 0 0; }
ul#nav li#faq a { background: url("../images/nav/nav_faq.gif") no-repeat 0 0; }
ul#nav li#profile a { background: url("../images/nav/nav_profile.gif") no-repeat 0 0; }
ul#nav li#papers a { background: url("../images/nav/nav_papers.gif") no-repeat 0 0; }
ul#nav li#contact a { background: url("../images/nav/nav_contact.gif") no-repeat 0 0; }
ul#nav li a:hover{background-position: 0 -43px !important;}

body#p-index ul#nav li#home a, body#p-products ul#nav li#products a, body#p-faq ul#nav li#faq a, body#p-profile ul#nav li#profile a, body#p-papers ul#nav li#papers a, body#p-contact ul#nav li#contact a { background-position: 0 -43px!important; }

ul#nav li#products { position: relative;}
ul#nav li#products ul { position: absolute; top:100% !important; left: 0; width: 232px; display: none; margin: 0; }
ul#nav li#products ul li { display: block; height: 34px; background: #0f1f29; float: none; border-bottom: 1px solid #37454d; }
ul#nav li#products ul li a { display: block; width: 202px; height: 24px; padding: 10px 10px 0 20px; font-size: 1.2em; background: #0f1f29 !important; color: #efcb15; text-indent: 0;  } 
ul#nav li#products ul li a:hover { background: #efcb15 !important; color: #00011b; text-decoration:none; }


/*-------------------------------------------    
    Banner
-------------------------------------------*/
#banner { width: 920px; height: 320px; display: block; overflow: hidden; margin-bottom: 2em; }
#banner img { width: 920px; height: 320px; }

/* cta */
#cta ul { list-style-type: none; margin: 0; display: inline; }
#cta ul li { width: 430px; display: block; float: left; padding: 0 10px; }
#cta ul li .cta-content { height: 68px; }
#cta ul li h2 { margin-bottom: 0.5em; }
#cta ul li p { margin-bottom: 0.4em; }
#cta ul li a.more { float: right; }


/*-------------------------------------------    
    Main body - left + right
-------------------------------------------*/
#content-container { width: 884px; height: auto; padding: 42px 38px; background: #142532 url("../images/core/bg_container.gif") 0 0 repeat-x; display: block; clear: both; }
#content-container:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }

#left-content { width: 615px; height: auto; float: left; display: block; }
#right-content { width: 200px; height: auto; float: left; display: block; margin-left: 39px; padding-left: 28px; border-left: 1px solid #315469; }
#wide-content { width: 898px; display: block; clear: both; }


/*----- left content -----*/

/* products listing */
#listing ul { list-style-type: none; margin: 0; display: inline; }
#listing ul li { width: 575px; padding: 20px 20px 20px 20px; float: left; display: block; border-top: 1px solid #203f52; }
#listing ul li.first { border-top: 0; display: block; }
#listing ul li a.top { width: 890px; display: block; margin-bottom: 1em; text-align: right; }
#listing ul li .products-image { width: 100px; float: left; display: block; margin-right: 20px; }
#listing ul li .products-description { width: 450px; float: left; display: block; }
#listing ul li .products-description h2 { margin-bottom: 0.5em; }


/* tabs */
#tabs-container { padding-bottom: 2em; }

/* root element for tabs  */
ul.tabs { list-style: none !important; margin: 0 !important; padding: 0 !important; border-bottom: 1px solid #4e6e81; height: 30px; }

/* single tab */
ul.tabs li { float: left; text-indent: 0; padding: 0; margin: 0 !important; list-style-image: none !important; }

/* link inside the tab. uses a background image */
ul.tabs a { background: url("../images/core/tabs_green.gif") no-repeat -420px 0; font-size: 1.1em; display: block; height: 30px; line-height: 30px; width: 134px; text-align: center; text-decoration: none; color: #ffffff; padding: 0; margin: 0; position: relative; top: 1px; }
ul.tabs a:active { outline: none; }

/* when mouse enters the tab move the background image */
ul.tabs a:hover { background-position: -420px -31px; color: #fffff; }

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { background-position: -420px -62px; cursor: default !important; color: #1b384a !important; font-weight: bold !important; }

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */

/* width 1 */
ul.tabs a.w1 { background-position: -553px 0; width: 81px; }
ul.tabs a.w1:hover { background-position: -553px -31px; }
ul.tabs a.w1.current { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.w2 { background-position: -248px -0px; width: 173px; }
ul.tabs a.w2:hover { background-position: -248px -31px; }
ul.tabs a.w2.current { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.w3 { background-position: 0 -0px; width: 248px; }
ul.tabs a.w3:hover { background-position: 0 -31px; }
ul.tabs a.w3.current { background-position: 0 -62px; }

/* width 4 */
ul.tabs a.w4 { background: url('../images/core/grey1.gif') no-repeat 0 0; width: 250px !important; }
ul.tabs a.w4:hover { background-position: 0 -31px; }
ul.tabs a.w4.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
div.panes div.pane { display: none; }

/* tab pane styling */
div.panes > div { display: none; padding: 15px; background-color: #dfeaf1; border: 1px solid #4e6e81; border-top: 0; color: #2b5c6c !important;}
div.panes div h2 { color: #1b384a !important; }
div.panes div p { color: #2b5c6c !important; }


/* slideshow */
#category-slideshow{margin: 0 auto 10px auto;}
ul.slideshow {border: 2px solid white; height: 333px; margin: 0 0 5px 0; width: 560px;}
ul.slideshow li { float: left; display: block; margin: 0!important; padding: 0!important; }
ul.slideshow li a { width: 30px; height: 333px; background: #498699; display: block; text-decoration: none; text-indent: -9999px; }
ul.slideshow li a.left-arrow { background: #498699 url("../images/core/arrow_left.gif") 8px 150px no-repeat; }
ul.slideshow li a.right-arrow { background: #498699 url("../images/core/arrow_right.gif") 8px 150px no-repeat; }
ul.slideshow li a:hover { background: #22485b; text-decoration: none; }
ul.slideshow li a:hover.left-arrow { background: #22485b url("../images/core/arrow_left.gif") 8px 150px no-repeat; }
ul.slideshow li a:hover.right-arrow { background: #22485b url("../images/core/arrow_right.gif") 8px 150px no-repeat; }


/* gallery */
ul.photo-gallery  { list-style-type: none; display: inline; clear: both; }
ul.photo-gallery li { width: 100px; height: 100px; margin: 0 1.5em 1.5em 0; float: left; display: block; }
ul.photo-gallery li a img { border: 2px solid #4e6e81; }
ul.photo-gallery li a:hover img { border: 2px solid #a4cad6; }


/* make an enquiry */


#product-enquiry label{	color: #555;}
#product-enquiry input, #product-enquiry textarea{background: #fff;}
.buttons input{
	margin-left: 85px;
	width: 70px;
}


/* faq */
ol#questions { margin: 0 0 20px 20px; }
ol#questions li { font-size: 1.2em; }
ol#questions li a { color: #efcb15; text-decoration: none; }
ol#questions li a:hover { color: #80b8c9; text-decoration: underline; }

#answers-container {  border-top: 1px solid #203f52; padding-top: 20px; }
ol#answers { margin: 0 0 1.35em 20px; }
ol#questions li { font-size: 1.2em; }

ol#answers li span.question { font-size: 1.2em; color: #efcb15!important; }

/* contact */
#contact-details { margin-bottom: 20px; }
#contact-details ul { list-style-type: none; margin: 0; }
#contact-details ul li { float: left; display: block; margin-right: 60px; }
#contact-details ul li p { margin-bottom: 0.5em; }

#enquiry { border-top: 1px solid #4e6e81; padding-top: 20px; }

/*----- right content -----*/

/* latest news */
#latest-news ul { list-style-type: none; margin: 0!important; display: inline; }
#latest-news ul li { display: block; float: left; }
#latest-news ul li h4 { color: #efcb15; margin-bottom: 0.1em; text-decoration: underline; }


/*----- wide content -----*/


/*-------------------------------------------    
    Footer
-------------------------------------------*/
#footer-container { width: 920px; height: auto; padding: 20px; display: block; clear: both; color: #80b8c9; font-size: 1.2em; }
#footer-container img { float: right; }
#footer-container a { color: #80b8c9; text-decoration: none; padding: 0 8px; }
#footer-container a.first { padding: 0 8px 0 0;}
#footer-container a:hover { color: #efcb15; text-decoration: underline;}
#footer-container span { color: #8b96a6; padding: 0 0 0 5px; }

#footer-container img.wflogo { width: 63px; height: 21px; display: block; float: right; }


.presentation{display: block!important; overflow: hidden;}
.presentation { border: 2px solid white !important; height: 333px !important; margin: 0 0 5px 0 !important; width: 560px !important; position: relative; }
.presentation a { width: 30px; height: 333px; background: #498699; display: block; text-decoration: none; text-indent: -9999px;}
.presentation a.left-arrow { background: #498699 url("../images/core/arrow_left.gif") 8px 150px no-repeat; float:left; }
.presentation a.right-arrow { background: #498699 url("../images/core/arrow_right.gif") 8px 150px no-repeat; position: absolute; top: 0; left: 530px; }
.presentation a:hover.left-arrow { background: #22485b url("../images/core/arrow_left.gif") 8px 150px no-repeat; }
.presentation a:hover.right-arrow { background: #22485b url("../images/core/arrow_right.gif") 8px 150px no-repeat; }
.presentation ul#cat-images li {position: relative; top: 0; left: 0; bottom: 0; right:0; width: 500px;}
.presentation ul#cat-images {list-style-type:none; width: 500px; height: 333px; margin: 0; display: inline; float: left;}

#category-slideshow{margin: 0 auto 10px auto;}
ul.slideshow {border: 2px solid white; height: 333px; margin: 0 0 5px 0; width: 560px;}
ul.slideshow li { float: left; display: block; margin: 0!important; padding: 0!important; }
ul.slideshow li a { width: 30px; height: 333px; background: #498699; display: block; text-decoration: none; text-indent: -9999px; }
ul.slideshow li a.left-arrow { background: #498699 url("../images/core/arrow_left.gif") 8px 150px no-repeat; }
ul.slideshow li a.right-arrow { background: #498699 url("../images/core/arrow_right.gif") 8px 150px no-repeat; }
ul.slideshow li a:hover { background: #22485b; text-decoration: none; }
ul.slideshow li a:hover.left-arrow { background: #22485b url("../images/core/arrow_left.gif") 8px 150px no-repeat; }
ul.slideshow li a:hover.right-arrow { background: #22485b url("../images/core/arrow_right.gif") 8px 150px no-repeat; }


/*-------------------------------------------    
    Message - RTE fix
-------------------------------------------*/
.message ul{margin: 0 0 20px 30px; !important; padding:0 !important; border:0 !important; line-height:16px !important; padding-bottom:10px !important; }
.message ul li{line-height:16px !important; list-style-position:inside !important; list-style-type:disc !important; border:0 !important;min-height:0 !important; _height:0; padding:0 !important; margin:0 !important;}
.message ol{margin: 0 0 20px 30px; !important; padding:0 !important; border:0 !important; line-height:16px !important; padding-bottom:18px !important;}
.message ol li{line-height:16px !important; list-style-position:inside !important; list-style-type:decimal !important; border:0 !important;min-height:0 !important; _height:0; padding:0 !important; margin:0 !important;}