/* CSS Document */ @import url("reset.css"); /* body { background: #bfe8f7 url(../img/body-bg.gif) repeat-y center} */ body { background-color: #fff } /*------------------ Wrap --------------*/ #wrap1, #wrap2, #wrap3, #wrap4, #wrap5, #wrap6, #wrap7, #wrap8, #wrap100 { min-width: 974px; min-height: 100%; margin: 0 auto; position: relative; overflow: hidden} #wrap1 { background: url(../img/content-bg-1.gif) no-repeat center 310px;} #wrap2 { background: url(../img/content-bg-2.gif) no-repeat center 310px;} #wrap3 { background: url(../img/content-bg-3.gif) no-repeat center 310px;} #wrap4 { background: url(../img/content-bg-4.gif) no-repeat center 310px;} #wrap5 { background: url(../img/content-bg-5.gif) no-repeat center 310px;} #wrap6 { background: url(../img/content-bg-6.gif) no-repeat center 310px;} #wrap7 { background: url(../img/content-bg-7.gif) no-repeat center 310px;} #wrap8 { background: url(../img/content-bg-8.gif) no-repeat center 310px;} #wrapper { min-width: 974px; margin: 0 auto; overflow: hidden} .innerWrap { width: 974px; margin: 0 auto} /*--------------------- Header -------------*/ #header { background-color: #fff; position: relative} .topImgBlock { float: left; position: relative; width: 822px; background: #fff; margin-right: -50px} #header .imgBox { height: 266px; float: left; padding-bottom: 3px; position: relative; overflow: hidden} #header .left { margin-left: -25px;} #header .center { margin-left: -20px} #header .right { margin-left: -21px; width: 185px; overflow: hidden;} #logo { background: url(../img/logo.png) no-repeat left top; width: 335px; height: 56px; text-indent: -999.9em; display: block; position: absolute; top: 11px; left: 25px; z-index: 110 } /*---------------- left menu -----------*/ .menuWrap { width: 201px; height: 267px; margin: -1px 0 0 -25px; float: left; position: relative; z-index: 30; background: url(../img/white-bg.gif) repeat-y left; padding-bottom:2px} .menuBg { background: url(../img/menu-bg.png) no-repeat left top; width: 201px; height: 267px; position: absolute; z-index: 50; left: 0; top: 0; font-size: 1px; line-height: 1px} #mainMenu { width: 145px; height: 267px; font-size: 1.4em; line-height: 2.40em; padding-left: 46px; float: left; position: relative; z-index: 100; margin: 0;} #mainMenu li { margin: 0; list-style: none; float: left; padding-bottom: 0px; width: 140px;} #mainMenu li a:link, #mainMenu li a:visited { color: #fff; font-weight: bold} /*---------------------- content -----------------------------*/ #content { padding-bottom: 20px; position: relative; } .leftMenu { margin: 0; float: left; padding: 20px 0 0 35px; font-size: 1.3em; line-height: 1.4167em; position: relative; z-index: 70} .leftMenu li { margin: 0; overflow: hidden; list-style: none; background:transparent url('/img/bullet.png') no-repeat 2px; padding-left: 12px;} .leftMenu li a:link, .leftMenu li a:visited { color: #FFF; font-weight: bold; } /*#centerCol { float: left; width: 564px; padding: 34px 20px 72px 0px; margin:0px 0px 0px 150px; position: relative; }*/ #centerCol, #centerCol-full { float: left; width: 564px; padding: 34px 0 22px 155px; position: relative; } #centerCol-full-full { float: left; width: 845px; padding: 34px 0 22px 155px; position: relative; } #centerCol h1, #centerCol-full h1 , #centerCol-full-full h1 { margin-left: 20px} #centerCol h1 span, #centerCol-full h1 span { color: #7bc322; font-style: italic; margin-left: 0px} /*#mainText { padding: 0px 15px 20px 20px; background-color:white; background: url(../img/textbody-bg.png) no-repeat right bottom;} */ #mainText { padding: 0px 15px 20px 20px; } /*-------------- SubMenu ------*/ .subMenu { position: relative; width: 648px; height: 129px; overflow: hidden; margin: 16px 0 16px -108px;} .subMenu .menuImg { background: url(../img/sub-menu-bg.png) no-repeat left top; width: 648px; height: 129px; float: left; position: absolute; z-index: 1} /*----------------------------*/ /*.address { position: absolute; left: 0; bottom: 0; height: 72px; width: 532px; margin-left: 80px} .address p { color: #5f5f5f; font-style: italic; font-weight: bold; text-align: center} .address p span { text-align: right; margin-top: -5px; display: block} .address p.last { margin-right: 18px}*/ .address { float: left; width: 300px; } .address p { display: block; clear: both; font-size: 1.1em; } #rightCol { float: right; width: 204px; padding: 24px 12px 10px 0} #rightCol h2 { text-align: right; } #rightCol div { float: right; } #rightCol div img { float: right} #rightCol a.prev:link, #rightCol a.prev:visited { display: inline-block; float: right; margin-bottom: 18px} #rightCol .prev img { float: left} #rightCol h3 { clear: both} #rightCol div p { margin-bottom: 0} a.more:link, a.more:visited { float: right; clear: both; font: bold 1em/1.1667em Arial, Helvetica, sans-serif; color: #878585; margin-right: 28px} a.news:link, a.news:visited { font: bold 1.1em/1.1667em Arial, Helvetica, sans-serif; color: #243587; } /*------------------- Footer --------------*/ #footer { position: relative; padding-left: 20px; padding-bottom: 15px} #footer p.copy { color: #3984c8; font-size: 1.1em; float: right; margin-right: 102px; text-align:right; } #footer a:link, #footer a:visited { color: #3984c8;} #footer img { position: absolute; right:10px; bottom: 20px; } /*------------------- Tables --------------*/ #mainText table#contact { border: none; width: 554px; } #mainText table#contact td { border: none; width:200px; padding:4px 4px 2px 0; } /*------------------- Email Form --------------*/ .valign { vertical-align: top; } label { font-size: 12px; } .field { border: #cccccc solid 1px; background: #eeeeee; width: 200px; padding: 5px; } textarea { height: 120px; } .button { border: #cccccc solid 1px; background: #eeeeee; padding: 5px; text-transform: uppercase; } /*------------------- Colour Selection --------------*/ #leftCol100, #leftCol1, #leftCol2, #leftCol3, #leftCol4, #leftCol5, #leftCol6, #leftCol7, #leftCol8 { position: absolute; width: 192px; height: 253px; background: url(../img/bottom-left-bg-1.gif) no-repeat left top; margin-left: -25px; top: 0; left: 0} #leftCol2 { background: url(../img/bottom-left-bg-2.gif) no-repeat left top; } #leftCol3 { background: url(../img/bottom-left-bg-3.gif) no-repeat left top; } #leftCol4 { background: url(../img/bottom-left-bg-4.gif) no-repeat left top; } #leftCol5 { background: url(../img/bottom-left-bg-5.gif) no-repeat left top; } #leftCol6 { background: url(../img/bottom-left-bg-6.gif) no-repeat left top; } #leftCol7 { background: url(../img/bottom-left-bg-7.gif) no-repeat left top; } #leftCol8 { background: url(../img/bottom-left-bg-8.gif) no-repeat left top; } .topStripe100, .topStripe1, .topStripe2, .topStripe3, .topStripe4, .topStripe5, .topStripe6, .topStripe7, .topStripe8 { background: #fff url(../img/header-bg-1.gif) no-repeat left top; height: 42px; margin: 0 -25px; position: relative; width: 1014px} .topStripe2 { background: #fff url(../img/header-bg-2.gif) no-repeat left top; } .topStripe3 { background: #fff url(../img/header-bg-3.gif) no-repeat left top; } .topStripe4 { background: #fff url(../img/header-bg-4.gif) no-repeat left top; } .topStripe5 { background: #fff url(../img/header-bg-5.gif) no-repeat left top; } .topStripe6 { background: #fff url(../img/header-bg-6.gif) no-repeat left top; } .topStripe7 { background: #fff url(../img/header-bg-7.gif) no-repeat left top; } .topStripe8 { background: #fff url(../img/header-bg-8.gif) no-repeat left top; } .stock { width: 100%; } .stock td { vertical-align: top; } #logo-home { position: absolute; bottom:20px; left:0px; }