/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

html, button, input, select, textarea { font-family: sans-serif; color: #222; }

body { margin: 0; font-size: 1em; line-height: 1.4; }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection { background: #D66B4B; color: #fff; text-shadow: none; }
::selection { background: #D66B4B; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

a { color: #E19F25;
font-weight:bold;
text-decoration: none;}
a:visited { color: #E19F25; }
a:hover { color: #6F0E04;
text-decoration: underline;}
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }

/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */

legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 */

button, input { line-height: normal; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }

/*
 * Re-set default cursor for disabled elements
 */

button[disabled], input[disabled] { cursor: default; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */

.chromeframe {
color: #333;
height:20px;
margin: 0 auto;
padding:4px 0;
width: 100%;
text-align:center;
border-bottom:1px dotted #002280;
background-color: rgb(254, 249, 194);
}


/* ==|== primary styles =====================================================
   Author:
   ========================================================================== */

html, body {
position: absolute;height: 100%;min-width: 100%;font-size:0.85em;
font-family: Verdana, Arial, Helvetica, sans-serif; 
background: #FCF6EA;
background-image: url(../images/background.png);background-repeat: repeat-y;background-position: top center;
}
h1, h2, h3, h4, h5, h6 {
color: #1B1B1B;
font-size: 1.54em;
font-weight: normal;
line-height: 24px;
margin: 0 0 .46em;
}
p {
line-height: 14px;
margin: 0 0 1em;
}
.wrapper {
position: relative;
margin: 0 auto;
width: 987px;
background: #FFFFFF;
min-height: 100%;
}
.wrapper + style + iframe {
display: none;
}
/* ==|== Header menu area ==|============================================= */
.header-bar {
margin: 0 auto;
width: 987px;
height: 284px;
overflow: hidden;
border-top:16px solid #2D4D0E;
}
.header {
display:block;
position:relative;
}
.header-back {
border-top:2px solid #FFFFFF;
z-index:0;
}
.head-logo {
position:absolute;
width:389px;
height:120px;
left:294px;
top:30px;
z-index:1;
}
.head-search {
position:absolute;
width:329px;
height:35px;
right:-4px;
top:256px;
z-index:2;
}
.head-search .searchfld {
width: 155px;
padding: 5px 5px 4px;
}
/* ==|== Head Menu ==|============================================= */
.head-menu {
position:absolute;
left:30px;
top:30px;
z-index:2;
}
.nav-hd { 
display:block;
position:absolute;
width:94px;height:94px;
background-image:url(../images/header-buttons.png);background-repeat:no-repeat;
z-index:3;
}
.nav-hd:hover { 
background-position: 0 -94px;
cursor: pointer;
}
.current-page { 
background-position: 0 -94px;
}
.nav-hd.homep {
	left:17px;top:88px;
}
.nav-hd.homep div {
	width:94px;height:94px;background-image:url(/images/nav-home.png);background-repeat:no-repeat;
	cursor: pointer;
}
.nav-hd.coffeeshop {
	left:121px;top:113px;
}
.nav-hd.coffeeshop div {
	width:94px;height:94px;background-image:url(/images/nav-onlinecoffeeshop.png);background-repeat:no-repeat;
	cursor: pointer;
}
.nav-hd.coffeeclub {
	left:238px;top:131px;
}
.nav-hd.coffeeclub div {
	width:94px;height:94px;background-image:url(/images/nav-coffeeclub.png);background-repeat:no-repeat;
	cursor: pointer;
}
.nav-hd.about {
	left:356px;top:142px;
}
.nav-hd.about div {
	width:94px;height:94px;background-image:url(/images/nav-about.png);background-repeat:no-repeat;
	cursor: pointer;
}
.nav-hd.visitshops {
	left:471px;top:142px;
}
.nav-hd.nav-hd.visitshops div {
	width:94px;height:94px;background-image:url(/images/nav-visitshops.png);background-repeat:no-repeat;
	cursor: pointer;
}
.nav-hd.blog {
	left:592px;top:131px;
}
.nav-hd.blog div {
	width:94px;height:94px;background-image:url(/images/nav-blog.png);background-repeat:no-repeat;
	cursor: pointer;
}
.nav-hd.account {
	left:707px;top:113px;
}
.nav-hd.account div {
	width:94px;height:94px;background-image:url(/images/nav-account.png);background-repeat:no-repeat;
	cursor: pointer;
}
.nav-hd.contact {
	left:808px;top:88px;
}
.nav-hd.contact div {
	width:94px;height:94px;background-image:url(/images/nav-contact.png);background-repeat:no-repeat;
	cursor: pointer;
}
.nav-hd.delivery {
	left:592px;top:131px;
}
.nav-hd.delivery div {
	width:94px;height:94px;background-image:url(/images/nav-delivery.png);background-repeat:no-repeat;
	cursor: pointer;
}
.nav-hd span {display:none}
#social-icons { position:absolute; top: -10px;right:0px;z-index:1;}
#social-icons ul {display:block;height:27px;position:relative;overflow:hidden;}
#social-icons ul li {display:block;float:left;border-left:2px solid #FFF;border-bottom:2px solid #FFF;}
#social-icons ul li a {display:block;width:26px;height:25px;background-image:url(../images/social-icons.png);background-repeat:no-repeat;}
#social-icons ul li.twitter a {background-position:0 0}
#social-icons ul li.facebook a {background-position:-26px 0}
#social-icons ul li.linkedin a {width:26px;background-position:-52px 0}
#social-icons ul li.rss a {background-position:-78px 0}
#social-icons ul li.pinterest a {width:26px;background-position:-104px 0}
#social-icons ul li.instagram a {width:26px;background-position:-130px 0}
#social-icons ul li.twitter a:hover {background-position:0 -25px}
#social-icons ul li.facebook a:hover {background-position:-26px -25px}
#social-icons ul li.linkedin a:hover {width:26px;background-position:-52px -25px}
#social-icons ul li.rss a:hover {background-position:-78px -25px}
#social-icons ul li.pinterest a:hover {width:26px;background-position:-104px -25px}
#social-icons ul li.instagram a:hover {width:26px;background-position:-130px -25px}
#social-icons ul li a {display:block;float:left;height:25px;width:26px;overflow:hidden}
#social-icons ul li a span {display:none}
/* ==|== Main Content ==|============================================= */
.main {
margin: 0 auto;
width: 987px;
padding:0 0 125px 0;
}
.main-menu {
float:left;
width: 187px;
padding:0 0 125px 0;
}
.main-left {
float:left;
width: 577px;
padding:0 10px 125px 0;
color:#616161;
font-size:0.95em;
}
.main-left H1 {
color:#591309;
font-size:1.1em;
font-weight:bold;
}
.main-right {
float:left;
width: 203px;
max-height: 1450px;
padding:0 10px 125px 0;
overflow:hidden;
}
#map { height:420px; width: 200px;border:1px solid #CCCCCC;}
/* =============================================================================
   Main Detail
   ========================================================================== */
.inner-title {
display:block;
padding:3px 15px;
width: 545px;
background:#FCF6EA;
margin: 0 0 10px 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.inner-title H1 {
margin: 0;
}
.terms-text,
.terms-text P {
line-height: 11px;
font-size:0.9em;
text-align:justify;
}
.inner-title p.breadcrumb {
color:#591309;
padding:0px;
margin:5px 0;
}

/* =============================================================================
   User Detail
   ========================================================================== */

.main-user-nav {
position:relative;
display:block;
width: 975px;
height:45px;
border:none;
clear:both;
font-size:0.95em;
}
#usernav {
    float: left;
    margin-top: 10px;
	padding:0 15px 0 35px;
}
#usernav a,
#cartsummary a, {
    padding: 2px 5px;
}
#cartsummary {
	position:relative;
    padding-left: 25px;
    float: right;
    margin-top: 10px;
}
.ccmemberid {
	float:right;
	margin:0 0 10px 10px;
	padding: 5px 10px 10px 20px;
	background:#FCF6EA;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.userform {
    position: relative;
	margin:20px 0;
}
.userform .row {
    clear: left;
    width: 100%;
	margin:0 0 4px 0;
}
.ccmemberid .row {
    clear: left;
	margin:0 0 4px 0;
}
.userform .label {
    float: left;
    min-height: 20px;
    width: 137px;
    margin-top: 5px;
    font-weight: bold;
    padding-right: 1em;
}
.ccmemberid .label {
    min-height: 20px;
    width: 137px;
    margin-top: 5px;
    font-weight: bold;
    padding-right: 1em;
}
.userform .error_list {

}
.userform .field,
.ccmemberid .field {
    min-height: 20px;
}
.userform .field #shipping_country,
.userform .field input[type=text],
.userform .field input[type=password] {
    min-width:290px;
}
.userform .field textarea {
    min-width:290px;
	height:150px;
}
.userform .continue {
    margin-left: 3px;
}
.userform .submit {
    margin-left: 147px;
}
.userform .usertext {
margin: 10px 0 5px 147px;
width:290px;
color:#999;
}
.userform .usertext p {
font-size:0.9em;
line-height:1.1em;
}
.error-box {
display:block;
text-align:center;
color:#671600;
font-weight:bold;
background:#FAEBB4;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#FAF4DC),to(#FAEBB4));
	background-image: -webkit-linear-gradient(top,#FAF4DC,#FAEBB4);
	background-image: -moz-linear-gradient(top,#FAF4DC,#FAEBB4);
	background-image: -ms-linear-gradient(top,#FAF4DC,#FAEBB4);
	background-image: -o-linear-gradient(top,#FAF4DC,#FAEBB4);
	background-image: linear-gradient(top,#FAF4DC,#FAEBB4);
border:1px dashed #1B0D00;
padding:8px;
margin:0 0 10px 0;
}
.success-box {
display:block;
text-align:center;
color:#4C644B;
font-weight:bold;
background:#BEFABB;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#E4FAE2),to(#BEFABB));
	background-image: -webkit-linear-gradient(top,#E4FAE2,#BEFABB);
	background-image: -moz-linear-gradient(top,#E4FAE2,#BEFABB);
	background-image: -ms-linear-gradient(top,#E4FAE2,#BEFABB);
	background-image: -o-linear-gradient(top,#E4FAE2,#BEFABB);
	background-image: linear-gradient(top,#E4FAE2,#BEFABB);
border:1px dashed #1B0D00;
padding:8px;
margin:0 0 10px 0;
}
#error-box {
position:relative;
text-align:center;
color:#671600;
font-weight:bold;
background:#FAEBB4;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#FAF4DC),to(#FAEBB4));
	background-image: -webkit-linear-gradient(top,#FAF4DC,#FAEBB4);
	background-image: -moz-linear-gradient(top,#FAF4DC,#FAEBB4);
	background-image: -ms-linear-gradient(top,#FAF4DC,#FAEBB4);
	background-image: -o-linear-gradient(top,#FAF4DC,#FAEBB4);
	background-image: linear-gradient(top,#FAF4DC,#FAEBB4);
border:1px dashed #1B0D00;
padding:8px;
z-index:100;
}
.dev-box {
clear:both;
display:block;
color:#000000;
text-align:center;
background:#FAEBB4;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#FAF4DC),to(#FAEBB4));
	background-image: -webkit-linear-gradient(top,#FAF4DC,#FAEBB4);
	background-image: -moz-linear-gradient(top,#FAF4DC,#FAEBB4);
	background-image: -ms-linear-gradient(top,#FAF4DC,#FAEBB4);
	background-image: -o-linear-gradient(top,#FAF4DC,#FAEBB4);
	background-image: linear-gradient(top,#FAF4DC,#FAEBB4);
border:1px dashed #1B0D00;
padding:8px 8px 0px;
margin:0 0 4px 0;
}

.req {
color:#C00C00;
}
.mylist LI {
	padding-bottom:10px;
}
.myback {
	position:relative;
	display:block;
	float:right;
	width:362px;
	padding-right:20px;
	clear:both;
	text-align:right;
}
.myback a {
background: url(../images/bean-sm.png) no-repeat 0; padding-left: 17px;
}
/* =============================================================================
   Order Table
   ========================================================================== */
table.orderTable thead th,
table.orderTable thead td,
table.orderTable tbody th,
table.orderTable tbody td {
    border-bottom: 1px solid #DDD;
	font-size:0.9em;
}
table.orderTable thead th {
	height:20px;
    padding:4px;
    border: 1px solid #DDD;
}
table.orderTable thead th.orderdesc {
    text-align: center;
    font-weight: bold;
	width: 220px;
	padding: 3px 5px;
	background-color: #F3F3F3;
}
table.orderTable thead th.ordertrans {
    text-align: center;
    font-weight: bold;
	width: 90px;
	padding: 3px 5px;
	background-color: #F3F3F3;
}
table.orderTable thead th.orderpayment {
    text-align: center;
    font-weight: bold;
	width: 80px;
	padding: 3px 5px;
	background-color: #F3F3F3;
}
table.orderTable thead th.orderdate {
    text-align: center;
    font-weight: bold;
	width: 60px;
	padding: 3px 5px;
	background-color: #F3F3F3;
}
table.orderTable tbody td.orderdesc {
    text-align: left;
	padding: 3px 5px 3px 5px;
}
table.orderTable thead th.ordertotal {
    text-align: center;
    font-weight: bold;
	width: 60px;
	padding: 3px 5px;
	background-color: #F3F3F3;
}
table.orderTable tbody td.orderline {
    text-align: center;
	padding: 3px 5px;
}
table.orderTable tbody td.orderamount {
    text-align: right;
	padding: 3px 17px 3px 5px;
}
/* =============================================================================
   Menu Panel 
   ========================================================================== */

.jquerycssmenu{
position:relative;
width: auto;
}
.jquerycssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font-size:0.95em;
text-transform:uppercase;
}
/*Top level list items*/
.jquerycssmenu ul li{
position: relative;
margin-bottom:2px;
}
/*Top level menu link items style*/
.jquerycssmenu ul li a {
display: block;
min-height:14px;
padding: 5px 0 5px 36px;
text-decoration: none;
font-weight:bold;
color: #000;
background-image:url(../images/menu-ul.png);background-repeat:no-repeat;
}
.jquerycssmenu ul li a.tall {
background-image:url(../images/menu-ul-tall.png);background-repeat:no-repeat;
}
/*Top level menu link items style*/
.jquerycssmenu ul li a:hover {
color: #E19F25;
text-decoration: none;
background-position:0 -48px;
}
.jquerycssmenu ul li a.tall:hover {
background-position:0 -96px;
}
/*1st sub level menu*/
.jquerycssmenu ul li ul {
margin:2px 0;
}
/*Sub level menu list items (undo style from Top level List Items)*/
.jquerycssmenu ul li ul li{
display: list-item;
}
/* Sub level menu links style */
.jquerycssmenu ul li ul li a{
font-weight:normal;
color:#616161;
width:124px;
padding: 5px 0 5px 50px;
background-position:0 -24px;
}
.jquerycssmenu ul li ul li a.tall{
background-position:0 -48px;
}
.jquerycssmenu ul li ul li a:hover{ /*sub menus hover style*/
color:#E19F25;
text-decoration: none;
background-position:0 -72px;
}
.jquerycssmenu ul li ul li a.tall:hover{ /*sub menus hover style*/
background-position:0 -144px;
}
/* Sub level menu links style */
.jquerycssmenu ul li ul li ul li a{
color:#616161;
width:124px;
padding: 5px 0 5px 50px;
background-position:0 -24px;
}
/* Sub level menu links style */
.jquerycssmenu ul li ul li ul li a.tall{
background-position:0 -48px;
}
.jquerycssmenu ul li ul li ul li a:hover{ /*sub menus hover style*/
color:#E19F25;
text-decoration: none;
background-position:0 -72px;
}
.jquerycssmenu ul li ul li ul li a.tall:hover{ /*sub menus hover style*/
background-position:0 -144px;
}
/* Sub level menu links style */
.jquerycssmenu ul li ul li ul li ul li a{
color:#616161;
width:124px;
padding: 5px 0 5px 50px;
background-position:0 -24px;
}
.jquerycssmenu ul li ul li ul li ul li a.tall{
background-position:0 -48px;
}
.jquerycssmenu ul li ul li ul li ul li a:hover{ /*sub menus hover style*/
color:#E19F25;
text-decoration: none;
background-position:0 -72px;
}
.jquerycssmenu ul li ul li ul li ul li a.tall:hover{ /*sub menus hover style*/
background-position:0 -144px;
}
/* ==|== Product Menu Panel ==|==================================== */
.pmenu-box {
position:relative;
float:left;
width: 181px;
height: 238px;
overflow:hidden;
vertical-align:bottom;
}
.pmenu-box img {
min-width: 181px;
max-height: 180px;
z-index:0;
}
.ppmenu-box {
position:relative;
float:left;
width: 181px;
height: 283px;
overflow:hidden;
vertical-align:bottom;
}
.ppmenu-box img {
min-width: 181px;
max-height: 180px;
z-index:0;
}
.pmenu-box img:hover {
	opacity: 0.7 !important;
	-moz-opacity: 0.7 !important;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	transition: all 0.2s ease;
	cursor:pointer;
}
.ppmenu-box img:hover {
	opacity: 0.7 !important;
	-moz-opacity: 0.7 !important;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	transition: all 0.2s ease;
	cursor:pointer;
}
.pmenu-title {
position:absolute;
bottom: 20px;
padding: 4px 6px;
width: 169px;
height: 30px;
text-align:center;
color:#FFFFFF;
background:#56292F;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#6F0E04),to(#2F161A));
	background-image: -webkit-linear-gradient(top,#6F0E04,#2F161A);
	background-image: -moz-linear-gradient(top,#6F0E04,#2F161A);
	background-image: -ms-linear-gradient(top,#6F0E04,#2F161A);
	background-image: -o-linear-gradient(top,#6F0E04,#2F161A);
	background-image: linear-gradient(top,#6F0E04,#2F161A);
font-size:0.95em;
font-weight:bold;
z-index:2;
overflow:hidden;
}
.ppmenu-title {
position:absolute;
bottom: 65px;
padding: 4px 6px;
width: 169px;
height: 30px;
text-align:center;
color:#FFFFFF;
background:#56292F;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#6F0E04),to(#2F161A));
	background-image: -webkit-linear-gradient(top,#6F0E04,#2F161A);
	background-image: -moz-linear-gradient(top,#6F0E04,#2F161A);
	background-image: -ms-linear-gradient(top,#6F0E04,#2F161A);
	background-image: -o-linear-gradient(top,#6F0E04,#2F161A);
	background-image: linear-gradient(top,#6F0E04,#2F161A);
font-size:0.95em;
font-weight:bold;
z-index:2;
overflow:hidden;
}
.ptmenu-title {
position:absolute;
bottom: 0px;
padding: 4px 6px;
width: 169px;
height: 12px;
text-align:center;
background:#FFFFFF;
font-size:0.95em;
font-weight:bold;
z-index:2;
overflow:hidden;
}
.pmenu-title a:link,
.pmenu-title a:active,
.pmenu-title a:visited,
.ppmenu-title a:link,
.ppmenu-title a:active,
.ppmenu-title a:visited {
color:#FFFFFF;text-decoration:none;
}
.ptmenu-title a:link,
.ptmenu-title a:active,
.ptmenu-title a:visited {
color:#CCCCCC;text-decoration:none;
}
.pmenu-title a:hover,
.ppmenu-title a:hover,
.ptmenu-title a:hover {
color:#E19F25;text-decoration:underline;
}
.pm-padr {
margin:0 16px 13px 0;
}
.pm-pad {
margin:0 0 13px 0;
}
.new-multibuy,
.new-multibuy-img {
position:absolute;
bottom: 103px;
padding: 4px 6px;
width: 169px;
height: 14px;
text-align:center;
color:#FFFFFF;
background:#3399ff;
background-image: -webkit-gradient(linear,left top,left bottom,from(#3399ff),to(#2164A7));
	background-image: -webkit-linear-gradient(top,#3399ff,#2164A7);
	background-image: -moz-linear-gradient(top,#3399ff,#2164A7);
	background-image: -ms-linear-gradient(top,#3399ff,#2164A7);
	background-image: -o-linear-gradient(top,#3399ff,#2164A7);
	background-image: linear-gradient(top,#3399ff,#2164A7);
font-size:0.95em;
font-weight:bold;
z-index:2;
overflow:hidden;
}
.new-multibuy-img {
bottom: 0px;
width: 198px;
}

.ppmenu-box div a,
.ppmenu-box div a:hover {
	display:block;
	outline:none;
}

.buy-now {
position:absolute;
bottom: 25px;
width: 181px;
height: 27px;
padding: 4px 0;
font-size:0.90em;
font-weight:bold;
z-index:2;
overflow:hidden;
}
.buy-now span.price-from {
	display:block;
	float:left;
	padding-left: 0px;
	width:120px;
	height:27px;
	text-align:center;
	line-height:27px;
	overflow:hidden;
}
.buy-now a {
	display:block;
	float:right;
	width:60px;
	height:27px;
}
.buy-now a img {
	min-width: 51px;
	width:60px;
	height:27px;
}
/* == feature ==|=============================================== */
.summary-box {
position:relative;
float:left;
width: 181px;
margin-top:15px;
margin-bottom: 15px;
vertical-align:bottom;
}
.summary-box .summary-img {
padding:8px;
height: 116px;
border:1px solid #CCC;
background:#FFFFFF;
-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
margin-bottom:5px;
}
.summary-box .summary-img img {
min-width: 161px;
max-height: 118px;
z-index:0;
}
.summary-box .summary-img img{
min-width: 161px;
max-height: 118px;
z-index:0;
}
.summary-box .summary-img img.fade:hover {
	opacity: 0.7 !important;
	-moz-opacity: 0.7 !important;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	transition: all 0.2s ease;
	cursor:pointer;
}
.summary-box .summary-title H2 {
font-size:1em;
color:#E19F25;
font-weight:bold;
white-space:nowrap;
overflow:hidden;
}
.summary-box .summary-text {
height: 100px;
padding: 0 0 45px 0;
font-size:1em;
overflow:hidden;
}
.summary-box .summary-more {
position:absolute;
bottom:0;
left: 0;
z-index:1;
}
.summary-box .summary-more a {
color:#FADF7C;
text-decoration:none;
}
.summary-box .summary-more a:hover {
text-decoration:none;
}
.summary-box .summary-more a:visited {
color:#FADF7C;
}

.news-article {
position:relative;
float: left;
width: 577px;
padding:20px 0;
}
.news-article .article-title {
display:block;
width: 577px;
overflow:hidden;
color:#E19F25;
margin: 0 0 3px 0;
}
.news-article .article-title H2 {
text-transform: none;
font-size:1.1em;
font-weight:bold;
color:#E19F25;
line-height: 1.1em;
}
.news-article .article-img {
float:right;
display:block;
max-width: 275px;
padding:8px;
margin:0 0 15px 15px;
border:1px solid #CCC;
background:#FFFFFF;
-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
}
.news-article .article-img img {
max-width:275px;
}
.news-article .article-text {
display:block;
width: 577px;
min-height: 158px;
margin:5px 0;
}
.news-article .article-text p {
/*text-align:justify;*/
}
.news-article .article-more {
position:relative;
top:20px;
height:38px;
margin-bottom:15px;
}
.news-article .article-more a:hover {
opacity: 0.8; -moz-opacity: 0.8;
}
/* new product panel */
#newproductwrapper {
	display:block;
	position:relative;
	width:572px;
	min-height:220px;
	padding: 0 0 0 5px;
}
#newproduct {
	display:block;
	position:relative;
}

.manufacturers {
	display:block;
}
.manufacturers div {
	float:left;
	position:relative;
	width: 260px;
	text-align:center;
	margin: 5px;
	height: 100px;
}
.manufacturers div img {
	max-width:100%;
	max-height:100px;
	position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.manufacturers div a:hover img,
.manufacturers div img:hover {
	opacity: 0.8;
	cursor:pointer;
}
.brand-logo {
	float:left;
	margin: 10px 20px 20px 0;
}
.brand-logo IMG {
  padding: 8px;
  max-width: 200px;
  border: 1px solid #CCC;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
  box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
}
/* ==|== form button styling ==|==================================================
Courtesy of Google css styling
========================================================================== */
button, input, select, textarea {
font-family: inherit;
font-size: inherit;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
}
.main textarea {
display: inline-block;
margin: 0;
padding: 5px 3px;
background: #fff;
border: 1px solid #d9d9d9;
border-top: 1px solid #c0c0c0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
}
.main select,
.main input[type=email],
.main input[type=number],
.main input[type=password],
.main input[type=tel],
.main input[type=text],
.main input[type=url],
.main input[type=date] {
display: inline-block;
height: 24px;
line-height: 20px;
margin: 0;
padding: 0 3px;
background: #fff;
border: 1px solid #d9d9d9;
border-top: 1px solid #c0c0c0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
}
.main select {
padding: 0;
}
.main textarea:hover,
.main select:hover,
.main input[type=email]:hover,
.main input[type=number]:hover,
.main input[type=password]:hover,
.main input[type=tel]:hover,
.main input[type=text]:hover,
.main input[type=url]:hover,
.main input[type=date]:hover {
border: 1px solid #b9b9b9;
border-top: 1px solid #a0a0a0;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}
.main textarea:focus,
.main select:focus,
.main input[type=email]:focus,
.main input[type=number]:focus,
.main input[type=password]:focus,
.main input[type=tel]:focus,
.main input[type=text]:focus,
.main input[type=url]:focus,
.main input[type=date]:focus {
outline: none;
border: 1px solid #7D765B;
background-color:#FAF4DD;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
}
.main textarea[disabled=disabled],
.main select[disabled=disabled],
.main input[type=email][disabled=disabled],
.main input[type=number][disabled=disabled],
.main input[type=password][disabled=disabled],
.main input[type=tel][disabled=disabled],
.main input[type=text][disabled=disabled],
.main input[type=url][disabled=disabled],
.main input[type=date][disabled=disabled] {
border: 1px solid #e5e5e5;
background: #f5f5f5;
}
.main textarea[disabled=disabled]:hover,
.main select[disabled=disabled]:hover,
.main input[type=email][disabled=disabled]:hover,
.main input[type=number][disabled=disabled]:hover,
.main input[type=password][disabled=disabled]:hover,
.main input[type=tel][disabled=disabled]:hover,
.main input[type=text][disabled=disabled]:hover,
.main input[type=url][disabled=disabled]:hover,
.main input[type=date][disabled=disabled]:hover {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.main textarea[readonly=readonly],
.main select[readonly=readonly],
.main input[type=email][readonly=readonly],
.main input[type=number][readonly=readonly],
.main input[type=password][readonly=readonly],
.main input[type=text][readonly=readonly],
.main input[type=url][readonly=readonly],
.main input[type=date][readonly=readonly] {
border: 1px solid #d9d9d9;
}
.main textarea[readonly=readonly]:hover,
.main select[readonly=readonly]:hover,
.main input[type=email][readonly=readonly]:hover,
.main input[type=number][readonly=readonly]:hover,
.main input[type=password][readonly=readonly]:hover,
.main input[type=text][readonly=readonly]:hover,
.main input[type=url][readonly=readonly]:hover,
.main input[type=date][readonly=readonly]:hover,
.main textarea[readonly=readonly]:focus,
.main select[readonly=readonly]:focus,
.main input[type=email][readonly=readonly]:focus,
.main input[type=number][readonly=readonly]:focus,
.main input[type=password][readonly=readonly]:focus,
.main input[type=text][readonly=readonly]:focus,
.main input[type=url][readonly=readonly]:focus,
.main input[type=date][readonly=readonly]:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.main textarea.form-error,
.main select.form-error,
.main input[type=email].form-error,
.main input[type=number].form-error,
.main input[type=password].form-error,
.main input[type=text].form-error,
.main input[type=url].form-error,
.main input[type=date].form-error {
border: 1px solid #591307;
}
.g-button {
display: inline-block;
min-width: 140px;
text-align: center;
color: #000000;
font-size: 11px;
font-weight: bold;
height: 27px;
padding: 0 8px;
line-height: 27px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transition: all 0.218s;
-moz-transition: all 0.218s;
-ms-transition: all 0.218s;
-o-transition: all 0.218s;
transition: all 0.218s;
border: 1px solid #dcdcdc;
background-color: #f5f5f5;
background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f1f1f1));
background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
cursor: pointer;
}
.g-button-more {
min-width: 55px;
}
.g-button-color {
color:#
}
button.g-button,
input[type=button].g-button,
input[type=submit].g-button {
height: 27px;
line-height: 27px;
vertical-align: bottom;
margin: 0;
}
.g-button:hover {
border: 1px solid #c6c6c6;
color: #444;
text-decoration: none;
-webkit-transition: all 0.0s;
-moz-transition: all 0.0s;
-ms-transition: all 0.0s;
-o-transition: all 0.0s;
transition: all 0.0s;
background-color: #f8f8f8;
background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1));
background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);
background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1);
background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);
background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.g-button:active {
background-color: #f6f6f6;
background-image: -webkit-gradient(linear,left top,left bottom,from(#f6f6f6),to(#f1f1f1));
background-image: -webkit-linear-gradient(top,#f6f6f6,#f1f1f1);
background-image: -moz-linear-gradient(top,#f6f6f6,#f1f1f1);
background-image: -ms-linear-gradient(top,#f6f6f6,#f1f1f1);
background-image: -o-linear-gradient(top,#f6f6f6,#f1f1f1);
background-image: linear-gradient(top,#f6f6f6,#f1f1f1);
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}
.g-button:visited {
color: #000;
}
.g-button-more,
.g-button-color {
color: #FADF7C;
text-shadow: 0 1px rgba(0,0,0,0.3);
border: 1px solid #150B00;
background-color: #150B00;
background-image: -webkit-gradient(linear,left top,left bottom,from(#7F2801),to(#150B00));
background-image: -webkit-linear-gradient(top,#7F2801,#150B00);
background-image: -moz-linear-gradient(top,#7F2801,#150B00);
background-image: -ms-linear-gradient(top,#7F2801,#150B00);
background-image: -o-linear-gradient(top,#7F2801,#150B00);
background-image: linear-gradient(top,#7F2801,#150B00);
}
.g-button-more:hover,
.g-button-color:hover {
color: #FADF7C;
text-shadow: 0 1px rgba(0,0,0,0.1);
border: 1px solid #7E625E;
background-color: #150B00;
background-image: -webkit-gradient(linear,left top,left bottom,from(#C00C00),to(#150B00));
background-image: -webkit-linear-gradient(top,#C00C00,#150B00);
background-image: -moz-linear-gradient(top,#C00C00,#150B00);
background-image: -ms-linear-gradient(top,#C00C00,#150B00);
background-image: -o-linear-gradient(top,#C00C00,#150B00);
background-image: linear-gradient(top,#C00C00,#150B00);
}

/* ==|== Cart Table ==|==================================== */
table.cartTable thead th,
table.cartTable thead td,
table.cartTable tbody th,
table.cartTable tbody td {
    border-bottom: 1px solid #DDD;
}

table.cartTable thead th {
	height:20px;
    padding:4px;
    border: 1px solid #DDD;
}

table.cartTable thead th.cartdel {
	padding:4px 0px;
}

table.cartTable thead th.cartdesc {
	text-align:left;
}

table.cartTable thead th.cartprice {
	text-align:right;
}

table.cartTable td {
    padding: 2px;
}

table.cartTable td.cartdel {
    width: 23px;
}

table.cartTable td.cartqty {
    width: 30px;
}

table.cartTable td.cartdelivery {
    padding:8px 0 0;
	text-align:right;
}

table.cartTable td.cartdelivery select {
	float:right;
	width: 191px;
}

table.cartTable td.cartdelivery div {
	float:right;
	height:23px;
	display:table-cell;
	vertical-align:middle;
	padding: 5px;
	font-weight: bold;
}



table.cartTable td.cartqty input[type="text"] {
	width:30px;
	min-width:30px;
	text-align:center;
}

table.cartTable td.cartdel input[type="checkbox"] {
	margin: 6px 0 0 5px;
}

table.cartTable td.cartqty input[type="text"] {
	margin-left:3px;
	width:30px;
	min-width:30px;
	text-align:center;
}

table.cartTable td.cartdesc {
	padding: 6px 2px 2px 5px;
	width:360px;
}

table.cartTable td.cartprice {
    text-align: right;
    font-weight: bold;
	width: 50px;
	padding: 6px 5px 2px 2px;
}

table.cartTable td.carttotal {
    text-align: right;
    font-weight: bold;
	min-width: 60px;
	padding: 6px 5px 2px 2px;
}

table.cartTable tfoot th.cartprice {
    text-align: right;
    font-weight: bold;
	min-width: 50px;
	padding: 6px 5px 5px 2px;
	background-color: #F3F3F3;
}

table.cartTable tfoot th.carttotal {
    text-align: right;
    font-weight: bold;
	width: 60px;
	padding: 6px 5px 5px 2px;
	background-color: #F3F3F3;
}

table.cartTable tfoot th.wide {
	width: 105px;
	border:1px solid #DDD;
}
table.cartTable tfoot th.bord {
	width: 70px;
	padding: 6px 5px 5px 5px;
	border:1px solid #DDD;
}
table.cartTable tfoot th.saving {
	border-bottom: 1px solid #DDD;
	padding: 6px 5px 5px 2px;
	background-color: #ECECEC;
	font-style: italic;
}

table.cartTable a {
    font-weight: bold;
    display: inline-block;
}

table.cartTable tfoot th.total {
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	padding: 6px 5px 5px 2px;
	background-color: #ECECEC;
}

table.cartTable thead th {
    background-color: #F3F3F3;
}

table.cartTable th.cartupdate {
	padding: 10px 10px 6px 0;
	text-align:left;
	font-weight:normal;
}

table.cartTable td .removed {
	font-size:0.85em;
}

.offerPrice {
    text-decoration: line-through;
    color: #E92124;
}

.optionPrice {
	font-style:italic;
    color: #E92124;
}
.redbg {
	background-color: #FFEEEE;
	border-right: 1px solid #FFEEEE;
}

.strikeItem {
    text-decoration: line-through;
}

.shipaddress {
padding:5px 0 0 10px;
width:200px;
}
.shipphone {
float:right;
padding:5px 10px 0 0;
width:120px;
}
.shipphone div {
padding:10px 0;
font-size:0.85em;
line-height:1.1em;
}

#cartUpdateButton {
padding:10px;
background:#FCF6EA;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.prodOptions {
font-size:0.85em;
color:#000000;
}

#cartUpdated {
position:absolute;
left:320px;
top:-3px;
padding:10px 70px;
border:1px solid #E19F25;
background:#FCF6EA;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
z-index:1000;
/* CSS3 styling for latest browsers */
	background-image: -webkit-gradient(linear,left top,left bottom,from(#FFFFFF),to(#FCF6EA));
	background-image: -webkit-linear-gradient(top,#FFFFFF,#FCF6EA);
	background-image: -moz-linear-gradient(top,#FFFFFF,#FCF6EA);
	background-image: -ms-linear-gradient(top,#FFFFFF,#FCF6EA);
	background-image: -o-linear-gradient(top,#FFFFFF,#FCF6EA);
	background-image: linear-gradient(top,#FFFFFF,#FCF6EA);
-webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
}

#cartAddress {
padding:10px;
background:#FFFFFF;
border:1px solid #E19F25;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.main-left td IMG {
	max-width:100%
}

/* ==|== Checkout ==|==================================== */
.checkout-menu {
position:relative;
display:block;
height:32px;
}
.nav-co { 
display:block;
position:absolute;
width:160px;height:32px;
z-index:3;
}
.nav-co.one {
	left:0px;top:0px;
}
.nav-co.one div {
	overflow:hidden;
	width:140px;height:16px;padding:8px;background-image:url(../images/checkout-menu.png);background-repeat:no-repeat;background-position: -16px 0;
}
.nav-co.current-page.one div {
	overflow:hidden;
	font-weight:bold;
	width:140px;height:16px;padding:8px;background-image:url(../images/checkout-menu.png);background-repeat:no-repeat;background-position: -16px -64px;
}
.nav-co.two {
	left:140px;top:0px;
}
.nav-co.two div {
	overflow:hidden;
	width:140px;height:16px;padding:8px;background-image:url(../images/checkout-menu.png);background-repeat:no-repeat;background-position:-16px 0;
}
.nav-co.current-page.two div {
	overflow:hidden;
	font-weight:bold;
	width:140px;height:16px;padding:8px;background-image:url(../images/checkout-menu.png);background-repeat:no-repeat;background-position: -16px -64px;
}
.nav-co.three {
	left:280px;top:0px;
}
.nav-co.three div {
	overflow:hidden;
	width:140px;height:16px;padding:8px;background-image:url(../images/checkout-menu.png);background-repeat:no-repeat;background-position:-16px 0;
}
.nav-co.current-page.three div {
	overflow:hidden;
	font-weight:bold;
	width:140px;height:16px;padding:8px;background-image:url(../images/checkout-menu.png);background-repeat:no-repeat;background-position: -16px -64px;
}
.nav-co.four {
	left:420px;top:0px;
}
.nav-co.four div {
	overflow:hidden;
	width:140px;height:16px;padding:8px;background-image:url(../images/checkout-menu.png);background-repeat:no-repeat;background-position: 0 -32px;
}
.nav-co.current-page.four div {
	overflow:hidden;
	font-weight:bold;
	width:140px;height:16px;padding:8px;background-image:url(../images/checkout-menu.png);background-repeat:no-repeat;background-position: 0 -96px;
}
.nav-co span {color:#591309;}
/* ==|== Product Panel ==|==================================== */
.product-left {
	padding:0 0 10px 0;
	width:210px;
	float:left;
}
.product-right {
	width:362px;
	float:left;
}
.product-right .brand {
	float:right;
	margin: 0 0 20px 20px;
	max-width:100px;
}
#product-detail {
	width:362px;
	padding-top:15px;
}
.product-detail-left {
	float:left;
	width:105px;
	clear:left;
	text-align:right;
}
.product-detail-right {
	float:right;
	width:237px;
	padding-left:20px;
	clear:right;
	text-align:left;
}
.product-detail-left-price {
	float:left;
	width:90px;
	clear:left;
	text-align:right;
}
.product-detail-right-price {
	position:relative;
	float:right;
	width:222px;
	padding-left:20px;
	clear:right;
	text-align:left;
}
.product-detail-right-price #qty {
	text-align:center;
}
.product-detail-terms {
	position:relative;
	display:block;
	float:right;
	width:362px;
	padding-right:20px;
	clear:both;
	text-align:right;
}
.product-detail-terms a {
background: url(../images/bean-sm.png) no-repeat 0; padding-left: 17px;
}
.product-detail-paypal {
	position:absolute;
	left: 110px;
	top: -23px;
	z-index:0;
}
.product-detail-cart {
	position:absolute;
	left: 60px;
	top: -2px;
	z-index:0;
}
.product-detail-cart input[type="button"] {
	min-width:80px;
}
.pr-pad-txt {
padding-top:4px;
}
/*
	Slideshow
*/

#products {
	width:210px;
	position:relative;
}
/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/
#products .slides_container {
	width:210px;
	height:210px;
	margin-bottom:4px;
	float:left;
	position:relative;
	overflow:hidden;
}
/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width:210px;
	display:block;
	overflow:hidden;
}
.slides_container a img {
	max-width: 208px;
	max-height: 208px;
	border:1px solid #BBB;
}
/*
	Next/prev buttons
*/
#products .next,#products .prev {
	position:relative;
	width:21px;
	left:75px;
	height:0;
	padding-top:21px;
	overflow:hidden;
	display:block;
}
#products .prev {
	background:url(../images/arrow-prev.png);
}
#products .next {
	top:-21px;
	left:105px;
	background:url(../images/arrow-next.png);
}
#products .oos-ribbon,#products .spec-ribbon,#products .new-ribbon,.ppmenu-box .oos-ribbon,.ppmenu-box .spec-ribbon,.ppmenu-box .new-ribbon {
	position:absolute;
	top:-3px;
	left:-3px;
	width:112px;
	height:112px;
	display:block;
	z-index:101;
}

/*
	out of stock
*/
#products .oos-ribbon,.ppmenu-box .oos-ribbon {
	background:url(../images/oos-ribbon.png);
}
/*
	special offer
*/
#products .spec-ribbon,.ppmenu-box .spec-ribbon {
	background:url(../images/spec-ribbon.png);
}
.spec-offer {
	color:#DF2B26;
	font-weight:bold;
}
/*new
*/
#products .new-ribbon,.ppmenu-box .new-ribbon {
	background:url(../images/new-ribbon.png);
}
/*
	Pagination
*/
#products .pagination {
	max-width:210px;
	margin:5px auto;
	float:left;
	padding-left:2px;
}
#products .pagination ul {
	margin-top:0px;
}
#products .pagination li {
	float:left;
	margin:0 1px 1px 0;
	list-style:none;
}
#products .pagination li a img {
	max-width: 45px;
}

#products .pagination li a {
	display:block;
	width:47px;
	height:47px;
	margin:1px;
	float:left;
	overflow:hidden;
	border:1px solid #FFFFFF;
}

#products .pagination li.current a img {
	border:1px solid #BBB;
}

/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	padding:20px;
	background: #F5F5F5;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#FFFFFF),to(#F5F5F5));
	background-image: -webkit-linear-gradient(top,#FFFFFF,#F5F5F5);
	background-image: -moz-linear-gradient(top,#FFFFFF,#F5F5F5);
	background-image: -ms-linear-gradient(top,#FFFFFF,#F5F5F5);
	background-image: -o-linear-gradient(top,#FFFFFF,#F5F5F5);
	background-image: linear-gradient(top,#FFFFFF,#F5F5F5);

	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px 5px #000;	
	box-shadow: 0 0 90px 5px #000;
}

.simple_overlay {
min-width:230px;	
min-height:240px;
}
.simple_overlay img {
	max-width:600px;
	border: 1px solid #e5e5e5;
}
/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../images/overlay-close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}
/* priced */
.pricing-block {
display:block;
padding: 0 0 15px;
margin: 0 15px 0;
background:#FCF6EA;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.priced {
padding:10px 0;
font-weight:bold;
font-size:1.2em;
color:#56292F;
}
.qty {
width:30px;
}
/* ==|== Footer  ==|============================================= */
.footer-bar {
position: absolute;
margin:0 auto;
bottom: 0;
height: 125px;
width: 987px;
background: #231400;
background-image: url(../images/footer-background.png);background-repeat: repeat-x;background-position: top left;
}
.footer {
position: relative;
display:block;
}
.footcontent {
color:#FADF7C;
padding: 12px 5px 5px 5px;
text-align:center;
}
.footcopy {
font-size:0.85em;
}
.footcopy .finesse {
font-size:0.70em;
}
.footnav a { color: #FADF7C; text-decoration:none;}
.footnav a:visited { color: #FADF7C; }
.footnav a:hover { color: #E19F25; }
.footcopy a { color: #E19F25; text-decoration:none;}
.footcopy a:visited { color: #E19F25; }
.footcopy a:hover { color: #FADF7C; }




#cookies {
	color:#FFF;
	font-size:1em;
	min-height:57px;
	position:fixed;
	left:0px;
	bottom: 0px;
	width:100%;
	background-color: #571507;
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 15px rgba(0,0,0,0.4);
	border-top:1px solid #000;
	z-index:999;
}
#cookies p {
	padding:19px 0 19px;
	margin: 0 auto;
	width:70%;
	text-align:center;
	text-shadow: 0 3px 12px rgba(0, 0, 0, 0.7);
}
#cookies a {
	color:#FFF;
}
#cookies a:hover {
	color:#FFF;
	text-decoration:none;
	border-bottom:1px dotted #FFF;
}
#cookies #close-cookies {
	width:6%;
}
#cookies #close-cookies span {
	background-color:#FFF;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius:50%;
	color:#981C47;
	text-align:center;
	line-height:30px;
	font-size:2em;
	width:30px;
	height:30px;
	position:absolute;
	right:2%;
	padding-right:1px;
	top:13px;
	cursor:pointer;
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 15px rgba(0,0,0,0.4);
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
} 
#cookies #close-cookies span:hover {
	color:#6F1132;
	-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 0px rgba(0,0,0,0.4);
} 

/* =========================================================================
   misc spacing
   ========================================================================== */
   
.lineBreakp
	{
	clear:both;	height:1px;overflow:hidden;
	}
.lineBreak3p
	{
	clear:both;	height:3px;overflow:hidden;
	}
.lineBreak5p
	{
	clear:both;	height:5px;overflow:hidden;
	}
.lineBreak8p
	{
	clear:both;	height:8px;overflow:hidden;
	}
.lineBreak10p
	{
	clear:both;	height:10px;overflow:hidden;
	}
.lineBreak15p
	{
	clear:both;height:15px;overflow:hidden;
	}
.lineBreak20p
	{
	clear:both;height:20px;overflow:hidden;
	}
.lineBreak25p
	{
	clear:both;height:25px;overflow:hidden;
	}
.lineBreak35p
	{
	clear:both;height:35px;overflow:hidden;
	}
.lineBreak50p
	{
	clear:both;height:50px;overflow:hidden;
	}
/* ==|== media queries ======================================================
   EXAMPLE Media Query for Responsive Design.
   This example overrides the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}



/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }



/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}