/* author: Colin Harrison Design Limited */ /* Catleys Gas Centre Creation date: 14/07/2008 */ /* Global Styles */ html, body {background-color:#000066; background-image:url(../images/common/catleys_gas_centre_bg.jpg); background-repeat:repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; height: 100%; margin: 0px 0px 0px 0px; padding: 6px 0px 0px 0px;} a {font-weight:bold; color: #1A3F72; text-decoration: none;} a:hover {color: #FF0000; text-decoration: underline;} a img {border-width: 0px;} h1 {font-size: 110%; font-weight: bold; text-align:left; color: #1A3F72;} h2 {font-size: 90%; font-weight: bold; text-align:left; color: #1A3F72;} h3 {font-size: 80%; font-weight: bold; text-align:left; color: #1A3F72;} p {font-size: 70%; text-align: left; line-height: 130%;} #content ul, ol {font-size: 70%; text-align:left; line-height: 120%; } /* Main Divs */ #maincontainer {width: 975px; min-height: 562px; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; background-color:#FFF; border-width: 4px 4px 4px 4px; border-color:#FFF; border-style: solid;} * html #maincontainer {width: 983px; w\idth: 975px; height: 570px; he\ight: 562px;} #header {width: 975px; min-height: 50px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-width: 0px 0px 0px 0px; background-color: #FFFFFF;} #header img {margin: 0px 0px -3px 0px; padding: 0px 0px 0px 0px; border: none;} * html #content {width: 975px; w\idth: 975px; height: 50px; he\ight: 50px;} /* Main Menu Styles */ #mainmenu {width: 975px; min-height: 30px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-width: 2px 0px 2px 0px; border-color:#0093E0; border-style: solid; color: #FFF; background-color: #3146A1; font-size: 90%; font-weight: bold;} * html #mainmenu {width: 975px; w\idth: 975px; height: 34px; he\ight: 30px;} #mainmenuleft {margin: 3px 0px 0px 6px; padding: 0px 0px 0px 0px;} #mainmenu a {color: #FFF; } #mainmenu a:hover {color: #FF0000; text-decoration: underline;} #mainmenu ul {display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; vertical-align: middle; list-style-type: none} #mainmenu li {display: inline; list-style-type: none; vertical-align: middle; margin: 25px 0px 0px 6px;} /* Content Styles */ #contentindex {position: relative; width: 975px; min-height: 446px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align:left;} * html #contentindex {width: 975px; w\idth: 975px; height: 446px; he\ight: 446px;} #contentindex img {margin: 0px 0px -3px 0px; padding: 0px 0px 0px 0px; border: none;} #indextext {position: absolute; top: 0; left: 0; width: 360px; margin: 16px 0px 0px 16px; padding: 0px 0px 0px 0px;} #indextext p {font-size: 75%; text-align: left; line-height: 130%; font-weight: bold; color:#000;} #content {background: #F2F2F2 url(../images/common/catleys_gas_centre_fade.jpg); background-repeat:no-repeat; width: 975px; min-height: 446px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align:left;} * html #content {width: 975px; w\idth: 975px; height: 446px; he\ight: 446px;} /* Content General */ .topimg {margin-top: 40px;} .imgoutline {border: 4px; border-color:#3146A1; border-style: solid;} .phototitle {font-weight:bold; color:#3146A1;} /* Offers */ .red {color:#FF0000;} .burgundy {color:#990000;} .fltrt {float: right;} .fltlft {float: left;} #offerscol2top, #offerscol3top, #offerscol4top {width: 242px; min-height: 160px; margin-top: 40px; border: 4px; border-color:#FF0000; border-style: solid; background-image:url(../images/offers/sizzling-background.jpg); background-repeat:repeat-x; background-color:#fd6103;} #offerscol2bot, #offerscol3bot, #offerscol4bot {width: 242px; min-height: 160px; margin: 25px 0px 15px 0px; border: 4px; border-color:#FF0000; border-style: solid; background-image:url(../images/offers/sizzling-background.jpg); background-repeat:repeat-x; background-color:#fd6103;} #offerscol2top p {font-size: 60%; text-align: left; line-height: 100%; margin: 4px 4px 4px 4px;} #offerscol2top h3 {font-size: 70%; font-weight: bold; text-align:left; color:#990000; margin: 0px 4px 0px 4px;} #offerscol2top h1 {font-size: 100%; font-weight: bold; text-align:left; color:#990000; margin: 4px 5px 0px 4px;} #offerscol3top p {font-size: 60%; text-align: left; line-height: 100%; margin: 4px 4px 4px 4px;} #offerscol3top h3 {font-size: 70%; font-weight: bold; text-align:left; color:#990000; margin: 0px 4px 0px 4px;} #offerscol3top h1 {font-size: 100%; font-weight: bold; text-align:left; color:#990000; margin: 4px 5px 0px 4px;} #offerscol4top p {font-size: 60%; text-align: left; line-height: 100%; margin: 4px 4px 4px 4px;} #offerscol4top h3 {font-size: 70%; font-weight: bold; text-align:left; color:#990000; margin: 0px 4px 0px 4px;} #offerscol4top h1 {font-size: 100%; font-weight: bold; text-align:left; color:#990000; margin: 4px 5px 0px 4px;} #offerscol2bot p {font-size: 60%; text-align: left; line-height: 100%; margin: 4px 4px 4px 4px;} #offerscol2bot h3 {font-size: 70%; font-weight: bold; text-align:left; color:#990000; margin: 0px 4px 0px 4px;} #offerscol2bot h1 {font-size: 100%; font-weight: bold; text-align:left; color:#990000; margin: 4px 5px 0px 4px;} #offerscol3bot p {font-size: 60%; text-align: left; line-height: 100%; margin: 4px 4px 4px 4px;} #offerscol3bot h3 {font-size: 70%; font-weight: bold; text-align:left; color:#990000; margin: 0px 4px 0px 4px;} #offerscol3bot h1 {font-size: 100%; font-weight: bold; text-align:left; color:#990000; margin: 4px 5px 0px 4px;} #offerscol4bot p {font-size: 60%; text-align: left; line-height: 100%; margin: 4px 4px 4px 4px;} #offerscol4bot h3 {font-size: 70%; font-weight: bold; text-align:left; color:#990000; margin: 0px 4px 0px 4px;} #offerscol4bot h1 {font-size: 100%; font-weight: bold; text-align:left; color:#990000; margin: 4px 5px 0px 4px;} /* About Us */ #aboutcol1 {float: left; display: inline; width: 450px; min-height: 425px; margin: 16px 0px 0px 16px; padding: 0px 0px 0px 0px;} #aboutcol2 {float: left; width: 250px; min-height: 425px; margin: 16px 0px 0px 20px; padding: 0px 0px 0px 0px;} #aboutcol3 {float: right; display: inline; width: 200px; min-height: 425px; margin: 16px 19px 0px 0px; padding: 0px 0px 0px 0px;} #photo {float: left; margin: 50px 0px 0px 80px; padding: 0px 0px 0px 0px;} #aboutphotocol1 {float: left; display: inline; width: 130px; min-height: 425px; margin: 16px 0px 0px 16px; padding: 0px 0px 0px 0px;} /* Services */ .shoplist {line-height: 160%; margin-top: -10px;} #leftcols {float: left; display: inline; width: 400px; min-height: 425px; margin: 0px 0px 0px 16px; padding: 0px 0px 0px 0px;} #servicescol1 {float: left; display: inline; width: 130px; min-height: 425px; margin: 16px 0px 0px 0px; padding: 0px 0px 0px 0px;} #servicescol2 {float: right; display: inline; width: 250px; min-height: 425px; margin: 16px 0px 0px 20px; padding: 0px 0px 0px 0px;} #rightcols {float: right; display: inline; width: 520px; min-height: 425px; margin: 0px 19px 0px 0px; padding: 0px 0px 0px 0px;} #servicescol3 {float: left; display: inline; width: 250px; min-height: 425px; margin: 16px 0px 0px 0px; padding: 0px 0px 0px 0px;} #servicescol4 {float: right; display: inline; width: 250px; min-height: 425px; margin: 16px 0px 0px 20px; padding: 0px 0px 0px 0px;} /* Contact Us */ #contactmap {float: left; margin: 50px 0px 0px 80px; padding: 0px 0px 0px 0px; width: 400; height:250;} #contactcol1 {float: left; display: inline; width: 250px; min-height: 425px; margin: 16px 0px 0px 16px; padding: 0px 0px 0px 0px;} #mapframe {width: 600px; height: 350px; border: 4px; border-color:#3146A1; border-style: solid; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} /* Acessibility */ #accesscol1 {float: left; display: inline; width: 600px; min-height: 425px; margin: 16px 0px 0px 16px; padding: 0px 0px 10px 0px;} .leftmargin1 {margin-left: 16px; } /* Footer Menu Styles */ #footer {clear:both; width: 975px; min-height: 30px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-width: 2px 0px 0px 0px; border-color:#0093E0; border-style: solid; background-color: #3146A1; font-size: 80%; font-weight: bold; color: #FFF;} * html #footer {width: 975px; w\idth: 975px; height: 32px; he\ight: 30px;} #footer a {color: #FFF;} #footer a:hover {color: #FF0000; text-decoration: underline;} #footerleft {width: 450px; margin: 5px 0px 0px 8px; padding: 0px; float: left; text-align: left;} #footerleft ul {margin: 0px; padding: 0px;} #footerleft li {display: inline; list-style-type: none; vertical-align: middle} #footercentre {width: 360px; margin: 5px 0px 0px 0px; padding: 0px; float: left; text-align: right;} #footercentre ul {margin: 0px; padding: 0px;} #footercentre li {display: inline; list-style-type: none; vertical-align: middle} #footerright {width: 130px; margin: 6px 6px 0px 0px; padding: 0px; float: right; text-align: right;} #footerright ul {margin: 0px; padding: 0px;} #footerright li {display: inline; list-style-type: none; vertical-align: middle;} /* Form Details */ .mandatoryfield {color: #ff0000;} label {width: 6em; float: left; text-align: right; margin-right: 0.5em; display: block} input {color: #000033; background: #EF9BA0; border: 1px solid #000033} textarea {color: #000033 ; background: #EF9BA0; border: 1px solid #000033} .submit input {margin-bottom: 2.0em; margin-right: 0.5em; color: #FFFFFF ; background: #EF9BA0; font-weight: bold;} fieldset {width: 75%; border: 1px solid #000033;} legend {font-size: 90%; color: #FFF; font-weight: bold; text-align: left;} /* Skip Navigation */ .skip { position:absolute; top:0px; left:-1000px; visibility: visible; } .skip:focus,.skip:active {position: absolute; top: 10px; left: 10px; background: #E2383B; color: #FFFFFF; font-weight: bold; padding: 10px} #skip {position:absolute; top:0px; z-index: 1000;} /* Sorts non show in Firefox and Opera of all of background image \*/ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} /* End hide from IE-mac */