/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- iTCHYROBOT STYLESHEET OVERWRITE | For bespoke style | Version: 1.0 | Date: June 2011 | Aurthor: Ben Timney | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ html { margin-top: 0px !important; } * html body { margin-top: 0px !important; } /*general Style*/ body{background-color:#f5f5f5;} h1, h2, h3, h4, h5, h6, h7, p, div{color:#666666; padding:5px 0 5px 0; margin:0;} h1{font-size:18px;} h2{font-size:16px;} h3{font-size:14px;} h4{font-size:12px;} h5{font-size:12px;} h6{font-size:12px;} h7{font-size:12px;} a:hover{text-decoration:underline;} /* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*Main layout*/ #container {background:#ffffff url('../images/backgroundRepeat.jpg') repeat-y scroll center top; width:950px; margin:0 auto; position:relative;} #wrapper{background:#ffffff url('../images/backgroundRepeat.jpg') repeat-y scroll center top; width:950px; float:left;} /*header*/ #header{width:910px; padding:0 20px 0 20px; width:910px; height:155px; float:left; position:relative;z-index:9999;} /*Header logo (color changes depending on page*/ #headerLogo{position:absolute; top:30px; left:20px; z-index:9999;} /*Menu*/ #menu{position:absolute; top:0px; right:20px; width:910px; font-size:16px; text-align:right;} #menu a{text-decoration:none;} #menu a:hover{color:#000000; text-decoration:none;} #menu span{color:#000000;} /*Main large image area*/ #image{width:910px; padding:0 20px 0 20px; width:910px; height:365px; position:relative; float:left; z-index:998;} /*home page animated image*/ #image IMG{position:absolute; top:0px; left:20px; z-index:8; background-color:#ffffff; } #image IMG.active{z-index:10;} #image IMG.last-active{z-index:9;} /*Products div area*/ #products{width:910px; padding:0 20px 0 20px; width:910px; height:465px; position:relative; float:left;} /*Content area*/ #content{width:910px; padding:10px 10px 0px 10px; position:relative; float:left;} /*content left col*/ #contentLeft{width:435px; padding:10px 20px 20px 10px; float:left;} #contentLeft p{padding:5px 0 5px 0; margin:0;} /*content right col*/ #contentRight{width:445px; padding:10px 0px 20px 0px; float:left;} #contentRight p{padding:5px 0 5px 0; margin:0;} /*content right col*/ #contentFull{width:910px; padding:10px 0px 20px 10px; float:left;} #contentFull p{padding:5px 0 5px 0; margin:0;} /*Footer*/ #footer{background:#ececec url('../images/footerBackgroundRepeat.jpg') repeat-y scroll center top; float:left; width:950px;} /*footer left col*/ #footerLeft{width:435px; padding:10px 20px 20px 20px; float:left;} #footerLeft p{padding:10px 0 5px 0; margin:0; color:#333333;} #footerLeft h1, #footerLeft h2, #footerLeft h3, #footerLeft h4, #footerLeft h5, #footerLeft h6{color:#333333;} #signUpText{float:left; width:150px; padding:10px 20px 10px 0px; height:100px;} #signUpForm{float:left; width:240px; padding:10px 10px 10px 10px; height:100px;} #signUpForm input{margin:0px 0px 10px 0px;} #findUsText{float:left; width:160px; padding:10px 20px 10px 0px; height:100px;} #findUsForm{float:left; width:230px; padding:0px 10px 10px 10px; height:100px;} /*footer right col*/ #footerRight{width:445px; padding:10px 0px 20px 0px; float:left;} #footerRight h1, #footerRight h2, #footerRight h3, #footerRight h4, #footerRight h5, #footerRight h6{color:#333333;} #footerRight p{padding:10px 0 5px 0px; margin:0;} .footerAddress{float:left; width:210px; padding:10px 10px 10px 0px; color:#333333;} /* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*PAGE COLOUR STYLES*/ /*HOME PAGE COLOURS*/ .menuHome{color:#449fa7;} .colorHome h1, .colorHome h2, .colorHome h3, .colorHome h4, .colorHome h5, .colorHome h6, .colorHome a, .colorHome a:hover{color:#449fa7; text-transform:uppercase;} /*ABOUT US PAGE COLOURS*/ .menuAboutUs{color:#447aa7;} .colorAboutUs h1, .colorAboutUs h2, .colorAboutUs h3, .colorAboutUs h4, .colorAboutUs h5, .colorAboutUs h6, .colorAboutUs a, .colorAboutUs a:hover{color:#447aa7; text-transform:uppercase;} /*PRODUCTS PAGE COLOURS*/ .menuProducts{color:#9aa744;} .colorProducts h1, .colorProducts h2, .colorProducts h3, .colorProducts h4, .colorProducts h5, .colorProducts h6, .colorProducts a, .colorProducts a:hover{color:#9aa744; text-transform:uppercase;} /*NEWS PAGE COLOURS*/ .menuNews{color:#44a75e;} .colorNews h1, .colorNews h2, .colorNews h3, .colorNews h4, .colorNews h5, .colorNews h6, .colorNews a, .colorNews a:hover{color:#44a75e; text-transform:uppercase;} /*DEALER PAGE COLOURS*/ .menuDealers{color:#a74444;} .colorDealers h1, .colorDealers h2, .colorDealers h3, .colorDealers h4, .colorDealers h5, .colorDealers h6, .colorDealers a, .colorDealers a:hover{color:#a74444; text-transform:uppercase;} /*CONTACT PAGE COLOURS*/ .menuContact{color:#a78544;} .colorContact h1, .colorContact h2, .colorContact h3, .colorContact h4, .colorContact h5, .colorContact h6, .colorContact a, .colorContact a:hover{color:#a78544; text-transform:uppercase;} /*CONSTRUCTION PAGE COLOURS*/ .menuConstruction{color:#67ab95;} .colorConstruction h1, .colorConstruction h2, .colorConstruction h3, .colorConstruction h4, .colorConstruction h5, .colorConstruction h6, .colorConstruction a, .colorConstruction a:hover{color:#67ab95; text-transform:uppercase;} /*GALLERY PAGE COLOURS*/ .menuGallery{color:#ad718a;} .colorGallery h1, .colorGallery h2, .colorGallery h3, .colorGallery h4, .colorGallery h5, .colorGallery h6, .colorGallery a, .colorGallery a:hover{color:#ad718a; text-transform:uppercase;} /* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*CAROUSEL for the products page*/ .infiniteCarousel .wrapper {width:830px; overflow:auto; height:105px; margin:0 40px; position:absolute; bottom:0;} /*.infiniteCarousel ul a img {border:5px solid #000;}*/ .infiniteCarousel .wrapper ul {width:9999px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; position:absolute; top:0;} .infiniteCarousel ul li {display:block; float:left; padding:0 15px 0 10px; height:105px; width:140px;} .infiniteCarousel ul li a img {display:block;} .infiniteCarousel .arrow {display:block; height:36px; width:37px; background:url(../images/arrow.png) no-repeat 0 0; text-indent:-999px; position:absolute; bottom:40px; cursor:pointer; margin:0 20px 0 20px;} .infiniteCarousel .forward {background-position:0 0; right:0;} .infiniteCarousel .back { background-position:0 -72px; left:0;} .infiniteCarousel .forward:hover {background-position:0 -36px;} .infiniteCarousel .back:hover {background-position:0 -108px;} /*CONTACT PAGE*/ #contentRight h1{margin-bottom:10px;} #contentLeft h1{margin-bottom:10px;} .trLeft{width:100px !important;} .trRight input{width:335px !important;} .trRight textarea{width:335px !important;} .trRight .submitButtons{width:100px !important;} /*Gallery fixes*/ div#shShutter {z-index: 19990 !important;} div#shDisplay{z-index: 19991 !important;} div#shWrap{z-index: 19992 !important;} div#shTopImg{z-index: 19993 !important;} .ngg-galleryoverview{padding-left:30px !important;} .ir_box {padding:0;width:150px;height:110px;overflow:hidden;} .itchyrobot{color:#333333; width:910px; float:left; text-align:right;} .itchyrobot a{color:#677e36; text-decoration:none;} .itchyrobot a:hover{color:#677e36; text-decoration:underline;}