html, body {background-color: #EFF1F4; 	background-image: url(/static/assets/gradientbg.jpg); 	background-repeat: repeat-x; margin: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; }

p {padding: 0; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background: transparent; color: #333
; text-align: justify; line-height: 1.4;}
p a, p a:visited, p a:active, p a:focus {color: #196196; text-decoration: underline; background: transparent; font-weight: normal;}
p a:hover {color: #333; text-decoration: none; background: #B2CBDD;}

.pdf {background-image: url(/static/assets/pdf.gif); background-repeat: no-repeat; background-position: 0 0; padding-left: 17px;
height: 15px; display: block;}

h1 {display: block; margin: 0; color: #4C86AF; background-color: #fff; font-size: 18px; font-weight: bold; text-align: left; padding: 0 2px 2px 5px ; border-left: solid 15px #4C86AF; border-bottom: solid 1px #4C86AF; line-height: 1;}

h2 {display: inline; margin: 20px 0 0 0; color: #4C86AF; background-color: #fff; font-size: 14px; font-weight: bold; text-align: left; padding: 0 5px 2px 5px ; border-left: solid 15px #4C86AF; border-bottom: solid 1px #4C86AF; line-height: 1.4;}

h3 {display: inline; margin: 20px 0 0 0; color: #4C86AF; background-color: #fff; font-size: 14px; font-weight: bold; text-align: left; padding: 0 5px 2px 5px ; border-left: solid 15px #4C86AF; border-bottom: solid 1px #4C86AF; line-height: 2; clear: both;}

h4 {display: block; margin: 0 0 0 0; color: #4C86AF; background-color: #fff; font-size: 14px; font-weight: bold; text-align: center; padding: 15px 0 0 0 ; line-height: 1.4;}

.blue {font-size: 10px; color: #196196; padding: 20px 0 10px 5px; text-align: center;}
.emphnorm {color: #196196;}
.emph {color: #196196; font-weight: bold;}
.quote {display: block; padding: 5px 10px 5px 10px; background-color: #EDF3F7;}
.quote p {color: #196196; text-align: left;}

#strap {margin: 0px auto; height: 60px; width: 600px; background-image: url(/static/assets/gardenstrap.png); display: block; }

#wrap {background-color:#fff; width: 900px;  margin: 0 auto; border: solid 1px #00538D; display: block; height: 1%;}
#header {display: block; margin: 0; padding: 0; background-image: url(/static/assets/header.jpg); background-position: 0 0; background-repeat: no-repeat; height: 103px; position: relative; z-index: 10; }
#callfree {position: absolute; width: 155px; height: 112px; right: -20px; top: -10px; z-index: 20; background-image: url(/static/assets/callfree.png); background-repeat: no-repeat;}
#leftside {display: block; margin: 35px 0 0 0; background-color: #fff; color: #666; padding: 0 0 20px 30px; float: left; clear: left; }

#callnow {width: 150px; height: 100px; padding: 9px; border: solid 1px #b7b7b7; margin: 0; margin: 20px 0 0 0;}
#visit {width: 150px; height: 60px; padding: 9px; border: solid 1px #b7b7b7; margin: 0; margin: 20px 0 0 0;}

#breezelogo {display: block; width: 140px; height: 77px; margin: 25px 0 0 5px; background-image:url(/static/assets/breezelogo.jpg);}
#cpalogo {display: block; width: 140px; height: 89px; margin: 25px 0 0 5px; background-image:url(/static/assets/cpalogo.gif);}
#multilogo {display: block; width: 140px; height: 210px; margin: 10px 0 0 5px; background-image:url(/static/assets/multilogo.gif);}

.tick {display: block; background-image:url(/static/assets/tick.gif); background-position: 0 3px; background-repeat: no-repeat; padding-left: 30px; line-height: 1.8; margin: 0; text-align: left;}
.ticklast {display: block; background-image:url(/static/assets/tick.gif); background-position: 0 3px; background-repeat: no-repeat; padding-left: 30px; line-height: 1.8; margin: 0 0 20px 0; text-align: left;}

#content {background-color: #transparent;  display: block; margin: 0px 25px 25px 230px; padding: 0; width: 640px; height: 1%; min-height: 570px; position: relative;}
* html #content {height: 500px;}

#textblock {background-color: #transparent;  display: block; margin: 35px 0 0 0; width: 418px; float: left; padding: 0 30px 0 30px; border-right: solid 1px #B2CBDD; border-left: solid 1px #B2CBDD;}
#iframeblock {width: 418px; height: auto; margin: 0; padding: 0; border: none;}

#footer {clear: both; display: block; margin: 10px auto; width: 900px;}
#footer p {color: #00538D; text-align: center; padding: 5px; }

.fauxclear {clear: both;}

#leftimage {width: 150px; padding: 9px; border: solid 1px #b7b7b7; margin: 0;}
#leftimage img {width: 150px;}

#endstrap  {width: 300px; height: 36px; margin: 20px auto 15px auto; background-image: url(/static/assets/endstrap.gif); background-repeat: no-repeat;}

/* Vertical Menu Styles*/
.vertmenu {display: block; width: 200px; position: relative; margin: 20px 0 0 0;}
.vertmenu ul {list-style: none; margin: 0 0 0 0; padding: 0 0 0 0;	z-index: 1000; }
.vertmenu a {display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; padding: 5px 5px 5px 20px;}
.vertmenu a {color: #196196; background: #fff; background-image: url(/static/assets/bluemarker.gif); background-position: 4px center; background-repeat: no-repeat; border-right: solid 1px #fff; text-decoration: none; text-align: left; text-transform: uppercase; width: 174px; }
.vertmenu a:hover {color: #FFFFFF; 	background-color: #6698BB; background-image: none; z-index: 1000; }
.vertmenu ul ul ul a {color: #FFFFFF; border-right: solid 1px #6698BB; border-bottom: solid 1px #FFF; background: #6698BB; text-decoration: none; text-align: left; text-transform: uppercase; width: 200px; }
.vertmenu ul ul ul a:hover {color: #6698BB; border-right: solid 1px #EDF3F7; border-bottom: solid 1px #EDF3F7; background-color: #EDF3F7;background-image: url(/static/assets/bluemarker.gif); background-position: 4px center; background-repeat: no-repeat; z-index: 1000; }
.vertmenu li {position: relative; z-index: 1000; }
.vertmenu ul ul ul {position: absolute; top: 0; left: 100%; width: 226px; z-index: 1000; border: solid 1px #6698BB; }
div.vertmenu ul ul ul, div.vertmenu ul ul li:hover ul ul {display: none; z-index: 1000; }
div.vertmenu ul ul li:hover ul, div.vertmenu ul ul ul li:hover ul {display: block; z-index: 1000; }

/*horizontal menu styles*/
#horwrap {display: block; margin: 0 0 25px 0;}
* html #horwrap {margin-bottom: 0px;}
.hormenu {display: block; margin: 0; position: relative; float: left; left: 0; top: 0; height: 1px;}
.hormenu ul {list-style: none; margin: 0px; padding: 0px; width: 100%; float: left; left: 100%; }
.hormenu a {display: block; border-bottom: solid 1px #fff; font-family: verdana, arial, helvetica, sans-serif; text-transform: uppercase;font-size: 10px; padding: 7px 5px; }
.hormenu a {color: #ffffff; background: #006F3B; text-decoration: none; text-align: center; font-style: normal; width: inherit; }
.hormenu a:hover {color: #006F3B; background: #7FB79D; }
.hormenu li {position: relative; }
.hormenu ul ul ul {position: absolute; }
.hormenu ul ul li { position: absolute; z-index: 1000; top: 100%; left: 0; display: none; }
div.hormenu ul ul { display: none; }
div.hormenu ul li:hover ul {display:none;}
div.hormenu ul ul, div.hormenu ul li:hover ul ul, div.hormenu ul ul li:hover ul ul {display: none;}
div.hormenu ul li:hover ul, div.hormenu ul ul li:hover ul, div.hormenu ul ul ul li:hover ul {display: none;}


/* Galleries */
.gallery {display: block; margin: 35px 0 0 0; float: right; background: none; color: #666; width: 155px; position: relative; z-index: 1100; height: 100%; overflow: visible; border-top: solid 30px #fff;}
* html .gallery {margin-right: -10px;}
.gallerytitle {position: absolute; width: 155px; display: block; margin: 0 0 0 0; color: #4C86AF; background-color: none; font-size: 14px; font-weight: bold; text-align: center; top: -30px; left: 10px; }
* html .gallerytitle {left: 0;}

.galleryplus {display: block; margin: 35px 0 0 0; float: right; background: none; color: #666; width: 155px; position: relative; z-index: 900; height: 100%; overflow: visible; }
* html .galleryplus {margin-right: -10px;}
.galleryplustitle {position: absolute; width: 155px; display: block; margin: 0 0 0 0; color: #4C86AF; background-color: none; font-size: 12px; font-weight: bold; text-align: center; top: -30px; left: 10px; z-index: 1000; text-decoration: none;}
.galleryplustitle a, .galleryplustitle a:hover {color: #4C86AF; background-color: none;  z-index: 1000; text-decoration: none;}
* html .galleryplustitle {left: 0;}

.thumbwrap {width: 155px; display: block; padding: 0px; margin: 0px 0px 30px 0px; height: 100%; overflow: visible;}
.thumbs {display: block; background: transparent; margin-right: 0; padding-left: 0px; position: relative; z-index: 1000; height: 100%; overflow: visible; }
.thumbs a {display:block; float:right; margin:0 10px 10px 0px; width:50px; height:50px; border:1px solid #b7b7b7; text-decoration:none; }
.thumbs a img {width:50px; height:50px; border:0;}
.thumbs a:hover {border-color:#fff; text-decoration:none; background:url(/static/assets/thumbbg.gif);}
.thumbs a:hover img, .thumbs a:active img, .thumbs a:focus img {position:absolute; width:auto; height:auto; left: -513px; top:-30px; padding: 19px 19px 19px 19px;border:1px solid #b7b7b7; background:#fff; z-index: 2000; text-decoration:none; display: block; }
* html .thumbs a:hover img, .thumbs a:active img, .thumbs a:focus img {left: -526px;}

.thumbs a .caption{ display:none;}
.thumbs a:hover .caption, .thumbs a:active .caption, .thumbs a:focus .caption {
position:absolute; width:520px; height: 600px; left: -513px; top:-60px; padding: 3px 0px 0px 10px; background: #fff; font-size: 11px; color: #196196; line-height: 2; font-style:normal; text-decoration:none; display: block; z-index: 1500; background-image: url(/static/assets/close.gif); background-repeat: no-repeat; background-position: 480px 5px;}
* html .thumbs a:hover .caption, .thumbs a:active .caption, .thumbs a:focus .caption { left: -511px;}

/*small horizontal gallery*/
.smallgallery {display: block; position: relative; z-index: 1100; height: 1%; width: auto;}
.smallthumbs {display: block; background: transparent; margin-right: 0; padding-left: 0px; position: relative; z-index: 1000; height: 1%; width: auto;}
.smallthumbs a {display:block; float:left; margin:0 7px 7px 0px; width:50px; height:50px; border:1px solid #b7b7b7; text-decoration:none; }
.smallthumbs a img {width:50px; height:50px; border:0;}
.smallthumbs a:hover {border-color:#fff; text-decoration:none; background:url(/static/assets/smallthumbbg.gif);}
.smallthumbs a:hover img, .smallthumbs a:active img, .smallthumbs a:focus img {position:absolute; width:200px; height:200px; left: 0px; top: -230px; padding: 10px; border:1px solid #b7b7b7; background:#fff; z-index: 2000; text-decoration:none; display: block; }

.smallthumbs a .smallcaption {display:none;}
.smallthumbs a:hover .smallcaption, .smallthumbs a:active .smallcaption, .smallthumbs a:focus .smallcaption {
position:absolute; width:186px; height: 220px; left: 0px; top: -260px; border-top: 30px solid #fff; border-bottom: 5px solid #fff; border-left: solid 232px #fff; background: #fff; font-size: 11px; color: #196196; line-height: 1.4; font-style:normal; text-decoration:none; text-align: left; display: block; z-index: 1500; overflow: hidden;}

/* BIG image up */
a.bimgup, a.bimgup:visited {
color: #196196; text-decoration: none; background: transparent; font-weight: bold; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
position:relative; 
z-index:1;
}
a.bimgup b {
position:absolute;
visibility:hidden; /* hide the image */
width:300px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
border:1px solid #ccc; /* add a border */
padding: 5px;
background-color: #b7b7b7;
left: 0; /* position:the image */
/*top:-305px;*/
bottom: 13px;
}
a.bimgup:hover {
text-decoration:none; 
border:none; /* needed for this to work in IE */ 
z-index:1000;
}
a.bimgup:hover b {
visibility:visible; /* make the image visible */
height:auto; /* now give it a height */
cursor:pointer; /* for IE */
z-index:5000; 
}
a.bimgup:hover b img {
border:none; /* remove the link border */
}
a.bimgup:active, a.bimgup:focus {width:0; height:0; text-decoration:none; border: none;}

.feature {height: auto; width:auto; margin: 0; padding: 5px 0 0 0; border: none; display: block; clear: both; min-height: 85px;}
.featext {width: 310px; float: right; display: block;}
.featext p {padding: 0; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background: transparent; color: #666666; text-align: justify; line-height: 1.4; margin-top: 0;}
.item {color: #4C86AF; background-color: #fff; font-size: 14px; font-weight: bold; line-height: 1.2; margin-top: 0px;}
.listext {display: block; margin-top: 0px; float: right; width: 200px; margin-left: 200px; }

.feature img, .feature img a {float: left; width: 175px; height: auto; text-decoration: none; padding: 5px; border: 1px solid #b7b7b7; margin: 0 20px 0px 0px;}
.feature p {display: block; margin-top: 0px; float: right; /*width: 215px;*/ text-align: justify;}
/* SWAP IMAGE */
.enl {display: block; background-color: #fff; float: left; position: relative; /*background-image: url(/static/assets/imgup.gif); background-repeat: no-repeat; background-position: bottom right;*/ padding: 5px 16px 0px 0px; border-right: 3px solid #fff;}
.enl img, .enl img a {width: 175px; height: 1%; text-decoration: none; padding: 5px; border: 1px solid #b7b7b7;}
a.ve, a.ve:visited {text-decoration:none; position: relative;}
a.ve b {position: absolute; visibility: hidden; left: 0; bottom: -1px;}
a.ve:hover {text-decoration: none; border: none;}
a.ve:hover b {visibility: visible; height: auto; cursor: pointer; width: 300px; text-decoration: none; position: absolute;}
a.ve:hover b img {padding: 5px; border: 1px solid #b7b7b7; background-color: #fff; text-decoration: none; width: 300px;}
a.ve:active, a.ve:focus {width: 0; height: 0; text-decoration: none;}

form {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background: transparent; color: #666666;}
.wine {color: #CC0000;}

.featureR {height: auto; width: auto; margin: 0; padding: 5px 0 0 20px; border: none; display: block; clear: both; min-height: 85px; }
.featextR {display: block; }
.featextR {padding: 0; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.4; margin-top: 0; text-align: center; color: #4C86AF; background-color: #fff;}
.featextR a, .featextR a:visited, .featextR a:active {text-decoration: none; color: #4C86AF; background-color: #fff; font-weight: bold;}
.featextR a:hover {color: #4C86AF; text-decoration: underline;}

.itemR {color: #4C86AF; background-color: #fff; font-size: 13px; font-weight: bold; line-height: 1.2; margin-top: 0px; text-align: center;}
.listextR {display: block; margin-top: 0px; }
/* SWAP IMAGE */
.enlR {display: block; background-color: #fff; float: left; position: relative; padding: 5px 0px 0px 0px; z-index: 9999;}
.enlR img, .enlR img a {width: 130px; height: auto; text-decoration: none; padding: 5px; border: 1px solid #b7b7b7;}
a.veR, a.veR:visited {text-decoration:none; position: relative;}
a.veR b {position: absolute; visibility: hidden; right: 0; bottom: -1px;}
a.veR:hover {text-decoration: none; border: none;}
a.veR:hover b {visibility: visible; height: auto; cursor: pointer; width: 300px; text-decoration: none; position: absolute; }
a.veR:hover b img {padding: 5px; border: 1px solid #b7b7b7; background-color: #fff; text-decoration: none; width: 300px;}
a.veR:active, a.veR:focus {width: 0; height: 0; text-decoration: none;}