@charset "UTF-8";
/* CSS Document */

body {
		background:url(../images/backgrounds/page_bg.gif) repeat-x top left #000;
		margin:0;
		padding:0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;

}

#home {background:url(../images/backgrounds/home_bg.gif) repeat-x top left #000;}

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

.clearfix {display: inline-block;}  /* for IE/Mac */


form { margin : 0; padding : 0;}
ul {list-style:none; margin:0; padding:0;}

/* --------Titles-------- */

h3 {font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; colour:#a77642; font-weight:100; margin:0; padding:0;}
.spectitles { colour:#a77642; font-weight:bold; font-size:12px; margin:0; padding:0;}

#page_wrap {width:780px; margin:0px auto; padding:0;  position:relative;}


/* --------Header-------- */

#header { height:108px; margin:0; padding:0; width:780px; overflow:hidden;}
#header img { float:left;}

.contactus { width:350px; height:108px; background:url(../images/backgrounds/telephone.gif) no-repeat; float:left; text-indent:-9000px; margin:0 0 0 184px; padding:0;}

/* --------Main Navigation-------- */


#navigation {width:538px; z-index:8; height:21px; background:#a77642; color:#FFF; position:absolute; top:105px; right:0px; margin:0; padding:9px 0 0 12px; }
#navigation ul {background:#a77642; width:538px;}
#navigation li {display:inline; margin:0; padding:0 8px 0 8px; border-right:1px solid #FFF}

#navigation a {color:#FFF; text-decoration:none;}
#navigation a:hover {color:#FFF; text-decoration:underline;}

/* --------Site Features-------- */

#sitefeatures { width:780px; margin:0 0 34px 0; padding:0;}
#sitefeatures li {float:left; width:244px; margin:0; padding:0; position:relative;}
#sitefeatures li p { color:#FFF; margin:0 0 12px 0; padding:0;}

#sitefeatures li h2 {font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; background:#a77642; padding:4px 10px 4px 10px; margin:0; position:absolute; top:15px; left:0px; color:#FFF; font-weight:100;}

.moreinfo { text-align:right;}

/* --------Site Sub Features-------- */

#subsitefeatures { width:780px; margin:0; padding:0;}
#subsitefeatures li {float:left; width:244px; margin:0; padding:0; position:relative;}
#subsitefeatures li p { color:#FFF; margin:0 0 12px 0; padding:0;}

#subsitefeatures li h3 {font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; padding:0; margin:0 0 10px 0; color:#a77642; font-weight:100;}

.quotename { font-style:italic;}

#subsitefeatures .featuredquote { background:url(../images/backgrounds/open_quote.gif) no-repeat top left; padding:0 0 0 27px; width:217px; font-family:"Times New Roman", Times, serif; font-size:16px; colour:#a77642;}
#subsitefeatures .featuredquote p {color:#a77642; font-size:16px;}

/* --------Footer-------- */
#footer { border-top:1px solid #a77642; clear:both; margin:20px 0 0 0; padding:10px 0 10px 0; color:#a77642; font-size:11px;}

#footer p { margin:0 0 5px 0; padding:0;}

#footer a {color:#a77642; text-decoration:none;}
#footer a:hover {color:#a77642; text-decoration:underline;}

#footer ul {list-style:none; margin:0; padding:0;}
#footer li { display:inline; background:url(../images/backgrounds/footer_split.gif) repeat-y top right; padding:0 5px 0 3px; margin:0;}

#footer li .killborder { background-image:none;}


/* --------Homepage Banner-------- */

#homebannerwrap {height:250px; margin:0; padding:100px 0 0 300px; width:480px; background:url(../images/backgrounds/coffee_girl.jpg) no-repeat top left; position:relative; z-index:0; }

#homebannerwrap h1 {font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; padding:4px 5px 0 0; margin:0 0 10px 0; color:#FFF; background:#451602; font-weight:100; height:25px; width:auto; position:absolute; top:53px; left:180px;}


#homebannerwrap h2 { font-size:12px; margin:0 0 10px 0; padding:0; font-weight:normal;line-height:16px; }
#homebannerwrap h3 {font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; padding:0; margin:0 0 10px 0; color:#a77642; font-weight:100;}
#homebannerwrap p { margin:0 0 7px 0; padding:0; line-height:18px;}

#homebannerwrap .quote { background:url(../images/backgrounds/open_quote_white.gif) no-repeat top left; padding:0 0 0 27px; width:217px; font-family:"Times New Roman", Times, serif; font-size:16px; colour:#a77642; width:203px; float:right; color:#a77642;}
#homebannerwrap .quote p {margin:0; padding:0;}


/* --------Internal Wrap-------- */

#internalheaderwrap {height:168px; margin:0; padding:40px 0 0 210px; width:570px; background:url(../images/backgrounds/coffee_girl_sm.jpg) no-repeat top left; position:relative; }

#internalheaderwrap h1 {font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; padding:4px 5px 4px 0; margin:0 0 10px 0; color:#FFF; font-weight:100; position:relative; left:-85px; top:17px; background:#451602; display:inline;}

#internalheaderwrap h1 span {background:#451602; height:29px;}

.headerpicwrap {width:290px; float:right; margin:0; padding:0;}

#internalheaderwrap .quote { background:url(../images/backgrounds/open_quote_white.gif) no-repeat top left; padding:0 0 0 27px; width:253px; font-family:"Times New Roman", Times, serif; font-size:18px; float:right; color:#a77642; margin:10px 0 0 0; clear:both;}
#internalheaderwrap .quote p {margin:0; padding:0;}

/* --------About Us-------- */

#leftcolumn { width:470px; margin:0 0 10px 0; padding:0; float:left; color:#FFF;}
#leftcolumn h2 {font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; padding:0; margin:0 0 20px 0; color:#a77642; font-weight:100;}
#leftcolumn h3 {font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; padding:0; margin:0 0 7px 0; color:#a77642; font-weight:100; clear:both;}
#leftcolumn p { line-height:16px;}

#leftcolumn a {color:#a77642; text-decoration:none;}
#leftcolumn a:hover {color:#a77642; text-decoration:underline;}

#rightcolumn { width:290px; margin:0 0 10px 20px; padding:0; float:left; color:#FFF;}

#rightcolumn .internalquote { background:url(../images/backgrounds/open_quote.gif) no-repeat top left; padding:0 0 0 27px; width:263px; font-family:"Times New Roman", Times, serif; font-size:16px; colour:#a77642; margin:40px 0 0 0;}
#rightcolumn .internalquote p {color:#a77642; font-size:16px;}

.pdfdownloads {background:url(../images/pdf_icon.gif) no-repeat top left; padding:0 0 0 25px; height:20px; line-height:20px;}

.bulletpoints { margin:0 0 15px 0; padding:0;}
.bulletpoints li  { margin:0 0 10px 0; padding:0 0 0 15px; background:url(../images/backgrounds/bullet_point.gif) no-repeat 0 4px;}

.faqs {margin:0 0 10px 0; padding:0 0 7px 0; border-bottom:dashed 1px #666;}
.faqs li {margin:0 0 7px 0; padding:0;}

.faqs li span { color:#a77642; font-weight:bold;}

/* --------Retailers-------- */

table { width:468px; padding:0; margin:0 0 5px 0; border:1px solid #a77642; }
table.yp td { padding:5px; text-align:center; }
table.yp th { width:10%; background: #a77642; color:#000; padding:5px; }
table.yp th.tbletitle { width:30%; }
table.yp td.leftcol { text-align:left; }

.odd { color:#FFF; }

/* --------Contact Us-------- */

#error { color:#990000; }

fieldset { margin : 0; padding : 10px 0 10px 0; border-bottom: 1px solid #a77642; border-left:none; border-right:none; border-top:none;}

fieldset div br { display : none;}

/* Style the legend, labels and the div containing the submit button. */

legend { font-weight : bold; color : #a77642; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; margin : 0; padding : 10px 0 5px 0;}

label { display : block; float:left; width:160px;}

#fm-submit { clear: both; padding-top: 1em; text-align: center;}

#fm-submit input { border: 1px solid #333; padding: 2px 4px; background: #fff; color: #333; font-size: 100%;}

fieldset div { margin : 0; padding : 0; background:#000; padding: 5px 0 5px 0;}

fieldset div.fm_optional {display : block;}

fieldset div input {width: 200px; /* Width for modern browsers */ border : 1px solid #900; padding : 1px;}

fieldset div select {font-family : Tahoma,Verdana, Arial, Helvetica, sans-serif;  font-size : 100%; width: 200px; /* Width for modern browsers */ border : 1px solid #900; padding : 1px;}
						
/* Optional fields. */

.fm_optional input {border : 1px solid #ccc;}

/* --------Marketing-------- */


ul.listslft,  ul.listsrght
{
list-style-type: none;
padding: 0px;
margin: 0;
width: 46%;
}

ul.listslft li,  ul.listsrght li {
	padding: 5px 0px 5px 0px;
	margin-bottom: 10px;
	font: 85%/1.6em Tahoma,Verdana, Arial, Helvetica, sans-serif; color:#FFF;
}

ul.listslft li img,  ul.listsrght li img {border:1px solid #a77642;}

ul.listslft li.question,  ul.listsrght li.question {
	padding: 5px 0px 5px 0px;
	margin-bottom: 3px;
	font: 85%/1.6em Tahoma,Verdana, Arial, Helvetica, sans-serif; 
}

ul.listslft li.answer,  ul.listsrght li.answer {
	padding: 5px 5px 5px 5px;
	margin-bottom: 10px;
	font: 85%/1.6em Tahoma,Verdana, Arial, Helvetica, sans-serif; 
}

ul.listslft { float:left; }  
ul.listsrght { float:right; }

/* --------units-------- */

#leftcolumn .units {list-style:none; margin:0 0 20px 0; padding:0; width:470px; border-bottom:3px solid #a77642;}

#leftcolumn .units li { float:left;}
#leftcolumn .units li a { color:#FFF; text-decoration:none; background:url(../images/backgrounds/tab_on.gif) no-repeat top left #a77642; text-align:center;  width:70px; display:block;  margin:0 2px 0 0; padding:5px 0 3px 0;}
#leftcolumn .units li a:hover { color:#a77642; text-decoration:none; background:url(../images/backgrounds/tab_off.gif) no-repeat top left #FFF;}


#content table  {margin:0; padding:0; font-size:12px; width:470px; border:none;}
#content table td  {margin:0; padding:0 0 10px 0; vertical-align:top;}
#content table .col1 {width:150px; color:#a77642; font-weight:bold;}

.unitpic {width:280px; margin:0; padding:0; float:left;}
.unitbenefit {float:left; width:190px; margin:0; padding:0;}


.tesimonials {color:#a77642;}