.clearB {
	clear: both;
}

#content p {
	margin-bottom: 10px;
}

body#content {
	text-align:left;
	background-color:#FFFFFF;
	background-image: none;	
	line-height: 250%;
	}
	
body {
	background-image:url(images/bodybg.jpg);
	background-repeat:repeat-y;
	background-color:#F8F8EF;
	background-position:top center;
	text-align:center;
	color: #333;
	font-family: "Tahoma", Verdana, Arial, sans-serif;
	font-size: 13px;

}

body.wide {
	background-image:url(images/bg_wide.jpg);
	background-repeat:repeat-y;
	background-color:#F8F8EF;
	background-position:top center;

}

h2 {
	font-size: 20px;
	color: #362F8F;
	font-family: "Tahoma", Arial, serif;
	margin-bottom: 10px;
}

h2:before {
	content: url(images/bean.png);
}

h2.breadcrumb_primary {
	font-size: 20px;
	color: #362F8F;
	font-family: "Tahoma", Arial, serif;
	margin-bottom: 10px;
	font-weight: bold;
	display: inline;
}

h3.breadcrumb_secondary {
	font-size: 16px;
	color: #362F8F;
	font-family: "Tahoma", Arial, serif;
	margin-bottom: 10px;
	display: inline;
}

h3 {
	font-size: 16px;
	color: #F47B20;
	font-family: "Tahoma", Arial, serif;
	margin-bottom: 10px;
}

h4 {
	font-size: 14px;
	color: #666;
	font-family: "Tahoma", Arial, serif;
	margin-bottom: 10px;
}


.containerWrap {
	background-image:url(images/bigbg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}

.containerWrapWide {
	background-image:url(images/bigbgwide.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}

#container {
	text-align: left;
	margin: 0 auto;
}
.header {
	position: relative;
}
.headertext {
	font-size: 11px;
	color: #362F8F;
	width: 765px;
	text-align: right;
	float: left;
	position: absolute;
	top: 0px;
	left: 178px;
}


.logo {
	width: 173px;
	height: 180px;
	float: left;
	position: relative;
	top: 0px;
	left: 0px;
}

.logo h1.hide {
	margin: 0px;
	padding: 0px;
	float: left;
	
}
.logo h1.hide a {
	display: block;
	outline: none;
	text-indent: -9999px;
	width: 173px;
	height: 180px;
}

#content {
	background-color: #fff;
	margin-top: 20px;
}

#content ul, #content ol {
	margin: 10px 0px 0px 30px;
}
body#content ul li, body#content ol li {
	padding-bottom: 10px;
}

#content div.buybutton {
	width: 70px; 
	color: #362E91;
	background-color: #f67a20; 
	vertical-align: top;
	background: -moz-linear-gradient(top, #F49C1A, #f67a20);
	/*border: 1px solid #DF6E1B;*/
	-moz-border-radius:10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 3px;
	text-align: center;
	float: right;
	font-size: 13px;
	z-index: 9999;
	opacity: 1.0;
	margin: 10px;

}

#content a.buybutton, #content a.buybutton:link, #content a.buybutton:active, #content a.buybutton:visited {
	width: 70px; 
	color: #362E91 !important;
	background-color: #f67a20; 
	vertical-align: top;
	background: -moz-linear-gradient(top, #F49C1A, #f67a20);
	/*border: 1px solid #DF6E1B;*/
	-moz-border-radius:10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 0px;
	text-align: center;
	float: right;
	display: block;
	font-size: 13px;
	z-index: 9999;
	opacity: 1.0;
	margin: 5px;
	text-decoration: none;

}

#content a.buybutton:hover {
	text-decoration: underline;
}


#content table td.source-island {
	width: 200px; 
	background-color: #f67a20; 
	vertical-align: top;
	background: -moz-linear-gradient(top, #FF994F, #f67a20);
	border: 1px solid #DF6E1B;
	-moz-border-radius:10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

}

#content table.rnd-map {
	background-image: url(images/worldmap.jpg);
	border: 2px solid #F7C80A;
	-moz-border-radius:10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#content table.rnd-map th {
	background-color: #F7C80A;
	padding: 5px;
	font-weight: normal;
}

#content table.rnd-purp {
	background-color: #FFFFFF;
	background: -moz-linear-gradient(top, #FFFFFF, #FFF);
	border: 2px solid #27226F;
	-moz-border-radius:0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	padding: 0px;
}

#content table.rnd-yel {
	background-color: #EFEFEF;
	background: -moz-linear-gradient(top, #FFFFFF, #FFF9DF);
	border: 2px solid #F7C80A;
	-moz-border-radius:10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#content table.rnd tr:last-child td:first-child {

-moz-border-radius-bottomleft:10px;
-webkit-border-bottom-left-radius:10px;
border-bottom-left-radius:10px;}

#content table.rnd tr:last-child td:last-child {

-moz-border-radius-bottomright:10px;
-webkit-border-bottom-right-radius:10px;
border-bottom-right-radius:10px;}

#content table.rnd tr:first-child td:first-child {

-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius:10px;
border-top-left-radius:10px;}

#content table.rnd tr:first-child td:last-child {

-moz-border-radius-topright:10px;
-webkit-border-top-right-radius:10px;
border-top-right-radius:10px;}

.contentpad {
	padding: 0px 10px;
}

.island {
	margin-top: 20px;

}


.align-right {
	text-align: right;
}
.align-left {
	text-align: left;
}
.align-center {
	text-align: center;
}

#footer-wrap {
	background: url('images/footerbar.gif') no-repeat top;
	height:190px;
}

#footer-wrap-wide {
	background: url('images/footerbarwide.gif') no-repeat top;
	height:190px;
}

#footer-boxes {
	height: 194px;
	text-align: left;
	color:#F47B20;
}

#footer-boxes h3 {
	font-weight: normal;
	margin-bottom: 10px;
}
#footer-boxes a:hover {
	color:#666;
}

#footer {
	position: relative;
	margin-top: -214px; /* negative value of footer height */
	height: 234px;
	clear:both;
	background-color: #F5A717;
	font-size: 10px;
	color: #362F8F;
} 

#search_box {
    width: 218px;
    height: 28px;
    background-color: #FFF;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    opacity: .5;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
	filter: alpha(opacity=50);
    float: right;
    position: relative;
    top:17px;
    left: 0px;
}
#search_box #AreaQ {
    float: left;
    padding: 0;
    margin: 6px 0 0 8px;
    border: 0;
    width: 168px;
    background: none;
    color: #333;
    position: relative;
    top: 2px;
    left: 0px;
}
#search_box #go {
    float: right;
    margin: 0 4px 0 0;
}

.padding10 {
	padding: 15px 10px 0px 10px;
}

.align_right {
	float: right;
}


/* ==== navigation ==== */

/* should not need to be changed */
ul.nav, ul.nav ul { margin: 0; padding: 0; list-style: none; }
ul.nav li { position: relative; text-align: left; }
ul.nav ul { position: absolute; display: none; }
ul.nav li ul { z-index: 3; }
ul.nav li ul li ul { z-index: 4; }
ul.nav li:hover > ul { display: block; }

ul.nav > li { 
	float: left;
/* 	width: 120px;/*106*/
	text-align: center;
}

/* #container #main #nav ul.navigation ul {
	position: relative;
	z-index: 9999;
}

#container #main #content #photos {
	position: relative;
	z-index: 2;
} */

#nav {
	width: 765px;
	position: relative;
	top: -1px;
	left: 0px;
	z-index: 2;
}

ul#navigation {
	margin: 0;
	height: 20px;
	z-index: 2;
}

#nav ul#navigation {
	padding: 16px 10px 0 10px;
	float: left;
}

ul#navigation li {
	display: inline;

}

ul#navigation li a {
	text-decoration: none;
	padding: 0px 20px 0px 0px;
	color: #FFF !important;
	font-size: 13px;
	font-family: "Tahoma", Verdana, sans-serif;
	display: block;
	text-transform: uppercase !important;
	/*background-color: #362E91;  IE6 bug */



}

ul#navigation li a:hover {
	color: #F47B1F !important;
}


/* sub menu */
ul#navigation li ul { 
	background-color: #fff;
	border-bottom: 1px solid #F67A20;
	left: 0; /* set 1px less than menu width */
	top: 20px;
	z-index: 9999;
}

ul#navigation li ul li ul {
	left: 161px; /* set 1px less than menu width */
	top: 0;
	z-index: 9999;
}



/* sub menu items */
ul#navigation li ul li a {
	background-color: #FFB24F;
	color: #362E91 !important;
	width: 150px;
	display: block;
	border: 1px solid #F67A20;
	border-bottom: 0;
	padding: 3px 5px 4px 5px;
	font-family: "Tahoma", Verdana, sans-serif;
	font-size: 13px;
	text-transform: uppercase !important;
	
}

ul#navigation li ul li a:hover {
	background-color: #ffffff;
	width: 150px;
	display: block;
	border: 1px solid #F67A20;
	border-bottom: 0;
	padding: 3px 5px 4px 5px;
}


div.nopad {
	float: left;
	padding: 0;
}

div.nopad img {
	display: inline;
	float: left;
}

.topnav a:link, .topnav a:active, .topnav a:visited {
	font-size: 13px;
	color: #362F8F;
	text-decoration: none;
}

.topnav a:hover {
	color: #F47B1F;
	text-decoration: none;
}

.topnav {
	position: relative;
	top: 5px;
	left: 0px;
}


sephone:link, a.sephone:active, a.sephone:visited {
	color:#362F8F;
	text-decoration: none;
}
a.sephone:hover {
	color: #666;
	text-decoration: none;
}

a:link, a:active, a:visited {
	color: #362F8F;
	text-decoration: underline;
}
a:hover {
	color: #666;
	text-decoration: none;
}


div.footerNav {
background-color: #F5A717;
width: 100%;
}

div.footerNav ul#navigation {
		float: right;
}

div.footerNav ul#navigation li a:link, div.footerNav ul#navigation li a:active, div.footerNav ul#navigation li a:visited {
	color: #FFF;
}

div.footerNav ul#navigation li a:hover {
	color: #362E91 !important;
}

/* === sticky footer == */

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/


html, body, .containerWrap, #container, #main-container, .container {height: 100%;}

body > .containerWrap, body > .container, body > .containerWrapWide {height: auto; min-height: 100%;}

#main {padding-bottom: 214px;}  /* must be same height as the footer */



/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* GalleryView Stylesheet -------------------------------------------------------- */
/*

	
	
	Use the CSS rules below to modify the look of your gallery.
	
	To create additional rules, use the markup below as a guide to GalleryView's architecture.
	
	<div class="gallery">
		<div class="panel">
			<img src="path/to/image.jpg" />
			<div class="panel-overlay">
				...overlay content...
			</div>
			<div class="overlay-background"></div>
		</div>
		<ul class="filmstrip">
			<li class="frame current">
				<img src="path/to/thumbnail.jpg" />
				<div class="caption">caption text</div>
			</li>
			<li class="frame">
				<img src="path/to/thumbnail.jpg" />
				<div class="caption">caption text</div>
			</li>
		</ul>
	</div>
		

*/

/* GALLERY LIST */
/* IMPORTANT - Change '#photos' to the ID of your gallery list to prevent a flash of unstyled content */
#photos { visibility: hidden; }

/* GALLERY CONTAINER */
.gallery { background: #ddd; border: 1px solid #aaa; padding: 5px;}

/* LOADING BOX */
.loader { background: url('/images/loader.gif') center center no-repeat #ddd; }

/* GALLERY PANELS */
.panel {}

/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
.panel .panel-overlay,
.panel .overlay-background { height: 60px; padding: 0 1em; }

/* PANEL OVERLAY BACKGROUND */
.panel .overlay-background { background: #222; }

/* PANEL OVERLAY CONTENT */
.panel .panel-overlay { color: white; font-size: 0.7em; }
.panel .panel-overlay a { color: white; text-decoration: underline; font-weight: bold; }
.panel-overlay h2 { margin-bottom: 5px; }
.panel-overlay p { margin-bottom: 0px; font-size: 10px; }

/* FILMSTRIP */
/* 'margin' will define top/bottom margin in completed gallery */
.filmstrip { margin: 5px; }

/* FILMSTRIP FRAMES (contains both images and captions) */
.frame {}

/* WRAPPER FOR FILMSTRIP IMAGES */
.frame .img_wrap { border: 1px solid #aaa; }

/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.frame.current .img_wrap { border-color: #000; }

/* FRAME IMAGES */
.frame img { border: none; }

/* FRAME CAPTION */
.frame .caption { font-size: 11px; text-align: center; color: #888; }

/* CURRENT FRAME CAPTION */
.frame.current .caption { color: #000; }

/* POINTER FOR CURRENT FRAME */
.pointer {
	border-color: #000;
}

/* TRANSPARENT BORDER FIX FOR IE6 */
/* NOTE - DO NOT CHANGE THIS RULE */
*html .pointer {
	filter: chroma(color=pink);
}

/* ====== Blends/Espresso Switcher ============ */
#switch-border {
padding: 10px;
border: 1px solid #000;
background-color: #F0F0F0;
height: 480px;
}

#switch_container {
float: left;
width: 600px;
height: 456px;
background-color: #E39A3C;
border-bottom: 2px solid #000;
}
#blend {
width: 580px;
height: 456px;
background-image: url(../../assets/blend1.jpg);
background-position: top;
background-repeat: no-repeat;
text-align: right;
padding: 10px;
}
#espresso {
width: 580px;
height: 456px;
background-image: url(../../assets/espresso1.jpg);
background-position: top;
background-repeat: no-repeat;
text-align: right;
padding: 10px;
}

#espresso img, #blend img {
	position: relative;
	top: 315px;
	left: 0;
}
#blend1, #blend2, #blend3, #blend4 {
background: url(../../assets/bg.jpg) top left;
background-color: #DC9337;
width:264px;
height: 93px;
padding: 10px;
border-bottom: 2px solid #EFEFEF;
float: left;
color: #333;
font-size: 12px;
}

#blend1 h4, #blend2 h4, #blend3 h4, #blend4 h4, #espresso1 h4, #espresso2 h4 {
font-size: 16px;
color: #362E91;
font-weight: bold;
}

#espresso1, #espresso2 {
background: url(../../assets/bg.jpg) top left;
background-color: #DC9337;
width:264px;
height: 120px;
padding: 10px;
border-bottom: 2px solid #EFEFEF;
float: left;
color: #333;
font-size: 12px;
}

#shot {
width: 284px;
height: 175px;
float: left;
}

/* ==== Form Styles ==== */
h1#FormModule_formTitle {
	font-size: 14px;
	color: #F47B20;
	margin-top: 10px;
	
}

table#FormModule_formTable {
	border-spacing: 5px;
}