/* Main Style Sheet */ /* page styles */ * {margin:0px; padding:0px; border:0px;} html {background:#d3cec0;} body {background:url(images/bg-body.jpg) #e3e0d9 top repeat-x; font-size:13px; font-family: Arial, Helvetica, sans-serif; color:#000;} #wrap {width:990px; margin-left:auto; margin-right:auto; background: url(images/bg-content.png) repeat-y; } #header {background:url(images/bg-header.jpg) no-repeat; height:115px; } #logo {display:inline; float:left;} #banner {margin-left:15px; margin-right:15px; background-image:url(images/banner-home.jpg); width:960px; height:231px;} #bannerint {margin-left:15px; margin-right:15px; width:960px; height:96px; background-image:url(images/title_wardrobe.jpg);} #bancontact {margin-left:15px; margin-right:15px; width:960px; height:96px; background-image:url(images/title_contact.jpg);} #banmirrors {margin-left:15px; margin-right:15px; width:960px; height:96px; background-image:url(images/title_mirrors.jpg);} #bandesk {margin-left:15px; margin-right:15px; width:960px; height:96px; background-image:url(images/title_deskoffice.jpg);} #banshower {margin-left:15px; margin-right:15px; width:960px; height:96px; background-image:url(images/title_showers.jpg);} #bansplash {margin-left:15px; margin-right:15px; width:960px; height:96px; background-image:url(images/title_splashbacks2.jpg);} #banenquiry {margin-left:15px; margin-right:15px; width:960px; height:96px; background-image:url(images/title_enquiry.jpg);} #banabout {margin-left:15px; margin-right:15px; width:960px; height:96px; background-image:url(images/title_aboutus.jpg);} #break { width:960px; height:35px; background-image:url(images/bg-break.jpg); margin-left:15px; margin-right:15px;} #page-content { clear:both; margin:0px; padding:0px; } #footer-wrap {background-image:url(images/bg-footer-wrap.jpg); width:100%} #footer {width:990px; margin-left:auto; margin-right:auto; background-image:url(images/bg-footer.jpg); height:122px; } #moveit {position:absolute; z-index:2; margin:310px 0 0 40px; width:800px;} /* nav styles */ #nav-wrap { width:740px; float:right; display:inline; font-family: Arial, Helvetica, sans-serif; height:33px; color:#FFF; } #nav-wrap ul { margin:0px; padding:0px; list-style:none; margin-top:90px; text-align:left; display:inline; width:740px; float:right; color:#FFF;} ul#navul li { float: left; font-size: 12px; line-height: 14px; margin:0px; padding:0px; color:#FFF; } ul#navul li a { color:#FFFFFF; text-decoration:none; font-weight:normal; padding-left:10px; padding-right:10px; } ul#navul li a:hover{ color: #FBDE06; text-decoration: none; } /* Page cols */ .col-a {width:645px; margin-left:35px; display:inline; float:left; } .col-b {width:260px; margin-right:25px; display:inline; float:right; } .col-full { margin-left:55px; margin-right:55px;} /* Font Styles */ h1 { font-size:17px; color:#6091ba; line-height:24px; margin-top:0px; margin-bottom:10px;} h1.sifr-title {color:#1F263F; font-style:italic;} h2 { font-size:12px; color:#1f2640; line-height:24px; margin-top:10px;} h3 { font-size:12px; color:#1f2640; line-height:24px; margin-top:10px;} h4 { font-size:12px; color:#1f2640; line-height:24px; margin-top:10px;} h5 { font-size:12px; color:#1f2640; line-height:24px; margin-top:10px;} p { font-size:12px; color:#1f2640; line-height:24px; padding-top:5px; padding-bottom:5px;} li { font-size:12px; color:#636363; margin-left:15px; padding-bottom:10px;} ul {padding-left:5px; margin-left:5px;} ol {padding:0px; margin:0px; padding-left:5px; margin-left:5px; } a:link {color:#006699; text-decoration: none;} a:visited {color:#006699; text-decoration: none;} a:hover {color:#f26522; text-decoration: none;} a:active {color:#006699; text-decoration: none;} a:focus {outline-style: none;} /* Image Styles */ IMG.arrow {float:left; display:inline; margin-top:7px; margin-right:10px; margin-left:-5px; } IMG.header {display: block; padding-top:5px; padding-left:10px;} IMG.line {display: block; margin-top:10px;} IMG.preload {display:none; } /* clears */ .clear {clear:both; height:01px; } .clear05 {clear:both; height:05px; } .clear10 {clear:both; height:10px; } .clear20 {clear:both; height:20px; } .clear30 {clear:both; height:30px; } /* footer styles */ #footer p {font-size:11px; color:#284763; padding-top:70px; padding-left:35px; } #footer a:link {font-size:11px; color:#284763;text-decoration: none;} #footer a:visited {font-size:11px; color:#284763;text-decoration: none;} #footer a:hover {font-size:11px; color:#284763;text-decoration: underline;} /* contact styles */ /* stats box */ .contact-wrap {width: 260px; background:url(images/contact-bg.jpg) repeat-y;} .contact-1 {width: 260px;} .contact-2 {width: 260px; background:url(images/contact-2.jpg) bottom no-repeat; min-height:278px; text-decoration:none;} #contact-form {margin-left:25px; margin-right:25px; } #contact-form p { font-size:12px; color:#1f2640; line-height:10px; margin:0px; padding:0px; padding-top:5px; padding-bottom:2px; text-decoration:none;} .contact-header {padding-bottom:5px; } div.btn {height: 38px; width: 123px; border: 0px; cursor: pointer; text-decoration:none;} input.text {border: 1px solid #808080; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:2px;} textarea {border: 1px solid #808080; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:2px;} /* general styles */ .row {margin-left:100px; margin-bottom:20px;} .single1 {margin-left:100px; width:250px; float:left; margin-bottom:20px;} .single2 {width:250px; float:left; margin-bottom:20px;} .single3 {margin-left:100px; width:300px; float:left; margin-bottom:20px;} .wardrobe {width:230px; float:left; margin-right:20px; margin-bottom:20px;} .wardrobe p {font-style:italic; font-size:11px;} .vert {width:230px; float:left; margin-right:20px; margin-bottom:20px; text-align:center;} .contact {width:300px; float:left; margin-right:20px; margin-bottom:20px;} .subb {font-weight:bold;} /* form styles */ input {color: #000; background:transparent; border: 1px solid #999;} input[type="checkbox"], input[type="radio"]{ background: transparent; border: 0;} textarea {color: #000; background:transparent; border: 1px solid #999;} .copyfoot {color:#333; font-size:0.9em; margin-right:30px; padding-top:20px; text-align:right;} table.enq {width:400px; border:2px solid #003366; background-color:#fff;} table.enq td {padding:10px;} table.enq2 {width:350px;} table.enq2 td {padding:3px;} table.enq3 {width:90%; text-align: right;} table.enq3 td {padding:3px; text-align: left;} /* end of CSS file */