/* Cookie Company Document */

.clear{ clear:both;}
.left{ float:left;}
.right{	float:right;}
img { border: none; } 

#container	{
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	width: 850px;
	background-color:#FFFFFF;
	border: thick double #c82f2a;
}
#header {
	background-color: #C1B9B2;
	height: 200px;
	width: 850px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
#pal {
	background-image: url(../images/pallete.png);	
	height: 25px;
	width: 850px;
}

#nav {
	background-color: #2C9876;
	height: 25px;
	border-top: 1px solid #333333;
	width: 850px;
	
}
#content {
	font-family: Calibri, Tahoma, sans-serif;
	color: #333333;
	padding: 0px 20px 20px 35px;
	
}

#content h1 {
	color:#FFCD64;
	text-align:center;
}
#content h2 {
	color:#E68886;
	text-align:center;
	font-size: 2ems;
	margin: 0px 40px 0px 40px;
	float:right;
}

#content h3 {
	color:#745bae;
	text-align:center;
	font-size: 150%;
}

#footer {
	background-color: #745bae;
	height: 50px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align: center;
	vertical-align: middle;
	font-size: .8em;
}

#footer A:link { 
	text-decoration:none;
	color: #ffb41d;}
#footer A:visited { 
	text-decoration:none;
	color: #ffb41d;
}
#footer A:active {
	text-decoration:none;
	color: #ffb41d;
}


/*-------------contact us form------------------------*/

#mailing {
	font-family: tahova;
	font-size: 18px;
	text-transform: capitalize;
	color: #745bae;
	width: 39%;
	padding-left: 20px;
	float:left;
}
#contactUsForm {
	margin-left: 20x;	
	margin-bottom: 30px;
}
#contactUsForm p {
	margin:5px; /* set top margin same as form input - textarea etc. elements */
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	color: #2C9876;
	font-size: 12px;
	margin-bottom: 50px;
}

.form1{
	margin:5px 0 5px 0px;
	width: 250px;
	border: thin solid #395da7;
	background-color: #8FDEC5;
	margin-left:30px;
}
	
#contactUsForm label {
	display: block;
	margin: 5px 0 0 5px;
	text-align: left;
	color: #FFB41D;
}	

.floatleft {
	float: left;
	width: 39%;
}
.floatright {
	float: right;
	width: 39%;
}
.email {
	font-family: tahova;
	font-size: 16px;	
	color: #745bae;	
}
.email a:link {text-decoration: none; font-family: tahoma, sans-serif; color: #395da7;}
.email a:visited {text-decoration: none; color: #395da7;}
.email a:active {text-decoration: none; color: #395da7;}
.email a:hover {	text-decoration: none;	color: #fff;	background-color: #D1C9E4;}

.clear{clear:both} 
.button{
	color:#544082;
	width:75px;
	margin-left:212px;
	margin-top: 20px;
}
.impPurBord {
	border: medium double #745BAE;
}

/*-------------------baskets--------------------------------------
-----------------------------------------------------------------*/

.basketImage{
	border: 5px solid #395da7;
	float:left;
	margin: 8px 8px 8px 0;	
}

.mugshotImage{
	border: 8px solid #395da7;
	margin-bottom: 8px;	
}
.basketDescription {
	float:right;
	padding-left: 10px;
	padding-bottom: 110px;
	margin-bottom: 25px;
	margin-top: 25px;
	color:#3F67BA;
	width: 70%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #745bae;
}
.basketDescriptionEnd {
	float:right;
	padding-left: 10px;
	padding-bottom: 0px;
	margin-bottom: 60px;
	margin-top: 25px;
	color:#3F67BA;
	width: 70%;	
}
.prices{
	padding: 10px;
	margin-top:10px;
	margin-left:15px;
	color:#2c9876;
	width: 65%;
	float:right;
	text-align:center;
	border: thin solid #2c9876;
}
	
.cookieFlavors {
	padding-left:10px;
	margin-top:10px;
	color:#3F67BA;
	width: 100%;
	clear:both;
	
}
.cookieFlavorsTable {
	padding-left:10px;
	margin-top:10px;
	color:#3F67BA;
	width: 100%;
	clear:both;
	border: thin solid #3F67BA;
}


.whatImage{
	border: 5px solid #FFB41D;
	float:left;
	margin-top: 8px;
	margin-right: 8px;	
	padding: 3px;
	
}

#blog {
	padding:10px;
	
	margin:5px;
	/*background: url(../images/header_longGrad.jpg) repeat-x;
	border:solid 1px #999;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;  /*safari support*/	
}

#blog p { 
	padding-left:150px;
	width: 400px;
	text-align:justify;
}
#homeBlog {
	margin:15px;
	padding:10px;
	border: medium dashed #2C9876;
}

	


















