html{height:100%;}
html>body {height:auto}/*for mozilla */
body {background: #496d8e; color:#333; text-align:center; margin:0; padding:25px 0; }
body, .Normal, .NormalTextBox, TH, TFOOT, THEAD, td, span, div, a, input, textarea
{ font-family: Verdana, Arial, Helvetica, Sans Serif; font-size: 11pt;
font-weight: normal; }
#__dnn_body{background:#fff;}
#__dnn_body{background:#FFF;}
#wrap-page {min-width: 700px; max-width:1000px;}
#wrap-page { margin: 0 auto; text-align: left; width:830px; height: 100%;background:#8494ad; }
#drive-wrapper { background:#cedeef; width: 800px; padding: 2px; margin: 0px 15px 0px 15px; border-top: 5px inset #ccc; border-right: 5px inset #ccc; border-bottom: 5px outset #ccc; border-left: 5px outset #ccc; display: block;}
/* head section */
#headwrapper{border-top: 5px solid #435A73;
border-bottom: 5px solid #435A73; background-color: #f7f7f7; height:270px; }
#topline{ height:20px;}
.topline{ text-align: center; vertical-align: top; font: 0.9em Arial, Helvetica, sans-serif #fff;}
#driveway-header{ height:265px; background: #fff url(driveway_header.jpg) no-repeat right center;}
.headsection, .headcell {height: auto;}
.headcell{ text-align:center; font: 0.8em #000;}
.titletext{ color: #fff; font: italic 1.2em bold Verdana, Arial, Helvetica, Sans Serif #fff; text-align:center;}
.logo { height:240px; width:185px; margin-left: 10px;}
/* top nav classes */
#drivewayIconbar {height:auto; background:#f7f7f7; border: 2px solid #435A73; text-align:center;}
/*main content */
.backgroundWhite{ background:#fff;}
#driveway-main {background:#9ca7d4; margin:5px 0px 5px 0px; height:auto;}
.driveway-content{background:#dee6f7; height:auto;}
.cobblestones{ background:#f7f7f7 url(faded-bluecobbles.jpg) no-repeat center bottom; height:auto;}
/* footer */
#footer{background: #acb6cf; font: 0.9em #000; border: 5px double #435A73; padding:5px; text-align:center; height:auto;}
.footer, a.footer{font-size: 0.9em; color:#000;}
a.footer:link{color:#FFCC33;text-decoration:none;}
a.footer:visited{color:#CCCCFF;text-decoration:none;}
a.footer:hover{color:#D50000;text-decoration:underline;}
a.footer:active{color:#990099;text-decoration:none;}
/* skin utilities */
#breadcrumb-wrap{height: 30px; background: #f7f7f7;}
.breadcrumb-bar{text-align:center; color:#000; font: 0.9em bold; margin-left:10px;}
#breadcrumb, #searchCell{height:22px;line-height:20px;color:#013DA4;text-align:left;background:#dee6f7; }
#breadcrumb div{padding-left:20px; background:#dee6f7; }
a.breadcrumb:link{color:#F00;text-decoration:none;}
a.breadcrumb:visited{color:#F00;text-decoration:none;}
a.breadcrumb:hover{color:#F00;text-decoration:underline;}
a.breadcrumb:active{color:#F00;text-decoration:none;}
#SkinItem{ font: 0.8em #000;}
a.SkinItem:link{color: #000; text-decoration:none;}
a.SkinItem:visited{color:#000; text-decoration:none;}
a.SkinItem:hover{color:#cc0000; text-decoration:underline;}
a.SkinItem:active{color:#000099; text-decoration:none;}
/* Width classes **/
.width100 { width: 100%;}
.width75 { width: 74%;}
.width50 { width: 49.7%;}
.width33 { width: 32.7%;}
.width25 { width: 24.7%;}
/** Alignment classes **/
.floatLeft { float: left;}
.floatRight { float: right;}
.alignLeft { text-align: left;}
.alignRight { text-align: right;}
/** Generic display classes **/
.clear { clear: both;}
.clearboth{clear:both;font-size:0px;line-height:0px;}
.clear100{clear:both; height: 100px;}
/* General */
/* fix for control panel being unable to handle relative font size */
span.control * span.SubHead { font-size:12pt;}
/* GENERIC */
h1, h2, h3, h4, h5, dt, h6 { font: #0D1D43 Verdana, Tahoma, Arial, Helvetica, sans-serif;}
h1, h2, h3, h6 {font-weight:bold;}
h1 {font-size: 1.2em;}
h2 {font-size: 1.1em;}
h3 {font-size: 1.0em;}
h4 {font-size: 0.9em ;}
h5, DT {font-size: 0.9em; }
h6 {font-size: 0.8em ; }
h1, h2 { margin: 0; padding-left: 3px; }
a:link, a:visited { text-decoration: none; font: bold 0.9em #0D1D43;}
a:hover { text-decoration: underline; color: #cc0000;}
a:active {text-decoration: none; font: bold 0.9em #ABBFEF;}
SMALL { font-size: 0.8em;}
BIG{ font-size: 1.2em;}
/* Styles for the main text and images within the Text/HTML module */
.imageleftside img
{ border: 1px solid #CCC; margin-right: 15px;
margin-bottom: 20px; float: left;}
.imagerightside img
{ border: 1px solid #CCC; margin-left: 15px;
margin-bottom: 20px; float: right;}
.imageleftsidecaption
{ font: 0.9em bold italic; float: left; margin-right: 15px;
margin-bottom: 15px;}
.imageleftsidecaption img
{ border: 1px solid #CCC; margin-bottom: 5px;}
.imagerightsidecaption
{ font: 0.9em bold italic;
float: right; margin-left: 15px; margin-bottom: 15px;
}
.imagerightsidecaption img
{ border: 1px solid #CCC; margin-bottom: 5px;}
.quoteleft
{ font: italic 0.9em Georgia, "Times New Roman", Times, Serif;
padding: 0 10px 0 0; margin: 10px 10px 10px 0;
width: 220px; float: left; text-align: right;
border-right: 10px solid #C8CDD0; color: #75818A;}
.quoteright
{ font: italic 0.9em Georgia, "Times New Roman", Times, Serif;
padding: 0 0 0 10px; margin: 10px 0 10px 10px;
width: 220px; float: right; text-align: left;
border-left: 10px solid #C8CDD0; color: #75818A;}
.greenbox {background-color: #CCFFCC;
color: inherit; border: 1px solid #00CC33;
margin: 2px; padding: 5px;}
.yellowbox {background-color: #FFFF99;color: inherit;
border: 1px solid #CCCC66;padding: 5px;margin: 2px;}
.bluebox {background-color: #3399FF;border: 1px solid #0000ff;
color: inherit;padding: 5px;margin: 2px;}
.redbox {background-color: #FF6666;border: 1px solid #ff3333;
color: inherit;padding: 5px;margin: 2px;}
.redfont { color: #FF0000;}
.bluefont { color: #000099;}
.whitefont { color: #FFFFFF;}
blackfont { color: #000000;}
h1.drivewayTitle{text-align:center; font-family:Arial, Helvetica, sans-serif; font-size: 1.3em; color: #0D1D43; font-weight:bolder; margin-bottom:10px;}
h2.drivewaySubTitle{text-align:center; font-family:Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: bold; color: #496d8e; margin-mottom: 5px;}
h3 .articleTitle{text-align:left; font-family:Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: bold; color: #0D1D43;margin-bottom:5px; }
.article{text-align:left; font-family:Arial, Helvetica, sans-serif; font-size: 0.9em; font-weight: normal; color: #000; padding-left: 10px;}
h2.infoTitle{text-align:left; font:Arial, Helvetica, sans-serif 1.0em bold #000; }
h3 . infoSubTitle{text-align:left; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; font-weight: bold; color: #000; font-style:italic;}
.quotebox {background-color:#8393a3; border:2px solid #59636c; color:#fbfcff; width:225px; display:block; height:auto; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; font-weight:bold; margin: 5px; padding: 10px;}
/* vert gal */
#galleryv {
padding:0;
margin:0 auto 5em auto;
list-style-type:none;
overflow:hidden;
width:320px;
height:425px;
border:1px solid #888;
background:#FFFFFF url(vert_dream-gal.jpg) no-repeat center;
}
#galleryv li {
float:left;
}
#galleryv li a {
display:block;
height:30px;
width:320px;
float:left;
text-decoration:none;
border-bottom:1px solid #fff;
cursor:default;
}
#galleryv li a img {
width:320px;
height:30px;
border:0;
}
#galleryv li a:hover {
background:#eee;
height:240px;
}
#galleryv li a:hover img {
height:240px;
}
/* blue horiz image links menu*/
#imagelink { margin:0; padding:0; width:100%; height:8.5em;
overflow:hidden; background: #C7D5EE; }
#imagelink li { display:inline; list-style-type:none; }
#imagelink li a { display:block; float:left;
text-decoration:none; margin:0; }
#imagelink li a img { opacity:0.7; margin:0.5em; border:0; float:left; }
#imagelink li a span { display:none; }
#imagelink li a:hover { background:#6f85ab; }
#imagelink li a:hover img { opacity:1; }
#imagelink li a:hover span { width:11em; color:#fff; display:block;
cursor:pointer; float:left; }
#imagelink .h2 { margin:0 5px; padding:0; color:#FFCC66; font-variant:small-caps; font-size:1.0em; border:0; }
#imagelink .h3 { margin:0 5px; padding:0;
font-size:0.9em; color:#E7F0FF; }
.outer { background:transparent; font-size:0.9em; width:100%; margin:0 auto; }
/* patio designs */
#patio_container {position:relative; width:600px; height:700px; background:#888; border:1px solid #000; margin:10px auto;}
#patio_container b {font-weight:normal; width:600px; text-align:center; position:absolute; bottom:250px; left:0; color:#eee; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; letter-spacing:1px; line-height:1.7em; z-index:1;}
a.patio_gallery, a.patio_gallery:visited {display:inline; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:75px; float:left; margin:7px 21px; position:relative; cursor:default;}
a.patio_slidea {background:url(patio/thmb_autm-gold-feathered-circle.jpg);}
a.patio_slideb {background:url(patio/thmb_brown-stone-york.jpg);}
a.patio_slidec {background:url(patio/thmb_burnt-sienna.jpg);}
a.patio_slided {background:url(patio/thmb_cream-patio.jpg);}
a.patio_slidee {background:url(patio/thmb_green-grey.jpg);}
a.patio_slidef {background:url(patio/thmb_greyfell.jpg);}
a.patio_slideg {background:url(patio/thmb_pink-patio.jpg);}
a.patio_slideh {background:url(patio/thmb_rose-square-circle.jpg);}
a.patio_slidei {background:url(patio/thmb_rose-stonecircle.jpg);}
a.patio_slidej {background:url(patio/thmb_sand-coloured-stone.jpg);}
a.patio_gallery span {visibility:hidden; display:block; position:absolute; width:580px; height:500px; top:189px; left:9px; color:#000; background:#ccc; text-align:center; border:1px solid #fff; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; letter-spacing:1px; cursor:default;}
a.patio_slidea span {left:-13px; top:180px;}
a.patio_slideb span {left:-132px; top:180px;}
a.patio_slidec span {left:-251px; top:180px;}
a.patio_slided span {left:-370px; top:180px;}
a.patio_slidee span {left:-489px; top:180px;}
a.patio_slidef span {left:-13px; top:89px;}
a.patio_slideg span {left:-132px; top:89px;}
a.patio_slideh span {left:-251px; top:89px;}
a.patio_slidei span {left:-370px; top:89px;}
a.patio_slidej span {left:-489px; top:89px;}
a.patio_gallery:hover {white-space:normal; border:1px solid #fff; z-index:100;}
a.patio_gallery:hover span {visibility:visible; z-index:100;}
a.patio_gallery:hover span img {margin:10px; border:1px solid #000; position:relative; z-index:100;}
a.patio_gallery:active, a.patio_gallery:focus {border:1px solid #c00; z-index:10;}
a.patio_gallery:active span, a.patio_gallery:focus span {visibility:visible; z-index:10;}
a.patio_gallery:active span img, a.patio_gallery:focus span img {border:1px solid #000; position:relative; margin:10px; z-index:10;}
/* driveway */
#driveway_container {position:relative; width:600px; height:700px; background:#888; border:1px solid #000; margin:10px auto;}
#driveway_container b {font-weight:normal; width:600px; text-align:center; position:absolute; bottom:250px; left:0; color:#eee; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; letter-spacing:1px; line-height:1.7em; z-index:1;}
a.driveway_gallery, a.driveway_gallery:visited {display:inline; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:75px; float:left; margin:7px 21px; position:relative; cursor:default;}
a.driveway_slidea {background:url(driveway/thmb_autumn-setts.jpg);}
a.driveway_slideb {background:url(driveway/thmb_blockpaving.jpg);}
a.driveway_slidec {background:url(driveway/thmb_blue_pathway.jpg);}
a.driveway_slided {background:url(driveway/thmb_driveway-pink-cobbled-setts.jpg);}
a.driveway_slidee {background:url(driveway/thmb_grey-driveway.jpg);}
a.driveway_slidef {background:url(driveway/thmb_hotel_forecourt-tarmac.jpg);}
a.driveway_slideg {background:url(driveway/thmb_midnight-blue-setts.jpg);}
a.driveway_slideh {background:url(driveway/thmb_pink-jumbo-cobstones-limestone-edging.jpg);}
a.driveway_slidei {background:url(driveway/thmb_RococoGraniteStone.jpg);}
a.driveway_slidej {background:url(driveway/thmb_tarmacblue.jpg);}
a.driveway_gallery span {visibility:hidden; display:block; position:absolute; width:580px; height:500px; top:189px; left:9px; color:#000; background:#ccc; text-align:center; border:1px solid #fff; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; letter-spacing:1px; cursor:default;}
a.driveway_slidea span {left:-13px; top:180px;}
a.driveway_slideb span {left:-132px; top:180px;}
a.driveway_slidec span {left:-251px; top:180px;}
a.driveway_slided span {left:-370px; top:180px;}
a.driveway_slidee span {left:-489px; top:180px;}
a.driveway_slidef span {left:-13px; top:89px;}
a.driveway_slideg span {left:-132px; top:89px;}
a.driveway_slideh span {left:-251px; top:89px;}
a.driveway_slidei span {left:-370px; top:89px;}
a.driveway_slidej span {left:-489px; top:89px;}
a.driveway_gallery:hover {white-space:normal; border:1px solid #fff; z-index:100;}
a.driveway_gallery:hover span {visibility:visible; z-index:100;}
a.driveway_gallery:hover span img {margin:10px; border:1px solid #000; position:relative; z-index:100;}
a.driveway_gallery:active, a.driveway_gallery:focus {border:1px solid #c00; z-index:10;}
a.driveway_gallery:active span, a.driveway_gallery:focus span {visibility:visible; z-index:10;}
a.driveway_gallery:active span img, a.driveway_gallery:focus span img {border:1px solid #000; position:relative; margin:10px; z-index:10;}
/* nav */
#navHContainer { display:block; margin: 0px; padding: 0px; height:25px; background: #9ca7d4; text-align:center;}
#nav ul {
padding:0;
margin:0;
list-style:none;
float:left;
width:auto;
background-color:#d7d9ee;
}
#nav li {
position: relative;
float:left;
line-height : 1.25em;
width: 9em;
list-style: none;
}
#nav li ul { /* second-level lists */
position : absolute;
left: -999em;
width:13em;
background-color:#d7d9ee;
border:1px solid #496d8e;
}
#nav a {
font-size:1.08em;
display:block;
text-decoration:none;
text-align:center;
font-weight:bold;
width:8.5em;
padding :2px 0 2px 0;
color:#000;
border:1px solid #496d8e;
background-color:#d7d9ee;
}
#nav li li a {
width:12em;
}
#nav li a:hover {
background-color: #fff;
border:1px solid #496d8e;
}
#nav li a.SelectedTab {
font-size:1.12em;
background-color: #FFF;
}
#nav .DisabledTab {
color:#ccc;
}
/* no need to change these hover classes
unless you need more than 4 levels */
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul,
#nav li.iehover ul ul,
#nav li.iehover ul ul ul,
#nav li.iehover ul ul ul ul{
left: -999em;
}
#nav li:hover ul,
#nav li.iehover ul {
top: 1.6em;
left:0;
}
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li.iehover ul,
#nav li li li.iehover ul {
top: 0;
left:12.8em;
}
#navContainerBorder {
background-color:white;
padding:2px;
border:1px solid #333;
height:30em;
}
#navContainer {
border:1px solid #333;
background-color: #d8edfb;
height:30em;
width:12em;
vertical-align:top;
padding:10px 5px 10px 5px;
}