@charset "utf-8";
@import url(Additions.css);
/* Author: 
Ashika Chauhan
STANDOUT
Strategic Design Agency
http://www.standoutuk.com/
*/

/************  CSS alteration and additions are in Additions.css ***************/

/* generic */
html{width:100%; height:100%;}

/* make sure that the text size is retained here! if changes to sizes are needed do it through the specific use of the font*/
body{font-family:Arial, Helvetica, sans-serif; font-size:62.5%; color:#666666;  }
form{margin:0px;}
.container{width:980px; margin-left:auto; margin-right:auto;}
.pagebreak{	width:100%;	background-color:#CCC;	height:1px;	margin-top:0px;	margin-bottom:12px;}

h1{font-size:1.8em; font-weight:normal; margin-top:0px; margin-bottom:10px; color:#006699;}
h2{font-size:1.5em; font-weight:normal; margin-top:0px; margin-bottom:10px; color:#006699;}

.homepageheader{color:#666666/*bd5253*/;font-size:2.2em; margin:0px;}
.homepagesubheader{color:#666666/*bd5253*/;font-size:1.6em; margin-top:0px; margin-bottom:10px}

a{font-weight:bold; text-decoration:none;}
a:hover{text-decoration:underline;}

a.mediumlink{font-weight:normal; text-decoration:none;}
a.mediumlink:hover{text-decoration:underline;}

.signup input.submit{ background-color:#f2f2f2; border:0px; color:#666666; font-size:1em; padding:3px 2px 3px 2px; cursor:pointer;}
.signup input.submit:hover{background-color:#5782a2; color:#FFFFFF}
.signup input.textfield{ background-color:#f2f2f2; border:0px; color:#666666; font-size:1em; padding:4px; width:160px; border-right:1px solid #ffffff;} 

.standard_form input.textfield{background-color:#ffffff; border:0px; font-family:Arial, Helvetica, sans-serif; font-size:1.0em; color:#666666;}

.button_brown{background-color:#8e544b; border:0px; font-family:Arial, Helvetica, sans-serif; font-size:1.0em; color:#ffffff; cursor:pointer; font-weight:bold; width:auto; height:auto; padding-top:2px; padding-bottom:2px; }
.button_brown:hover{background-color:#666666;}

.button_purple{background-color:#7d5c8f; border:0px; font-family:Arial, Helvetica, sans-serif; font-size:1.0em; color:#ffffff; width:auto; height:auto; padding-top:2px; padding-bottom:2px; cursor:pointer; font-weight:bold;}
.button_purple:hover{background-color:#666666;}

.top_bar{width:980px; min-height:45px; padding:30px 0px 30px 0px;}
.logo{width:215px; float:left; padding-left:5px;}
.search{width:330px; float:left;}
.search_form{width:340px; text-align:right; font-size:1.1em;}
.shopping_basket{width:760px; float:left; text-align:right; font-size:1.1em;}
.navigation{width:640px; float:left; padding-top:15px; font-size:1.1em;}
.navigation ul{margin:0px; padding:0px;}
.navigation li{list-style:none; margin:0px; padding:0px; display:inline; }
.navigation li a{padding:2px 5px 2px 5px; color:#666666; float:left; text-decoration:none;}
.navigation li a.home:hover, .navigation li a.home.active{color:#ffffff; background-color:#8c8b90; text-decoration:none;}
.navigation li a.category:hover, .navigation li a.category.active{color:#ffffff; background-color:#8c8b90; text-decoration:none;}
.navigation li a.label:hover, .navigation li a.label.active{color:#ffffff; background-color:#8c8b90; text-decoration:none;}
.navigation li a.personal:hover, .navigation li a.personal.active{color:#ffffff; background-color:#8c8b90; text-decoration:none;}
.navigation li a.edible:hover, .navigation li a.edible.active{color:#ffffff; background-color:#8c8b90; text-decoration:none;}
.navigation li a.account:hover, .navigation li a.account.active{color:#ffffff; background-color:#8c8b90; text-decoration:none;}
.navigation li a.contact:hover, .navigation li a.contact.active{color:#ffffff; background-color:#8c8b90; text-decoration:none;}

.mid_content{font-size:1.1em;}

.b1{border:1px solid #e9e7e7;}

.bt1{border-top:1px solid #ffffff;}

.w10{width:10px;}
.w20{width:20px;}
.w50{width:50px;}
.w60{width:60px;}
.w320{width:320px;}
.w380{width:380px;}
.w378{width:378px;}
.w100{width:100px;}
.w160{width:160px;}
.w170{width:170px;}
.w178{width:178px;}
.w189{width:189px;}
.w210{width:210px;}
.w800{width:800px;}
.w820{width:820px;}
.min_h84{min-height:84px;}

.h_10{height:10px;}
.min_h_453{min-height:453px;}/* needs ie6 fix! */

.m0{margin:0px;}

.p10{padding:10px;}
.pt13{padding-top:13px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt10{padding-top:10px;}
.p_1{padding:1px;}
.p_5{padding:10px 5px 25px 5px;}
.pr_20{padding-right:20px;}
.pr_40{padding-right:40px;}
.pl_10{padding-left:10px;}
.pl_20{padding-left:20px;}

.big{font-size:2em;}
.medium{font-size:1.4em;}
.small{font-size:0.8em;}

.fl{float:left;}
.fr{float:right;}
.clear{clear:both; font-size:1px; line-height:1px; height:1px; padding:0px; margin:0px;}

/* footer */
.footer{width:980px; padding:15px 0px 15px 0px; border-top:1px solid #cccccc;margin-bottom:50px;}
.footer a{color:#aaaaaa; font-weight:normal;}
.copyright{width:870px; float:left;}
.strategic_design_agency{width:110px; float:left;}

/* color styles - append to relevant classes */
.grey{color:#666666;}
.grey_light{color:#aaaaaa;}
.blue{color:#666666;}
.torq{color:#666666;}
.green{color:#666666;}
.orange{color:#666666;}
.orange.active{color:#aaaaaa;}
.red{color:#666666;}
.brown{color:#666666;}
.brown.active{color:#aaaaaa;}
.purple{color:#666666;}

/*
.grey{color:#666666;}
.grey_light{color:#aaaaaa;}
.blue{color:#bd5253;}
.torq{color:#508786;}
.green{color:#707c3c;}
.orange{color:#dc690c;}
.orange.active{color:#aaaaaa;}
.red{color:#b13435;}
.brown{color:#7a362b;}
.brown.active{color:#aaaaaa;}
.purple{color:#66407b;}
*/

/* these colours will need to be lighter than the above  */
.bg_white{background-color:#ffffff;}
.bg_grey{background-color:#e8e8e8;}
.bg_grey_light{background-color:#f2f2f2;}
.bg_blue{background-color:#e6ecf1;}
.bg_torq{background-color:#e5eded;}
.bg_green{background-color:#eaebe2;}
.bg_orange{background-color:#fae9db;}
.bg_red{background-color:#f3e1e1;}
.bg_brown{background-color:#ebe1df;}
.bg_purple{background-color:#e8e3eb;}






ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 511px;
}

ul.menu a {
  display: block;
  text-decoration: none;	
}

ul.menu li {
  margin-top: 1px;
}

ul.menu li a {
	padding: 0px;
	text-decoration:none;
	font-size:1.0em;
}
ul.menu li a:hover {
	padding: 0px;
	text-decoration:underline;
}

ul.menu li ul li a {
	padding-left: 0px;
}
ul.menu li ul li a:hover {
	padding-left: 0px;
}

img {border:0px; }

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 0px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }
.indent3 { padding-left: 3em; }
.indent4 { padding-left: 4em; }
.indent5 { padding-left: 5em; }

.menu .textfield{ background-color:#f2f2f2; border:0px; color:#666666; font-size:1em; padding:4px; width:260px; border-right:1px solid #ffffff;} 
.menu .submit{ background-color:#f2f2f2; border:0px; color:#666666; font-size:1em; padding:3px 2px 3px 2px; cursor:pointer;}

.video{margin-left:5px; padding-bottom:20px;}