/* ------------------------------------------------------------------
	MAIN STYLESHEET
	
	Project: Glengarry Consumer Products
	Created: 2009-02-26
	Created by: Cindy Dochstader cindy@rkd.ca
------------------------------------------------------------------- */

/* TABLE OF CONTENTS */

/* ---------------------------------------- HTML, BODY, RESETS */
/* ---------------------------------------- GLOBAL STYLES */
/* ---------------------------------------- STRUCTURE */
/* -------------------------------------------- Head */
/* -------------------------------------------- Content Area */
/* -------------------------------------------- Contact Area*/
/* -------------------------------------------- Footer */

@import url("topnav.css");
@import url("reset.css");


/* ---------------------
HTML, BODY, RESETS
--------------------- */

html { 
	overflow-y: scroll; /* keeps vertical scroll bar in firefox at all times so page doesn't jump around */
	height: 100%;
	}
	
body {
	background: #e4e3c5;  /* background colour should be same as content area background colour to ensure WYSIWYG looks same as website */
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	font: 12px/17px Trebuchet MS, Arial, Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	}
	
	.BodyStyle { /* use this class to set body background colour so that it does not interfere with the WYSIWYG editor */
	background: #e4e3c5;
	}
	
img, form { /* removes all default formatting on images and forms */
	margin: 0;
	padding: 0;
	border: 0;
	}
	
:focus { outline: none; } /* removes dotted outline from links */

.Clear { clear: both; } /* clears all floats; apply to empty divs */



/* ---------------------
	GLOBAL STYLES - style as necessary
--------------------- */

a:link, a:visited {
	text-decoration: underline;
	color:#d0263a;
	}
	
a:hover, a:active {
	color:#E46D7C;
	}
	
h1 {
	font-size:18px;
	margin-bottom:15px;
	}
	
strong, b {
	font-weight: bold;
	}

p {
	margin-bottom:10px;
	}
	
em, i {
	font-style: italic;
	}

ul {
	padding: 0 ;
	}
	li {
		list-style: disc inside;
		margin-bottom:5px;
	}

ol { }

hr { }

/* styles used by WYSIWYG - style as necessary */
pre { }

address { }



/* -----------------
	STRUCTURE
----------------- */

/* ---------------------------------------- Content Area */

#WrapperHome {
	width: 882px;
	margin: 0px auto;
	}

#ContentConsumerProductsHome {
	overflow: auto;
	background: url(../../images/consumer-products-home-bg.jpg) no-repeat;
	height:679px;
	margin-top:30px;
	}
	#ProductDescriptionConsumerProductsHome {
		width: 600px;
		margin:203px auto 0 auto;
		}
		#ProductDescriptionConsumerProductsHome p {
			font-size:14px;
			line-height:23px;
			text-align:center;
			}
			
	#HomeLink {
		position:absolute;
		width: 358px;
		height:100px;
		margin:5px 0 0 255px;
		cursor:pointer;
		}
		
	#LatestPromoLink {
		position:absolute;
		width: 158px;
		height:32px;
		margin:400px 0 0 517px;
		cursor:pointer;
		}
	
	#ContentConsumerProductsLogos {
		height:324px;
		padding-bottom:30px;
		}

#Wrapper {
	overflow: auto;
	width: 962px;
	margin: 45px auto 0 auto;
	}
	
#ContentBirdbrain {
	overflow: auto;
	background: url(../../images/birdbrain-bg.jpg) no-repeat;
	width: 906px;
	height:597px;
	margin-left:34px;
	}

#ContentCoynes {
	overflow: auto;
	background: url(../../images/coynes-haroldfeinstein-bg.jpg) no-repeat;
	width: 906px;
	height:608px;
	margin-left:34px;
	}
		
#ContentGardman {
	overflow: auto;
	background: url(../../images/gardman-gardenproducts-bg.jpg) no-repeat;
	width: 906px;
	height:596px;
	margin-left:34px;
	}

#ContentNuttery {
	overflow: auto;
	background: url(../../images/nuttery-bg.jpg) no-repeat;
	width:906px;
	height:596px;
	margin-left:34px;
	}
	
#ContentPlantNanny {
	overflow: auto;
	background: url(../../images/plantnanny-bg.jpg) no-repeat;
	width:906px;
	height:596px;
	margin-left:34px;
	}
	
#ContentSchrodt {
	overflow: auto;
	background: url(../../images/schrodt-bg.jpg) no-repeat;
	width:906px;
	height:598px;
	margin-left:34px;
	}
	
#ContentBoltonPeddler {
	overflow: auto;
	background: url(../../images/bolton-peddler-bg.jpg) no-repeat;
	width:906px;
	height:595px;
	margin-left:34px;
	}
	
#ContentEchoValley {
	overflow: auto;
	background: url(../../images/echo-valley-bg.jpg) no-repeat;
	width:906px;
	height:613px;
	margin-left:34px;
	}

#ContentContact {
	overflow: auto;
	background: url(../../images/contact-bg.jpg) no-repeat;
	width: 906px;
	height:612px;
	margin-left:34px;
	}
		
#ProductDescription {
	width: 350px;
	height:140px;
	margin:70px 0 0 50px;
	text-align:center;
	}		
		
#ContenOtherCollections {
	background: url(../../images/collection-divider.png) no-repeat;
	width: 906px;
	padding-top:106px;
	margin:20px 0 0 34px;
	}

.LatestPromotionText {
	padding-top:90px;
	}
	
.PrintPDF {
	width:250px;
	margin:20px auto 0 auto;
	}
	
.ViewCatalog {
	width:150px;
	margin:20px auto 0 auto;
	}
	
.ViewVideoFloat {
	display:inline;
	float:left;
	width:165px;
	margin:20px 75px 0 270px;
	}
	
.PrintPDFFloat {
	display:inline;
	float:left;
	width:250px;
	margin-top:20px;
	}
	
.ViewCatalogFloat {
	display:inline;
	float:left;
	width:150px;
	margin-top:20px;
	}
	
.ViewSpringCatalogFloat {
	display:inline;
	float:left;
	width:203px;
	margin:20px 75px 0 250px;
	}

.ViewFallCatalogFloat {
	display:inline;
	float:left;
	width:180px;
	margin-top:20px;
	}
	
.PrintDisplay {
 	display:none;
	}


/* ---------------------------------------- Contact Area */

.ContactBar {
	width:847px;
	height:115px;
	margin:0 auto;
	background: url(../../images/contactbar-bg.png) no-repeat 0 43px;
	clear:both;
	}
	.ContactBar .text {
		float:left;
		display:inline;
		font-size: 18px;
		color:#000000;
		margin:63px 0 0 30px;
		}
		.ContactButton {
			float:right;
			width:218px;
			height:115px;
			margin:0 45px 0 0;
			}
		
.WholesaleBar {
	width:847px;
	height:38px;
	margin:5px auto 0 auto;
	background: url(../../images/wholesaleinfobar-bg.png) no-repeat;
	}
	.WholesaleBar .text {
		font-size: 15px;
		color:#000000;
		padding:10px 0 0 200px;
		}
		
	.WholesaleBar a:link {
		color:#000000;
		}
		
	.WholesaleBar a:visited {
		color:#000000;
		}
		
	.WholesaleBar a:hover {
		color:#d0263a;
		}
		
	.WholesaleBar a:active {
		color:#d0263a;
		}
		
		
/* ---------------------------------------- Footer*/

#Footer {
	width:847px;
	margin:30px auto;
	}
	.Copyright {
		color:#6f462f;
		margin-bottom:10px;
		}
		
	#Footer .RKDLink a {
		color:#8e7057;
		font-size:10px;
		}
		
	#Footer .RKDLink a:hover {
		color:#6f462f;
		}
		
		.logo {
			float:right;
			}
		.PrintLogo {
			display:none;
		}