/* ----- end float fix ----- */

body{

}



/* ----- tables ----- */

table, td, input, textarea, select, li{

	font: 100% Calibri, Arial, Helvetica, sans-serif;

	color:#000;	

}

th{

	background:#ddd;

	padding:5px;

}

td{padding:5px;}



/* ----- global links ----- */

a:link, a:visited, a:active{

	color:#275f81;
	color:#333333;

	text-decoration:none;

}

a:hover{color:#555;}



/* ----- global paragraphs, headers & horizontal rules ----- */

p, h1, h2, h3, h4, h5, h6{margin:1em 0;}

h1{font-size:140%;}

h2{font-size:130%;}

h3{font-size:120%;}

h4, h5{font-size:100%;}

hr{display:none;}



/* ----- global images ----- */

img{border:none;}



/* ----- hidden items ----- */

#skip{display:none;}

.hidden{display:none;}



/* ----- float left / right classes ----- */

.left{float:right;margin-right:.3em;}

.right{float:right;margin-left:.3em;}



/* ----- company contact details ----- */

address{

	font-style:normal;

	margin:1em 0;

}



/* ----- container size & positioning ----- */

#container{

}



/* ----- header area ----- */

#header{

}



/* ----- company logo & strapline ----- */

#logo{

	position:absolute;

	margin:0;

	padding:0;

	top:20px;

	left:30px;

	line-height:30px;

	font-size:180%;

	font-weight:normal;

}

#tagline{

	position:absolute;

	margin:0;

	padding:0;

	top:50px;

	left:30px;

	line-height:20px;

}



/* ----- shopping basket info ----- */

#info{

	position:absolute;	

	margin:0;

	padding:0;

	top:10px;

	right:30px;

	z-index:10;
	

}



/* ----- optional mid div (useful for more complex backgrounds) ----- */

#mid{}



/* ----- breadcrumb trail ----- */

#breadcrumbs{

	float:right;

	display:inline;

	margin-right:10px;

	width:530px;

}



/* ----- search box ----- */

#search{
}

#search label{display:none;}



/* ----- side navigation ----- */

#navDept, #navDept li{

	margin:0;

	padding:0;

	list-style:none;

}

#navDept{margin-bottom:1em;}

#navDept li{

	margin-bottom:1px;

}

#navDept li a{

	display:block;

	width:100%;

	background:#f2f2f2;

	color:#555;

}

#leftmenu li a:hover, #leftmenu li a.selected{background:#ddd;}

#navDept li a:hover, #navDept li a.selected{background:#ddd;}

#navDept li a span{

	display:block;

	padding:3px 20px;

}



/* ----- subdepartment navigation ----- */

#navSubDept, #navSubDept li {

	margin:0;

	padding:0;

	list-style:none;

}

#navSubDept{

	margin:1em 0;

	padding:3px 10px;

	background:#f1f1f1;

	border:1px solid #eee;

	color:#777;

}

#navSubDept li{

	margin:.5em 0;

	line-height:150%;

	padding:0;

	padding-left:15px;

	list-style:none;

}

#navSubDept li a{color:#777;}

#navSubDept li a:hover, #navSubDept li a.selected{color:#777;text-decoration:underline;}



/* ----- customer tool list ----- */

#navTools, #navTools li{

	margin:0;

	padding:0;

	list-style:none;

}

#navTools{margin-bottom:1em;}

#navTools li{

	margin-bottom:1px;

}

#navTools li a{

	display:block;

	width:100%;	

	background:#f2f2f2;

	color:#555;

}

#navTools li a:hover, #navTools li a.selected{background:#ddd;}

#navTools li a span{

	display:block;

	padding:3px 20px;

}



/* ----- nav static menu items ----- */

.navStatic, .navStatic li{

	margin:0;

	padding:0;

	list-style:none;

}

.navStatic{margin-bottom:1em;}

.navStatic li{

	margin-bottom:1px;

}

.navStatic li a{

	display:block;

	width:100%;	

	background:#f2f2f2;

	color:#555;

}

.navStatic li a:hover{background:#ddd;}

.navStatic li a span{

	display:block;

	padding:3px 20px;

}

#navToolsTitle, #navDeptTitle, .navStaticTitle{

	margin:0;

	padding:3px 20px;

	margin-bottom:1px;

	background:#ddd;

	font-size:100%;

}



/* ----- side navigation column ----- */

#side{

	float:left;

	display:inline;

	width:200px;

	margin-left:10px;

	margin-top:10px;

}



/* ----- main content area ----- */

#main{

	float:left;

	display:inline;

	width:530px;

	margin-left:10px;

}

#main h2{

	font-weight:normal;

	padding:0;

	color:#275f81;

	font-size:160%;

	clear:both;

}

#main h2#pageTitle{

	font-weight:normal;

	padding:0;

	margin:0;

	margin-top:10px;
	
	margin-bottom:1em;


	font-size:180%;

}

.note{

	font-size:110%;

}

.highlight{

	font-size:140%;

}

.module1{

	float:left;

	width:250px;

}

.module2{

	float:right;

	width:250px;

}



/* ----- footer area ----- */

#footer{

	background:#ccc;

	padding:10px;

}

#footer p{margin:0;}

#footer ul, #footer li{

	margin:0;

	padding:0;

	list-style:none;

}

#footer li{display:inline;margin-right:.5em;}

#footer a:hover{

	color:#777;

	text-decoration:underline;

}

#footer #credits{

	float:right;

	margin-top:-1.5em;

}



/* ----- pagination (page 1/2 etc.) ----- */

#pagination{

	margin:1em 0;
	padding-right:10px;

}

#pagination li{

	margin:0;

	height:16px;

	line-height:16px;

	float:left;

}

#pagination p{

	margin:0;

	float:left;

	width:100px;

}

#pagination p.links {float:right;}

#pagination a{

	display:block;

	float:left;

	margin-right:10px;

/*	width:9px;

	height:9px;

	margin-left:10px;

	margin-top:3px;

	text-indent:-8000px;*/

	overflow:hidden;

}
/*
#pagination a#firstPage{background:url(../graphics/plain/ico_first.gif)no-repeat 0 0;}

#pagination a#prevPage{background:url(../graphics/plain/ico_prev.gif) no-repeat 0 0;}

#pagination a#nextPage{background:url(../graphics/plain/ico_next.gif) no-repeat 0 0;}

#pagination a#lastPage{background:url(../graphics/plain/ico_last.gif) no-repeat 0 0;}
*/


/* ----- product thumbnail list ----- */

.products{

	margin:1em 0;
	padding-top:30px;

}

.products ul, .products li{

	margin:0;

	padding:0;

	list-style:none;

} 

.products li{

	margin-bottom:1em;

	color:#777;
	
	float:left;
	
	margin-right:15px;
	width:150px;
	height:200px;

}



.products li h3{
	margin:0;
	margin-top:10px;
	font-size:12px;
	font-weight:normal;

	padding:0;

	background:none;

}

.products li h3 a{color:#771b22;}

.products li h3 a:hover{color:#cccccc;}

.products .image{

	float:left;

	margin:0;

	margin-right:0px;

	margin-bottom:10px;

}

.products .image a img{

	border:1px solid #e2e2e2;

	padding:2px;

	background:#fff;

}

.products .image a:hover img{

	border:1px solid #ccc;

	padding:2px;

	background:#e2e2e2;

}

.products .price{

	clear:both;

	margin:0;


	color:#7b7b7b;

	font-size:12px;


}

.products .quantity{

	clear:both;

	margin:1em 0;

	text-align:right;

	line-height:180%;

}



/* ----- individual products ----- */

#product{	

	margin:1em 0;	

}

#product .image{	

	float:left;

	margin-bottom:1em;

}	

#product .image p{margin:.5em 0;}

#product .image img{	

	border:none;

}	

#product .info{	

	float:right;

	width:360px;

}

.info h3 {padding:10px 0;font-size:1.5em;
font-family: "Iskoola Pota","Times New Roman",Times,serif;
font-weight: normal;
color: #6d0b12;
}

strong {font-size:1.2em;}

#product .info ul{	

margin-left:14px;
padding:0;
list-style:square;

}

#product .info li{	

margin:0;
padding:0;
color:#4c4c4c;

}

#product .price{

	color:#771b22;

	font-size:120%;

}

#product .info p{

	margin:0;

	margin-bottom:.2em;
	

}

#product .info h3{

	margin:0;

	margin-bottom:.2em;

}

#product .actions{

	border-top:1px solid #e1e1e1;

	clear:both;

}	

#product #productDisplay{
	margin-top:20px;
	border-top:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;

	padding:10px 0;
	position:relative;

}

#productDisplay {}



/* ----- featured articles ----- */

#articles{}

#articles ul, #articles li {

	margin:0;

	padding:0;

	list-style:none;

}

#articles ul{

	margin:1em 0;

	padding:3px 10px;

	background:#f1f1f1;

	border:1px solid #eee;

	color:#777;

}

#articles ul li{

	margin:.5em 0;

	line-height:150%;

	padding:0;

	padding-left:15px;

	list-style:none;

	background:url(../graphics/plain/arrow3.gif) no-repeat 0 .6em;

}

#articles  ul li a{color:#777;}

#articles  ul li a:hover{color:#777;text-decoration:underline;}



/* ----- customer reviews ----- */

#reviews{

}

#reviews ul, #reviews li {

	margin:0;

	padding:0;

	list-style:none;

}

#reviews ul{

	margin:1em 0;

	padding:3px 10px;

	background:#f1f1f1;

	border:1px solid #eee;

	color:#777;

}

#reviews ul li{

	margin:.5em 0;

	line-height:150%;

	padding:0;

	padding-left:15px;

	list-style:none;

}

#reviews  ul li a{color:#777;}

#reviews  ul li a:hover{color:#777;text-decoration:underline;}



/* ----- site map ----- */

#sitemap, #sitemap ul, #sitemap li{

	margin:0;

	padding:0;

	list-style:none;		

} 

#sitemap{margin:1em 0;}

#sitemap li{margin:.5em 0;}

#sitemap li h3{margin:.2em 0;}

#sitemap ul{padding-left:20px;}



/* ----- tables and forms ----- */

fieldset{

	border:none;

	padding:0;

	margin:1em 0;

}

legend{

	font-weight:normal;

	padding:0;

	margin:0;

	color:#555;

	font-size:120%;

	clear:both;

}

fieldset h3, fieldset h3{margin:1em 0 0 0;}

#content table{

	width:100%;

	margin:.5em 0;

	border-collapse:collapse;

	line-height:150%;

}

th{

	border:1px solid #fff;

	background:#ddd;

	padding:5px;

}

td{

	background:#eee;

	border:1px solid #fff;

	padding:5px;

	vertical-align:top;

}

.formField, .formSelect{

	background:#fff;

	border:1px solid #e1e1e1;

	width:200px;

}

.formFieldShort, .formFieldMedium{

	background:#fff;

	border:1px solid #e1e1e1;

	width:20px;

	margin-right:5px;

}

.formFieldMedium{width:96px;}

table .price{

	color:#771b22;

	font-size:110%;

	font-weight:bold;

}

.formFieldProduct{width:150px;}

table .price{

	color:#771b22;

	font-size:110%;

	font-weight:bold;

}

.formRadio{vertical-align:middle;}

.formButton{

	background:#6f6f6f;

	color:#fff;

	border:none;

	padding-top:3px;

	padding-bottom:3px;

}

label span{

	color:#771b22;

	font-size:110%;

	font-weight:bold;

}

input.formField:focus, formFieldShort:focus, formFieldMedium:focus, textarea:focus, #quantity:focus	{

	background: #fff;

	border: 1px solid #bbb;

}



/* ----- shopping cart ----- */

#total{

	margin:1em 0;

	padding:0;

	width:295px;

	font-size:110%;

}

#total dt{

	width:200px;

	float:left;

	font-weight:bold;

}

#total dd{

	margin-left:201px;

	text-align:right;

}

.actions{

	clear:both;

	margin:0;

	padding:.5em 0;

}



/* ----- first table data style ----- */

td.first{width:40%;}



/* ---------------------- float fix ----------------------------- */

.inner:after, .products:after, .products li:after, #pagination:after, #total:after, .modules:after{

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}

.inner, .products, .products li, #pagination, #total, .modules{display:block;}

/*  \*/

.inner, .products, .products li, #pagination, #total, .modules {min-height:1%;}

* html .inner, * html .products, * html .products li, * html #pagination, * html #total, * html .modules {height:1%;}

 /*  */

/* ----- end float fix ----- */

.searchResults h3 {margin-bottom:0;}

.searchResults p {margin:0;}

legend {display:none;}

#frmContact {clear:both;padding-top:30px;}

.prodInfo {padding-top:50px;}

.featureHeading{height:50px;line-height:50px;color:#333333;text-indent:10px;}
.inner .featureP {margin-top:-14px;}

.h1 {background:url(img/headerEgg.jpg);}
.h2 {background:url(img/headerNutrition.jpg);}

.basketHolder{
	background:url(img/basketBg.jpg) bottom no-repeat;
	min-height:85px;
	text-align:right;
	padding-right:80px;
	display:block;
}

.basketHolder .cost{color:#6d0b12;display:block;padding-top:10px;padding-bottom:4px;}
.basketHolder .cost strong{font-weight:normal;font-size:24px;}

.basketHolder .items{display:block;}

.suggested li,.suggested li:hover{background:none;padding:0;border:none;width:110px;}

.products h2 {padding-top:10px;}



.products h4 {font-size:14px;}

.suggested li img {height:80px;}

.suggested li p.price{text-align:left;font-size:10px;font-weight:normal;padding:0;margin:0;line-height:100%;}

.bcrumbs {float:left;}

.suggested li p.miniTitle{clear:both;margin:0;padding:0;}



/*#productDisplay .price{position:absolute;right:30px;}*/

#productDisplay .price strong{font-size:20px;font-weight:normal;}

.productList li,.productList li:hover {background:none;padding:0;border:none;margin-right:25px;}

.productList li h3 {clear:both;padding:0;margin:0 0 4px 0;}

.productList li p.price {line-height:100%;padding:0;margin:0;text-align:left;}

.homepage {float:left;padding-top:0;}

.homepage .productList li {margin-right:15px;height:140px;}

.homepage img {height:100px;}

.clearer {clear:both;}

.homepage {font-size:10px;}

.pusher {padding-top:20px;}

.pusher a {width:200px;display:block;}


.homepage h2 {padding-top:10px;}

#content a {}