/* CSS Covent Garden Plants */

/** Reset **/
*{border:none; color:#4A5B24; font:1em/1.3em "trebuchet ms",arial,helvetica,sans-serif; margin:0; outline:none; padding:0;}
html{font-size:1em; height:100%;}
body{background:#EAE6DD; font-size:62.5%; height:100%; width:100%;}
a{color:#90A623;}
a:hover{color:#4A5B24;}
br{clear:left;}
em{font-style:italic;}
em a{font-style:italic;}
form{float:left; margin:0; padding:0; width:100%;}
h1{font-size:2.4em; padding-bottom:15px;}
h2{font-size:2em; padding-bottom:5px;}
h1,h2,h3,h4,h5,h6{color:#4A5B24;}
img{border:none;}
input,select,textarea{border:none; margin:0; padding:0;}
p,address{font-size:1.4em; line-height:1.8em; padding-bottom:15px;}
strong{font-weight:bold;}

/** Page Structure **/
#container{
	width:990px;
	margin:0 auto;}
	
#header{
	clear:both;
	margin:0 auto;
	width:990px;
	background:#FAF8F1;}

#header p{ padding:0;}	
#header a{
	cursor:pointer;
	display:block;}

#header a#logo{
	background:url(../graphics/logo-covent-garden-plants.jpg) no-repeat;
	float:left;
	height:0;
	overflow:hidden;
	padding:186px 0 0;
	width:584px;}

#header a#numberContact{
	background:url(../graphics/header-contact-number.jpg) no-repeat;
	float:right;
	height:0;
	overflow:hidden;
	padding:186px 0 0;
	width:406px;}
	
#maincontent{
	background:#AACC64;
	width:990px;
	float:left;}

#maincontent ul{
	list-style:none;
	font-size:1.4em;}

#maincontent ul li{
	background:url(../graphics/bullet.gif) no-repeat 3px 3px;
	padding:0 0 15px 25px;
	line-height:1.5em;
	font-style:italic;}
	
#slideContainer{
	width:608px;
	background:#D0CC74;
	float:left;
	padding:20px 0 20px 20px;
	position:relative;
	}
#LeftContainerWrapper{
	float:left;
	width:608px;
	padding:20px 0 20px 20px;
	background:#D0CC74;
	}
#LeftContainer{
	float:left;
	background:#fff;
	width:551px;
	padding:16px 20px 0 17px;
	/*min-height:550px;
	height:auto !important;
	height:550px;*/
	}
#RightContainer{
	background:#AACC64;
	float:left;
	width:312px;
	}

#homeIntroContainer{
	width:312px;
	float:left;
	padding:16px 20px 0 20px;
	}
	
#introContainer{
	width:322px;
	float:left;
	padding:16px 20px 0 20px;
	background:#FFF;
	}

/* top navigation */
	
#topNav{
	float:left;
	width:990px;}

#topNav ul{
	float:left;
	list-style:none;
	width:990px;}

#topNav li, #subNav li{
	float:left;}

#topNav li a{
	display:block;
	height:0;
	margin:0;
	overflow:hidden;
	padding:54px 0 0 0;}

#topNav a.navHome{background:url(../graphics/nav-home.jpg) no-repeat left top; width:260px;}
#topNav a.navAbout{background:url(../graphics/nav-about.jpg) no-repeat left top; width:122px;}
#topNav a.navServices{background:url(../graphics/nav-services.jpg) no-repeat left top; width:142px;}
#topNav a.navAwards{background:url(../graphics/nav-awards.jpg) no-repeat left top; width:100px;}
#topNav a.navContact{background:url(../graphics/nav-contact.jpg) no-repeat left top; width:366px;}

#topNav li a:hover,  body.homepage #topNav li a.navHome, body.about #topNav li a.navAbout, body.services #topNav li a.navServices, body.awards #topNav li a.navAwards, body.contact #topNav li a.navContact{
	background-position:0 -54px;}
	
/* sub navigation */

#subNav ul{
	float:left;
	list-style:none;
	width:990px;}
	
#subNav li a{
	display:block;
	height:0;
	margin:0;
	overflow:hidden;
	padding:42px 0 0 0;}

#subNav a.navPlantCollections{background:url(../graphics/subnav-plant-collection.gif) no-repeat left top; width:129px;}
#subNav a.navDeskArrangements{background:url(../graphics/subnav-desk-arrangements.gif) no-repeat left top; width:139px;}
#subNav a.navIndoorOfficePlants{background:url(../graphics/subnav-indoor-office-plants.gif) no-repeat left top; width:139px;}
#subNav a.navExoticPlants{background:url(../graphics/subnav-exotic-plants.gif) no-repeat left top; width:94px;}
#subNav a.navWindowBoxes{background:url(../graphics/subnav-window-boxes.gif) no-repeat left top; width:109px;}
#subNav a.navReception{background:url(../graphics/subnav-reception.gif) no-repeat left top; width:79px;}
#subNav a.navRoofGardens{background:url(../graphics/subnav-roof-gardens.gif) no-repeat left top; width:103px;}
#subNav a.navEntrances{background:url(../graphics/subnav-entrances.gif) no-repeat left top; width:78px;}
#subNav a.navExteriorPlants{background:url(../graphics/subnav-exterior-plants.gif) no-repeat left top; width:120px;}

#subNav li:hover a, #subNav li a:hover, body.plantcollections #subNav li a.navPlantCollections, body.deskArrangements #subNav li a.navDeskArrangements, body.indoorofficeplants #subNav li a.navIndoorOfficePlants, body.exoticPlants #subNav li a.navExoticPlants, body.receptionPlants #subNav li a.navReception, body.roofGardens #subNav li a.navRoofGardens, body.windowboxes #subNav li a.navWindowBoxes, body.entrancesPlants #subNav li a.navEntrances, body.socialAreas #subNav li a.navSocialAreas, body.exteriorPlants #subNav li a.navExteriorPlants{
	background-position:0 -42px;}
	

	
/* content */

.questionTitle{
	overflow:hidden;
	height:0;
	display:block;
	width:362px;
	float:left;
	padding:47px 0 0 0;
	background:url(../graphics/title-have-question.gif) no-repeat;}
	
/*#questionFormContainer{
	float:right;
	}*/

#questionForm{
	background:#90A623;
	width:337px;
	height:101px;
	float:left;
	clear:both;
	padding:15px 0 0 25px;}
	
#questionForm fieldset{
	padding:0;
	float:left;
	padding:8px 0;}
	
#questionForm input{
	font-size:1.3em;}
	
#questionForm input.nameField{
	width:141px;
	padding:5px;
	margin:0;
	float:left;}
	
#questionForm input.nameFieldError{
	width:141px;
	padding:5px;
	margin:0;
	float:left;
	border:solid 1px red;
	}	

#questionForm input.emailField{
	width:141px;
	padding:5px;
	margin:0 0 0 8px;
	float:left;}
	
#questionForm input.emailFieldError{
	width:141px;
	padding:5px;
	margin:0 0 0 8px;
	float:left;
	border:solid 1px red;
	}	
	
#questionForm input.questionField{
	width:218px;
	padding:5px;
	margin:0;
	float:left;}
	
#questionForm input.questionFieldError{
	width:218px;
	padding:5px;
	margin:0;
	float:left;
	border:solid 1px red;
	}	
	
#questionForm input.submit{
	float:left;
	padding-left:8px;}
.breadcrumbs{ background:#90A623; width:588px; float:left; font-size:1.2em !important;}
.breadcrumbs li{
	color:#FFF;
	float:left;
	padding:6px 0 6px 13px !important;
	background:url(../graphics/breadcrumbs-bullet.gif) no-repeat 0 9px !important;
	font-size:.9em;
	font-style:inherit !important;
	}
.breadcrumbs li a{
	color:#FFF;
	text-decoration:none;
	}
.breadcrumbs li a:hover{
	text-decoration: underline;
	}
.breadcrumbs li.firstli{
	background:none !important;
	padding-left:10px !important;
	}
.quoteBanner{
	display:block;
	height:0;
	overflow:hidden;
	padding:134px 0 0 0;
	width:362px;
	background:url(../graphics/quote-banner.gif) no-repeat;
	float:left;
	}
	
.productContainer{
	border-bottom:1px solid #CEE1A6;
	float:left;
	padding:20px 0;
	position:relative;
	width:545px;
	}
.productContainer h2 a{
	font-style:italic;
	text-decoration:none;
	}
.productContainer img{
	float:left;
	margin:0 20px 35px 0;
	}
#LeftContainer img{
	float:left;
	border:3px solid #D0CC74;
	margin-bottom:20px;
	}
.productContainer img:hover, #LeftContainer img:hover{
	border:3px solid #ABCC65;
	}
a.btnReadMore{
	overflow:hidden;
	height:0;
	padding:23px 0 0 0;
	width:87px;
	background:url(../graphics/read-more-btn.gif) no-repeat;
	cursor:pointer;
	float:right;
	}
a:hover.btnReadMore{
	background-position:0 -23px;
	}
.awardsLogo img{
	margin:0 10px 20px 0;
	}
#map {
	height:380px;
	width:545px;
	border:3px solid #D0CC74;
	margin:5px 0 20px 0;
	}
.leftContainer{
	width:370px;
	float:left;
	}
.rightContainer{
	width:150px;
	float:left;
	padding-left:20px;
	}
.divClear{
	clear:both;
	}

/* Footer */

#footer{
width:970px;
float:left;
font-size:.8em;
background:#fff;
padding:10px;}	

#footer .copy{
width:600px;
float:left;
color:#90A623;}

#footer .freshEgg{
width:205px;
float:right;
color:#90A623;}	

.HomeProduct{
	float:left;
	width: 591px !important;
	}

/* New Sub Nav */

/* New Home Gallery */

#prev{
 		background: url(../graphics/ad_prev-trans.png);
        width: 30px;
        height: 0;
		padding-top:30px;
        position: absolute;
		display:block;
		overflow:hidden;
        top: 270px;
        left: 8px;
        z-index: 101;
		cursor:pointer;
		}
#next{
 		background: url(../graphics/ad_next-trans.png);
        width: 30px;
        height: 0;
		padding-top:30px;
        position: absolute;
		display:block;
		overflow:hidden;
        top: 270px;
        right: 8px;
        z-index: 101;
		cursor:pointer;
		}
#HomeSlider{ height:512px;}
#nav{float:left; list-style:none;}
#nav li{ float:left; background:none !important; padding:0 2px 0 0 !important;}
#nav img{ border:1px solid #98BF48 !important;}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../graphics/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(../graphics/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../graphics/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(../graphics/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(../graphics/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../graphics/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../graphics/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../graphics/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-top:28px;}
        #cboxTitle{position:absolute; top:40px; left:0; text-align:center !important; color:#fff; font-size:1.6em; background:#90A623; padding:3px 8px;}
        #cboxCurrent{/*position:absolute; bottom:4px; left:58px; color:#949494;*/ display:none;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; top:0; left:0px; background:url(../graphics/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; top:0; left:27px; background:url(../graphics/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../graphics/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../graphics/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:0; right:0; background:url(../graphics/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../graphics/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../graphics/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../graphics/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../graphics/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../graphics/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../graphics/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../graphics/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../graphics/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}