/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : Author : Matt Mumford / matt.mumford@gforces.co.uk / G-Forces Web Management Ltd Type: Screen, Projection Description : Screen and projection stylesheet for Seafood Technology site - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ html{height:100%; } html a, a:active, a:hover , a:visited {text-decoration:none;} body { font:62.5%/1.6 verdana, arial, helvetica, sans-serif; height:100%; margin:0; padding:0; background:#ffffff; color:#000000; text-align:center; background:url(../images/layup/bodyBg2.jpg) no-repeat top center; } #container { min-height: 100%; width:960px; margin:0 auto; background:none; font-size: 1.8em; background: url(../images/layup/containerBg.jpg) top left no-repeat; } * html #container{height: 100%; } /* This font sizing is for standards based browsers (firefox, opera, mozilla) that can re-size text. Declaring the font size in pixels makes it more consistent across browsers. */ td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; } html>body td, html>body textarea, html>body input, html>body select { font-size:11px; } /* some browsers don't inherit the font into tables or textareas! */ /* ----- IDS ----- */ #container { width:960px; margin:0 auto; text-align:left; font-size:110%; line-height: normal; } #printHeader { display:none;} #homeFlash { width: 469px; height: 224px; /*background: url(../images/layup/homeFlashBg.jpg) no-repeat;*/ } #homeFlash .padding { padding: 7px 0px 0px 7px; } #header { height: 150px; position: relative; } #header #logo { position: absolute; top: 0px; left: 0px; } #header #contactDetails { position: absolute; top: 12px; right: 0px; font-weight:bold; color:#fff; height:13px;} /* ----- LEFT COLUMN ----- */ #leftCol { float: left; width: 250px; margin-top:16px; } #leftCol .box {} #leftCol .usedCarSearch {} /* ----- RIGHT COLUMN ----- */ #rightCol { float: right; width: 710px; height:auto; margin-bottom:20px; margin-top:31px; } #rightCol .padding .contact {width:280px; float:left; line-height:16px;} #rightCol .padding .contact a {color:#1e5eba; text-decoration:none; font-weight:normal;} #rightCol .padding .formContain {float:right; width:400px; line-height:16px;} #rightCol #files { float: right; clear: right; width:303px; border: 1px solid #ccc; padding: 10px 10px 5px 10px; margin-right: 7px; margin-bottom: 10px; } #rightCol #files ul { padding: 0; margin: 0; list-style: none; } #rightCol #files li { float: left; display: block; width: 300px; margin-bottom: 5px; } #rightCol #priceBox { float: right; clear: right; width:303px; border: 1px solid #ccc; padding: 10px 10px 10px 10px; margin-right: 7px; margin-bottom: 10px; text-align: center; font-size: 1.8em; font-weight: bold; } #mainContent { width:710px; height:auto;} #mainContent .padding { padding: 0px 0px 0px 0px; } /* ----- CMS IMAGE ----- */ #mainContent .padding .frame {float:right; display:block; background:url(../images/layup/cmsImageFrame.png) no-repeat; padding:10px; width:318px; height:239px; margin:0 auto 10px 10px;} #mainContent .padding .frame .image {display:block; width:318px; height:239px; background:url(../images/layup/noImage318x239.gif) no-repeat;} /* ----- LIST ----- */ #list { width:710px; height:auto; } #list .listItem { width:710px; height:150px; display:block; float:left; border-bottom:dotted 1px #bababa; margin-bottom:20px; text-decoration:none;} #list .listItem a {text-decoration:none; font-weight:normal;} #list .listItem .frame { width:151px; height:113px; display:block; background:url(../images/layup/boxlistFrame.png) no-repeat; padding:9px; float:left; margin: 0 20px 5px auto; } #list .listItem .frame .image{ background:url(../images/layup/noImage151x113.gif) no-repeat; display:block; width:151px; height:113px; } #list .listItem .title { font-size:14px; font-weight:bold; float:left;text-decoration:none;} #list .listItem .posted { font-size:10px; font-weight:normal; float:right; color:#404040; text-decoration:none; font-weight:normal; } #list .listItem .description { float:left; line-height:15px; width:520px; margin-top:5px; text-decoration:none; font-weight:normal;} #list .listItem .btn { float:right;} /* ----- BOX LIST ----- */ #boxList { width:710px; height:auto; } #boxList .boxLeft {width:345px; float:left; display:block; margin-bottom:20px; border-bottom:dotted 1px #bababa; text-decoration:none;} #boxList .boxLeft .frame { width:151px; height:113px; display:block; background:url(../images/layup/boxlistFrame.png) no-repeat; padding:9px; float:left; margin: 0 7px 5px auto; } #boxList .boxLeft .frame .image{background:url(../images/layup/noImage151x113.gif) no-repeat; display:block; width:151px; height:113px;} #boxList .boxLeft .title {display:block; font-size:13px; font-weight:bold; float:left; width:168px; margin-top:3px; margin-bottom:5px; text-decoration:none;} #boxList .boxLeft .info {display:block; line-height:20px; margin-bottom:3px; text-decoration:none; font-weight:normal; } #boxList .boxLeft .info .price {color:red; text-decoration:none; font-weight:normal;} #boxList .boxRight {width:345px; float:right; display:block; margin-bottom:20px; border-bottom:dotted 1px #bababa; text-decoration:none;} #boxList .boxRight .frame { width:151px; height:113px; display:block; background:url(../images/layup/boxlistFrame.png) no-repeat; padding:9px; float:left; margin: 0 7px 5px auto; } #boxList .boxRight .frame .image{background:url(../images/layup/noImage151x113.gif) no-repeat; display:block; width:151px; height:113px;} #boxList .boxRight .title {display:block; font-size:13px; font-weight:bold; float:left; width:168px; margin-top:3px; margin-bottom:5px; text-decoration:none;} #boxList .boxRight .info {display:block; line-height:20px; margin-bottom:3px; text-decoration:none; font-weight:normal; } #boxList .boxRight .info .price {color:red; text-decoration:none; font-weight:normal;} /* ----- GLOBAL CLASSES ----- */ .clear { clear:both; display: block; } .clearSmall { clear: both; display: block; height: 0; line-height: 0; font-size: 0; } .hide { display:none; } .show { display:block; } .printShow { display:none; } .printHide { display:block; } .float_left { float:left !important; } .float_right { float:right !important; } .align_left { text-align:left !important; } .align_center { text-align:center !important; } .align_right { text-align:right !important; } .align_justify { text-align:justify !important; } .align_bottom { vertical-align:bottom !important; } .image_right { float:right; margin:0 0 15px 15px; } .image_left { float:left; margin:0 15px 15px 0; } .image_center { margin:0 auto; } .hand { cursor:pointer; } .seo {text-decoration:none;font-weight:normal;} /* ----- HEADINGS & PARAGRAPHS ----- */ h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold;} h1{font-size:18px; width:360px; float:left;} h2{font-size:18px; width:250px; float:left;} /* ----- TOP NAVIGATION ----- */ #primaryNav { width:658px; height:97px; float:right; margin-top:33px; } #primaryNav ul { list-style: none; margin: 0; padding: 0; } #primaryNav li { float: left; height:97px; display:inline; } #primaryNav li a { display: block; float: left; text-decoration: none; font-size:11px; color:#231f20; font-weight:normal; } #primaryNav li#home a { display: block; float: left; padding: 60px 8px 5px 8px; text-decoration: none; width:36px; height:32px; background:url(../images/layup/spritePrimaryNav.jpg) 0 0; } #primaryNav li#home a:hover{ display: block; float: left; padding:60px 8px 5px 8px; text-decoration: none; width:36px; height:32px; background:url(../images/layup/spritePrimaryNav.jpg) 0 -97px; } #primaryNav li#home .active{ display: block; float: left; padding:60px 8px 5px 8px; text-decoration: none; width:36px; height:32px; background:url(../images/layup/spritePrimaryNav.jpg) 0 -97px; } #primaryNav li#aboutUs a { display: block; float: left; padding: 60px 8px 5px 8px; text-decoration: none; width:55px; height:32px; background:url(../images/layup/spritePrimaryNav.jpg) -52px 0; } #primaryNav li#aboutUs a:hover{ display: block; float: left; padding:60px 8px 5px 8px; text-decoration: none; width:55px; height:32px; background:url(../images/layup/spritePrimaryNav.jpg) -52px -97px; } #primaryNav li#aboutUs .active{ display: block; float: left; padding:60px 8px 5px 8px; text-decoration: none; width:55px; height:32px; background:url(../images/layup/spritePrimaryNav.jpg) -52px -97px; } #primaryNav li#newEquipment a { display: block; float: left; padding: 60px 8px 5px 8px; text-decoration: none; width:93px; height:32px; background:url(../images/layup/spritePrimaryNav.jpg) -123px 0; } #primaryNav li#newEquipment a:hover{ display: block; float: left; padding:60px 8px 5px 8px; text-decoration: none; width:93px; height:32px; background:url(../images/layup/spritePrimaryNav.jpg) -123px -97px; } #primaryNav li#newEquipment .active{ display: block; float: left; padding:60px 8px 5px 8px; text-decoration: none; width:93px; height:32px; background:url(../images/layup/spritePrimaryNav.jpg) -123px -97px; } #primaryNav li#usedEquipment a { display: block; float: left; padding: 60px 8px 5px 8px; text-decoration: none; width:93px; height:32px; background:url(../images/layup/spritePrimaryNav.jpg) -235px 0; } #primaryNav li#usedEquipment a:hover{ display: block; float: left; padding:60px 8px 5px 8px; text-decoration: none; width:93px; height:32px; background:url(../images/layup/spritePrimaryNav.jpg) -235px -97px; } #primaryNav li#usedEquipment .active{ display: block; float: left; padding:60px 8px 5px 8px; text-decoration: none; width:93px; height:32px; background:url(../images/layup/spritePrimaryNav.jpg) -235px -97px; } #primaryNav li#wantedEquipment a { display: block; float: left; padding: 60px 8px 5px 8px; text-decoration: none; width:112px; height:32px; background:url(../images/layup/spritePrimaryNav.jpg) -344px 0; } #primaryNav li#wantedEquipment a:hover{ display: block; float: left; padding:60px 8px 5px 8px; text-decoration: none; width:112px; height:32px; background:url(../images/layup/spritePrimaryNav.jpg) -344px -97px; } #primaryNav li#wantedEquipment .active{ display: block; float: left; padding:60px 8px 5px 8px; text-decoration: none; width:112px; height:32px; background:url(../images/layup/spritePrimaryNav.jpg) -344px -97px; } #primaryNav li#wantedEquipment a { display: block; float: left; padding: 60px 8px 5px 8px; text-decoration: none; width:112px; height:32px; background:url(../images/layup/spritePrimaryNav.jpg) -344px 0; } #primaryNav li#wantedEquipment a:hover{ display: block; float: left; padding:60px 8px 5px 8px; text-decoration: none; width:112px; height:32px; background:url(../images/layup/spritePrimaryNav.jpg) -344px -97px; } #primaryNav li#wantedEquipment .active{ display: block; float: left; padding:60px 8px 5px 8px; text-decoration: none; width:112px; height:32px; background:url(../images/layup/spritePrimaryNav.jpg) -344px -97px; } #primaryNav li#industryNews a { display: block; float: left; padding: 60px 8px 5px 8px; text-decoration: none; width:87px; height:32px; background:url(../images/layup/spritePrimaryNav.jpg) -472px 0; } #primaryNav li#industryNews a:hover{ display: block; float: left; padding:60px 8px 5px 8px; text-decoration: none; width:87px; height:32px; background:url(../images/layup/spritePrimaryNav.jpg) -472px -97px; } #primaryNav li#industryNews .active{ display: block; float: left; padding:60px 8px 5px 8px; text-decoration: none; width:87px; height:32px; background:url(../images/layup/spritePrimaryNav.jpg) -472px -97px; } #primaryNav li#contactUs a { display: block; float: left; padding: 60px 8px 5px 8px; text-decoration: none; width:67px; height:32px; background:url(../images/layup/spritePrimaryNav.jpg) -575px 0; } #primaryNav li#contactUs a:hover{ display: block; float: left; padding:60px 8px 5px 8px; text-decoration: none; width:67px; height:32px; background:url(../images/layup/spritePrimaryNav.jpg) -575px -97px; } #primaryNav li#contactUs .active{ display: block; float: left; padding:60px 8px 5px 8px; text-decoration: none; width:67px; height:32px; background:url(../images/layup/spritePrimaryNav.jpg) -575px -97px; } /* ----- SECONDARY NAVIGATION ----- */ #secondaryNav { width:236px; height:auto; background:url(../images/layup/secondaryNavBg.jpg) no-repeat top center; padding:20px 0 0 10px; } #secondaryNav ul { width:226px; list-style: none; min-height:450px; margin: 0; padding:15px 0 0 0; font-weight:bold; margin-bottom:10px; } #secondaryNav li { background:url(../images/layup/secondaryNavSep.gif) no-repeat top left; padding:1px 0 1px 0; } #secondaryNav li .last { margin-bottom:0px; display:block; background:url(../images/layup/secondaryNavSep.gif) no-repeat bottom left; } #secondaryNav li a { width:190px; min-height:10px; display:block; color:#525252; text-decoration:none; padding:0px 24px 0 0; } #secondaryNav li a:hover { text-decoration: none; background:url(../images/layup/newHover.gif) right center no-repeat; } #secondaryNav li a.active{ text-decoration: none; background:url(../images/layup/newHover.gif) right center no-repeat; } #secondaryNav li a span { width:189px; border-top:1px solid #f9f9f9; border-bottom:1px solid #f9f9f9; padding:8px 0 8px 10px; display:block; } #secondaryNav li a.active span { border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; } #secondaryNav li a:hover span { border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; } /* ----- SITE MAP ----- */ #sitemap { list-style:none; margin:0 0 0 5px; padding:0;} #sitemap ul { list-style:none; margin:10px 0 0px 15px; padding:0;} #sitemap li { background:url(../images/layup/bulletSitemap.gif) 0px 11px no-repeat; padding:10px 0 5px 15px; } #sitemap li a{ color:#1e5eba; text-decoration:none;} /* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */ #contentTop{width:710px; height:20px; border-bottom:dotted 1px #bababa; margin-bottom:15px; } .paginationContain{width:710px; height:25px; border-bottom:dotted 1px #bababa; margin-bottom:15px; font-weight:bold; } .paginationContain .productsAvailable { color:#7f7f7f; float:left; width:220px; display:block;} .back{display:block; width:30px; float:right; height:15px; font-weight:bold; text-decoration:none; background:url(../images/layup/backCog.gif) no-repeat left center; padding:0 0 0 20px;} #breadcrumbs {width:658px; height:20px; } #breadcrumbs a {float:left; text-decoration:none; font-weight:normal;} #breadcrumbs a.active {float:left; text-decoration:none; font-weight:bold;} #breadcrumbs .breadCrumbCog {display:block; width:12px; height:12px; margin: 0 10px; background:url(../images/layup/breadCrumbCog.gif) no-repeat center; float:left;} .paginationContain .pagination { float: right; width:450px; margin-top:-10px; text-align:right; color:#7f7f7f; font-weight:normal; } .paginationContain .pagination ul {padding:0;} .paginationContain .pagination li {display:inline; list-style:none; font-weight:normal;} .paginationContain .pagination li a{ color:#7f7f7f; } .paginationContain .pagination li a:hover{ color:#1e5eba; } .paginationContain .pagination li a.active{ color:#1e5eba; } .paginationContain .nextPrev {color:#1e5eba; text-decoration:none; font-weight:normal; } .paginationContain .nextPrev .active {color:#7f7f7f; text-decoration:none; font-weight:normal; } .paginationContain .pagination a { padding: 0px 4px 0px 4px; text-decoration: none; color:#1e5eba; } .paginationContain .pagination a:hover { text-decoration:none; } .paginationContain .pagination .active { text-decoration: none; color:#7f7f7f; } .paginationContain .pagination span { display: block; float: left; padding: 0px 2px 0px 2px; } /* ----- FOOTER ----- */ #footer { height:62px; font-size:10px; margin:-82px auto 0 auto; background:url(../images/layup/footer.gif) no-repeat; padding-top:20px; width:1131px;} #footer .padding { margin:0 auto; width:960px;} #footer a { font-weight:normal; text-decoration:none;} #footer a:hover { text-decoration:underline;} /* ----- GLOBAL ----- */ img { display:block; border:0; } p { padding:0 0 15px 0; margin:0; } address { font-style:normal;} /* ----- LINKS ----- */ a { color:#000000; font-weight:bold; text-decoration:underline;cursor:pointer; } a:hover { text-decoration:none; } /* ----- FORMS ----- */ form { padding:0; margin:0; } fieldset { padding:0; margin:0; border:0px none; } legend { padding:0; margin:0; display:none; } label { display:block; width:260px; float:left; } input, textarea { width:200px; font-size:11px !important;} .required { color:#1e5eba;} .checkRadio { width:20px; position:relative; left:-7px;} #frmContact { margin-bottom:15px;} #frmContact label {width:180px;} #frmContact p { padding:7px 0;} #frmContact select { width:204px;} #frmContact div { margin-bottom:10px;} #submit { width:61px; height:23px; border:none; margin-right:16px;} /* ----- Prototype Validation ----- */ input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; } input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #1e5eba; color : #FF3300; } input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; } .validation-advice { margin: 5px 0; width:452px; padding: 5px; background-color: #4544e4; color : #FFF; font-weight: bold; } #frmContact .validation-advice { margin: 5px 0; width:372px; padding: 5px; background-color: #1e5eba; color : #FFF; font-weight: bold; } /* ----- TABLES ----- */ table { border-collapse:collapse; } table p { padding:0px; } /* ----- STOCK UPDATES FORM ----- */ #promoForm { padding:12px 0 0 19px; } #promoForm .signupBoxes { margin-bottom:20px; margin-top:10px;} #promoForm .signupBoxes label { float:left; width:450px; position:relative; top:4px;} #promoForm .signupBoxes input { float:left; width: 14px; margin-right: 10px;} #promoForm select { width:125px !important; margin-bottom: 10px; display:block; margin-right:15px;} #promoForm .carSelects { padding-top:18px;} #promoForm .submitButton { margin:5px 0 20px 0;}# .recaptchatable .recaptcha_image_cell, #recaptcha_table {background-color:#ffffff !important; //reCaptcha widget background color } #recaptcha_table { border-color: none !important; } #recaptcha_response_field { border-color: none !important; background-color:#ffffff !important; }