@charset "utf-8";
body {
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background:url(http://www.upvcconservatory.co.uk/images/body-bg.gif) repeat-x top;
}
h1 {
color:#000066;
font-size:24px;
}
h2 {
color:#000066;
font-size:18px;
margin-bottom:0px;
font-weight:normal;
}
h3 {
font-size:14px;
color:#000066;
}
.small {
font-size:10px;
font-style:italic;
}
.wrapper {
width:953px;
margin:auto;
background-color:#FFFFFF;
}
.header {
width:953px;
background:url(http://www.upvcconservatory.co.uk/images/upvc-conservatory-bg.gif) no-repeat right top;
}
.logo {
float:left;
height:107px;
overflow:hidden;
}
.toplinks {
float:right;
padding:5px 10px 0 0;
font-size:10px;
}
.toplinks a {
text-decoration:none;
color:#000000;
}
.toplinks a:hover {
text-decoration:underline;
}
#menu { background:url(http://www.upvcconservatory.co.uk/images/menubar-bg.gif) repeat-x top; height:46px; width:953px; overflow:visible; }
#menu .menuleftbar { float:left; }
#menu .menurightbar {float:right; }
#menu ul { list-style:none; padding-left:10px; margin:0 0 0 0; }
#menu li { float:left; height:46px; }
#menu li a { display:block; height:28px; background:url(http://www.upvcconservatory.co.uk/images/menu-spry.gif); padding-top:18px; color:#fff; font-size:14px; font-weight:bold; text-align:center; text-decoration:none; overflow:hidden; }
#menu li a:hover { color:#00AEEF; }
#menu li a#m_home { width:84px; background-position:0 0; }
#menu li a#m_about { width:106px; background-position:-85px 0; }
#menu li a#m_conservatories { width:154px; background-position:-191px 0; }
#menu li a#m_work { width:110px; background-position:-344px 0; }
#menu li a#m_quote { width:148px; background-position:-455px 0; }
#menu li a#m_contact { width:116px; background-position:-603px 0; }
#menu li a#m_news { width:80px; background-position:-719px 0; }
/* Menu Active States */
#menu li a.active#m_work { background-position:-344px -46px; }
#menu li a.active#m_quote { background-position:-455px -46px; }
#menu li a.active#m_contact { background-position:-603px -46px; }
#menu li a.active#m_news { background-position:-719px -46px; }
/* Tailor-Made Menu */
#menu a#tailormade-menu { position:absolute; top:-20px; right:-4px; height:84px; width:201px; background:url(../imgs/default/tailormade-menu.png); padding:8px 14px; color:#fafafa; font-size:11px; text-decoration:none; }
#menu a#tailormade-menu .title { display:block; color:#f7a72c; font-size:15px; font-weight:bold; padding-bottom:10px; }
#menu a:hover#tailormade-menu span.title { color:#f6d74f; }
#menu a:hover#tailormade-menu span.title b { padding-left:38px; }
#menu a#tailormade-menu span { display:block; height:14px; }
/* Left Menu */
.main-left {
margin-top:20px;
width:187px;
float:left;
overflow:hidden;
}
.main-left img {
border:none;
}
/* Main */
.main-content {
margin-top:10px;
width:766px;
float:left;
}
/* Footer */
.foot-wrapper {
background:url(http://www.upvcconservatory.co.uk/images/footer-bg.gif) repeat-x;
}
.inner-foot-wrapper {
background:url(http://www.upvcconservatory.co.uk/images/inner-footer-bg.gif) repeat-x;
}
.footer {
clear:both;
width:928px;
margin:auto;
height:142px;
color:#FFFFFF;
padding:30px 0 0 25px;
background:url(http://www.upvcconservatory.co.uk/images/footer.gif) no-repeat;
}
.inner-footer {
clear:both;
width:928px;
margin:auto;
height:142px;
color:#FFFFFF;
padding:61px 0 0 25px;
background:url(http://www.upvcconservatory.co.uk/images/inner-footer.gif) no-repeat;
}
.foot h4 a, .foot h4 {
font-size:14px;
font-weight:bold;
margin:0 0 5px 0;
}
.foot a {
color:#FFFFFF;
text-decoration:none;
}
.foot a:hover {
text-decoration:underline;
}
.foot ul, .foot li {
margin:0 0 0 0;
padding:0 0 0 0;
list-style:inside square;
font-size:11px;
}
.foot-box {
padding:0 60px 0 0;
width:auto;
float:left;
height:115px;
}
.copyright {
clear:both;
height:20px;
}
/* Home Page */
.home1 {
width:508px;
height:310px;
background:url(http://www.upvcconservatory.co.uk/images/unrivalled-quality.jpg) no-repeat;
padding:56px 0 0 22px;
margin:10px 0 7px 0;
float:left;
font-size:12px;
}
.home1 p {
margin:10px 0 15px 0;
}
.main {
padding:0 22px 0 22px;
width:486px;
margin:0 0 0 0;
float:left;
font-size:12px;
}

.galbox {
width:150px;
height:136px;
float:right;
padding:45px 64px 0 13px;
margin-top:2px;
background:url(http://www.upvcconservatory.co.uk/images/photo-gallery.gif) no-repeat;
}
.galbox p {
margin:10px 0 10px 0;
}
.ukbox {
width:124px;
height:142px;
float:right;
padding:51px 90px 0 13px;
background:url(http://www.upvcconservatory.co.uk/images/uk-coverage.gif) no-repeat;
}
.ukbox ul {
margin:0 0 0 0;
padding:0 0 0 0;
}
.ukbox li {
list-style:inside square;
font-size:12px;
padding:0 0 4px 0;
}
.request-quote-box {
width:189px;
height:152px;
float:right;
margin-top:7px;
padding:51px 25px 0 13px;
background:url(http://www.upvcconservatory.co.uk/images/request-a-quote.gif) no-repeat;
}
.about {
background:url(http://www.upvcconservatory.co.uk/images/logo-3d.gif) no-repeat top right;
}
.conservatory-types-box {
width:760px;
height:208px;
clear:both;
padding:9px 0 0 6px;
margin-bottom:7px;
font-size:11px;
background:url(http://www.upvcconservatory.co.uk/images/conservatory-home.gif) no-repeat;
}
.types {
width:145px;
height:200px;
padding:0 5px 0 0;
margin:0 1px 0 0;
float:left;
}
.types h3 {
margin:5px 0 0 4px;
font-size:14px;
color:#164082;
}
.types p {
margin:0 0 5px 4px;
text-align:justify;
}
.types a {
color:#00AEEF;
font-weight:bold;
}
.newsbox {
width:518px;
height:71px;
float:left;
padding:35px 0 0 12px;
background:url(http://www.upvcconservatory.co.uk/images/latest-news.gif) no-repeat;
overflow:hidden;
}
.newsbox a {
color:#00AEEF;
text-decoration:none;
}
.newsbox a:hover {
text-decoration:underline;
}
.newsbox ul, .newsbox li {
margin:0 0 0 0;
padding:0 0 0 0;
list-style:none;
font-size:11px;
width:400px;
}
.newsbox li {
padding:4px 0 4px 0;
border-bottom: 1px #DDDDDD solid;
}
.home-twitter {
float:left;
height:106px;
}
.clr {
clear:both;
}
.constype {
padding:9px;
background:url(http://www.upvcconservatory.co.uk/images/constype.gif) no-repeat;
height:132px;
cursor:hand;
margin-bottom:10px;
}
.constype:hover {
background-position:0px -150px;
}
.constype h3 {
margin:0 0 0 0;
padding:0 0 0 0;
cursor:hand;
}
.constype img {
float:left;
margin-right:9px;
border:none;
cursor:hand;
}
.constype p {
margin:0 0 10px 0;
cursor:hand;
}
hr {
color:#FFFFFF;
border-bottom:#CCCCCC 1px solid;
}
/* Width Classes */
.w295 {
width:295px;
}
.w215 {
width:225px;
}
.w205 {
width:205px;
}
.formfield {
width:250px;
}
.w18em {
width:140px;
}
.contactform h3 {
margin:0 0 0 0;
}
.main p a {
color:#000000;
}
.callbackfield {
width:235px;
}
.featured {
width:155px;
margin-top:10px;
padding:9px 10px 3px 11px;
background:url(images/featured.gif) no-repeat;
}
.featured h3 {
font-size:18px;
margin:0 0 0 0;
}
.featured p {
font-size:10px;
margin:5px 0 5px 0;
}
.featured span {
text-align:right;
padding-right:5px;
font-size:11px;
}