/* QBAG CSS - Meirion Williams, Triad Design May 2007 */
html{height:100%;}
*{margin:0;padding:0}
iframe,a img,fieldset,form,table{border:0}
h6,h5,h4,h3,h2,h1,caption,th,td{font-size:100%;font-weight:normal}
dd,dt,li,dl,ul{list-style:none}
legend{color:#000}
button,select,textarea,input{font:100%}
table{border-collapse:collapse}
caption,th,td{text-align:left}
	
body{
	font-family:Helvetica, Arial, sans-serif;
	font-size:13px;
	width:960px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	margin-top:1em;
	margin-bottom:2em;
	padding-bottom:2em;
	min-height:100%;
}

p {
	margin-bottom:1em;
	margin-top:1em;
	line-height:1.3em;
}

h2{
	font-size:15px;
}

h3{
	font-size:15px;
}

h4{
	font-weight:bold;
}

h2 a, h2 span.title {
	display:block;
	padding:6px 0pt 7px 25px;
	margin-bottom:8px;
	color:#000;
	text-decoration:none;
}

ol {
	list-style-type:decimal;
	padding-left:25px;
}



#recipe h2{
	margin-bottom:8px;
	padding:6px 0pt 7px 25px;
}

#recipetips li {
	margin:1em 0 1em 1em;
	list-style-type:decimal;
}

#contactform {
	margin-top:1em;
	padding-left:25px;
	margin-bottom:2em;
}

#contactform label{
	clear:left;
	display:block;
	float:left;
	margin-bottom:0.5em;
	width:220px;
}

#contactform input {
	display:block;
	float:left;
	height:1.5em;
	margin-bottom:0.5em;
	width:262px;
}

#contactform textarea {
	clear:left;
	width:482px;
	margin-bottom:1em;
}

#registerform {
	margin-top:0px;
	padding-left:0px;
	margin-bottom:0px;
}

#registerform h2{
	display:block;
	padding: 5px 0px 0px 25px;
	margin: 1.5em 0em .5em 0em;
	height: 1.5em;
	color:#000;
	background-color: #FF9933;
	font-weight: bold;
	text-decoration:none;
}

#registerform label{
	clear:left;
	display:inline;
	float:left;
	padding-left: 25px;
	margin-bottom:0.5em;
	width:150px;
}

#registerform input {
	display:block;
	float:left;
	
	margin-bottom:0.5em;
	width:250px;
}

#registerform textarea {
	clear:left;
	width:482px;
	margin-bottom:1em;
}

#newUser {
  margin-top: 1em;
	width: 245px;
	float: left;
	height:230px;
	display: inline;
	border: 1px;
	background-color: #FFCC99;
	padding: 0px 0px 15px 0px;
}

#existingUser {
	background-color:#CCE0F3;
	border:1px none;
	display:inline;
	float:right;
	height:230px;
	margin-top:1em;
	padding:0px 0px 15px;
	width:245px;
}

#newUser h2 {
	display: block;
	padding: 4px 2px 0px 25px;
	background-color: #FF9933;
	height: 1.5em;
	font-weight: bold;
	margin-bottom: .2em;
}

#existingUser h2 {
	display: block;
	padding: 4px 2px 0px 25px;
	background-color: #69c;
	height: 1.5em;
	font-weight: bold;
	margin-bottom: .2em;
}

#existingUser form, #newUser form {
	padding: 2px 20px 2px 25px;
}

#existingUser label, #newUser label {
	padding: 0px;
	margin-bottom: 0px;
}

#existingUser input, #newUser input {
	width: 200px;
	display: block;
	float:left;
}

#existingUser a, #newUser a {
	color: #c00;
	text-decoration: underline;
}

#existingUser a:link, #newUser a:link {
	color: #c00;
	text-decoration: underline;
}

#existingUser a:hover, #newUser a:hover {
	color: #c00;
	text-decoration: none;
}

#newUser #newuserbutton, #existingUser #loginbutton,  {
	display: inline;
	margin: 0px 0px 0px 0px;
	width: 100px;
}


#registerform .radiogroup input{
	width:auto;
	margin-right:2em;
	margin-left:1em;
}

#registerform .radiogroup label{
	width:auto;
}

#registerform .radiogroup #fld_ifother{
	clear:left;
	margin-left:6em;
}

#header{
	position:relative;
	height:128px;
}

#headertitle{
	width:700px;
	height:120px;
	position:absolute;
	overflow:hidden;
	font-size:78px;
	color:#ffffff;
}

#headertitle_winter{
	width:700px;
	height:120px;
	position:absolute;
	overflow:hidden;
	font-size:63px;
	color:#ffffff;
	background-image:url(../images/qbagheader.gif);
	text-indent:-9999em;
}

#headerlogo{
	width:252px;
	height:120px;
	background-color:#FDCE07;
	position:absolute;
	left:708px;
	background-image:url(../images/qbag_logo.png);
	text-indent:-9999em;
}

#main{
	float:none;
left:200px;
min-height:376px;
position:absolute;
width:497px;
}

#main p, #main h4{
	padding-left:25px;
}


/* styles for RECIPE */

#main .recipe_list {
	width:49%;
	float:left;
	padding:0;
	margin:0;
}

#main .recipe_list div {
	border-bottom:#c2c6c7 solid 1px;
	width:100%;
	float:left;
	margin:1em 0 0 0;
	padding-bottom:1em;
}

#main .recipe_list h4 {
	padding-left:25px;
}
#main .recipe_list span {
	padding-left:25px;
	display:block;
}

#intro{
	/*
background-color:#c2c6c7;
*/
	margin-bottom:8px;
}

#intro img{
	border-bottom:#fff solid 8px;
}

#intro h2 {
	font-size:26px;
	margin-left:14px;
}

#index #main #intro2 {
	margin-top:5px;
}

#left{
	clear:left;
float:left;
position:absolute;
width:190px;
}


#left ul{
	font-size:15px;
}

#left li{
	border-bottom:#c2c6c7 solid 1px;
}

#left li a{
	display:block;
	padding:6px 0 7px 25px;
	color:#000;
	text-decoration:none;
}

#left li a:link{
	
}

#left li a:visited{
	
}

#left li a.home:hover, .yellow{
	background-color:#FDCE07;
}
#left li a.qbag:hover, .qbagforyou{
	background-color:#dcbcc8;
}
#left li a.recipes:hover, .recipesblue{
	background-color:#bee0de;
}
#left li a.news:hover, .newsgreen{
	background-color:#BBE4A7;
	/*background-color:#FDCE07;*/
}
#left li a.contact:hover,
#left li a.distributors:hover, .contactblue{
	background-color:#c0d0e9;
}
#left li a.shop:hover, .shopyellow{
	background-color:#FFE77D;
}
left li a.links:hover, .newsgreen{
	background-color:#BBE4A7;
	/*background-color:#FDCE07;*/
}

#left ul li a.sublink{
	font-weight:normal;
	padding:2px 0 4px 35px;
	display:none;
}
	
#left li a:active{
	
}
#left li.last{
	border:none;
}	

#left_recipe{
	margin-bottom:8px;
}

#left_recipe h2{
	height:83px;
	background-image:url(../images/feature_recipe.png);
	text-indent:-9999em;
	background-color:#FDCE07;
	margin-bottom:8px;
}

#left_recipe h3{
	border-left:#bee0de solid 25px;
	padding-left:0.5em;
}

#right {
	width:252px;
	position:absolute;
	left:708px;
	float:left;
}

#right img{
}
div#wrap {
	position:relative;	
}
div#content {
background-position:bottom;
background-image:url(../images/Qbag-web_18.jpg);
background-repeat:repeat-x;
min-height:236px;
position:relative;
width:497px;
padding-bottom:10px;
}
#introtitle {
	background-color:#FDCE07;
	position:absolute;
	left:708px;
	background-image:url(../images/main_qbag_header.jpg);
	text-indent:-9999em;
}
div#basket {
	background-image:url(../images/qbag-basket.jpg);
float:left;
height:132px;
position:relative;
width:190px;
}
div#basketcontents {
	position: absolute;
	top:48px;
	left:25px;
	float:none;
	font-size:x-small;
	}
	
div#basketview {
float:left;
left:0px;
position:relative;
top:96px;
}
div#basketcheckout {
		float:right;
left:0px;
position:relative;
top:95px;
}
	
div#menuitems {
float:left;
left:0px;
position:relative;
top:5px;
width:190px;
	
}
div#featured {
	float:right;
left:0px;
position:relative;
top:10px;
}
div#featureimage {
	border:2px solid #FFFFFF;
	height:49px;
	left:20px;
	position:absolute;
	top:55px;
	
}
.featimage {
width:70px;
}
div#featured a {
color:#000000;
}
div#featuretext {
	left:100px;
	position:absolute;
	top:60px;
	font-size:small;
	width: 90px;
}
div#newsletter {
	position:relative;
}
div#nwform {
	bottom:43px;
float:left;
height:auto;
left:15px;
position:absolute;
}

#qbagrecipes #left ul li a.sublink{
	display:block;	
}

/* styles for HOME PAGE */

#flashcontent {
	width:518px;
	height:156px;
	background-image:url(../images/home_main_welcome.jpg);
	border-bottom:8px solid #fff;
	vertical-align:text-bottom;
}

/* styles for QBAG FOR YOU PAGE */

ol#foursteps{
	margin:0;
	padding:0;
	display:-moz-inline-box;
}

#foursteps li{
float:left;
font-size:smaller;
width:120px;
padding-top:99px;

background-repeat:no-repeat;
}

/* styles to highlight current page in left menu */

#index .link_index, 
#qbagforyou .link_qbagforyou,
#qbagrecipes .link_qbagrecipes,
#qbagnews .link_qbagnews,
#contactus .link_contactus,
#shop .link_shop,
#stockists .link_stockists,
#links .link_links,
#distributors .link_distributors   {
	background-color:#F0F0F0;
	font-weight:bold;
}

#sideBasket {
	padding: 6px 0px 7px 25px;
}

#distributors .addr{
	width:50%;}
	
#distributors .webphone{
	left:50%;
	position:absolute;}	

div#footer {
position:relative;
right:200px;
top:10px;
width:960px;
}
	
div#footerimage {
	position: relative;
	right: 0px;
	top: 70px;
}
div#footertext {
	bottom:40px;
color:#CCCCCC;
float:left;
font-size:x-small;
left:10px;
position:relative;
}
div#footertext2 {
bottom:48px;
color:#666666;
float:right;
font-size:11px;
position:relative;
right:5px;
}
div#footertext a {
	color:#CCCCCC;
}
div#footertext2 a {
	color:#CCCCCC;
}
.footer_image {
	width: 960px;
	height: 89px;
}

.print {
	display:none;
}

.strongLink {
	font-weight: bold;
}

.imageRight {
	float: right;
}

.business {
	background-color:#c5c9ca;
}
.grey {
	background-color:#c2c6c7;
}
.newscell {
width:100px;
margin-bottom:1px;
}

#newsletterform {
	background-image: url(../images/right_newsletter.jpg);
	background-repeat: no-repeat;
	width: 252px;
	height: 132px;
	overflow: hidden;
	padding-bottom:10px;
	
}	

#newslettertext {
		left:15px;
position:relative;
top:54px;
}

#newslettersubmit {
	left:32px;
position:relative;
top:67px;
	}
div#buynow {
	width: 252px;
	height: 210px;
	overflow: hidden;
	position: relative;
	top: 0px;
	left:0px;
/*text-indent:-9999em;*/
	background-image: url(../images/right_buy_now.jpg)
	
}
div#freepp {
	width: 252px;
	height: 103px;
	overflow: hidden;
	position: relative;
	top: 5px;
	left:0px;
	text-indent:-9999em;
	background-image: url(../images/right_freepp.jpg);
	
}
div#threefortwo {
	width: 252px;
	height: 115px;
	overflow: hidden;
	position: relative;
	top: 5px;
	left:0px;
	text-indent:-9999em;
	background-image: url(../images/right_3for2.jpg);
	
}
div#worldpay {
background-image:url(../images/basket/worldpay.jpg);
bottom:85px;
float:right;
height:33px;
left:181px;
position:relative;
text-indent:-9999em;
width:131px;
	
}

div#blank {
	min-height: 450px;
	
}

div#fillerrecipes {
	min-height:570px;
	
}
div#fillernews {
	min-height:300px;
	
}
div#fillercheckout {
	min-height:445px;
	
}