/****************************************
START clearfix.css
****************************************/

.clearfix {
	display: block;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


h1, h2, h3, h4, ul.rwaMenu, ul.rwaMenu a, div#productDetail p.price { color: #614f3f; font-family: "Georgia", Times, Times New Roman, Arial, Helvetica, sans-serif; font-weight:bold; }
p, table { color: #614f3f; font-family: "Tahoma", Arial, Helvetica, sans-serif; }

h1 { font-size: 2.2em; margin: 0 0 7px 0; }
h2 { font-size: 1.6em; margin: 0 0 7px 0; }
h3 { font-size: 1.6em; margin: 3px 0 5px 0; }
p, table { font-size: 1.1em; margin: 3px 0 10px 0; }



label, ul.formList input, ul.formList select { color:#614f3f; font-family: "Arial", Helvetica, sans-serif; font-size: 1.1em; }

ul.rwaMenu { 
	font-size: 1.2em;
	background:url(../img/layout/menuDivider.gif) top repeat-x;
	padding:20px 0 0 0;
}
ul.rwaMenu li { 
	margin: 0 0 10px 0; 
	padding:0 0 20px 0;
	background:url(../img/layout/menuDivider.gif) bottom repeat-x;
}

ul.rwaMenu a { text-decoration: none; }
ul.rwaMenu a:hover { color:#000000 }

body#ptStoreFront h2 { font-size: 2em; }
body#ptStoreFront h1, body#ptStoreFront h2 { margin: 0; }

/****************************************
END clearfix.css
****************************************/

/****************************************
global.css = All "global" css rules.

Global css rules are defined as those that apply to multiple pages and applying to both core and non core pages.
****************************************/

/****************************************
START contents of "old" global.css
****************************************/

* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	background:url(../img/layout/bg.jpg) top center no-repeat #e2d1b0;
	color: #333; 
	text-align:center; 
	margin: 0 auto; 
	}

div#wrapper { 
	margin:0 auto;
	width:771px;
	text-align:left;
	}

a#skip, div#navigation h2 { display: none!important }

/*logo image replacement*/
a#logo {
	margin: 10px 0 0 0;
	display: block;
	padding: 164px 0 0 0;
    overflow: hidden;
    background-repeat: no-repeat;
	width:771px;
	background-image:url(../img/layout/header.jpg);
	height: 0px !important; /* for most browsers */
	height /**/:164px; /* for IE5.5's bad box model */
}
	
/*menu image replacement*/
ul#mainNav {
	list-style: none;
	margin: 7px 0 7px 0;
}

ul#mainNav li {
	float:left;
}

#RWAN01, #RWAN02, #RWAN04, #RWAN03, #RWAN05, #RWAN06 {
	display: block;
	padding: 37px 0 0 0;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image:url(../img/layout/menu.gif);
}

#RWAN01 { 
	width:128px;
	background-position : 0 0;
}

#RWAN02 { 
	width:131px;
	background-position : -128px 0;
}

#RWAN03 { 
	width:155px;
	background-position : -259px 0;
}

#RWAN04 { 
	width:144px;
	background-position : -414px 0;
}

#RWAN05 { 
	width:115px;
	background-position : -558px 0;
}

#RWAN06 { 
	width:98px;
	background-position : -673px 0;
}

#RWAN01:hover { background-position : 0 -37px; }

#RWAN02:hover { background-position : -128px -37px; }

#RWAN03:hover { background-position : -259px -37px; }

#RWAN04:hover { background-position : -414px -37px; }

#RWAN05:hover { background-position : -558px -37px; }

#RWAN06:hover { background-position : -673px -37px; }

li.selected #RWAN01 { background-position : 0 -74px; }

li.selected #RWAN02 { background-position : -128px -74px; }

li.selected #RWAN03 { background-position : -259px -74px; }

li.selected #RWAN04 { background-position : -414px -74px; }

li.selected #RWAN05 { background-position : -558px -74px; }

li.selected #RWAN06 { background-position : -673px -74px; }

#RWAN01, #RWAN02, #RWAN03, #RWAN04, #RWAN05, #RWAN06 {
	height: 0px !important; /* for most browsers */
	height /**/:37px; /* for IE5.5's bad box model */
	}

ul#footerMenu {
	list-style: none;
	background:url(../img/layout/footerLink.gif) top repeat-x;
	padding: 10px 0 0 0;
	margin: 15px 0 10px 0;
}

ul#footerMenu li {
	display:inline;
	font-size:1.1em;
	background:url(../img/layout/footerLinkDivider.gif) left no-repeat;
	padding: 0 0 0 23px;
	color: #614f3f;
	float: left;
}

ul#footerMenu li a {
	color: #614f3f;
	text-decoration: none;
}

ul#footerMenu li a:hover {
	color: #000000;
	text-decoration: underline;
}

ul#footerMenu li.first, ul#footerMenu li.last {
	background:none;
	padding:0;
}

ul#footerMenu li.last {
	float: right;
}

div#content {
	background:url(../img/layout/contentBg.jpg) bottom center repeat-y;
}

body#ptStoreFront div#content, body#ptProductDetails div#content {
	background:none;
}

div.column1, div#productViewer {
	width:523px;
	float:left;
}

body#ptStoreFront div.column1, div#productViewer {
	background:url(../img/layout/contentBg.jpg) bottom left repeat-y;
}

div.column2, div#productDetail {
	width:248px;
	float:right;
}

body#ptStoreFront h2.largeText {
	font-size: 3.2em;
	margin-bottom :20px;
}

body#ptStoreFront h2.largeText {
	background:url(../img/layout/footerLink.gif) bottom repeat-x;
	padding: 0 0 15px 0;
}

body#ptStoreFront h2.largeText span.blueText {
	color: #43bce0;
}

body#ptStoreFront h2.largeText a {
	text-decoration: none;
}

body#ptStoreFront div.column1 div.contentasset { margin:15px 20px 25px 20px; }

div.coffeeInfo { 
	background:url(../img/layout/Rwandan_Farmers_01.jpg) top right no-repeat;
	padding-right: 250px; padding-left: 5px; height:17em;  }

body#ptStoreFront div.column2 h2.coffee {
	background:url(../img/layout/coffee.jpg) top center no-repeat #ebddc3;
	padding: 170px 0 5px 20px;
	color:#614F3F;
}

body#ptStoreFront div.column2 .availableFrom { background: #ebddc3; }

p.availableFrom {
	font-weight: bold;
	padding: 10px 20px 10px 20px;
	margin: 0 0 0 0;
}

ul.availableFrom {
	list-style:  none;
	padding: 10px 20px 10px 20px;
}

ul.availableFrom li {
	display:inline;
	padding-left:5px;
}

ul.availableFrom li.first {
	padding-left:0;
}

h3.latestNews {
	color:#ffffff;
	margin:0;
	padding: 7px 20px 10px 20px;
	background:url(../img/layout/bigThanksText.jpg) bottom center no-repeat #7f6c5c;
	text-decoration: none;
}

body#ptStoreFront div.column2 div.contentasset { position: relative; /*margin-bottom:140px;*/ }

img.bigThanks { position:absolute; /*bottom: -10px;*/ left:-13px; }

ul.formList { list-style:none; padding-bottom:10px; margin-bottom:10px; background:url(../img/layout/priceDivider.gif) bottom center repeat-x; }
ul.formList li { margin:10px 0; }
ul.formList label { width:120px; display: block; float:left; font-weight:bold; }
ul.formList input, ul.formList select { border: 1px solid #ccda10; width:250px; color:#000000; padding:2px; }
ul.formList input.submit { border: none; width:82px; padding:0; }
ul.formList select { width:256px; }

p.error { color:#FF0000; font-weight: bold; }
.hidden { display:none; }