
body {
margin : 0;
padding : 0;
color : #000000;
font-size : 12px;
background : #393939;
}

#homepage {
background : url("http://www.sashwindowlondon.co.uk/userimages/Sash_Window_London_background.jpg");
}

html {
font-family : Tahoma;
}

html, body {
height : 100%;
}

.clear {
clear : both;
margin : 0;
padding : 0;
}

.tabclear {
clear : both;
margin : 0;
padding : 0;
height : 1%;
}

div {
margin : 0;
padding : 0;
}

#mainHeader {
height : 150px;
padding : 0;
margin : 0;
background : url("../images/header.jpg") no-repeat top;
}

.hidden {
display : none;
margin : 0;
padding : 0;
}

#mainheader_wrap {
width : 850px;
height : 150px;
margin : 0 auto;
padding : 0;
overflow : hidden;
}

a:active {
outline : none;
}

body#homepage {
z-index : 1;
}

h1 {
text-align : center;
text-decoration : underline;
font-size : 14pt;
color : #808080;
font-family : Arial;
}

h3 {
text-decoration : underline;
font-size : 12pt;
color : #808080;
font-family : Arial;
}

h4 {
text-decoration : underline;
font-size : 12pt;
color : #808080;
font-family : Arial;
}

h5 {
font-size : 12pt;
font-family : Arial;
margin-bottom : 12px;
margin-top : 0;
}

.copyscape {
text-align : center;
margin-top : 40px;
}

.copyscape1 {
text-align : center;
margin-top : 200px;
}

.copyscape2 {
text-align : center;
margin-top : 100px;
}

.copyscape3 {
text-align : center;
margin-top : 300px;
}

.copyscape4 {
text-align : center;
margin-top : 350px;
}

.ulcolour {
color : #404040;
}

.olcolour {
color : #404040;
}

.centre {
text-align : center;
color : #404040;
font-size : 12pt;
}

.johns-img {
text-align : center;
margin-bottom : 17px;
}

.glazing-img { 
margin-top: 30px
}

.ham1 {
text-align : left;
color : #808080;
font-size : 12pt;
margin-left : 22px;
margin-top : 5px;
}

.ham2 {
text-align : right;
color : #808080;
font-size : 12pt;
margin-top : 0;
border : 0;
}

.centre-grey1 {
text-align : center;
color : #808080;
}

.centre-grey2 {
text-align : center;
color : #808080;
font-size : 14pt;
}

div#body_wrap, div#top, div#bottom, div#mainColumn, div#navColumn, div#columnWrapper, div#columnWrap {
position : relative;
padding : 0;
margin : 0;
}

div#body_wrap {
width : 880px;
margin : 0 auto;
padding : 50px 0 50px 0;
}

div#body_wrap div#top {
background : url(../images/top.png) no-repeat bottom center;
height : 15px;
}

div#body_wrap div#block {
background : #2c2c2c;
min-height : 20px !important ;
height : auto !important ;
height : 20px;
}

div#body_wrap div#bottom {
height : 48px;
background : url(../images/bottom.png) no-repeat top center;
}

div#columnWrapper {
padding : 20px 10px 10px 10px;
background : #ffffff;
}

div#header {
width : 850px;
margin : 0 auto;
height : 150px;
}

div#columnWrap {
padding : 20px 5px;
}

div#synopsis {
margin : 0 0 20px 0;
border-bottom : 2px solid #2c2c2c;
}

div#synopsis div.content {
padding : 0 0 15px 0;
}

#navColumn {
float : left;
width : 240px;
}

#mainColumn {
float : right;
width : 590px;
}

#mainColumn div.content {
padding : 0;
}

#mainColumn .content p, #navColumn .content p, #synopsis .content p, #footer p {
padding : 0;
margin : 0;
}

#footer p {
text-align : center;
color : #fff;
font-size : 11px;
padding : 0;
margin : 0;
}


#footer a {
color : #fff;
font-size : 11px;
padding : 0;
margin : 0;
}

#footer {
padding : 7px 0 0 0 !important ;
padding : 20px 0 0 0;
}

#navbar ul {
margin : 0;
padding : 0;
}

#navbar {
width : 100%;
}

#navbar li a {
text-decoration : none;
display : block;
}

#navbar li a:link, #navbar li a:visited {
display : block;
}

#navbar li a span {
display : block;
}

#navbar li ul li, #navbar li ul, #navbar li ul li a {
border : 0;
}

#navbar li ul li a span {
margin-left : 10px;
}

body.expand div#mainColumn {
width : 840px;
border : 0;
}

body.expand div#navColumn {
display : none;
}

body.expand div#shop {
width : 590px;
}

body.menuleft div#navColumn {
float : left;
}

body.menuleft div#mainColumn {
float : right;
}

body, div#mainColumn, div#pageSynopsis, body p, div#mainColumn p, div#pageSynopsis p, form.myform legend, form.myform label, span.description {
font-family : arial, sans-serif;
color : #000000;
font-size : 12px;
line-height : 15px;
word-spacing : 0;
}

div#mainColumn a, div#pageSynopsis a {
color : #404040;
font-family : arial, sans-serif;
text-decoration : underline;
}

div#mainColumn h1, div#pageSynopsis h1 {
font-family : arial, sans-serif;
color : #7a7878;
}

div#mainColumn h2, div#pageSynopsis h2 {
font-family : arial, sans-serif;
color : #000000;
}

div#navbar li a {
font-family : arial, sans-serif;
font-size : 12px;
font-weight : normal;
font-style : normal;
word-spacing : 0;
letter-spacing : 0;
color : #202021;
padding-left : 10px;
}

div#navbar li a:link, div#navbar li a:visited {
color : #202021;
text-decoration : none;
}

div#navbar li a:hover, div#navbar li a:active {
color : #000000;
text-decoration : underline;
}

div#navbar li {
margin-bottom : 0;
padding : 0;
}

div#navbar li a span {
background : url(../images/arrowgrey.gif) no-repeat left;
padding-left : 20px;
}

div#navbar li a.indent span {
background : url(../images/arrowgrey.gif) no-repeat 10px 0;
padding-left : 20px;
}

div#navbar li a:link, div#navbar li a:visited {
background : url(../images/Ice.gif) no-repeat top left;
height : 24px;
padding : 3px 0 5px 10px;
}

div#navbar li a span {
cursor : pointer;
display : block;
margin : 0;
line-height : 25px;
height : 24px;
}

div#navbar li a:hover {
background : url(../images/Ice.gif) no-repeat 0 -32px;
height : 24px;
padding : 3px 0 5px 10px;
}

div#navbar {
width : 100%;
}

div#navbar li {
border-bottom-style : none;
border-width : 1px;
color : #000000;
}

