@charset "UTF-8";

/* tags */

body {
	background-color: #FFFFFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	font-variant: normal;
	color: #333333;
}

img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


/* DIVS */

#outsidespace {
	margin: auto;
	width: 696px;
}
#mainsquare{
	color: #333333;
	background-color: #FFFFFF;
	clear: both;
	width: 680px;
	text-align: left;
	white-space: normal;
	overflow: hidden;
	visibility: visible;
	border: 1px solid #2C3B00;
	min-height: 580px;
	height: 580px;
}

#toprow {
	width: 680px;
	
	height: 130px;
}

#leftcol1 {
	width: 145px;
	
	height: 450px;
	float: left;
}


/* home page */
#home_topleft {
	margin-left: 20px;
	margin-top: 20px;
	width: 120px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #D05721;
	height: 100px;
	float: left;
}
#home_topleft img {
	border:0px solid #fff;
}
#home_middlesquares1 {
	margin-left: 5px;
	margin-top: 20px;
	width: 100px;
	margin-right: 5px;
	margin-bottom: 10px;
	background-color: #be4857;
	height: 50px;
	float: left;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-top: 40px;
}
#home_middlesquares2 {
	margin-left: 5px;
	margin-top: 20px;
	width: 100px;
	margin-right: 5px;
	margin-bottom: 10px;
	background-color: #CF5D9F;
	height: 50px;
	float: left;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-top: 40px;
}
#home_middlesquares3 {
	margin-left: 5px;
	margin-top: 20px;
	width: 100px;
	margin-right: 5px;
	margin-bottom: 10px;
	background-color: #8C5E9E;
	height: 50px;
	float: left;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-top: 40px;
}
#home_topright {
	margin-left: 5px;
	margin-top: 20px;
	width: 100px;
	margin-right: 20px;
	margin-bottom: 10px;
	background-color: #4A4A70;
	height: 60px;
	float: left;
	padding-left: 20px;
	padding-top: 40px;
}

#home_lefttopsquare {
	margin-left: 20px;
	margin-top: 0px;
	width: 100px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #be4756;
	height: 60px;
	float: left;
	padding-left: 20px;
	padding-top: 40px;
}
#home_leftmiddlesquare1 {
	margin-left: 20px;
	margin-top: 5px;
	width: 100px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #CF5D9F;
	height: 60px;
	float: left;
	padding-left: 20px;
	padding-top: 40px;
}
#home_leftmiddlesquare2 {
	margin-left: 20px;
	margin-top: 5px;
	width: 100px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #8C5E9E;
	height: 60px;
	float: left;
	padding-left: 20px;
	padding-top: 40px;
}
#home_leftbottomsquare {
	margin-left: 20px;
	margin-top: 5px;
	width: 100px;
	margin-right: 5px;
	margin-bottom: 20px;
	background-color: #4A4A70;
	height: 60px;
	float: left;
	padding-left: 20px;
	padding-top: 40px;
}

#home_main_r1c1 {
	margin-left: 5px;
	margin-top: 0px;
	width: 120px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #D25D27;
	height: 100px;
	float: left;
	padding-left: 0px;
	padding-top: 0px;
}
#home_main_r1c2 {
	margin-left: 5px;
	margin-top: 0px;
	width: 120px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #D26551;
	height: 100px;
	float: left;
	padding-left: 0px;
	padding-top: 0px;
}
#home_main_r1c3 {
	margin-left: 5px;
	margin-top: 0px;
	width: 120px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #B36D6F;
	height: 100px;
	float: left;
	padding-left: 0px;
	padding-top: 0px;
}
#home_main_r1c4 {
	margin-left: 5px;
	margin-top: 0px;
	width: 120px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #3a385d;
	height: 100px;
	float: left;
	padding-left: 0px;
	padding-top: 0px;
}
#home_main_r2c1 {
	margin-left: 5px;
	margin-top: 5px;
	width: 120px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #D26994;
	height: 100px;
	float: left;
	padding-left: 0px;
	padding-top: 0px;
}
#home_main_r2c2 {
	margin-left: 5px;
	margin-top: 5px;
	width: 120px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #D674AE;
	height: 100px;
	float: left;
	padding-left: 0px;
	padding-top: 0px;
}
#home_main_r2c3 {
	margin-left: 5px;
	margin-top: 5px;
	width: 120px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #C081B5;
	height: 100px;
	float: left;
	padding-left: 0px;
	padding-top: 0px;
}
#home_main_r2c4 {
	margin-left: 5px;
	margin-top: 5px;
	width: 120px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #705a65;
	height: 100px;
	float: left;
	padding-left: 0px;
	padding-top: 0px;
}
#home_main_r3c1 {
	margin-left: 5px;
	margin-top: 5px;
	width: 120px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #9E6F9D;
	height: 100px;
	float: left;
	padding-left: 0px;
	padding-top: 0px;
}
#home_main_r3c2 {
	margin-left: 5px;
	margin-top: 5px;
	width: 120px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #B081B5;
	height: 100px;
	float: left;
	padding-left: 0px;
	padding-top: 0px;
}
#home_main_r3c3 {
	margin-left: 5px;
	margin-top: 5px;
	width: 120px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #B394C0;
	height: 100px;
	float: left;
	padding-left: 0px;
	padding-top: 0px;
}
#home_main_r3c4 {
	margin-left: 5px;
	margin-top: 5px;
	width: 120px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #8f799a;
	height: 100px;
	float: left;
	padding-left: 0px;
	padding-top: 0px;
}
#home_main_r4c1 {
	margin-left: 5px;
	margin-top: 5px;
	width: 120px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #5a5571;
	height: 100px;
	float: left;
	padding-left: 0px;
	padding-top: 0px;
}
#home_main_r4c2 {
	margin-left: 5px;
	margin-top: 5px;
	width: 120px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #7d7492;
	height: 100px;
	float: left;
	padding-left: 0px;
	padding-top: 0px;
}
#home_main_r4c3 {
	margin-left: 5px;
	margin-top: 5px;
	width: 120px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #9b94ae;
	height: 100px;
	float: left;
	padding-left: 0px;
	padding-top: 0px;
}
#home_main_r4c4 {
	margin-left: 5px;
	margin-top: 5px;
	width: 120px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #b1b0c0;
	height: 100px;
	float: left;
	padding-left: 0px;
	padding-top: 0px;
}

/* orange page */
#orange_topleft {
	margin-left: 20px;
	margin-top: 20px;
	width: 120px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #D15721;
	height: 100px;
	float: left;
}
#orange_middlesquares1 {
	margin-left: 5px;
	margin-top: 20px;
	width: 100px;
	margin-right: 5px;
	margin-bottom: 10px;
	background-color: #E8B317;
	height: 50px;
	float: left;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-top: 40px;
}
#orange_middlesquares2 {
	margin-left: 5px;
	margin-top: 20px;
	width: 100px;
	margin-right: 5px;
	margin-bottom: 10px;
	background-color: #D1D610;
	height: 50px;
	float: left;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-top: 40px;
}
#orange_middlesquares3 {
	margin-left: 5px;
	margin-top: 20px;
	width: 100px;
	margin-right: 5px;
	margin-bottom: 10px;
	background-color: #405823;
	height: 50px;
	float: left;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-top: 40px;
}
#orange_topright {
	margin-left: 5px;
	margin-top: 20px;
	width: 100px;
	margin-right: 20px;
	margin-bottom: 10px;
	background-color: #6C8243;
	height: 60px;
	float: left;
	padding-left: 20px;
	padding-top: 40px;
}

#orange_lefttopsquare {
	margin-left: 20px;
	margin-top: 0px;
	width: 100px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #E8B317;
	height: 60px;
	float: left;
	padding-left: 20px;
	padding-top: 40px;
}
#orange_leftmiddlesquare1 {
	margin-left: 20px;
	margin-top: 5px;
	width: 100px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #D1D610;
	height: 60px;
	float: left;
	padding-left: 20px;
	padding-top: 40px;
}
#orange_leftmiddlesquare2 {
	margin-left: 20px;
	margin-top: 5px;
	width: 100px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #405823;
	height: 60px;
	float: left;
	padding-left: 20px;
	padding-top: 40px;
}
#orange_leftbottomsquare {
	margin-left: 20px;
	margin-top: 5px;
	width: 100px;
	margin-right: 5px;
	margin-bottom: 20px;
	background-color: #6C8243;
	height: 60px;
	float: left;
	padding-left: 20px;
	padding-top: 40px;
	
}

/* geranium page */
#geranium_topleft {
	margin-left: 20px;
	margin-top: 20px;
	width: 120px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #691879;
	height: 100px;
	float: left;
}
#geranium_middlesquares1 {
	margin-left: 5px;
	margin-top: 20px;
	width: 100px;
	margin-right: 5px;
	margin-bottom: 10px;
	background-color: #CB70AB;
	height: 50px;
	float: left;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-top: 40px;
}
#geranium_middlesquares2 {
	margin-left: 5px;
	margin-top: 20px;
	width: 100px;
	margin-right: 5px;
	margin-bottom: 10px;
	background-color: #E3C9E2;
	height: 50px;
	float: left;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-top: 40px;
}
#geranium_middlesquares3 {
	margin-left: 5px;
	margin-top: 20px;
	width: 100px;
	margin-right: 5px;
	margin-bottom: 10px;
	background-color: #83BA6F;
	height: 50px;
	float: left;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-top: 40px;
}
.keyline {
	border: 1px solid #333333;
}
#geranium_topright {
	margin-left: 5px;
	margin-top: 20px;
	width: 100px;
	margin-right: 20px;
	margin-bottom: 10px;
	background-color: #BEDEB4;
	height: 60px;
	float: left;
	padding-left: 20px;
	padding-top: 40px;
}

#geranium_lefttopsquare {
	margin-left: 20px;
	margin-top: 0px;
	width: 100px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #CB70AB;
	height: 60px;
	float: left;
	padding-left: 20px;
	padding-top: 40px;
}
#geranium_leftmiddlesquare1 {
	margin-left: 20px;
	margin-top: 5px;
	width: 100px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #E3C9E2;
	height: 60px;
	float: left;
	padding-left: 20px;
	padding-top: 40px;
}
#geranium_leftmiddlesquare2 {
	margin-left: 20px;
	margin-top: 5px;
	width: 100px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #83BA6F;
	height: 60px;
	float: left;
	padding-left: 20px;
	padding-top: 40px;
}
#geranium_leftbottomsquare {
	margin-left: 20px;
	margin-top: 5px;
	width: 100px;
	margin-right: 5px;
	margin-bottom: 20px;
	background-color: #BEDEB4;
	height: 100px;
	float: left;
	height: 60px;
	float: left;
	padding-left: 20px;
	padding-top: 40px;
}


/* lavender page */
#lavender_topleft {
	margin-left: 20px;
	margin-top: 20px;
	width: 120px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #8C5D9D;
	height: 100px;
	float: left;
}
#lavender_middlesquares1 {
	margin-left: 5px;
	margin-top: 20px;
	width: 100px;
	margin-right: 5px;
	margin-bottom: 10px;
	background-color: #848A93;
	height: 50px;
	float: left;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-top: 40px;
}
#lavender_middlesquares2 {
	margin-left: 5px;
	margin-top: 20px;
	width: 100px;
	margin-right: 5px;
	margin-bottom: 10px;
	background-color: #C1CECA;
	height: 50px;
	float: left;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-top: 40px;
}
#lavender_middlesquares3 {
	margin-left: 5px;
	margin-top: 20px;
	width: 100px;
	margin-right: 5px;
	margin-bottom: 10px;
	background-color: #70A05C;
	height: 50px;
	float: left;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-top: 40px;
}
#lavender_topright {
	margin-left: 5px;
	margin-top: 20px;
	width: 100px;
	margin-right: 20px;
	margin-bottom: 10px;
	background-color: #94B67A;
	height: 60px;
	float: left;
	padding-left: 20px;
	padding-top: 40px;
}

#lavender_lefttopsquare {
	margin-left: 20px;
	margin-top: 0px;
	width: 100px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #848A93;
	height: 60px;
	float: left;
	padding-left: 20px;
	padding-top: 40px;
}
#lavender_leftmiddlesquare1 {
	margin-left: 20px;
	margin-top: 5px;
	width: 100px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #C1CECA;
	height: 60px;
	float: left;
	padding-left: 20px;
	padding-top: 40px;
}
#lavender_leftmiddlesquare2 {
	margin-left: 20px;
	margin-top: 5px;
	width: 100px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #70A05C;
	height: 60px;
	float: left;
	padding-left: 20px;
	padding-top: 40px;
}
#lavender_leftbottomsquare {
	margin-left: 20px;
	margin-top: 5px;
	width: 100px;
	margin-right: 5px;
	margin-bottom: 20px;
	background-color: #94B67A;
	height: 100px;
	float: left;
	height: 60px;
	float: left;
	padding-left: 20px;
	padding-top: 40px;
}

/* sjw page */
#sjw_topleft {
	margin-left: 20px;
	margin-top: 20px;
	width: 120px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #D3A91A;
	height: 100px;
	float: left;
}
#sjw_middlesquares1 {
	margin-left: 5px;
	margin-top: 20px;
	width: 100px;
	margin-right: 5px;
	margin-bottom: 10px;
	background-color: #E4912C;
	height: 50px;
	float: left;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-top: 40px;
}
#sjw_middlesquares2 {
	margin-left: 5px;
	margin-top: 20px;
	width: 100px;
	margin-right: 5px;
	margin-bottom: 10px;
	background-color: #E4CC39;
	height: 50px;
	float: left;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-top: 40px;
}
#sjw_middlesquares3 {
	margin-left: 5px;
	margin-top: 20px;
	width: 100px;
	margin-right: 5px;
	margin-bottom: 10px;
	background-color: #CED388;
	height: 50px;
	float: left;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-top: 40px;
}
#sjw_topright {
	margin-left: 5px;
	margin-top: 20px;
	width: 100px;
	margin-right: 20px;
	margin-bottom: 10px;
	background-color: #7FA84D;
	height: 60px;
	float: left;
	padding-left: 20px;
	padding-top: 40px;
}

#sjw_lefttopsquare {
	margin-left: 20px;
	margin-top: 0px;
	width: 100px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #E4912C;
	height: 60px;
	float: left;
	padding-left: 20px;
	padding-top: 40px;
}
#sjw_leftmiddlesquare1 {
	margin-left: 20px;
	margin-top: 5px;
	width: 100px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #E4CC39;
	height: 60px;
	float: left;
	padding-left: 20px;
	padding-top: 40px;
}
#sjw_leftmiddlesquare2 {
	margin-left: 20px;
	margin-top: 5px;
	width: 100px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #CED388;
	height: 60px;
	float: left;
	padding-left: 20px;
	padding-top: 40px;
}
#sjw_leftbottomsquare {
	margin-left: 20px;
	margin-top: 5px;
	width: 100px;
	margin-right: 5px;
	margin-bottom: 20px;
	background-color: #7FA84D;
	height: 100px;
	float: left;
	height: 60px;
	float: left;
	padding-left: 20px;
	padding-top: 40px;
}

/* shampoo page */
#shampoo_topleft {
	margin-left: 20px;
	margin-top: 20px;
	width: 120px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #D3A91A;
	height: 100px;
	float: left;
}
#shampoo_middlesquares1 {
	margin-left: 5px;
	margin-top: 20px;
	width: 100px;
	margin-right: 5px;
	margin-bottom: 10px;
	background-color: #E4912C;
	height: 50px;
	float: left;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-top: 40px;
}
#shampoo_middlesquares2 {
	margin-left: 5px;
	margin-top: 20px;
	width: 100px;
	margin-right: 5px;
	margin-bottom: 10px;
	background-color: #E4CC39;
	height: 50px;
	float: left;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-top: 40px;
}
#shampoo_middlesquares3 {
	margin-left: 5px;
	margin-top: 20px;
	width: 100px;
	margin-right: 5px;
	margin-bottom: 10px;
	background-color: #CED388;
	height: 50px;
	float: left;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-top: 40px;
}
#shampoo_topright {
	margin-left: 5px;
	margin-top: 20px;
	width: 100px;
	margin-right: 20px;
	margin-bottom: 10px;
	background-color: #7FA84D;
	height: 60px;
	float: left;
	padding-left: 20px;
	padding-top: 40px;
}

#shampoo_lefttopsquare {
	margin-left: 20px;
	margin-top: 0px;
	width: 100px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #E4912C;
	height: 60px;
	float: left;
	padding-left: 20px;
	padding-top: 40px;
}
#shampoo_leftmiddlesquare1 {
	margin-left: 20px;
	margin-top: 5px;
	width: 100px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #E4CC39;
	height: 60px;
	float: left;
	padding-left: 20px;
	padding-top: 40px;
}
#shampoo_leftmiddlesquare2 {
	margin-left: 20px;
	margin-top: 5px;
	width: 100px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #CED388;
	height: 100px;
	float: left;
	padding-left: 20px;
}
#shampoo_leftbottomsquare {
	margin-left: 20px;
	margin-top: 5px;
	width: 100px;
	margin-right: 5px;
	margin-bottom: 20px;
	background-color: #7FA84D;
	height: 100px;
	float: left;
	height: 60px;
	float: left;
	padding-left: 20px;
	padding-top: 40px;
}

/* toner page */
#toner_topleft {
	margin-left: 20px;
	margin-top: 20px;
	width: 120px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #D3A91A;
	height: 100px;
	float: left;
}
#toner_middlesquares1 {
	margin-left: 5px;
	margin-top: 20px;
	width: 100px;
	margin-right: 5px;
	margin-bottom: 10px;
	background-color: #E4912C;
	height: 50px;
	float: left;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-top: 40px;
}
#toner_middlesquares2 {
	margin-left: 5px;
	margin-top: 20px;
	width: 100px;
	margin-right: 5px;
	margin-bottom: 10px;
	background-color: #E4CC39;
	height: 50px;
	float: left;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-top: 40px;
}
#toner_middlesquares3 {
	margin-left: 5px;
	margin-top: 20px;
	width: 100px;
	margin-right: 5px;
	margin-bottom: 10px;
	background-color: #CED388;
	height: 50px;
	float: left;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-top: 40px;
}
#toner_topright {
	margin-left: 5px;
	margin-top: 20px;
	width: 100px;
	margin-right: 20px;
	margin-bottom: 10px;
	background-color: #7FA84D;
	height: 60px;
	float: left;
	padding-left: 20px;
	padding-top: 40px;
}

#toner_lefttopsquare {
	margin-left: 20px;
	margin-top: 0px;
	width: 100px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #E4912C;
	height: 60px;
	float: left;
	padding-left: 20px;
	padding-top: 40px;
}
#toner_leftmiddlesquare1 {
	margin-left: 20px;
	margin-top: 5px;
	width: 100px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #E4CC39;
	height: 60px;
	float: left;
	padding-left: 20px;
	padding-top: 40px;
}
#toner_leftmiddlesquare2 {
	margin-left: 20px;
	margin-top: 5px;
	width: 100px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #CED388;
	height: 100px;
	float: left;
	padding-left: 20px;
}
#toner_leftbottomsquare {
	margin-left: 20px;
	margin-top: 5px;
	width: 100px;
	margin-right: 5px;
	margin-bottom: 20px;
	background-color: #7FA84D;
	height: 100px;
	float: left;
	height: 60px;
	float: left;
	padding-left: 20px;
	padding-top: 40px;
}

/* main  content 


.maincontent {
	width: 520px;
	background-color: #FFFFFF;
	height: 420px;
	float: left;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 20px;
	padding-left: 0px;
	padding-top: 0px;
}*/

#maincontent {
	width: 510px;
	background-color: #FFFFFF;
	height: 430px;
	float: left;
	margin-left: 5px;
	margin-right: 10px;
	margin-bottom: 20px;
	overflow: hidden
}

#maincontent_heading {
	margin-left: 20px;
	margin-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom:20px;
	float: left;
}
#maincontent_heading2 {
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom:20px;
	float: left;
	width: 350px;
}
#maincontent_body {
	width: 360px;
	background-color: #FFFFFF;
	margin-left: 5px;
	margin-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	float: left;
	height: 390px;
	overflow: auto;
}

#maincontent_body_prod_ingred {
	background-color: #FFFFFF;
	margin-left: 5px;
	margin-right: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

#maincontent_pic {
	width: 120px;
	background-color: #FFFFFF;
	margin-left: 5px;
	padding-left: 10px;
	padding-top: 10px;
	float: left;
}
#maincontent_pic_prod_lhs {
	width: 220px;
	background-color: #FFFFFF;
	margin-left: 5px;
	padding-left: 10px;
	float: left;
}
#maincontent_body_2cols {
	width: 230px;
	background-color: #FFFFFF;
	margin-left: 5px;
	margin-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	float: left;
	overflow: auto;
}
#maincontent_pic_2cols {
	width: 150px;
	background-color: #FFFFFF;
	margin-left: 5px;
	padding-left: 10px;
	padding-top: 10px;
	float: right;
}
#maincontent_body_prod_rhs {
	width: 240px;
	background-color: #FFFFFF;
	margin-left: 5px;
	margin-right: 10px;
	padding-left: 30px;
	float: left;
}
#maincontent_philo {
	background-color: #FFFFFF;
	margin-left: 5px;
	margin-right: 10px;
	padding-left: 10px;
	padding-right: 20px;
	padding-top: 10px;
	
	}
	
#form_img {
float: left;
margin-top: 10px
}

#form_txt {
margin-left: auto;
margin-right: auto;
width: 300;
text-align: center;
}

	
#form1 {
width: 140px;
float: left;
margin-right: 10px
}

#form2 {width: 140px;
float: left;
margin-right: 10px}

#form3 {
width: 140px;
float: left;
margin-right: 10px
}

#form4 {
width: 140px;
float: left;
margin-right: 10px
}

#form5 {
width: 140px;
float: left;
margin-right: 10px
}

#form6 {
width: 140px;
float: left;
margin-right: 10px
}


#spinner {
	width: 16px;
	background-color: #FFFFFF;
	margin-left: auto;
	margin-top: 195px;
	border: 0;
	margin-right: auto;
}

#spinner img{
	border:0px solid #fff;
}

.ingred_rows{
	padding-bottom: 20px;
	
	clear: both;
}

.ingred_rows img{
	float: right;
	margin-left: 20px;
	clear: both;
	margin-bottom: 20px;
}

.maincontent_philo img{
	float: right;
	margin-left: 20px;
	clear: both;
	margin-bottom: 20px;
}


/*core drop shadow rules*/

.wrap1, .wrap2, .wrap3 {
	display:inline-table;
	/* \*/display:block;/**/
} 

.wrap1 {
	float:left;
	background:url(img/shadow.gif) right bottom no-repeat;
}

.wrap2 {
	background:url(img/corner_bl.gif) left bottom no-repeat;
}

.wrap3 {
	padding:0 16px 16px 0;
	background:url(img/corner_tr.gif) right top no-repeat;
}

.wrap3 img {
	display:block;
	/*border:1px solid #ffffff;*/
	border-color:#333333 #333333 #333333 #333333;
}



/* text styles */

.body_text {
	font-weight: normal;
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	font-variant: normal;
	color: #333333;
}

.body_text_bold {
	font-weight: bold;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	color: #333333;
	text-transform: lowercase;
}

A 	{
	color: #1261AE;
	text-decoration: none;
} 

A.body_text:link	{
	color: #FFFFFF;
	text-decoration: none;
	text-transform: none;
	font-weight: normal;
} 

A.body_text:visited	{
	color: #CCCCCC;
	text-decoration: none;
} 

A.body_text:active	{
	color: #FFFFFF;
	text-decoration: none;
	text-transform: none;
	font-weight: normal;
} 

A.body_text:hover	{
	color: #CCCCCC;
} 

A.body_text_bold:link	{
	color: #1261AE;
	text-decoration: none;
	text-transform: none;
	font-weight: bold;
} 

A.body_text_bold:visited	{
	color: #1261AE;
	text-decoration: none;
	font-weight: bold;

} 

A.body_text_bold:active	{
	color: #63669B;
	text-decoration: none;
	text-transform: none;
	font-weight: bold;

} 

A.body_text_bold:hover	{
	color: #63669B;
	font-weight: bold;

} 
.body_text2 {
	font-weight: normal;
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	font-variant: normal;
	color: #333333;
}

A.body_text2:link	{
	color: #333333;
	text-decoration: none;
	text-transform: none;
	font-weight: normal;
} 

A.body_text2:visited	{
	color: #666666;
	text-decoration: none;
} 

A.body_text2:active	{
	color: #333333;
	text-decoration: none;
	text-transform: none;
	font-weight: normal;
} 

A.body_text2:hover	{
	color: #D05721;
} 

.nav {
	font-weight: normal;
	font-size: 13px;
	font-style: normal;
	line-height: 16px;
	font-variant: normal;
	color: #333333;
}



A.nav:link	{
	color: #FFFFFF;
	text-decoration: none;
	text-transform: none;
	font-weight: normal;
} 

A.nav:visited	{
	color: #FFFFFF;
	text-decoration: none;
} 

A.nav:active	{
	color: #FFFFFF;
	text-decoration: none;
	text-transform: none;
	font-weight: normal;
} 

A.nav:hover	{
	color: #CCCCCC;
} 
.quote_text {
	font-weight: normal;
	font-size: 11px;
	font-style: italic;
	line-height: 14px;
	font-variant: normal;
	color: #333333;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
}
.quote_text_credit {
	font-weight: normal;
	font-size: 11px;
	font-style: italic;
	font-variant: normal;
	color: #333333;
	text-align: right;
}
#maincontent_body li {
	list-style-position: outside;
	list-style-type: disc;
}


/* div scroller */

#mycustomscroll {
	/* Typical fixed height and fixed width example */
	width: 340px;
	background-color: #FFFFFF;
	margin-left: 5px;
	margin-right: 30px;
	padding-left: 10px;
	padding-top: 10px;
	float: left;
	height: 390px;
	overflow: auto;
}
/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

.scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0; left: 0;
}

.vscrollerbase {
	width: 5px;
	background-color: #CCCCCC;
}
.vscrollerbar {
	width: 5px;
	background-color: #666666;
}
.hscrollerbase {
	height: 10px;
	background-color: #CCCCCC;
}
.hscrollerbar {
	height: 5px;
	background-color: #666666;
}

.scrollerjogbox {
	width: 5px;
	height: 10px;
	top: auto;
	left: auto;
	bottom: 0px;
	right: 0px;
	background-color: gray;
}


/*  hesido: You only need to define the size for the flexcrolled div, let the content be liquid*/
#flexwrap {
	
	width: 490px;
	background-color: #FFFFFF;
	margin-left: 5px;
	margin-right: 10px;
	padding-left: 10px;
	float: left;
	height: 388px;
	overflow: auto;
	padding-right: 10px;
}


/* end scroller */



.ingred_rows2 {
	padding-top:0px;
	padding-bottom: 20px;
	clear: both;
}
.ingred_rows2 img {
	float: right;
	margin-left: 20px;
	clear: both;
	margin-bottom: 20px;
}
.ingred_rows_quote {
	padding-top:5px;
	padding-bottom: 20px;
	clear: both;
	padding-left: 20px;
	padding-right: 20px;
}
.button_generic {
	font-size: 11px;
	background-color: #33CCCC;
	margin: 5px;
	padding: 5px;
	border: 1px solid #333333;
	color: #FFFFFF;
}

.button_orange {
	font-size: 11px;
	background-color: #D15721;
	margin-top: 15px;
	padding: 5px;
	border: 1px solid #333333;
	color: #FFFFFF;
	text-decoration: none;
}

.button_sjw {
	font-size: 11px;
	background-color: #D3A91A;
	margin-top: 15px;
	padding: 5px;
	border: 1px solid #333333;
	color: #FFFFFF;
}
.button_geranium {
	font-size: 11px;
	background-color: #691879;
	margin-top: 15px;
	padding: 5px;
	border: 1px solid #333333;
	color: #FFFFFF;
}
.button_Lavender {
	font-size: 11px;
	background-color: #8C5D9D;
	margin-top: 15px;
	padding: 5px;
	border: 1px solid #333333;
	color: #FFFFFF;
}
.form_home_prod_shots_left {
	background-color: #FFFFFF;
	float: left;
	height: 180px;
	width: 170px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
}


.form_home_prod_shots_right {
	background-color: #FFFFFF;
	float: right;
	height: 180px;
	width: 170px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
}
.form_home_prod_shots_left_bott {
	background-color: #FFFFFF;
	float: left;
	height: 180px;
	width: 170px;
	margin-left: 10px;
	margin-right: 10px;
}


.form_home_prod_shots_right_bott {
	background-color: #FFFFFF;
	float: right;
	height: 180px;
	width: 170px;
	margin-left: 10px;
	margin-right: 10px;
}
.titles_prod_home {
	height: 30px;
	float: left;
	width: 170px;
	font-weight: bold;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	color: #333333;
	text-transform: lowercase;
}
.titles_prod_home2 {
	height: 30px;
	float: left;
	width: 370px;
	font-weight: bold;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	color: #333333;
	text-transform: lowercase;
}
.pics_prod_home {
	height: 130px;
	float: left;
	width: 170px;
}
.order_buttons_prod_home {
	height: 20px;
	float: right;
	width: 40px;
}
#maincontent_pic_prod_lhs_order {
	background-color: #FFFFFF;
	margin-left: 5px;
	padding-left: 10px;
	padding-top: 40px;
	float: left;
}


/* slideshow */
#imageContainer {
	position:relative;
	margin:auto;
}


#imageContainer img {
	display:none;
	position:absolute;
	top:0; left:0;
}	
.strapline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding: 20px;
}


/* INPUT / SELECT / FORM  */

select {
	color: #FFFFFF;
	background-color: #1261AE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #FFFFFF;
	padding: 2px;
	width: 176px;
}

input.submit {
	padding:2px 5px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #D05721;
	font-size: 11px;
	padding: 2px;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
}

input.text {
	border: 1px solid #333333;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	text-align: left;
	font-size: 11px;
	width: 200px;
}

textarea {
	border: 1px solid #333333;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	text-align: left;
	font-size: 11px;
	width: 200px;
}

form {
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

 fieldset
{
border: 0px solid #FFFFFF;

}


.contactform_titles_top{
	margin-top: 8px;
	width: 150px;
	height: 20px;
}
.contactform_titles_rest{
	margin-top: 8px;
	width: 150px;
	height: 20px;
}
.contactform_fields_top {
	margin-top: 8px;
	height: 20px;
	width: 300px;
}
.contactform_fields_rest {
	margin-top: 8px;
	height: 20px;
	width: 300px;
}



.contactform_fields_uploadbutton {
	margin-top: 8px;
	height: 20px;
	width: 300px;
}

.contactform_bod_leftcol {
	margin-top: 20px;
	width: 150px;
	float: left;
}
.contactform_bod_rightcol {
	margin-top: 20px;
	width: 300px;
	float: left;
}

#log {
	
	margin-top: 10px;
}
 
#log_res {
	overflow: auto;
}
 
#log_res.ajax-loading {
	padding: 20px 0;
	background: url(img/spinner.gif) no-repeat center;
}
#footer {
	margin: auto;
	width: 696px;
	font-size: 12px;
	color: #666;
	font-style: italic;
	text-align: center;
}