/*
Theme Name: JMC 
Theme URI: http://junomedia.co.uk
Description: JMC
Version: 1.0
Author: Juno Media
Author URI: http://junowebdesign.com
Tags: juno media, web design, web development, graphic design
*/
@charset "utf-8";
body { padding: 0; margin: 0; font-family: Arial, Helvetica, Lucida Sans Unicode; }

*, ul, ul li, p, h1, h2, h3 { padding: 0; margin: 0; list-style: none}
p {margin-bottom: 1.2em}
h1, h2, h3, h4 {margin-bottom: .8em}

button { cursor: pointer; }
img { border: none; }

.mainContainer .headerContainer { background: url(images/header-bg.gif) repeat-x; height: 124px; overflow: hidden; }
.mainContainer .headerContainer h1 { margin: 0; }
.mainContainer .headerContainer .innerHeader { width: 1124px; height: 124px; margin: auto auto; background: url(images/header-logo.jpg) no-repeat top left; position: relative; }
.mainContainer .headerContainer .mainTitle a { display: block; width: 300px; height: 123px; position: absolute; left: 90px; top: 0; }

.mainContainer .headerContainer .callUsBanner { display: block; width: 342px; height: 38px; background: url(images/banner-call-us.gif) no-repeat center; position: absolute; right: 81px; top: 0; }
.mainContainer .headerContainer .searchBarContainer { position: absolute; top: 60px; right: 81px; }
.mainContainer .headerContainer .searchBarContainer #searchBar { display: block; list-style: none; }
.mainContainer .headerContainer .searchBarContainer #searchBar span { float: left; }
.mainContainer .headerContainer .searchBarContainer #searchBar .inputContainer .search { width: 260px; height: 26px; padding: 7px 0 0 10px; border: none; font-family: Arial, Helvetica, sans-serif; letter-spacing: -1px; font-size: 16px; color: #868686; font-weight: bold; background: url(images/input-search-bg.gif) no-repeat left top; float:left;}
.mainContainer .headerContainer .searchBarContainer #searchBar .buttonContainer { float: left; }
.mainContainer .headerContainer .searchBarContainer #searchBar .buttonContainer #searchsubmit { background: url(images/input-search-button.gif); border: none; width: 72px; height: 34px; cursor: pointer; text-indent: -9999px;float:left;line-height:0; font-size: 0 }

.mainContainer .mainNavContainer { height: 43px; padding: 9px 0 20px 0; background: url(images/main-nav-bg.gif) repeat-x; }
	body.innerPage .mainContainer .mainNavContainer { height: 43px; padding: 9px 0 0 0; background: url(images/main-nav-bg-inner.gif) repeat-x; }
	
.mainContainer .mainNavContainer .mainNav { display: block; width: 960px; height: 28px; margin: auto auto; padding: 0 0 0 0; }
.mainContainer .mainNavContainer .mainNav li { display: block; float: left; height: 28px; margin-right: 10px; }
.mainContainer .mainNavContainer .mainNav li a { display: block; line-height: 20px; padding: 4px 8px 2px 8px;  font-size: 16px; color: #464646; text-decoration: none; font-weight: bold; }

.mainContainer .mainNavContainer .mainNav li.selected a { color: #fff; }
.mainContainer .mainNavContainer .mainNav li.selected .itemLeft { float: left; height: 28px; background: url(images/main-nav-selected-bg.gif) no-repeat right; }
.mainContainer .mainNavContainer .mainNav li.selected .itemLeft .itemRight { float: left; display: block; height: 28px; background: url(images/main-nav-selected-left.gif) no-repeat left; }

.mainContainer .pageContainer { width: 960px; margin: 0 auto 20px; }
.mainContainer .pageContainer .leftGreyBox { width: 578px; height: 232px; margin-right: 20px; float: left; background: #3e3e3e; color: #fff; padding: 0 0 20px 0 }
	html>body .mainContainer .pageContainer .leftGreyBox { height: auto; min-height: 232px; padding: 0 0 20px 0}
	
.mainContainer .pageContainer .leftGreyBox h2 { font-weight: normal; background: url(images/grey-box-shadow.gif) repeat-x bottom #626262; color: #fff; font-size: 26px; letter-spacing: -1px; padding: 8px 0 15px 15px; margin: 0 }
.mainContainer .pageContainer .leftGreyBox .imgContainer { width: 240px; height: 147px; float: left; padding: 10px 0 0 16px; }
.mainContainer .pageContainer .leftGreyBox .textContainer { margin: 10px 0 0 13px; width: 300px; float: left; }
.mainContainer .pageContainer .leftGreyBox .textContainer h3 { font-weight: bold; font-size: 24px; line-height: 20px; }
.mainContainer .pageContainer .leftGreyBox .textContainer p { line-height: 18px; font-size: 14px; }
.mainContainer .pageContainer .leftGreyBox .actionButtons { list-style: none; margin: 12px 0 0 0; }
.mainContainer .pageContainer .leftGreyBox .actionButtons li { float: left; margin-right: 5px;  }
.mainContainer .pageContainer .leftGreyBox .actionButtons li.seeDetails a { display: block; width: 105px; height: 33px; background: url(images/button-see-details.gif) no-repeat;}
.mainContainer .pageContainer .leftGreyBox .actionButtons li.seeDetails a:hover{ display: block;background: url(images/hover-button-see-details.gif) no-repeat;}
.mainContainer .pageContainer .leftGreyBox .actionButtons li.downloadPdf a { display: block; width: 159px; height: 33px; background: url(images/button-download-pdf.gif) no-repeat;}
.mainContainer .pageContainer .leftGreyBox .actionButtons li.downloadPdf a:hover{display: block; background: url(images/hover-button-download-pdf.gif) no-repeat; }

.mainContainer .pageContainer .rightGreyBox { width: 362px; height: 232px; float: left; background: url(images/grey-box-bg.gif) no-repeat left bottom #656565; color: #fff; }
	html>body .mainContainer .pageContainer .rightGreyBox { height: auto; min-height: 232px; }

.mainContainer .pageContainer .rightGreyBox h2 { font-weight: normal; background: url(images/l-grey-box-shadow.gif) repeat-x bottom #626262; color: #fff; font-size: 26px; letter-spacing: -1px; padding: 8px 0 10px 15px; margin: 0 }
.mainContainer .pageContainer .rightGreyBox .textContainer { padding: 15px; }
.mainContainer .pageContainer .rightGreyBox .textContainer p { line-height: 18px; font-size: 14px; }

.mainContainer .pageContainer .rightGreyBox .actionButtons { list-style: none; margin: 7px 5px 0 0; float: right; }
.mainContainer .pageContainer .rightGreyBox .actionButtons li { float: left; margin-right: 5px;  }
.mainContainer .pageContainer .rightGreyBox .actionButtons li.learnMore a { display: block; width: 107px; height: 36px; background: url(images/button-learn-more.gif) no-repeat;}
.mainContainer .pageContainer .rightGreyBox .actionButtons li.learnMore a:hover{display: block;background: url(images/hover-button-learn-more.gif) no-repeat;}

.mainContainer .redWrapper { padding: 30px 0 30px 0; background: url(images/red-strap-bg.gif) repeat-x top #ed1c24; color: #fff;  }
.mainContainer .redWrapper a { color: #fff; }
.mainContainer .redWrapper h2 { font-size: 24px; letter-spacing: -1px; }
.mainContainer .redWrapper .leftBlock { width: 610px; margin-right: 20px; float: left; }
.mainContainer .redWrapper .rightBlock { width: 330px; float: left; }


.mainContainer .redStrap { margin: 28px 0 25px 0; padding: 0 0 200px 0; background: url(images/red-strap-bg.gif) repeat-x top #ed1c24; color: #fff; position: relative}
.mainContainer .redStrap h2 { font-size: 24px; letter-spacing: -1px; margin-bottom: .3em }
.mainContainer .redStrap .redStrapInner { width: 960px; margin: auto; }

.mainContainer .redStrap .redBox { height: 320px; background: url(images/red-box-bg.gif) repeat-x #c44539; border: 1px solid #dd6966; padding: 10px 0 10px 0; }
	html>body .mainContainer .redStrap .redBox { height: auto; min-height: 320px; }

.mainContainer .redStrap ul { list-style: none; float: left; }
.mainContainer .redStrap ul li { width: 268px; list-style: none; border-bottom: 1px solid #872320; padding: 0 0 7px 0; margin: 0 10px 7px 10px; }
.mainContainer .redStrap ul li a { font-size: 14px; color: #e5d0d0; text-decoration: none; padding: 0 0 0 15px; background: url(images/bullet-arrow-white.gif) no-repeat 5px 5px;  }
.mainContainer .redStrap ul li a:hover { background: url(images/hover-bullet-arrow-white.gif) no-repeat 5px 5px; color: #fff; }

.mainContainer .redStrap ul li.lastItem { border: none; padding-bottom: 0; }

.mainContainer .redStrap .rightBlock .redBox ul li { width: 340px; }

.mainContainer .redStrap #cogsLeft { width: 222px; float: left; }
.mainContainer .redStrap #cogsRight { width: 222px; float: right; position: absolute; right: 0; top: 0}

.mainContainer .redStrap .leftBlock { width: 580px; /* margin: 10px 18px 0 -71px */; float: left; filter:alpha(opacity=90);
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
margin-top: 10px;
position: absolute;
}
.mainContainer .redStrap .rightBlock { width: 362px; margin-top: 10px; float: right; }


.mainContainer .infoBar { width: 960px; margin: auto auto; padding: 0 0 30px 0; }
.mainContainer .infoBar a { color: #df4343; text-decoration: none; }
.mainContainer .infoBar a:hover { color: #df4343; text-decoration: underline; }
.mainContainer .infoBar h2 { display: block; margin: 0 0 0 0; font-size: 24px; letter-spacing: -1px; color: #000; border-bottom: 1px solid #ececec; }
.mainContainer .infoBar .more {float: right; margin-top: .4em}
.mainContainer .infoBar .leftBlock { width: 578px; float: left; margin: 0 20px 0 0; }
.mainContainer .infoBar .leftBlock ul li { list-style: none; padding: 10px; }
.mainContainer .infoBar .leftBlock ul li a { font-size: 16px; }
.mainContainer .infoBar .leftBlock ul li p { font-size: 12px; font-family: "Lucida Sans Unicode", Tahoma, Arial; color: #6c6c6c; } 
/*.mainContainer .infoBar .rightBlock { width: 362px; float: left; }
.mainContainer .infoBar .rightBlock .mapContainer { width: 360px; height: 225px; background: url(images/find-us-map.jpg) no-repeat; border: 1px solid #ccc; position: relative; }
.mainContainer .infoBar .rightBlock .mapContainer .mapPin, .mainContainer .redWrapper .pageContainer #map .mapPin { display: block; width: 9px; height: 9px; position: absolute; background: url(images/map-pin.png) no-repeat center; cursor: pointer; }
.mainContainer .infoBar .rightBlock .addressInfo { font-size: 11px; color: #898989; padding: 5px; border-bottom: 1px solid #ccc; }

.mainContainer .infoBar .rightBlock h2 { border: none; }
.mainContainer .infoBar .rightBlock .more {color:#898989;}*/
.mainContainer .infoBar .rightBlock .mapContainer { width: 360px; height: 225px; background: url(images/find-us-map.jpg) no-repeat; border: 1px solid #ccc; position: relative; }
.mainContainer .redWrapper .pageContainer #map .mapPin { display: block; width: 9px; height: 9px; position: absolute; background: url(images/map-pin.png) no-repeat center; cursor: pointer; }


.mainContainer .infoBar .rightBlock { display: block; width: 350px; float: left; border: 6px solid #898989}


.mainContainer .infoBar #contactDetails {margin: 6px 0 0 0; font-size: 12px; color:#898989; overflow: hidden; }
.mainContainer .infoBar #contactDetails h3 {font-size: 16px; color:#898989; }
.mainContainer .infoBar #contactDetails #contactLeft, .mainContainer .infoBar #contactDetails #contactRight {width: 161px; margin-right: 20px; float: left; }

.contactForm { border: none; background: url(images/dark-red-box-bg.jpg) repeat-x #8e1115; border: 1px solid #dd6966; padding: 20px; }
.contactForm .rowContainer { float: left; width: 100%; padding: 0 0 10px 0; }
.contactForm label { display: block; float: left; width: 150px; font-size: 16px; font-weight: bold; padding: 8px 0 0 0; }
.contactForm input, textarea { float: left; width: 390px; border: none; background: #fff; padding: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

.imageContainer .productImage { background: #8e1116; padding: 4px; float: left; border: 1px solid #e96b68; }
.imageContainer .bottomBar { width: 610px; position: relative; height: 45px; float: left; background: url(images/image-container-bottom.gif) no-repeat top left; }
.imageContainer .bottomBar .actionButton { float: left; background: url(images/grey-glossy-right.gif) no-repeat right; margin-right: 5px; }
.imageContainer .bottomBar .actionButton .actionButtonLeft { float: left; background: url(images/grey-glossy-left.gif) no-repeat left; }
.imageContainer .bottomBar .actionButton .actionButtonLeft a { float: left; display: block; text-decoration: none; font-size: 18px; padding: 9px 10px 8px 10px; }

.imageContainer .bottomBar .leftHand { position: absolute; left: 5px; top: 4px; }
.imageContainer .bottomBar .rightHand { position: absolute; right: 0; top: 4px; }

.rightInfo { padding: 52px 0 0 0; }
.rightInfo p { font-size: 16px; font-weight: bold; }

.rightInfo h3 { display: block; font-size: 24px; }
.rightInfo .addImages { list-style: none; }
.rightInfo .addImages li { float: left; margin: 0 5px 5px 0; }
.rightInfo .addImages li a { display: block; background: #8e1116; padding: 4px; border: 1px solid #e96b68; }
.rightInfo .addImages li a:hover { border: 1px solid #e9baba; }

.mainContainer .blogSidebar { padding: 10px 0 20px 0; background: #8E1115; border: 1px solid #DD6966 }
.mainContainer .blogSidebar ul { margin: 0 14px; list-style: none }
.mainContainer .blogSidebar ul ul { margin: 0 }
.mainContainer .blogSidebar p { font-size: 16px; font-weight: bold; }
.mainContainer .blogSidebar h2 { margin: 0; font-size: 20px }
.mainContainer .blogSidebar .archives {margin: 0 0 10px 0}

.rangeBarContainer { background: url(images/range-bar-bg.jpg) repeat-x top; height: 243px; padding: 10px 0 0 0; margin-top: 20px; }
.rangeBarContainer .rangeList { width: 960px; margin: auto auto; }
.rangeBarContainer .rangeList h3 { color: #ed1c24; }
.rangeBarContainer .rangeList ul { list-style: none; padding-bottom: 10px }
.rangeBarContainer .rangeList ul li { float: left; margin-right: 22px; width:170px; }
.rangeBarContainer .rangeList ul li a { font-weight: bold; font-size: 14px; text-decoration: none; color: #333; }
.rangeBarContainer .rangeList ul li a.imageLink { display: block; padding: 5px; background: #c2c2c2; }
.rangeBarContainer .rangeList ul li a.imageLink:hover { background: #999; }


.productListContainer {  }
.productListContainer .productList { width: 960px; margin: auto auto; }
.productListContainer .productList h3 { color: #ed1c24; }
.productListContainer .productList ul { list-style: none; padding-bottom: 20px; position: relative; z-index: 9}
.productListContainer .productList ul li { float: left; margin: 0 22px 30px 0; width: 170px; height: 180px;overflow: hidden }
.productListContainer .productList ul li.clear { clear: left; }
.productListContainer .productList ul li a { font-weight: bold; font-size: 12px; text-decoration: none; color: #fff; }
.productListContainer .productList ul li a.imageLink { display: block; background: #8e1116; padding: 4px; border: 1px solid #e96b68; }
.productListContainer .productList ul li a.imageLink:hover { border: 1px solid #e9baba; }

.productListContainer .leftBlock { width: 610px; margin-right: 20px; float: left; }
.productListContainer .leftBlock h3 { color: #ed1c24; }
.productListContainer .leftBlock ul { list-style: none; padding-bottom: 10px }
.productListContainer .leftBlock ul li { float: left; margin: 0 22px 30px 0; width: 170px;overflow: hidden }
.productListContainer .leftBlock ul li a { font-weight: bold; font-size: 12px; text-decoration: none; color: #fff; }
.productListContainer .leftBlock ul li a.imageLink { display: block; background: #8e1116; padding: 4px; border: 1px solid #e96b68; }
.productListContainer .leftBlock ul li a.imageLink:hover { border: 1px solid #e9baba; }

.footer { color: #fff; font-size: 12px; background: url(images/footer-shadow.gif) top repeat-x #363636; }
.footer .footerInner { width: 960px; height: 78px; padding: 20px 0 0 0; margin: auto auto; background: url(images/footer-light.jpg) no-repeat center top; text-align: right; }

.button-send { background: none; border: none; display: block; width: 82px; height: 36px; background: url(images/button-send.gif) no-repeat; float: right; }

.addInfo {  }
.divLink { display: block; width: 100%; height: 100%; }
.hidden { display: none; }
.clear { clear: both; }

.rightInfo ul li{ list-style-type:none;}

#pagenavi li {
	float: left;
	padding-right: 10px;
	list-style-type: none;	
}
.mainContainer .redWrapper{position: relative;}
.mainContainer .redWrapper #cogsLeft{position: absolute; top: 0; left: 0; z-index: 0}
.mainContainer .redWrapper #cogsRight{position: absolute; top: 0; right: 0; z-index: 0}
#product-list .pageContainer{margin-bottom:0px;overflow:hidden;}
.contact-info-first{height:150px;float:left;width:470px;}
.contact-info-last{height:150px;}
#contact-support {margin-top: 30px;}
#contact-support li img{float: left;margin-right: 10px;width: 145px;height: 109px;}
#contact-support li{font-size:16px;font-weight:bold;}

.mainContainer .redWrapper .leftBlock ul{
	margin:0;
}
.mainContainer .redWrapper .leftBlock li{
	background: url(images/arrow.gif) no-repeat left;
	padding:5px 0 5px 15px;
}
#productIndex .leftBlock li{
	background:none;
	padding:0;
}
#map{
		background: url('images/find-us-map-big2.jpg') no-repeat;
		width:960px;
		height:500px;
		margin: 0 auto;
		position:relative;
}

/* Translation Bar */
#translation_bar img {margin: 0 0 0 5px}
.footerInner .links{float:left;padding: 0 2px;}
.footerInner a {color:#FFF;text-decoration:none}
.footerInner a:hover,.footerInner a:active{text-decoration: underline}