@charset "utf-8";
/* CSS Document */
/* ==========================================
Really Easy Cart
Default Page Css Doc
=========================================== */
/* CSS reset */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	/*vertical-align: baseline;*/
	background: transparent;
}
body {
	line-height: 1.2;
}
ul {
	list-style: none;
}
ol {
	list-style: decimal;
	padding-top: 4px;
	padding-left: 20px;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}/* CSS 960 System (Want a liquid design? change to 960_24_col_liquid.css) */
/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* Old Browser Middle Align Fix (Part 1) */
body { text-align: center; }

/* Container >> 24 Columns
----------------------------------------------------------------------------------------------------*/
.container_24 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	/* Old Browser Middle Align Fix (Part 2) */
	text-align: left;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_5_5,
.grid_6,
.grid_6_5,
.grid_7,
.grid_7_5,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16,
.grid_16_5,
.grid_17,
.grid_17_5,
.grid_18,
.grid_18_5,
.grid_19,
.grid_20,
.grid_21,
.grid_22,
.grid_23,
.grid_24 {
	display: inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
	z-index: 1;
}

/* CSS IE6 HACK */
/*\*/
* html .grid_1,
* html .grid_2,
* html .grid_3,
* html .grid_4,
* html .grid_5,
* html .grid_5_5,
* html .grid_6,
* html .grid_6_5,
* html .grid_7,
* html .grid_7_5,
* html .grid_8,
* html .grid_9,
* html .grid_10,
* html .grid_11,
* html .grid_12,
* html .grid_13,
* html .grid_14,
* html .grid_15,
* html .grid_16,
* html .grid_16_5,
* html .grid_17,
* html .grid_17_5,
* html .grid_18,
* html .grid_18_5,
* html .grid_19,
* html .grid_20,
* html .grid_21,
* html .grid_22,
* html .grid_23,
* html .grid_24 { margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; }
/**/

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 24 Columns
----------------------------------------------------------------------------------------------------*/

.container_24 .grid_1 {
	width: 30px;
}

.container_24 .grid_2 {
	width: 70px;
}

.container_24 .grid_3 {
	width: 110px;
}

.container_24 .grid_4 {
	width: 150px;
}

.container_24 .grid_5 {
	width: 190px;
}
.container_24 .grid_5_5 { /* Added Half Col Support */
	width: 210px;
}

.container_24 .grid_6 {
	width: 230px;
}
.container_24 .grid_6_5 { /* Added Half Col Support */
	width: 250px;
}

.container_24 .grid_7 {
	width: 270px;
}
.container_24 .grid_7_5 { /* Added Half Col Support */
	width: 290px;
}

.container_24 .grid_8 {
	width: 310px;
}

.container_24 .grid_9 {
	width: 350px;
}

.container_24 .grid_10 {
	width: 390px;
}

.container_24 .grid_11 {
	width: 430px;
}

.container_24 .grid_12 {
	width: 470px;
}

.container_24 .grid_13 {
	width: 510px;
}

.container_24 .grid_14 {
	width: 550px;
}

.container_24 .grid_15 {
	width: 590px;
}

.container_24 .grid_16 {
	width: 630px;
}
.container_24 .grid_16_5 { /* Added Half Col Support */
	width: 650px;
}

.container_24 .grid_17 {
	width: 670px;
}
.container_24 .grid_17_5 { /* Added Half Col Support */
	width: 690px;
}

.container_24 .grid_18 {
	width: 710px;
}
.container_24 .grid_18_5 { /* Added Half Col Support */
	width: 730px;
}

.container_24 .grid_19 {
	width: 750px;
}

.container_24 .grid_20 {
	width: 790px;
}

.container_24 .grid_21 {
	width: 830px;
}

.container_24 .grid_22 {
	width: 870px;
}

.container_24 .grid_23 {
	width: 910px;
}

.container_24 .grid_24 {
	width: 950px;
}

/* Prefix Extra Space >> 24 Columns
----------------------------------------------------------------------------------------------------*/

.container_24 .prefix_1 {
	padding-left: 40px;
}

.container_24 .prefix_2 {
	padding-left: 80px;
}

.container_24 .prefix_3 {
	padding-left: 120px;
}

.container_24 .prefix_4 {
	padding-left: 160px;
}

.container_24 .prefix_5 {
	padding-left: 200px;
}

.container_24 .prefix_6 {
	padding-left: 240px;
}

.container_24 .prefix_7 {
	padding-left: 280px;
}

.container_24 .prefix_8 {
	padding-left: 320px;
}

.container_24 .prefix_9 {
	padding-left: 360px;
}

.container_24 .prefix_10 {
	padding-left: 400px;
}

.container_24 .prefix_11 {
	padding-left: 440px;
}

.container_24 .prefix_12 {
	padding-left: 480px;
}

.container_24 .prefix_13 {
	padding-left: 520px;
}

.container_24 .prefix_14 {
	padding-left: 560px;
}

.container_24 .prefix_15 {
	padding-left: 600px;
}

.container_24 .prefix_16 {
	padding-left: 640px;
}

.container_24 .prefix_17 {
	padding-left: 680px;
}

.container_24 .prefix_18 {
	padding-left: 720px;
}

.container_24 .prefix_19 {
	padding-left: 760px;
}

.container_24 .prefix_20 {
	padding-left: 800px;
}

.container_24 .prefix_21 {
	padding-left: 840px;
}

.container_24 .prefix_22 {
	padding-left: 880px;
}

.container_24 .prefix_23 {
	padding-left: 920px;
}

/* Suffix Extra Space >> 24 Columns
----------------------------------------------------------------------------------------------------*/

.container_24 .suffix_1 {
	padding-right: 40px;
}

.container_24 .suffix_2 {
	padding-right: 80px;
}

.container_24 .suffix_3 {
	padding-right: 120px;
}

.container_24 .suffix_4 {
	padding-right: 160px;
}

.container_24 .suffix_5 {
	padding-right: 200px;
}

.container_24 .suffix_6 {
	padding-right: 240px;
}

.container_24 .suffix_7 {
	padding-right: 280px;
}

.container_24 .suffix_8 {
	padding-right: 320px;
}

.container_24 .suffix_9 {
	padding-right: 360px;
}

.container_24 .suffix_10 {
	padding-right: 400px;
}

.container_24 .suffix_11 {
	padding-right: 440px;
}

.container_24 .suffix_12 {
	padding-right: 480px;
}

.container_24 .suffix_13 {
	padding-right: 520px;
}

.container_24 .suffix_14 {
	padding-right: 560px;
}

.container_24 .suffix_15 {
	padding-right: 600px;
}

.container_24 .suffix_16 {
	padding-right: 640px;
}

.container_24 .suffix_17 {
	padding-right: 680px;
}

.container_24 .suffix_18 {
	padding-right: 720px;
}

.container_24 .suffix_19 {
	padding-right: 760px;
}

.container_24 .suffix_20 {
	padding-right: 800px;
}

.container_24 .suffix_21 {
	padding-right: 840px;
}

.container_24 .suffix_22 {
	padding-right: 880px;
}

.container_24 .suffix_23 {
	padding-right: 920px;
}

/* Push Space >> 24 Columns
----------------------------------------------------------------------------------------------------*/

.container_24 .push_1 {
	left: 40px;
}

.container_24 .push_2 {
	left: 80px;
}

.container_24 .push_3 {
	left: 120px;
}

.container_24 .push_4 {
	left: 160px;
}

.container_24 .push_5 {
	left: 200px;
}

.container_24 .push_6 {
	left: 240px;
}

.container_24 .push_7 {
	left: 280px;
}

.container_24 .push_8 {
	left: 320px;
}

.container_24 .push_9 {
	left: 360px;
}

.container_24 .push_10 {
	left: 400px;
}

.container_24 .push_11 {
	left: 440px;
}

.container_24 .push_12 {
	left: 480px;
}

.container_24 .push_13 {
	left: 520px;
}

.container_24 .push_14 {
	left: 560px;
}

.container_24 .push_15 {
	left: 600px;
}

.container_24 .push_16 {
	left: 640px;
}

.container_24 .push_17 {
	left: 680px;
}

.container_24 .push_18 {
	left: 720px;
}

.container_24 .push_19 {
	left: 760px;
}

.container_24 .push_20 {
	left: 800px;
}

.container_24 .push_21 {
	left: 840px;
}

.container_24 .push_22 {
	left: 880px;
}

.container_24 .push_23 {
	left: 920px;
}

/* Pull Space >> 24 Columns
----------------------------------------------------------------------------------------------------*/

.container_24 .pull_1 {
	left: -40px;
}

.container_24 .pull_2 {
	left: -80px;
}

.container_24 .pull_3 {
	left: -120px;
}

.container_24 .pull_4 {
	left: -160px;
}

.container_24 .pull_5 {
	left: -200px;
}

.container_24 .pull_6 {
	left: -240px;
}

.container_24 .pull_7 {
	left: -280px;
}

.container_24 .pull_8 {
	left: -320px;
}

.container_24 .pull_9 {
	left: -360px;
}

.container_24 .pull_10 {
	left: -400px;
}

.container_24 .pull_11 {
	left: -440px;
}

.container_24 .pull_12 {
	left: -480px;
}

.container_24 .pull_13 {
	left: -520px;
}

.container_24 .pull_14 {
	left: -560px;
}

.container_24 .pull_15 {
	left: -600px;
}

.container_24 .pull_16 {
	left: -640px;
}

.container_24 .pull_17 {
	left: -680px;
}

.container_24 .pull_18 {
	left: -720px;
}

.container_24 .pull_19 {
	left: -760px;
}

.container_24 .pull_20 {
	left: -800px;
}

.container_24 .pull_21 {
	left: -840px;
}

.container_24 .pull_22 {
	left: -880px;
}

.container_24 .pull_23 {
	left: -920px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2009/12/06/new-clearfix-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

/*
	The following zoom:1 rule is specifically for IE6 + IE7.
	Move to separate stylesheet if invalid CSS is a problem.
*/
* html .clearfix,
*:first-child+html .clearfix {
	zoom: 1;
}body {
font-family : "Arial", arial, Tahoma, Sans-Serif;
font-size : 12px;
color : #342f2b;
background-color: #ffffff;
text-align: left;
}
/* == Common == */
a {
text-decoration: none;
cursor: pointer;
border: 0px;
color: #342f2b;
}
a:hover {
text-decoration: underline;
}
a:hover, input[type=submit]:hover, input[type=button]:hover {
cursor: pointer;
}
a:focus {
outline: 0px;
}
p {
padding: 7px 0px;
margin: 0px;
}
h1 {
font-size:26px;
font-weight:bold;
color: #342f2b;
}
h2 {
font-size:19px;
font-weight:normal;
color: #342f2b;
font-weight:normal;
}
h3 {
font-size:16px;
color: #000000;
}
h4 {font-size:15px;font-weight:normal;padding-bottom:5px;}
/* Inputs, text / submits */
input, textarea {
font-family : "Arial", arial, Tahoma, Sans-Serif;
font-size: 12px;
}
input[type=text], input[type=email], input[type=tel], input[type=password], input[type=file], textarea {
color: #000000 !important;
border: 1px solid #666;
padding: 4px;
background-color: #FFF;
}
input[type=submit], input[type=reset], input[type=button] {
padding: 2px;
}
input, textarea, select {
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-background-clip: padding-box;
}
option[disabled], option.disabled {
background-color: #EEE;
color: #666;
}
/* CSS IE6 HACK */
/*\*/ * html input[type=submit] { height:40px; } /**/
/* == Alignments == */
.alignleft {float:left;}
.alignright {float:right;}
.center {text-align:center;}
img.alignleft {margin:0 10px 2px 0;}
img.alignright {margin:0 0 2px 10px;}
img.center {display:block; margin-left:auto;margin-right:auto;}
/* Replacement for align="absmiddle" */
.absmiddle {
vertical-align: middle;
text-align: center;
}
/* Add clear space in html, e.g. <br class="clr" /> */
.clr {
clear: both;
margin: 0px;
padding: 0px;
font-size: 1px;
line-height: 1px;
height: 1px;
}
/* Required fields */
.required_field {
color: #C00;
}
/* IE5 and 6 Browser Warning Box */
.old-ie-warning {
position: relative;
left: 0px;
top: 0px;
width: 100%;
padding: 3px 0px;
margin: 0px;
background-color: #FF9;
color: #333 !important;
border-bottom: 1px solid #FF6;
text-align: center;
z-index: 99999;
display: block;
}
.old-ie-warning a {
color: #36F !important;
}
/* ==========================================
Header
the setup of the header section of the page
=========================================== */
/* Outside Header */
.header-outer {
background: #342f2b  url(/userfiles/images/sys/settings/header-remake-2013.jpg) no-repeat top center;
min-width: 960px;
}
/* Inside Header */
.header-inner {
color: #ddceb4;
height: 212px;
z-index: 2;
}
.header-inner .grid_24 {
height: 212px;
z-index: 2;
}
.header-inner a {
color: #ddceb4;
}
/* Header Componants */
.header_logo {
}
.header_title {
font-size: 32px;
padding-top: 14px;
/*font-family: Georgia, "Times New Roman", Times, serif; */
color: #ddceb4;
}
.header_phone_number {
float: right;
clear: right;
font-size: 20px;
color: #ddceb4;
}
.header_slogan {
font-size: 18px;
font-style: italic;
color: #ddceb4;
}
.header_search_box {
float: right;
clear: right;
margin-top: 45px;
z-index: 99999999;
position: relative;
margin-right: -6px;
}
/* CSS IE6 HACK */
/*\*/ * html .header_search_box { margin-right: 40px; } /**/
.header_top_links_box {
float: right;
clear: right;
z-index: 99;
position: relative;
list-style: none;
margin-top: 50px;
}
.header_top_links_box li {
display: inline;
}
/* Positsion the menu at the bottom of the header */
.header_menu {
position: absolute;
bottom: 0px;
z-index: 1000;
left: 0px;
}
.header_add_this {
position: absolute;
right: 20px;
top: 0px;
z-index: 99;
}
/* Add/Share This Site Social Networking Icons Button */
#add_this_button {
position: absolute;
z-index: 999;
right:0;
width: 106px;
padding: 6px;
background-color: #2d140f;
color: #ffffff;
}
#add_this_button a {
color: #ffffff;
}
/* ==========================================
Main Content / Middle
this is the middle section of the page,
where all the main content is shown
=========================================== */
#middle-outer {
background: #ffffff  url(/userfiles/images/sys/settings/mainbody.jpg) repeat-y top center;
padding-top: 5px;
min-width: 960px;
}
#middle-inner {
z-index: 0;
}
/* Main Content */
#content {
min-height: 400px;
/*background-color: ;*/
}
.middle-inner-sections {
padding: 5px;
background-color: ; /*rgba(255, 255, 255, 0.3)*/
}
#sidebar2, #content2 {
background-color: ; /*rgba(255, 255, 255, 0.3)*/
}
/* set some styling on all lists */
#content ul {list-style-position: inside; padding: 6px; list-style-type: disc;}
/* ==========================================
Footer
the setup of the footer section of the page
=========================================== */
#footer-outer {
background-color: #342f2b;
background-image:url(/userfiles/images/sys/settings/bodyend.jpg);
background-repeat: no-repeat;
background-position: center top;
min-width: 960px;
background-size: auto;
}
#footer-inner {
padding: 10px 0;
padding-top: 55px;
font-size: 12px;
color: #ddceb4;
}
#footer-inner a, #footer-inner a:link, #footer-inner a:visited, #footer-inner a:hover {
color: #ddceb4;
}
#footer-inner h2{
font-size: 12px;
color: #ddceb4;
}
#top_footer {
width: 880px;
clear: both;
padding: 10px;
text-align: left;
font-size: 14px;
}
#middle_left_footer {
width: 430px;
float: left;
padding: 15px;
}
#middle_right_top_footer {
width: 1px;
height:1px;
overflow: hidden;
}
#footer-inner h3 {
border-bottom: 1px solid #ddceb4;
margin: 4px;
color: #ddceb4;
}
.footer-tags-padding {
margin: 6px;
padding-top: 20px;
}
.footer_social_media_icons {
float: right;
width: 430px;
}
.footer_social_media_section {
float: left;
margin-top: 10px;
}
.footer_social_media_section p {
padding:2px;
display: block;
margin:2px;
}
#middle_right_bottom_footer {
width: 430px;
padding: 10px;
font-size: 10px;
float: left;
}
#middle_right_bottom_footer a {
font-size: 10px;
}
#bottom_footer {
width: 880px;
clear: both;
padding: 10px;
margin-top: 120px;
margin-top: 50px !ie;
}
/* Footer Site Map */
ul.footer_site_map {
list-style: none;
display: block;
}
ul.footer_site_map li {
display: inline-block;
float: left;
padding: 4px;
margin-left: 4px;
margin-right: 2px;
min-width: 100px;
}
ul.footer_site_map li a {
font-weight: bold;
}
ul.footer_site_map li ul {
list-style: none;
display: inline;
}
ul.footer_site_map li ul li {
display: list-item;
display: inline !ie;
border-right: 0px;
padding: 2px;
clear: left;
padding-left: 8px;
margin-left: 0px;
}
ul.footer_site_map li ul li a {
font-weight: normal;
}
/* ==========================================
Pagination
the paging for products
=========================================== */
.pagination{
padding: 4px;
margin-top: 4px;
}
.pagination ul{
margin: 0;
padding: 0;
text-align: left;
font-size: 16px;
}
.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
color: #342f2b;
}
.pagination a, .pagination a:visited{
padding: 4px 6px;
text-decoration: none;
border: 1px solid #ffffff;
background-color: #2d140f;
color: #ffffff !important;
}
.pagination a:hover, .pagination a:active{
border: 1px solid #ffffff;
background-color: #2d140f;
color: #ffffff !important;
}
.pagination a.currentpage{
font-weight: bold;
background-color: #2d140f;
color: #ffffff !important;
}
.pagination a.disablelink, .pagination a.disablelink:hover {
background-color: white;
cursor: default;
color: #929292 !important;
border-color: #929292;
font-weight: normal !important;
}
.pagination a.prevnext{
font-weight: 20px;
font-variant: small-caps;
}
.return_link {
padding: 6px;
border: 2px solid;
border-color: #FFFFFF;
color: #342f2b;
background-color: ;
}
.zoom { color: #342f2b; }
/* ==========================================
Buttons such as next page, search, back and more
=========================================== */
.generated_button {
padding: 2px 8px;
/*border: 1px solid #222; */
height: 24px;
line-height: 24px;
margin-right: 10px;
display: inline-block;
text-decoration: none;
font-weight: bold;
font-size: 12px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
background-color: #2d140f;
color: #ffffff;
-webkit-background-clip: padding-box;
}
.generated_button a, .generated_button a:link, .generated_button .link{
color: #ffffff;
}
a.generated_button {
color: #ffffff !important;
}
/* ==========================================
Rounded Corners OLD METHOD
still used on main content and sidebar apps
=========================================== */
/********************* ROUNDED CONTENT SIDEBAR 1 ************************/
#rounded_sidebar {
width:100%;
/*background-color: ; */
color: #000000;
}
#rounded_sidebar h2, #rounded_sidebar h3, #rounded_sidebar_2 h2, #rounded_sidebar_2 h3 {
color: #000000;
}
#rounded_sidebar a, #rounded_sidebar p, #rounded_sidebar_2 a, #rounded_sidebar_2 p {
color: #000000;
}
b.rtop_sidebar, b.rbottom_sidebar{
display:block;
/*background: ;*/
}
b.rtop_sidebar b, b.rbottom_sidebar b{
display:block;
height: 1px;
overflow: hidden;
/*background: ;*/
}
b.r1_sidebar{margin: 0 5px}
b.r2_sidebar{margin: 0 3px}
b.r3_sidebar{margin: 0 2px}
b.rtop_sidebar b.r4_sidebar, b.rbottom_sidebar b.r4_sidebar{margin: 0 1px;height: 2px}
/********************* ROUNDED CONTENT SIDEBAR 2 ************************/
#rounded_sidebar_2 {
margin-top: 8px;
margin-bottom: 8px;
margin-left: 6px;
margin-right: 0px;
width:100%;
/*background-color: ; */
color: #000000;
}
b.rtop_sidebar_2, b.rbottom_sidebar_2{
display:block;
/*background: ;*/
}
b.rtop_sidebar_2 b, b.rbottom_sidebar_2 b{
display:block;
height: 1px;
overflow: hidden;
/* background: ; */
}
b.r1_sidebar_2{margin: 0 5px}
b.r2_sidebar_2{margin: 0 3px}
b.r3_sidebar_2{margin: 0 2px}
b.rtop_sidebar_2 b.r4_sidebar_2, b.rbottom_sidebar_2 b.r4_sidebar_2{margin: 0 1px;height: 2px}
/***************************** Rounded Content NORMAL **************************/
#rounded {
margin:auto;
width:100%;
/* background-color: ; */
}
b.rtop, b.rbottom{
display:block;
/* background: ; */
}
b.rtop b, b.rbottom b{
display:block;
height: 1px;
overflow: hidden;
/* background: ; */
}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
#inside_main {
padding:1%;
width:96%;
}
/* Remove Main Body Rounded Corners */
#rounded b[class] { display:none; }
/* Remove Sidebar Rounded Corners */
#rounded_sidebar b[class], #rounded_sidebar_2 b[class], .categories-outer b[class] { display:none; }
/********************************************************************************/
/* ==========================================
Rounded Corners NEW! !! --> OLD METHOD ABOVE --> !!
Add Css Round corners (not availbale in IE )
JavaScript available to fix IE
Eventualy all rounded parts will be converted to this new method
=========================================== */
.round-top {
border-radius-topleft: 6px;
border-radius-topright: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
-khtml-border-top-left-radius: 6px;
-khtml-border-top-right-radius: 6px;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
}
.round-bottom {
border-radius-bottomleft: 6px;
border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-bottomright: 6px;
-khtml-border-bottom-left-radius: 6px;
-khtml-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
}
.round-small {
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
}
.round-medium {
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
}
.round-large {
border-radius: 14px;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
-khtml-border-radius: 14px;
}
/* ==========================================
Content Slider
The big content slider on the main pages
=========================================== */
#content-slider-outer {
margin: 0px;
margin-top: -5px;
margin-left: 5px;
margin-bottom: 5px;
padding: 0px;
position: relative;
text-align: left;
/*background-color: #2d140f;*/
/*width: 912px;*/
width: 540px;
border: 1px solid #4a2727;
}
#content-slider-outer .content-slider-pannel {
margin: 0px;
padding: 0px;
position: absolute;
left: 0px;
top: 0px;
text-align: left;
height: px;
/*width: 912px;*/
width: 100%;
}
#content-slider-outer .content-slider-pannel-active {
margin: 0px;
padding: 0px;
display: block;
position: absolute;
text-align: left;
top: 0px;
height: px;
/*width: 912px;*/
width: 100%;
}
#content-slider-outer h2{
padding-left: 30px;
padding-top: 20px;
font-size: 24px;
font-weight: bold;
width: 100%;
}
#content-slider-outer p {
padding-left: 11px;
top: 256px;
font-size: 11px;
position: relative;
color: #ffffff;
}
#content-slider-outer #content-slider-inner {
margin: 0px;
padding: 0px;
border: 0px solid #000;
height: px;
overflow: hidden;
position: relative;
/*width: 912px;*/
width: 100%;
}
#content-slider-outer .content-slider-menu {
background-color: #333333;
height: 34px;
border: 1px solid #000;
border-top: none;
text-align: center;
display: none;
}
#content-slider-outer .content-slider-menu ul{
list-style: none;
height: 20px;
display: block;
}
#content-slider-outer .content-slider-menu ul li{
display: block;
float: left;
}
#content-slider-outer .content-slider-menu ul li a{
display: block;
padding: 6px 12px;
margin: 0px 4px;
float: left;
color: #FFFFFF;
}
#content-slider-outer .content-slider-menu ul li a:hover{
background-color: #000000;
cursor: pointer;
}
#content-slider-outer .content-slider-menu ul li a.active{
background-color: #000000;
}
#next_button_content_slider {
position: absolute;
top: px;
right: 0px;
cursor: pointer;
display: none;
}
#pre_button_content_slider {
position: absolute;
top: px;
cursor: pointer;
display: none;
}
/* Text setting Fro Text Imput Areas On Sidebar */
.sidebar_text {
color: #000000 !important;
}
.sidebar_text p {
color: #000000;
}
.sidebar_text h3, .sidebar_text h2, .sidebar_text h3 {
color: #000000;
}
.sidebar_text ul {
padding: 2px;
list-style: disc outside;
margin-left: 14px;
}
.sidebar_text ul li {
list-style: disc outside;
padding: 2px;
padding-left: 0px;
}
/*Header Search Bar*/
#search_bar_2 {
border: 1px solid transparent !important;
background-color: transparent !important;
color: #fff !important;
width: 215px !important
}
/*Shop-Gallery*/
.gm-shop-gallery { list-style: none; position: absolute; width: 450px; height: 310px; margin-left: 15px; margin-top: 15px; text-align: center;}
.gm-shop-gallery li { list-style: none; }
.gm-shop-gallery img { display: none; position: absolute; top: 0px; left: 0px; z-index: 10;}
.gm-shop-gallery li:first-child img { display: block; }
/*Facebook Like Box*/
.fb_ltr {
background-color: #c0b093;
}
/* Product Background */
.new_product {
background-image: url(/userfiles/shop/product-background4.png);
background-repeat: no-repeat;
}
.product_image_css {
padding-top: 5px;
}
ul.product_buttons li a {
background-color: transparent;
background-image: url(/userfiles/shop/productpagebutton.png);
background-repeat: no-repeat;
width: 110px !important;
height: 29px !important;
padding-top: 7px !important;
padding-left: 15px !important;
}
.product_page_main_details p a {
background-color: transparent;
background-image: url(/userfiles/shop/currency.png);
background-repeat: no-repeat;
width:132px !important;
height: 28px !important;
padding-top: 7px !important;
padding-left: 10px !important;
}
/*HOME PAGE STYLE */
.home-top-left { z-index: 0; margin-top: 15px; width: 200px; float: left; }
.home-top-center { z-index: 2; margin-top: 15px; width: 534px; float: left; margin-left: -13px }
.home-top-right { margin-top: 5px; width: 200px; float: right; height: 198px; margin-right: 5px; }
.painting-banner { background-image: url(/userfiles/home/paintingservice.png); width: 932px; height: 322px; }
.painting-banner-text { width: 450px; padding: 20px; padding-left: 460px; padding-top: 90px; }
.painting-banner-text p span { float: right; line-height: 1.6em; }
.home-middle-left { background-image: url(../userfiles/home/home-middle-left.gif); z-index: 0; margin-top: 5px; width: 287px; height: 410px; float: left; }
.home-middle-center { z-index: 2; margin-top: 10px; width: 320px; float: left; margin-left: 20px }
.home-middle-left-contact { padding:20px; padding-top: 13px; }
.home-middle-left-contact h3 { color: #ddceb4; }
.home-middle-left-guide { padding: 20px; padding-top: 6px; }
.home-middle-left-guide h3 { color: #ddceb4; }
.home-middle-center p span { font-size: 14px; text-decoration: underline; }
.home-middle-right { margin-top: 5px; width: 300px; float: right; height: 400px; margin-right: 5px; }
/*SHOP FRONT STYLE */
.shop-top { width:700px; margin-top: 10px; margin-bottom: 10px; }
.shop-top img { float: right; margin-top: 8px; border: 1px solid #342f2b; }
.shop-top p { width: 230px;	padding: 5px; line-height: 1.3em; }
.shop-top p span { text-decoration: underline; }
.shop-middle-left { width: 237px; height: 475px; float: left; background-image: url(../userfiles/shop/middleleft.png); padding: 20px; text-align: center; margin-bottom: 20px; }
.shop-middle-left p { color: #ddceb4; }
.shop-middle-right { width: 403px; height: 515px; float: right; margin-right:5px; background-image: url(../userfiles/shop/promotion.png); margin-bottom: 20px; }
.shop-middle-right h3 { margin-top: 60px; padding: 15px; padding-top: 0px; padding-bottom: 0px; color: 342f2b; }
/*PAINTING PAGE STYLE */
.painting-top { width: 960px; height: 237px; text-align: center; }
.painting-top-outer { height: 60px; }
.painting-top-left { float: left; width: 430px; padding: 20px; padding-top: 0px; font-weight: bold; }
.painting-top-right { float: right; width: 430px; padding: 20px; padding-top: 0px; font-weight: bold; }
.painting-image { height: 420px; }
.painting-image img { float: left; padding: 10px; }
.painting-image p { line-height: 1.4em; float: right; width: 340px; font-weight: bold; padding: 2px; }
.wargamesorcollectors { width: 960px; text-align: center; height: 70px; }
.painting-desc-outer { height: 1200px; }
.painting-desc-left { background-image: url(/userfiles/painting/background.png); background-repeat: no-repeat; width: 410px; padding: 30px; float: left }
.painting-desc-right { background-image: url(/userfiles/painting/background.png); background-repeat: no-repeat; width: 410px; padding: 30px; float: right; }
#hidden_buttons_on_cart {
display: none;
}
.cart_box_3 {
display: none;
}
#order_checkout_button {
display: none;
}
.inside_main a {
display: none;
}
/* Blogs Section*/
.outer-blogs p {
display: visible;
}
.outer-blogs ul {
display: hidden;
}
#main_app_id_17 {
position: absolute;
width: 390px;
height: 600px;
top: -260px;
left: 560px;
overflow-y: hidden;
}
.outer-blogs {
width: 600px;
}
.outer-blogs p {
display:none !important;
}
.wf-blog-item p {
display:block !important;
}
.new_product .hidden_product_price {
display: block !important;
}
.new_product .hidden_product_price div {
padding:4px;
}
.product_price .comming_soon {
    color: #000000 !important;
}
/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 *
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('../images/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 7px;
	margin: 0;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('../images/fancybox/fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -90px;
	background-repeat: no-repeat;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background-image: url('../images/fancybox/fancybox-x.png');
	background-position: 0px -40px;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -55px -90px;
	background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('../images/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('../images/fancybox/fancybox-x.png');
}

#fancy-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('../images/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -182px;
}

#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('../images/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('../images/fancybox/fancybox-y.png');
}

#fancy-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -122px;
}

/* IE */
/*
#fancybox-loading.fancybox-ie div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-close		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-title-over	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie #fancybox-title-left	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-left-ico		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie .fancy-bg { background: transparent !important; }

.fancybox-ie #fancy-bg-n	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }
*/
/*!
 * jQuery UI CSS Framework 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */
.ui-helper-hidden-accessible{position:absolute!important;clip:rect(1px,1px,1px,1px);}.ui-helper-reset{border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none;margin:0;padding:0;}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;}.ui-helper-clearfix:after{clear:both;}.ui-helper-clearfix{zoom:1;}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0);}.ui-state-disabled{cursor:default!important;}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;width:16px;height:16px;background-image:url(/images/jquery-ui/ui-icons_222222_256x240.png);}.ui-widget-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#aaa url(/images/jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.30;filter:Alpha(Opacity=30);}.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em;}.ui-widget .ui-widget{font-size:1em;}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em;}.ui-widget-content{border:1px solid #aaa;background:#fff url(/images/jquery-ui/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;color:#222;}.ui-widget-header{border:1px solid #aaa;background:#ccc url(/images/jquery-ui/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;color:#222;font-weight:700;}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background:#e6e6e6 url(/images/jquery-ui/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;font-weight:400;color:#555;}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;text-decoration:none;}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #999;background:#dadada url(/images/jquery-ui/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;font-weight:400;color:#212121;}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #aaa;background:#fff url(/images/jquery-ui/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;font-weight:400;color:#212121;}.ui-widget :active{outline:none;}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url(/images/jquery-ui/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;color:#363636;}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636;}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url(/images/jquery-ui/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;color:#cd0a0a;}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:700;}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:400;}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none;}.ui-state-default .ui-icon{background-image:url(/images/jquery-ui/ui-icons_888888_256x240.png);}.ui-state-highlight .ui-icon{background-image:url(/images/jquery-ui/ui-icons_2e83ff_256x240.png);}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(/images/jquery-ui/ui-icons_cd0a0a_256x240.png);}.ui-icon-carat-1-n{background-position:0 0;}.ui-icon-carat-1-ne{background-position:-16px 0;}.ui-icon-carat-1-e{background-position:-32px 0;}.ui-icon-carat-1-se{background-position:-48px 0;}.ui-icon-carat-1-s{background-position:-64px 0;}.ui-icon-carat-1-sw{background-position:-80px 0;}.ui-icon-carat-1-w{background-position:-96px 0;}.ui-icon-carat-1-nw{background-position:-112px 0;}.ui-icon-carat-2-n-s{background-position:-128px 0;}.ui-icon-carat-2-e-w{background-position:-144px 0;}.ui-icon-triangle-1-n{background-position:0 -16px;}.ui-icon-triangle-1-ne{background-position:-16px -16px;}.ui-icon-triangle-1-e{background-position:-32px -16px;}.ui-icon-triangle-1-se{background-position:-48px -16px;}.ui-icon-triangle-1-s{background-position:-64px -16px;}.ui-icon-triangle-1-sw{background-position:-80px -16px;}.ui-icon-triangle-1-w{background-position:-96px -16px;}.ui-icon-triangle-1-nw{background-position:-112px -16px;}.ui-icon-triangle-2-n-s{background-position:-128px -16px;}.ui-icon-triangle-2-e-w{background-position:-144px -16px;}.ui-icon-arrow-1-n{background-position:0 -32px;}.ui-icon-arrow-1-ne{background-position:-16px -32px;}.ui-icon-arrow-1-e{background-position:-32px -32px;}.ui-icon-arrow-1-se{background-position:-48px -32px;}.ui-icon-arrow-1-s{background-position:-64px -32px;}.ui-icon-arrow-1-sw{background-position:-80px -32px;}.ui-icon-arrow-1-w{background-position:-96px -32px;}.ui-icon-arrow-1-nw{background-position:-112px -32px;}.ui-icon-arrow-2-n-s{background-position:-128px -32px;}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px;}.ui-icon-arrow-2-e-w{background-position:-160px -32px;}.ui-icon-arrow-2-se-nw{background-position:-176px -32px;}.ui-icon-arrowstop-1-n{background-position:-192px -32px;}.ui-icon-arrowstop-1-e{background-position:-208px -32px;}.ui-icon-arrowstop-1-s{background-position:-224px -32px;}.ui-icon-arrowstop-1-w{background-position:-240px -32px;}.ui-icon-arrowthick-1-n{background-position:0 -48px;}.ui-icon-arrowthick-1-ne{background-position:-16px -48px;}.ui-icon-arrowthick-1-e{background-position:-32px -48px;}.ui-icon-arrowthick-1-se{background-position:-48px -48px;}.ui-icon-arrowthick-1-s{background-position:-64px -48px;}.ui-icon-arrowthick-1-sw{background-position:-80px -48px;}.ui-icon-arrowthick-1-w{background-position:-96px -48px;}.ui-icon-arrowthick-1-nw{background-position:-112px -48px;}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px;}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px;}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px;}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px;}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px;}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px;}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px;}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px;}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px;}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px;}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px;}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px;}.ui-icon-arrowreturn-1-w{background-position:-64px -64px;}.ui-icon-arrowreturn-1-n{background-position:-80px -64px;}.ui-icon-arrowreturn-1-e{background-position:-96px -64px;}.ui-icon-arrowreturn-1-s{background-position:-112px -64px;}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px;}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px;}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px;}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px;}.ui-icon-arrow-4{background-position:0 -80px;}.ui-icon-arrow-4-diag{background-position:-16px -80px;}.ui-icon-extlink{background-position:-32px -80px;}.ui-icon-newwin{background-position:-48px -80px;}.ui-icon-refresh{background-position:-64px -80px;}.ui-icon-shuffle{background-position:-80px -80px;}.ui-icon-transfer-e-w{background-position:-96px -80px;}.ui-icon-transferthick-e-w{background-position:-112px -80px;}.ui-icon-folder-collapsed{background-position:0 -96px;}.ui-icon-folder-open{background-position:-16px -96px;}.ui-icon-document{background-position:-32px -96px;}.ui-icon-document-b{background-position:-48px -96px;}.ui-icon-note{background-position:-64px -96px;}.ui-icon-mail-closed{background-position:-80px -96px;}.ui-icon-mail-open{background-position:-96px -96px;}.ui-icon-suitcase{background-position:-112px -96px;}.ui-icon-comment{background-position:-128px -96px;}.ui-icon-person{background-position:-144px -96px;}.ui-icon-print{background-position:-160px -96px;}.ui-icon-trash{background-position:-176px -96px;}.ui-icon-locked{background-position:-192px -96px;}.ui-icon-unlocked{background-position:-208px -96px;}.ui-icon-bookmark{background-position:-224px -96px;}.ui-icon-tag{background-position:-240px -96px;}.ui-icon-home{background-position:0 -112px;}.ui-icon-flag{background-position:-16px -112px;}.ui-icon-calendar{background-position:-32px -112px;}.ui-icon-cart{background-position:-48px -112px;}.ui-icon-pencil{background-position:-64px -112px;}.ui-icon-clock{background-position:-80px -112px;}.ui-icon-disk{background-position:-96px -112px;}.ui-icon-calculator{background-position:-112px -112px;}.ui-icon-zoomin{background-position:-128px -112px;}.ui-icon-zoomout{background-position:-144px -112px;}.ui-icon-search{background-position:-160px -112px;}.ui-icon-wrench{background-position:-176px -112px;}.ui-icon-gear{background-position:-192px -112px;}.ui-icon-heart{background-position:-208px -112px;}.ui-icon-star{background-position:-224px -112px;}.ui-icon-link{background-position:-240px -112px;}.ui-icon-cancel{background-position:0 -128px;}.ui-icon-plus{background-position:-16px -128px;}.ui-icon-plusthick{background-position:-32px -128px;}.ui-icon-minus{background-position:-48px -128px;}.ui-icon-minusthick{background-position:-64px -128px;}.ui-icon-close{background-position:-80px -128px;}.ui-icon-closethick{background-position:-96px -128px;}.ui-icon-key{background-position:-112px -128px;}.ui-icon-lightbulb{background-position:-128px -128px;}.ui-icon-scissors{background-position:-144px -128px;}.ui-icon-clipboard{background-position:-160px -128px;}.ui-icon-copy{background-position:-176px -128px;}.ui-icon-contact{background-position:-192px -128px;}.ui-icon-image{background-position:-208px -128px;}.ui-icon-video{background-position:-224px -128px;}.ui-icon-script{background-position:-240px -128px;}.ui-icon-alert{background-position:0 -144px;}.ui-icon-info{background-position:-16px -144px;}.ui-icon-notice{background-position:-32px -144px;}.ui-icon-help{background-position:-48px -144px;}.ui-icon-check{background-position:-64px -144px;}.ui-icon-bullet{background-position:-80px -144px;}.ui-icon-radio-off{background-position:-96px -144px;}.ui-icon-radio-on{background-position:-112px -144px;}.ui-icon-pin-w{background-position:-128px -144px;}.ui-icon-pin-s{background-position:-144px -144px;}.ui-icon-play{background-position:0 -160px;}.ui-icon-pause{background-position:-16px -160px;}.ui-icon-seek-next{background-position:-32px -160px;}.ui-icon-seek-prev{background-position:-48px -160px;}.ui-icon-seek-end{background-position:-64px -160px;}.ui-icon-stop{background-position:-96px -160px;}.ui-icon-eject{background-position:-112px -160px;}.ui-icon-volume-off{background-position:-128px -160px;}.ui-icon-volume-on{background-position:-144px -160px;}.ui-icon-power{background-position:0 -176px;}.ui-icon-signal-diag{background-position:-16px -176px;}.ui-icon-signal{background-position:-32px -176px;}.ui-icon-battery-0{background-position:-48px -176px;}.ui-icon-battery-1{background-position:-64px -176px;}.ui-icon-battery-2{background-position:-80px -176px;}.ui-icon-battery-3{background-position:-96px -176px;}.ui-icon-circle-plus{background-position:0 -192px;}.ui-icon-circle-minus{background-position:-16px -192px;}.ui-icon-circle-close{background-position:-32px -192px;}.ui-icon-circle-triangle-e{background-position:-48px -192px;}.ui-icon-circle-triangle-s{background-position:-64px -192px;}.ui-icon-circle-triangle-w{background-position:-80px -192px;}.ui-icon-circle-triangle-n{background-position:-96px -192px;}.ui-icon-circle-arrow-e{background-position:-112px -192px;}.ui-icon-circle-arrow-s{background-position:-128px -192px;}.ui-icon-circle-arrow-w{background-position:-144px -192px;}.ui-icon-circle-arrow-n{background-position:-160px -192px;}.ui-icon-circle-zoomin{background-position:-176px -192px;}.ui-icon-circle-zoomout{background-position:-192px -192px;}.ui-icon-circle-check{background-position:-208px -192px;}.ui-icon-circlesmall-plus{background-position:0 -208px;}.ui-icon-circlesmall-minus{background-position:-16px -208px;}.ui-icon-circlesmall-close{background-position:-32px -208px;}.ui-icon-squaresmall-plus{background-position:-48px -208px;}.ui-icon-squaresmall-minus{background-position:-64px -208px;}.ui-icon-squaresmall-close{background-position:-80px -208px;}.ui-icon-grip-dotted-vertical{background-position:0 -224px;}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px;}.ui-icon-grip-solid-vertical{background-position:-32px -224px;}.ui-icon-grip-solid-horizontal{background-position:-48px -224px;}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px;}.ui-icon-grip-diagonal-se{background-position:-80px -224px;}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;-khtml-border-top-left-radius:4px;border-top-left-radius:4px;}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;-khtml-border-top-right-radius:4px;border-top-right-radius:4px;}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;-khtml-border-bottom-left-radius:4px;border-bottom-left-radius:4px;}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;-khtml-border-bottom-right-radius:4px;border-bottom-right-radius:4px;}.ui-widget-shadow{background:#aaa url(/images/jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.30;filter:Alpha(Opacity=30);-moz-border-radius:8px;-khtml-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;margin:-8px 0 0 -8px;padding:8px;}.ui-resizable{position:relative;}.ui-resizable-handle{position:absolute;font-size:.1px;display:block;}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0;}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0;}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%;}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%;}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px;}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px;}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px;}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px;}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted #000;}.ui-accordion .ui-accordion-header{cursor:pointer;position:relative;margin-top:1px;zoom:1;}.ui-accordion .ui-accordion-li-fix{display:inline;}.ui-accordion .ui-accordion-header-active{border-bottom:0!important;}.ui-accordion .ui-accordion-header a{display:block;font-size:1em;padding:.5em .5em .5em .7em;}.ui-accordion-icons .ui-accordion-header a{padding-left:2.2em;}.ui-accordion .ui-accordion-header .ui-icon{position:absolute;left:.5em;top:50%;margin-top:-8px;}.ui-accordion .ui-accordion-content{border-top:0;margin-top:-2px;position:relative;top:1px;margin-bottom:2px;overflow:auto;display:none;zoom:1;padding:1em 2.2em;}.ui-accordion .ui-accordion-content-active{display:block;}.ui-autocomplete{position:absolute;cursor:default;}* html .ui-autocomplete{width:1px;}.ui-menu{list-style:none;display:block;float:left;margin:0;padding:2px;}.ui-menu .ui-menu{margin-top:-3px;}.ui-menu .ui-menu-item{zoom:1;float:left;clear:left;width:100%;margin:0;padding:0;}.ui-menu .ui-menu-item a{text-decoration:none;display:block;line-height:1.5;zoom:1;padding:.2em .4em;}.ui-menu .ui-menu-item a.ui-state-hover,.ui-menu .ui-menu-item a.ui-state-active{font-weight:400;margin:-1px;}.ui-button{display:inline-block;position:relative;margin-right:.1em;text-decoration:none!important;cursor:pointer;text-align:center;zoom:1;overflow:visible;padding:0;}.ui-button-icon-only{width:2.2em;}button.ui-button-icon-only{width:2.4em;}.ui-button-icons-only{width:3.4em;}button.ui-button-icons-only{width:3.7em;}.ui-button .ui-button-text{display:block;line-height:1.4;}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{text-indent:-9999999px;padding:.4em;}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em;}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em;}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em;}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px;}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px;}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em;}.ui-buttonset{margin-right:7px;}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em;}button.ui-button::-moz-focus-inner{border:0;padding:0;}.ui-dialog{position:absolute;width:300px;overflow:hidden;padding:.2em;}.ui-dialog .ui-dialog-titlebar{position:relative;padding:.4em 1em;}.ui-dialog .ui-dialog-title{float:left;margin:.1em 16px .1em 0;}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:19px;height:18px;margin:-10px 0 0;padding:1px;}.ui-dialog .ui-dialog-titlebar-close span{display:block;margin:1px;}.ui-dialog .ui-dialog-titlebar-close:hover,.ui-dialog .ui-dialog-titlebar-close:focus{padding:0;}.ui-dialog .ui-dialog-content{position:relative;border:0;background:none;overflow:auto;zoom:1;padding:.5em 1em;}.ui-dialog .ui-dialog-buttonpane{text-align:left;background-image:none;border-width:1px 0 0;margin:.5em 0 0;padding:.3em 1em .5em .4em;}.ui-dialog .ui-dialog-buttonpane button{cursor:pointer;margin:.5em .4em .5em 0;}.ui-dialog .ui-resizable-se{width:14px;height:14px;right:3px;bottom:3px;}.ui-draggable .ui-dialog-titlebar{cursor:move;}.ui-slider{position:relative;text-align:left;}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0;}.ui-slider-horizontal{height:.8em;}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em;}.ui-slider-horizontal .ui-slider-range{top:0;height:100%;}.ui-slider-horizontal .ui-slider-range-min{left:0;}.ui-slider-horizontal .ui-slider-range-max{right:0;}.ui-slider-vertical{width:.8em;height:100px;}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em;}.ui-slider-vertical .ui-slider-range{left:0;width:100%;}.ui-slider-vertical .ui-slider-range-min{bottom:0;}.ui-slider-vertical .ui-slider-range-max{top:0;}.ui-tabs{position:relative;zoom:1;padding:.2em;}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0;}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:1px;border-bottom:0!important;white-space:nowrap;margin:0 .2em 1px 0;padding:0;}.ui-tabs .ui-tabs-nav li a{float:left;text-decoration:none;padding:.5em 1em;}.ui-tabs .ui-tabs-nav li.ui-tabs-selected{margin-bottom:0;padding-bottom:1px;}.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-state-processing a{cursor:text;}.ui-tabs .ui-tabs-nav li a,.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a{cursor:pointer;}.ui-tabs .ui-tabs-panel{display:block;background:none;border-width:0;padding:1em 1.4em;}.ui-tabs .ui-tabs-hide{display:none!important;}.ui-datepicker{width:17em;display:none;padding:.2em .2em 0;}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0;}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em;}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px;}.ui-datepicker .ui-datepicker-prev{left:2px;}.ui-datepicker .ui-datepicker-next{right:2px;}.ui-datepicker .ui-datepicker-prev-hover{left:1px;}.ui-datepicker .ui-datepicker-next-hover{right:1px;}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px;}.ui-datepicker .ui-datepicker-title{line-height:1.8em;text-align:center;margin:0 2.3em;}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0;}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%;}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em;}.ui-datepicker th{text-align:center;font-weight:700;border:0;padding:.7em .3em;}.ui-datepicker td{border:0;padding:1px;}.ui-datepicker td span,.ui-datepicker td a{display:block;text-align:right;text-decoration:none;padding:.2em;}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;border-left:0;border-right:0;border-bottom:0;margin:.7em 0 0;padding:0 .2em;}.ui-datepicker .ui-datepicker-buttonpane button{float:right;cursor:pointer;width:auto;overflow:visible;margin:.5em .2em .4em;padding:.2em .6em .3em;}.ui-datepicker.ui-datepicker-multi{width:auto;}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em;}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%;}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%;}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%;}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left;}.ui-datepicker-row-break{clear:both;width:100%;font-size:0;}.ui-datepicker-rtl{direction:rtl;}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto;}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto;}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto;}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto;}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right;}.ui-datepicker-cover{display:block;position:absolute;z-index:-1;filter:mask();top:-4px;left:-4px;width:200px;height:200px;}.ui-progressbar{height:2em;text-align:left;overflow:hidden;}.ui-progressbar .ui-progressbar-value{height:100%;margin:-1px;}.ui-helper-hidden,.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none;}.ui-widget-content a,.ui-widget-header a{color:#222;}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none;}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a,.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a;}.ui-widget-content .ui-icon,.ui-widget-header .ui-icon{background-image:url(/images/jquery-ui/ui-icons_222222_256x240.png);}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-state-active .ui-icon{background-image:url(/images/jquery-ui/ui-icons_454545_256x240.png);}.ui-icon-seek-start,.ui-icon-seek-first{background-position:-80px -160px;}.ui-accordion,.ui-datepicker select.ui-datepicker-month-year{width:100%;}.ui-button-text-only .ui-button-text,input.ui-button{padding:.4em 1em;}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em;}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset,.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right;}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-multi .ui-datepicker-group,.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left;}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0;}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px;}
/*
REC Forms
@package FormBuilder
*/

.rec-form { position: relative; zoom: 1; }
.rec-form-section {
    border: 1px solid #CCC;
    padding: 10px;
    position: relative;
}

.rec-form-header { }
.rec-form-section { margin-top: 10px; }
.rec-form legend { font-weight: bold; padding: 0 8px; font-size: 14px; }

/* Remove list style / bullet points (extra selector to force it to work as expected in REC itself) */
.rec-form ul,
#content .rec-form ul { list-style: none; padding: 0; }

/* Ckeditor was removing the space between ceperatin labels and textareas on occassion
so to combat this we use a fix for inline block spaces used by the yui3 grid
!! Please note, you must wrap any text you put inside these li.rec-form-field-row elements, even if its just with a span !!
*/
.rec-form-field-row { letter-spacing: -0.31em; *letter-spacing: normal; word-spacing: -0.43em; margin: 5px 0 10px 0; }
.rec-form-field-row > * { letter-spacing: normal;word-spacing: normal; }

.rec-form label { display: inline-block; vertical-align: top; }
.rec-form label:first-child { width: 120px; font-weight: bold; }

.rec-form label input { vertical-align: bottom; }
.rec-form-radio-option { padding-right: 10px; }

/* Display modes */
.rec-form-dm-small label:first-child { /* default */ }
.rec-form-dm-med label:first-child { width: 180px; }
.rec-form-dm-large label:first-child { width: auto; display: block; padding: 2px; }

/* placeholder styled labels display mode */
.rec-form-dm-placeholder .rec-form-field-row {
    margin: 15px 0;
    position: relative;
}
.rec-form-dm-placeholder .form-section-is-hidden .rec-form-field-row {
    margin: 0 0 15px 0;
}
.rec-form-dm-placeholder label:first-child {
    width: 100%;
}
.rec-form-dm-placeholder .rec-form-field-row-small_text label:first-child,
.rec-form-dm-placeholder .rec-form-field-row-large_text label:first-child,
.rec-form-dm-placeholder .rec-form-field-row-email label:first-child,
.rec-form-dm-placeholder .rec-form-field-row-phone_number label:first-child,
.rec-form-dm-placeholder .rec-form-field-row-select_options label:first-child {
    width: auto;
    position: absolute;
    top: .25em;
    left: .5em;
    background: #FFF;
    padding: 2px;
    transition: .3s all;
    cursor: text;
}
.rec-form-dm-placeholder .rec-form-field-row-active.rec-form-field-row-small_text label:first-child,
.rec-form-dm-placeholder .rec-form-field-row-active.rec-form-field-row-large_text label:first-child,
.rec-form-dm-placeholder .rec-form-field-row-active.rec-form-field-row-email label:first-child,
.rec-form-dm-placeholder .rec-form-field-row-active.rec-form-field-row-phone_number label:first-child,
.rec-form-dm-placeholder .rec-form-field-row-active.rec-form-field-row-select_options label:first-child {
    top: -1em;
    font-size: smaller;
}
/* space form fields better against legends */
.rec-form-dm-placeholder ul {
    padding: 0 0 0 8px;
}
/* single line checkboxes */
.rec-form-dm-placeholder .rec-form-field-row-checkbox label {
    width: auto;
    padding-left: 8px;
}
.rec-form-dm-placeholder .rec-form-field-row-checkbox input[type="checkbox"] {
    float: left;
}
/* better spaced multi radio options */
.rec-form-dm-placeholder .rec-form-radio-option {
    padding-right: 1em;
}
/* better default baseline for radio options */
.rec-form-dm-placeholder .rec-form-radio-option input {
    vertical-align: text-bottom;
}

/* on a sidebar, the options should display a little differently */
.sidebar_app_shell .rec-form-radio-option { padding-right: 0; float: left; width: 50%; }
.sidebar_app_shell .rec-form-radio-option > span { width: 70%; display: inline-block; zoom: 1; }

/* quick hack to fix wrapping */
.rec-form-field-row-radio_options,
.rec-form-field-row-checkbox_options { overflow: hidden;}

/* on a sidebar, move the checkbox to be right next to the label text */
.sidebar_app_shell .rec-form-field-row-checkbox label { width: auto; margin-right: 5px; }

.rec-form-field {
    padding: 4px;
    margin: 0 2px;
    color: #000;

    /* fix sizing issues between inputs/textareas/selects */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;

    /* suttle background gradient */
    background-color: #FFF;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#FFF));
    background-image: -webkit-linear-gradient(top, #F5F5F5, #FFF);
    background-image:    -moz-linear-gradient(top, #F5F5F5, #FFF);
    background-image:     -ms-linear-gradient(top, #F5F5F5, #FFF);
    background-image:      -o-linear-gradient(top, #F5F5F5, #FFF);
    background-image:         linear-gradient(to bottom, #F5F5F5, #FFF);
}
.rec-form .rec-generic-field,
.rec-form .rec-slider-container {
    width: 95%;
    max-width: 320px;
    min-width: 120px;
}
.rec-form .ui-slider { border: 1px solid; border-color: #777 #999 #CCC; }
.rec-form textarea.rec-form-field { height: 100px; resize: vertical; }

.rec-form select.rec-form-field { *width: auto; }

.rec-form-section,
.rec-form-field {
    /* Only slightly rounded corners */
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
    -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}

.rec-form .rec-form-button {
    width: auto;
    margin-top: 10px;
    padding: 6px;
    font-size: 14px;
}

/* highlight the currently active field nicely */
.rec-form-field:focus {
  -webkit-box-shadow: 0 0 3px 1px #6BA4FF;
     -moz-box-shadow: 0 0 3px 1px #6BA4FF;
          box-shadow: 0 0 3px 1px #6BA4FF;
}

/* validation (for older browsers) */
.rec-form-input-required { border: 1px solid #CC0000 !important; }

/* Required Field Marker */
.rec-form-required-marker { color: #B92929; vertical-align: top; padding: 0 5px; position: absolute; }

/* Aside */
.rec-form-field-aside { padding-left: 10px; }

/* end info */
.rec-form-end-aside { position: absolute; bottom: 20px; right: 0; }

/* additional info inside <em>...</em> */
.rec-form em {
    /* dont wrap, treat as a block */
    display: inline-block;
}

/* hidden fieldset is one where the legend and border styles should be unset */
.form-section-is-hidden { border: 0; margin: 0; padding: 0; }
.form-section-is-hidden legend { display: none; }

/* Different widths for different input_sizes */
.rec-generic-field.rec-form-field-tiny,
.rec-slider-container.rec-form-field-tiny { max-width: 60px; min-width: 60px; }
.rec-generic-field.rec-form-field-small,
.rec-slider-container.rec-form-field-small { max-width: 120px; }

.rec-form-field-med { /* no change, default */ }

@media screen and (min-width: 48em) {
    .rec-generic-field.rec-form-field-large,
    .rec-slider-container.rec-form-field-large { max-width: 80%; }
}

/* Slider container */
.rec-slider-container {
    border: 0;
    display: inline-block;
    *display: inline; *zoom: 1;
    position: relative;
    margin-bottom: 10px;
}
.rec-slider-container small { position: absolute; }
.rec-slider-container .rec-slider-left-fig { left: 0; }
.rec-slider-container .rec-slider-middle-fig {
    left: 0;
    width: 100%;
    text-align: center;
    font-weight: bold;
}
.rec-slider-container .rec-slider-right-fig { right: 0; }

/* jQuery UI timepicker plugin */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

/* hide hidden fileds */
.rec-form-field-row-hidden { display: none; }

/* Fix z-index over the top of UI sliders */
.ui-datepicker,
.ui-timepicker-div {
    z-index: 999 !important;
}

/* Pricing table design */
.rec-form-pricing-table-label {
    float: left;
}
.rec-form-pricing-table-container {}

.rec-form-pricing-table th,
.rec-form-pricing-table td {
    text-align: center;
    vertical-align: middle;
    padding: .5em;
}
.rec-form-pricing-table input {
    margin-right: 5px;
}
.rec-form-pricing-table label {
    display: inline-block;
    padding: 1em;
    background: #EEE;
    border-radius: 5%;
    cursor: pointer;
}
.rec-form-pricing-table label:first-child {
    width: auto;
    font-weight: normal;
}

/* Rating Input Styling */
.rec-form-field-row-rating .rec-rating-field-buttons {
    display: inline-block;
}
.rec-form-field-row-rating .rec-rating-field-button {
    position: relative;
    display: inline-block;
    height: 44px;
    width: 41px;
}
.rec-form-field-row-rating .rec-rating-label,
.rec-form-field-row-rating .rec-rating-label:first-child {
    padding: 5px 10px;
    margin: 5px;
    border-radius: 5px;
    display: inline-block;
    background-color: #FFF;
    border: 1px solid #CCC;
    cursor: pointer;
    width: auto;
    overflow: hidden;
    font-weight: normal;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
}
.rec-form-field-row-rating .rec-rating-field {
    min-width: 0;
    max-width: 10px;
    z-index: 0;
    margin: 10px;
}
.rec-form-field-row-rating .rec-rating-field:checked + .rec-rating-label {
    background-color: #CCC;
}
.rec-form-field-row-rating .rec-rating-field-explainer-left,
.rec-form-field-row-rating .rec-rating-field-explainer-right {
    width: 50%;
    display: inline-block;
    color: #444;
}
.rec-form-field-row-rating .rec-rating-field-explainer-right {
    text-align: right;
}
.rec-form-field-row-rating .rec-form-required-marker {
    margin-left: 0;
}

/* Multi column layouts
    Currently 2 by default, but designers can set different section widths to gain greater control
*/
@media screen and (min-width: 48em) {
    .rec-form-multi-column {
        display: flex;
        flex-wrap: wrap;
    }
    .rec-form-multi-column .rec-form-header,
    .rec-form-multi-column .rec-form-footer-section {
        width: 100%;
    }
    .rec-form-multi-column .rec-form-section {
        width: 50%;
        margin-left: 0;
        margin-right: 0;
    }
}

.storelocator-panel {
  border: 1px solid #ccc;
  overflow: auto;
}

.storelocator-panel .store-list {
  margin: 0;
  padding: 0;
}

.storelocator-panel .store-list li,
.storelocator-panel .directions-panel {
  padding: 5px;
}
.storelocator-panel .directions-panel {
  font-size: 0.8em;
}

.storelocator-panel .store-list li.store:hover {
  cursor: pointer;
  background: #eee;
}

.storelocator-panel .store-list li.highlighted,
.storelocator-panel .store-list li.highlighted:hover {
  background: #ccf;
}

.storelocator-panel .directions {
  display: none;
}

.storelocator-panel .location-search {
  padding: 5px;
}

.storelocator-panel .location-search input {
  width: 95%;
}

.storelocator-panel .location-search h4 {
  font-size: 0.8em;
  margin: 0;
  padding: 0;
}

.storelocator-panel .store-list .no-stores {
  color: grey;
}

.storelocator-panel .store .features {
  display: none;
}

.storelocator-panel .feature-filter {
  overflow: hidden;
}

.storelocator-panel .feature-filter label {
  display: block;
  font-size: 0.8em;
  margin: 0 0.4em;
  float: left;
}

.store .title {
  font-weight: bold;
}

.store .address,
.store .phone,
.store .web,
.store .misc {
  font-size: 80%;
  margin-top: 0.2em;
  margin-bottom: 0.5em;
  display: block;
}

.store .features {
  overflow: hidden;
  color: grey;
  margin: 0;
  padding: 0;
  font-size: 70%;
  max-width: 250px;
}

.store .features li {
  display: inline;
  float: left;
  padding-right: 0.8em;
}

.store .web a {
  color: green
}

.store .action {
  font-size: 0.8em;
  color: green;
  margin-right: 0.5em;
}



/* SpryTabbedPanels.css - version 0.4 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* Horizontal Tabbed Panels
 *
 * The default style for a TabbedPanels widget places all tab buttons
 * (left aligned) above the content panel.
 */

/* This is the selector for the main TabbedPanels container. For our
 * default style, this container does not contribute anything visually,
 * but it is floated left to make sure that any floating or clearing done
 * with any of its child elements are contained completely within the
 * TabbedPanels container, to minimize any impact or undesireable
 * interaction with other floated elements on the page that may be used
 * for layout.
 *
 * If you want to constrain the width of the TabbedPanels widget, set a
 * width on the TabbedPanels container. By default, the TabbedPanels widget
 * expands horizontally to fill up available space.
 *
 * The name of the class ("TabbedPanels") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabbedPanels container.
 */
.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

/* This is the selector for the TabGroup. The TabGroup container houses
 * all of the tab buttons for each tabbed panel in the widget. This container
 * does not contribute anything visually to the look of the widget for our
 * default style.
 *
 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabGroup container.
 */
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */
.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 6px;
	margin: 0px 1px 0px 0px;
	font: bold 10px sans-serif;
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}

/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */
.TabbedPanelsTabHover {
	color:#000000;
}

/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */
.TabbedPanelsTabSelected {
	font-size: 12px;
}

/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */
.TabbedPanelsContentGroup {
	clear: both;
}

/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */
.TabbedPanelsContent {
	padding: 4px;
}

/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisible {
}

/* Vertical Tabbed Panels
 *
 * The following rules override some of the default rules above so that the
 * TabbedPanels widget renders with its tab buttons along the left side of
 * the currently active content panel.
 *
 * With the rules defined below, the only change that will have to be made
 * to switch a horizontal tabbed panels widget to a vertical tabbed panels
 * widget, is to use the "VTabbedPanels" class on the top-level widget
 * container element, instead of "TabbedPanels".
 */

/* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTabSelected {
	border-bottom: solid 1px #999;
}

/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}


/* SpryAssets / SPRY PANNELS CSS */
.CollapsiblePanelTab{cursor:pointer;-moz-user-select:none;-khtml-user-select:none;margin:0;padding:2px;}.CollapsiblePanelTab a{text-decoration:none;}.CollapsiblePanel,.CollapsiblePanelContent{margin:0;padding:0;}


/* IE6 Fixes */
/*\*/ * html img, * html div{ behavior: url(\"../pages/iepngfix.php\"); } /**/


/* ====== OO-CSS media object, ref: http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/ ====== */
.oocss-media {margin:10px;}
.oocss-media, .oocss-bd {overflow:hidden; _overflow:visible; zoom:1;}
.oocss-media .oocss-img {float:left; margin-right: 10px;}
.oocss-media .oocss-img img{display:block;}
.oocss-media .oocss-imgExt{float:right; margin-left: 10px;}



/*
    Simple clearfix, copied from responsive-base for legacy-base use as they need a standard clearfix too.
    960+ sites already had this, but older sites did not so including here again to be safe
*/
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}


/*
    Checkout styling
*/

/* place order button */
.checkout_payment_button_top {
    float: right;
    padding: 6px 10px;
    border: none;
    margin-right: 0px;
}
.checkout_payment_button_top:before {
    content: url("/images/icons/creditcards.png");
}


/* Billing adress list */
.checkout-result-addresses {
    width: 620px;
    float: left;
}
.checkout-result-billing-address {}
.checkout-result-delivery-address {}
.checkout-result-billing-address .customer_vat_eori_number {
    width: 50%;
    display: inline-block;
}

/* totals */
#order_summary_totals_inner {
    font-size: 20px;
    margin-top: 10px;
}

/* apply coupon */
.checkout-apply-coupon-button {
    padding: 6px; border: none; margin-right: 0px;
}
/* coupon input */
#users_coupon {
    width: 120px; height: 24px; font-size: 16px; border: 1px solid; text-align: center; border-color: #CCCCCC;
}

/* currency converter */
.checkout-currency-converter {
    border: 0px; margin-top: 6px;
}

/* ie7 fix widths for labels so the inputs don't fall ontto a new line */
ul.billing_address li label {
    width: 100px;
}


/* Container
--------------------------------------*/
#bc-container { }

.bc_categories_form {
	width: 200px;
}
/* Each card
--------------------------------------*/
.bc-each-card { padding: 5px; margin: 5px; float: left; width: 290px; height: 80px; border: 1px solid #CCCCCC; background-color: #FFF; cursor: pointer; }
.bc-each-card h3 { }
.bc-each-card a, #bc-popup-window a { color: #3974B7; }
.bc-each-card img { float: right; max-height: 50px; max-width: 50px; _width: 50px; _height: 50px; }
.bc-blockquote { padding-left: 22px; }
.bc-massive-quote-mark { font-size: 40px; position: absolute; margin-top: -5px; margin-left: 2px; }

/* High priority cards
--------------------------------------*/
.bc-high-priority { background-color: #FFFF99; color: #FF6600; }
.bc-high-priority h3 { color: #FF6600; }

/* Main popup window for business cards
--------------------------------------*/
#bc-popup-window { width: 680px; min-height: 140px; max-height: 440px; padding: 10px; position: relative; overflow: hidden; }
/* Loading */
#bc-popup-window .bc-loading { position: absolute; top: 40%; text-align: center; width: 90%; }
/* Split coloum */
#bc-popup-window .bc-split { width: 48%; float: left; }
#bc-popup-window .bc-split:first-child { margin-right: 4%; }
/* business card large logo */
.bc-logo { float: right; max-height: 90px; max-width: 90px; _width: 90px; _height: 90px; }
#bc-popup-window h2 { word-break: break-word; }

/* Tabs section inside popup
--------------------------------------*/
#bc-tabs { clear: both; }
#bc-tabs.ui-tabs-hide { display: none; }
#bc-tabs.ui-tabs-panel { border: 1px solid #CCC; padding: 5px; max-height: 260px; overflow: auto; }
/* tabs nav */
#bc-tabs.ui-tabs-nav { list-style: none; }
#bc-tabs.ui-tabs-nav li { display: inline; }
#bc-tabs.ui-tabs-nav a { display: inline-block; padding: 5px 12px; border: 1px solid #CCC; border-bottom: 0; margin-right: 2px; }
#bc-tabs.ui-tabs-nav .ui-state-active a { position: relative; padding-bottom: 6px; bottom: -1px; background-color: #FFF; }


/*
    Modal window styling

    @see js/modules/modal.js

    e.g.
    <div class="modal-window-outer">
        <div class="modal-window-inner">
            <div class="modal-window-header">
                <a class="modal-window-header-close">
                    <i class="fa fa-close"></i>
                </a>
                <div class="modal-window-header-title">Title here</div>
            </div>
            <div class="modal-window-body">
                Hello world
            </div>
            <div class="modal-window-footer"></div>
        </div>
    </div>

*/

.modal-is-open {
    overflow: hidden;
}

/* ----- outer container -----  */
/* modal semi-transparent background */
.modal-window-outer {

    /* hidden by default (not using display none vs block here to allow for css animation) */
    opacity: 0;
    visibility: hidden;

    /* animate back out the modal (animation in covered by: .modal-is-open .modal-window-outer) */
    transition: opacity 1s, visibility 0s 1s, max-height 0s 1s;

    /* full screen */
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    /* on top */
    z-index: 99999; /* old z-index remains for any old browsers with large zindex issues */
    z-index: 4000000000; /* crazy big z-index needed for fighting tawk.to & the cookie policy (which inturn also had to be crazy to fight tawk.to lol) */

    /* semi-transparent background */
    background: rgba(0, 0, 0, 0.6);
}
.lt-ie9 .modal-window-outer {
    /* For IE8 and less, ignore the effect and use display: none -> block for showing and hiding the modal
    This works better with the filter used for the transparent background, else we get weird stages of the screen appearing black */
    display: none;
}
.lt-ie9 .modal-is-open .modal-window-outer {
    /* For IE8 and less, we also want a semi-transparent background
    ("rgba" converted to the "argb" used in this filter, from: http://beijingyoung.com/articles/rgba-argb-converter/)
    */
    display: block;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
}

/* when modal is active */
.modal-is-open .modal-window-outer {
    opacity: 1;
    visibility: visible;

    /* animate in */
    transition: opacity 1s, visibility 0s, max-height 0s;

    /* allow scrolling, only when open as to not show 2 scrollbars */
    overflow: auto;
}

/* inner window */
.modal-window-inner {
    background: #FFF;
    max-width: 35.5em;
    margin: auto;

    /*test height larger than screen*/
    /*height: 800px;*/

    /* initial position off screen, to then animate down */
    transform: translate(0, -20%);
    transition: transform 1s;

    /* a little shadow */
    box-shadow: 0 5px 1em rgba(0, 0, 0, 0.6);
}

.modal-is-open .modal-window-inner {
    /* now move it back into view */
    transform: translate(0, 0);
}

@media screen and (min-width: 35.5em) {
    .modal-window-inner {
        margin: 5% auto;
    }
}

/* general padding */
.modal-window-header,
.modal-window-body,
.modal-window-footer { padding: 1em; }
.modal-window-header { padding-bottom: 0; }
.modal-window-footer { padding-top: 0; }

/* hide footer when not in use */
.modal-window-footer:empty { display: none; }

/* ----- header ----- */
.modal-window-header {}
.modal-window-header-title {
    font-weight: bold;
    /*border under title, unless it's empty*/
    border-bottom: 1px solid #EEE;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    padding-bottom: 0.5em;
}
.modal-window-header-title:empty {
    border-bottom: none;
    padding-bottom: 0;
}
.modal-window-header-close {
    float: right;
    padding: 1em;
    margin-top: -1em;
    margin-right: -1em;
}

/* ----- body ----- */
.modal-window-body {
    position: relative;
}

/* ----- footer ----- */
.modal-window-footer {}


/* ----- Modifications ----- */

/* image popup or simpel content (where simple content takes width of it's content, same as an image, e.g. popup enquire forms etc) */
.modal-window-is-image,
.modal-window-is-simple,
.modal-window-is-youtube,
.modal-window-is-wide {
    text-align: center;
}
.modal-window-is-image .modal-window-inner,
.modal-window-is-simple .modal-window-inner,
.modal-window-is-youtube .modal-window-inner,
.modal-window-is-wide .modal-window-inner {
    display: inline-block;
    /* return to left aligned inside inner content */
    text-align: left;
    /* drop max-width, let the content decide this :), well, up till max width of window */
    max-width: 100%;
}

/* iframe popup */
.modal-window-is-iframe {}
.modal-window-is-iframe iframe {
    width: 100%;
    border: none;
}
.modal-window-is-wide .modal-window-inner {
    width: 100%;
}
@media screen and (min-width: 35.5em) {
    .modal-window-is-wide .modal-window-inner {
        width: 60%;
    }
}

/* cart popup */
.modal-window-is-cart {
    /* ----- see ./cart.css ----- */
}

/* theme / header style -> see ../theme/default.css.twig */

/* Checkout "spash" page, hide it's old close button, as it now uses this modal too */
#splash_page_main .splash_close { display: none; }

/* Image gallery controls */
.modal-window-gallery-controls a {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
    height: 100%;

    /* ie hack, no hover on transparent element, blank image instead ;) */
    background: url("/images/blank.gif");
}
.modal-window-gallery-controls a:hover:before,
.modal-window-gallery-controls a:active:before {
    position: absolute;
    top: 50%;
    margin-top: -1em;

    /* style */
    background: #FFF;
    background: rgba(255, 255, 255, 0.8);
    padding: 1em;
    color: #444;
    font-weight: bold;
    font-size: 120%;
}
.modal-window-gallery-controls a[href="#prev"] {
    left: 0;
}
.modal-window-gallery-controls a[href="#next"] {
    right: 0;
}
.modal-window-gallery-controls a[href="#prev"]:hover:before,
.modal-window-gallery-controls a[href="#prev"]:active:before {
    content: " Prev ";
    border-radius: 0 2em 2em 0;
    left: 0;
}
.modal-window-gallery-controls a[href="#next"]:hover:before,
.modal-window-gallery-controls a[href="#next"]:active:before {
    content: " Next ";
    border-radius: 2em 0 0 2em;
    right: 0;
}


/*
    Simple way to implement tabs, (namespaced to avoid collisions)

    E.g. horizontal / regular tabs:

        <div class="rec-tabs rec-tabs--horizontal">
            <ul>
                <li><a href="#first_tab">First</a>
                <li><a href="#second_tab">Second</a>
            </ul>
            <div id="first_tab">
                <p>First tab text here</p>
            </div>
            <div id="second_tab">
                <p>Second tab text here</p>
            </div>
        </div>

    E.g. vertical / side tabs:

        <div class="rec-tabs rec-tabs--vertical clearfix">
            <ul class="pull-left-sm">
                <li><a href="#first_tab">First</a>
                <li><a href="#second_tab">Second</a>
            </ul>
            <div id="first_tab">
                <p>First tab text here</p>
            </div>
            <div id="second_tab">
                <p>Second tab text here</p>
            </div>
        </div>
*/

/* outer container */
.rec-tabs {}

/* links */
.rec-tabs > ul,
.rec-tabs > ul li {
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
}
.rec-tabs > ul a {
    display: block;
    padding: 1em;
    text-decoration: none;
    color: inherit;
    border-left: 5px solid #FFF;
    transition: border-left-color .3s;
}
.rec-tabs > ul li:hover a {
    border-left-color: rgba(0, 0, 0, 0.1);
}
.rec-tabs > ul li.current a {
    border-left-color: rgba(0, 0, 0, 0.2);
}

/* horizontal vs vertical layout */

.rec-tabs--horizontal > ul li {}

.rec-tabs--vertical > ul li {}


/* tabs */
.rec-tabs > div {
    display: none;
    overflow: auto;
    padding: 5px 10px;
}
.rec-tabs > div.current {
    display: block;
}

/* first heading element in a div should negate any top margin */
.rec-tabs h1:first-child,
.rec-tabs h2:first-child,
.rec-tabs h3:first-child {
    margin-top: 0;
}


/*
    Additional CSS helpers reuired to run the cookie-law-message.css
    These are helpers that legacy-base css doesn't package that responsive-base does
*/

.modal-window-header-title,
.modal-window-header-close { font-size: large; }
.pull-left-sm { float: left; }
.pull-right { float: right; }
.table-container { width: 100%; overflow: auto; }
.cookie-setting-container { margin-top: 2em; }
.modal-window-is-cookie-law table { border: 1px solid #CCC; }
.modal-window-is-cookie-law table th { background: #EEE; }
.modal-window-is-cookie-law table th,
.modal-window-is-cookie-law table td { padding: 10px; }
.modal-window-header { background-color: #222; }
.modal-window-header, .modal-window-header a { color: #FFF; font-weight: bold; }


/*
    ### #cookie_law_message
    Cookie law message block shown on first load and when cookies are disabled.
*/

/* reset padding */
#cookie_law_message,
#cookie_law_message p,
#cookie_title { padding: 0; margin: 0; }

/* outer container */
#cookie_law_message {
    background-color: #000;
    text-align: left;
    /* full width and fixed to the bottom of the screen */
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999; /* fallback left in in case a browser doesn't support the crazy z-index */
    z-index: 3000000000; /* this looks crazy, but it's needed to beat Tawk.to's z-index lol */
}
#cookie_law_message,
#cookie_law_message p {
    color: #AAA;
}
#cookie_law_message_inner {
    margin: 0 auto;
    max-width: 85em;
    padding: 3em 1em;
    width: 100%;
    position: relative;
}

/* buttons and title style */
#cookie_title,
#cookie_continue_btn,
#cookie_reject_btn,
#cookie_find_out_more_btn {
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
}
/* and a consistant colour for links too */
#cookie_title,
#cookie_find_out_more_btn,
#cookie_law_message a {
    color: #FFF;
}

#cookie_title {
    /* give the title some space underneith */
    padding-bottom: 0.5em;
    font-size: 20px;
}

p#cookie_extra_links {
    float: right;
    padding-left: 5px;
    max-width: 40%;
}

.cookie_law_button,
#cookie_find_out_more_btn {
    text-decoration: none;
    padding: 5px 15px;
    vertical-align: top;
    display: inline-block;
    text-align: center;
}
.cookie_law_button {
    background: #FFF;
    color: #222 !important; /* important as several sites use important on their links already */
    /* space out the buttons a little */
    margin-left: 10px;
    /* and on mobile */
    margin-bottom: 10px;
}

#cookie_reject_btn {
    background: #BBB;
}

#cookie_find_out_more_btn {
    font-size: small;
}
#cookie_continue_btn:before,
#cookie_reject_btn:before,
#cookie_find_out_more_btn:before {
    font-family: FontAwesome;
    display: inline-block;
    position: relative;
    padding-right: 10px;
    min-height: 24px; /* fix their min heights as the reject X and the accept tick are otherwise 2px off */
}
#cookie_continue_btn:before {
    content: "\f00c";
}
#cookie_reject_btn:before {
    content: "\f00d";
}
#cookie_find_out_more_btn:before {
    content: "\f013";
}

/* save settings button */
#cookie_law_save {
    font-weight: bold;
}

/* we used to let sites design background images on here so let's force remove these */
body #cookie_continue_btn:before,
body #cookie_find_out_more_btn:before {
    background: none !important;
}

/* cookie law modal popup */
.modal-window-is-cookie-law .modal-window-inner {
    max-width: 64em;
}
.modal-window-is-cookie-law .modal-window-footer {
    text-align: center;
}

/* set the tables in the modal to use a smaller font size, as there's lots of text */
.modal-window-is-cookie-law table {
    font-size: small;
    text-align: left;
}

/* on the cookie tables, make sure the purpose & expires columns don't get too small as it sizes down */
.cookie-purpose-column {
    min-width: 200px;
}
.cookie-expires-column {
    min-width: 100px;
}

/* checkboxes to enable/disable cookies */
.modal-window-is-cookie-law label {
    display: inline-block;
    padding: 10px;
    border: 1px solid #CCC;
    position: relative;
    bottom: -1px;
}
.modal-window-is-cookie-law label input {
    margin-right: 5px;
    vertical-align: middle;
}


/*
    Alternative display modes
    - see displayMode options in the js file
*/

/* centered popup display changes */
#cookie_law_message.cookie-law-message--popup-display {
    background-color: transparent;
    max-width: 38em;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    bottom: auto;
}
.cookie-law-message--popup-display #cookie_law_message_inner {
    padding: 3em;
    max-width: 100%;
    background: #fff;
    border: 4px solid #000;
    display: flex;
    flex-direction: column;
}
.cookie-law-message--popup-display #cookie_extra_links {
    float: none;
    padding: 2em 0 0 0;
    max-width: 100%;
    order: 3;
}
.cookie-law-message--popup-display #cookie_title,
.cookie-law-message--popup-display #cookie_main_text,
.cookie-law-message--popup-display #cookie_find_out_more_btn,
#cookie_law_message.cookie-law-message--popup-display a {
    color: #000 !important;
}
.cookie-law-message--popup-display #cookie_title {
    padding-bottom: 1em;
}
.cookie-law-message--popup-display .cookie_law_button {
    background: #4caf50;
    margin-left: 0;
    margin-right: 10px;
}

/* modal version of popup display */
#cookie_law_message.cookie-law-message--with-modal {
    background-color: rgba(0, 0, 0, 0.7);
    max-width: 100%;
    transform: none;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.cookie-law-message--with-modal #cookie_law_message_inner {
    padding: 3em;
    max-width: 38em;
    background: #fff;
    border: none;
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.5);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    bottom: auto;
    position: fixed
}

/* move the popup the bottom left */
#cookie_law_message.cookie-law-message--bottom-left,
#cookie_law_message.cookie-law-message--bottom-right {
    transform: none;
    top: auto;
    bottom: 1em;
    left: 1em;
    right: auto;
    width: calc(100% - 2em);
}
#cookie_law_message.cookie-law-message--bottom-right {
    left: auto;
    right: 1em;
}



.testimonials-container { }
.testimonials-each { border:1px solid #ccc; margin: 10px 0; padding: 10px; clear: both; }
.testimonials-time { }
.testimonials-logo { float: left; margin-right: 10px; }
.testimonials-logo img { display: block; max-width: 250px; max-height: 250px; }
.testimonials-body { overflow: hidden; _overflow: visible; zoom:1; }


.downloads-app-container { }

.each_download {
    background-color: #FFF;
    color: #333;
    background-repeat:no-repeat;
    background-position:top left;
    margin:10px;
    padding:10px;
    border: 3px double #ccc;
    padding-left: 90px;
    cursor: pointer;
}

.each_download:hover {
    background-color: #EEE;
}

.each_download h2 {
    color: #333;
}
.each_download h3 {
    color: #333;
}
.each_download h4 {
    color: #333;
}
.each_download a {
    color: #333;
}
.each_download p {
    color: #333;
}

.each_download_text {
    width: 70%;
    float: right;
}

/* download categories */
.download-category-each {
    display: inline-block;
    padding: 1em 1em 1em 2.5em;
    background: url(/images/icons/folder.png) .5em 1em no-repeat;
    border: 1px solid #CCC;
    text-decoration: none;
    color: inherit;
}

/* Animation for password input flash on invalid password */
@-webkit-keyframes passwordInvalidFlash {
    0% {
        outline: 1px solid #F44326; /* Material Red 500 */
    }
    100% {
        outline: inherit;
    }
}

input[type="password"].has-strength-meter {
    margin-bottom: 0px;
}
input[type="password"].has-strength-meter.flash-invalid {
    -webkit-animation-name: passwordInvalidFlash;
    -webkit-animation-duration: 300ms;
    -webkit-animation-iteration-count: 3;
    -webkit-animation-timing-function: ease;
    /* Moz Animation rules can use webkit keyframes :) */
    -moz-animation-name: passwordInvalidFlash;
    -moz-animation-duration: 300ms;
    -moz-animation-iteration-count: 3;
    -moz-animation-timing-function: ease;
}

div.password-strength-meter {
    height: 0;
    width: 0;
    font-size: 11px;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

/* Target different stages of password strength by looking at the score data attribute */
div.password-strength-meter[data-score="weak"],
div.password-strength-meter[data-score="fair"],
div.password-strength-meter[data-score="good"],
div.password-strength-meter[data-score="strong"] {
    color: #FFFFFF;
}
div.password-strength-meter[data-score="weak"] {
    background: #F44326; /* Material Red 500 */
}
div.password-strength-meter[data-score="fair"] {
    background: #FF9800; /* Material Orange 500 */
}
div.password-strength-meter[data-score="good"] {
    background: #2196F3; /* Material Blue 500 */
}
div.password-strength-meter[data-score="strong"] {
    background: #4CAF50; /* Material Green 500 */
}

p.password-strength-text {
    margin-top: 0;
    font-style: italic;
    font-size: 0.8em;
    padding: 0;
    display: inline-block;
}
.tree-list {
    background: url("/images/tree/vline.png") repeat-y;
    margin: 10px;
    padding-left: 0;
}
#content ul.tree-list, #content ul.tree-list ul {
    padding: 0;
    display: block;
    zoom: 1;
}
.tree-list ul { margin: 0 0 0 10px; }
.tree-list a, .tree-list strong { *margin-left: -10px; }
.tree-list li {
    list-style: none;
    margin: 0;
    padding: 0 0 0 12px;
    line-height: 20px;
    background: url("/images/tree/node.png") no-repeat, url("/images/tree/vline.png") repeat-y;
    font-weight: bold;
}
.tree-list .tree-last-child,
.tree-list li:last-child,
.tree-list li li:last-child { background-image: url("/images/tree/lastnode.png"); background-repeat: no-repeat; }
.tree-list li li { font-weight: normal; }
.products-price-list-app { }
.products-price-list-app a,
.products-price-list-app a:hover { text-decoration: none; }

.products-price-list-app .tree-list {
    clear: right;
}
.products-price-list-app ul.tree-list,
.products-price-list-app ul.tree-list ul {
    padding: 0;
}

.each-pl-category {
    cursor: pointer;
}
.each-pl-category > span:after {
    content: "\f107";
    font-family: FontAwesome;
    margin-left: 10px;
}
.each-pl-category > ul {
    height: 0;
    overflow: hidden;
}
.each-pl-category.open > span:after {
    content: "\f106";
    font-family: FontAwesome;
    margin-left: 10px;
}
.each-pl-category.open > ul {
    height: auto;
    overflow: auto;
}

.each-pl-product--discontinued span {
    color: #F44336;
}
.each-pl-product--discontinued .each-pl-product-name:after {
    content: "(Discontinued)";
    font-style: italic;
    font-size: small;
    margin-left: 10px;
}

.each-pl-product-code,
.each-pl-product-name,
.each-pl-product-price {
    width: auto;
    display: inline-block;
    padding: 0 2px;
    vertical-align: top;
}
.each-pl-product-price {
    display: block;
}
.each-pl-product-price-each {
    padding: 0 2px;
}
.pl-vat-header,
.pl-price-title {
    display: none;
}
.each-pl-product-price small {
    padding-right: 4px;
}
.pl-download-btn {
    float: right;
    margin-bottom: 1em;
}

@media screen and (min-width: 35.5em) {
    .each-pl-product-price br {
        display: none;
    }
}

@media screen and (min-width: 48em) {
    .each-pl-product-code {
        width: calc(20% - 4px);
    }
    .each-pl-product-name {
        max-width: 50%;
    }
    .each-pl-product-price {
        display: inline-block;
        float: right;
    }
    .each-pl-product-price small,
    .each-pl-product-price strong {
        display: none;
        padding: 0;
    }
    .pl-price-title {
        display: inline-block;
        float: right;
        clear: right;
        margin-right: 10px;
    }
    .pl-price-title.showing-percent-diff {
        margin-right: calc(10px + 5em);
    }
    .pl-price-title span {
        display: inline-block;
        min-width: 10em;
        text-align: center;
        font-weight: bold;
        padding-bottom: 0.5em;
    }
    .pl-vat-header {
        display: inline-block;
        float: right;
        clear: right;
        margin-right: 10px;
    }
    .pl-vat-header span,
    .each-pl-product-price-each,
    .pl-diff-percent {
        padding: 0 4px;
        display: inline-block;
        min-width: 5em;
        text-align: center;
    }
    .pl-diff-percent-doublewide,
    .each-pl-product-price-each.pl-price-doublewide {
        min-width: 10em;
    }
}

#ea-header {
    padding: 10px 15px;
    white-space: nowrap;
    background: #F9F9F9;
    border: 1px solid #DDD;
}
#ea-header .ea-header-left {
    display: inline-block;
    width: 70%;
}
#ea-header .ea-header-right {
    display: inline-block;
    width: 30%;
    text-align: right;
}
#ea-header .ea-header-title {
    margin: 0;
}

#expert-answers-show-ask-question {
    opacity: 1;
    transition: all 0.4s;
    /* undo the white-space change from above so that the text of this button can wrap when it needs to on small mobile size */
    white-space: normal;

}
#expert-answers-show-ask-question.ea-hidden {
    opacity: 0;
    pointer-events: none;
}
#expert-answers-ask-question-form {
    display: none;
    padding: 10px;
    display: none;
    border: 1px solid #DDD;
    border-top: 0;
}
#expert-answers-ask-question-form-content {
    width: 100%;
    min-height: 100px;
    padding: 0.7em;
}
.ea-form-input-container-left {
    padding: 10px 10px 10px 0;
}
.ea-form-input-container-center {
    padding: 10px;
}
.ea-form-input-container-right {
    padding: 10px 0 10px 10px;
}
#expert-answers-ask-question-form-name,
#expert-answers-ask-question-form-email,
#expert-answers-ask-question-form-phone {
    width: 100%;
    padding: 0.7em;
}
#expert-answers-ask-question-form-submit {
    margin-right: 10px;
}

/* when showing google recaptcha in the ask form */
#expert-answers-ask-question-form .g-recaptcha {
    margin-bottom: 10px;
}

.ea-answer-container {
    border: 1px solid #DDD;
    border-top: 0;
    padding: 0 15px;
}
.ea-each-answer {
    padding: 10px 0;
    border-bottom: 1px solid #DDD;
}
.ea-each-answer:last-child {
    border-bottom: 0;
}

.ea-each-answer--extra {
    display: none;
}

.ea-each-answer-footer {
    color: #666;
    font-style: italic;
    margin: 0;
    display: flex;
}
.ea-each-answer-likes {
    flex-grow: 1;
    text-align: left;
    padding-left: 30px; /* Offset the 30px padding left of the .ea-each-answer-response */
}
.ea-each-answer-like {
    color: inherit;
    text-decoration: none;
}
.ea-each-answer-like--liked {
    color: #327596;
}
.ea-each-answer-time {
    text-align: right;
}

.ea-each-answer-question,
.ea-each-answer-response {
    margin: 0;
    padding: 10px 0 10px 30px;
    position: relative;
}
.ea-each-answer-question:before,
.ea-each-answer-response:before {
    font-size: 1.5em;
    font-weight: bold;
    color: #327596;
    position: absolute;
    padding: 5px 0; /* Offset the 10px padding top & bottom */
    left: 0;
    top: 0;
    bottom: 0;
}
.ea-each-answer-question:before {
    content: "Q";
}
.ea-each-answer-response:before {
    content: "A";
    opacity: .5;
}

.ea-each-answer-response p:first-child {
    margin-top: 0;
}
.ea-each-answer-response p:last-child {
    margin-bottom: 0;
}

#expert-answers-show-more {
    width: 100%;
    text-align: center;
}

@keyframes ea_input_invalid {
    from, to {
        outline-color: transparent;
    }
    50% {
        outline-color: red;
    }
}
.ea-invalid-input {
    outline: 2px solid red;
    -webkit-animation: ea_input_invalid .6s step-end 3;
    animation: ea_input_invalid .6s step-end 3;
}
.quickshop-header,
.quickshop-footer {
    background: #F9F9F9;
    border: 1px solid #DDD;
}
.quickshop-header span,
.quickshop-each div.quickshop-each-content {
    display: block;
    margin: 0;
    padding: 10px;
}
.quickshop-header {
    display: none;
}
.quickshop-each-container {
    border: 1px solid #DDD;
    border-bottom: 0;
}
.quickshop-each input[type="text"] {
    width: 100%;
}
.quickshop-each input[type="checkbox"] {
    margin-right: .5em;
}

.quickshop-product-desc img {
    max-height: 50px;
    max-width: 50px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 10px;
}
.quickshop-product-desc p {
    margin: 0;
    display: inline-block;
    width: calc(100% - 70px);
    vertical-align: middle;
}
.quickshop-product-option,
.quickshop-product-qty {
    white-space: nowrap;
}
.quickshop-product-option label,
.quickshop-product-qty label {
    width: 20%;
    display: inline-block;
}
.quickshop-product-option select,
.quickshop-product-qty input {
    width: 80%;
    margin-bottom: 5px;
    display: inline-block;
}

.quickshop-product-addon label {
    display: block;
    padding: .5em 0;
}
.quickshop-product-addon__options {
    margin-left: 1.5em;
}
.quickshop-product-addon__options select {
    margin-right: .5em;
    font-size: 70%;
}

.quickshop-product-tickboxes__block {
    padding: .5em 0;
}
.quickshop-product-tickboxes__name {
    margin-top: 0;
    margin-bottom: .5em;
    border-bottom: 1px solid #CCC;
}

.quickshop-footer {
    padding: 10px;
}
#quickshop-add-new,
#quickshop-remove-all,
#quickshop-add-to-cart {
    display: block;
    margin: 10px auto;
    float: none;
    text-align: center;
}
/*#quickshop-add-to-cart {
    float: right;
}*/
#quickshop-remove-all {
    background-color: #E65457;
    border-color: #E33E41;
}
#quickshop-remove-all:hover {
    background-color: #E33E41;
    border-color: #E0282B;
}

.quickshop-each-error,
.quickshop-overall-error {
    display: none;
    background-color: #f2dede;
    color: #a94442;
    padding: 15px;
}

.quickshop-csv-upload-container {
    margin-top: 20px;
}
.quickshop-csv-help {
    cursor: pointer;
    display: inline-block;
    padding: 0.2em 0.6em;
    font-size: 1.2em;
}
#quickshop-add-csv {
    display: inline-block;
}

@media screen and (min-width: 35.5em) {
    #quickshop-add-new,
    #quickshop-remove-all,
    #quickshop-add-to-cart {
        display: inline-block;
        margin: 0px;
    }
    #quickshop-add-to-cart {
        float: right;
    }
    .quickshop-csv-help {
        width: auto;
        margin: 0;
    }
    #quickshop-add-csv {
        width: auto;
        margin: 0;
    }
    .quickshop-csv-upload-container {
        margin-top: 10px;
    }
}

@media screen and (min-width: 48em) {
    .quickshop-header {
        display: block;
    }
    .quickshop-each-container {
        border-top: 0;
    }
    .quickshop-each input[type="text"] {
        width: calc(33% - 10px);
    }
    #quickshop-remove-all {
        margin-right: 20px;
    }
    .quickshop-csv-upload-container {
        display: inline-block;
    }
}


/* Search Form */
.recpds__form {
    padding: 10px;
    border: 1px solid #DDD;
    background-color: #F9F9F9;
    white-space: nowrap;
}
.recpds__product-codes {
    width: 85%;
}
.recpds__search {
    width: 15%;
}

/* Results Container */
.recpds__results {
    border: 1px solid #DDD;
    border-top: 0;
    padding: 10px;
}
.recpds__results-each {
    padding: 10px 0;
    border-top: 1px solid #DDD;
}
.recpds__results-each:first-of-type {
    border-top: 0;
    padding-top: 0;
}
.recpds__results-each:last-child {
    padding-bottom: 0;
}

/* Product Image */
.recpds__media-object {
    margin: 0;
}
.recpds__media-object .media-object-img {
    float: none;
    margin: 0;
}
.recpds__media-object .media-object-img img {
    margin: auto;
}

/* Product Name */
.recpds__media-object .media-object-bd {
    margin-top: 10px;
}
.recpds__product-name {
    margin-top: 0;
}

.recpds__downloads {
    margin: 10px 0 0 0;
    padding: 0;
    list-style: none;
    word-break: break-word;
}
.recpds__downloads li {
    margin-bottom: 8px;
}

.product-download-search-footer {
    border: 1px solid #DDD;
    border-top: 0;
    background-color: #F9F9F9;
    padding: 10px;
    text-align: right;
}

@media screen and (min-width: 35.5em) {
    .recpds__media-object .media-object-img {
        float: left;
        margin-right: 10px;
        width: 20%;
    }
    .recpds__media-object .media-object-bd {
        margin-top: 0;
    }
    .recpds__downloads {
        margin: 0;
    }
}

@media screen and (min-width: 48em) {
    .recpds__media-object .media-object-img {
        width: 15%;
    }
}

@media screen and (min-width: 64em) {
    .recpds__media-object .media-object-img {
        width: 10%;
    }
}
/* default site update banner styling */
.rec-update-banner {
    text-align: center;
    padding: 1em;
    width: 100%;
    display: block;
}
.rec-update-banner__link {
    text-decoration: underline;
    display: inline-block;
}

/* variation of it for user flash messages, see Message::showFlashMessageBanner() */
.rec-update-banner.rec-update-banner--flash-message {
    color: #FFF;
}
.rec-update-banner.rec-update-banner--flash-message--success {
    background-color: #59B65B;
}
.rec-update-banner.rec-update-banner--flash-message--warning {
    background-color: #F8AF49;
}
.rec-update-banner.rec-update-banner--flash-message--error {
    background-color: #E65457;
}
.rec-update-banner.rec-update-banner--flash-message--info {
    background-color: #3E84C9;
}
.rec-update-banner.rec-update-banner--flash-message--default {
    background-color: #222;
}


/* Slider */
.rec-grslider .owl-item {
    padding: 10px;
}
.rec-grslider.rec-grslider--same-height .owl-stage {
    display: flex;
}
.rec-grslider.rec-grslider--same-height .owl-item {
    display: flex;
    flex: 1 0 auto;
}
.rec-grslider--review {
    height: 100%;
    width: 100%;
    border: 1px solid #F1F1F1;
    padding: 15px;
    border-radius: 5px;
    background-color: #FFF;
    box-sizing: border-box;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(204,204,204,1);
    -moz-box-shadow: 5px 5px 5px 0px rgba(204,204,204,1);
    box-shadow: 5px 5px 5px 0px rgba(204,204,204,1);
}
.rec-grslider--reviewer__image,
.rec-grslider--reviewer__content {
    display: inline-block;
}
.rec-grslider--reviewer__image {
    width: 70px;
    vertical-align: top;
}
.rec-grslider--reviewer__content {
    padding-left: 10px;
}
.rec-grslider--reviewer__content span {
    display: block;
}
.rec-grslider--reviewer__name {
    font-size: 1.1em;
    font-weight: bold;
}
.rec-grslider--reviewer__date {
    font-style: italic;
}

/* List */
.rec-grlist--review {
    border: 1px solid #F1F1F1;
    padding: 15px;
    border-radius: 5px;
    background-color: #FFF;
    box-sizing: border-box;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(204,204,204,1);
    -moz-box-shadow: 5px 5px 5px 0px rgba(204,204,204,1);
    box-shadow: 5px 5px 5px 0px rgba(204,204,204,1);
    margin: 10px 0;
}
.rec-grlist--reviewer__image,
.rec-grlist--reviewer__content {
    display: inline-block;
}
.rec-grlist--reviewer__image {
    width: 70px;
    vertical-align: top;
}
.rec-grlist--reviewer__content {
    padding-left: 10px;
}
.rec-grlist--reviewer__content span {
    display: block;
}
.rec-grlist--reviewer__name {
    font-size: 1.1em;
    font-weight: bold;
}
.rec-grlist--reviewer__date {
    font-style: italic;
}
/* Review images shown to the side of reviews that have them */
.product-review-images {
    margin: 10px 0;
    float: right;
}
.product-review-image {
    display: inline-block;
    margin-left: 10px;
}
.product-review-image img {
    max-height: 75px;
}

/* as the images container floats we need the description to be a block */
.product-review--has-images .product-review-description {
    display: block;
    overflow: auto; /* the overflow here helps prevent wrapping around the images */
}

#vip-level-slider-container {
    margin: 1em 0;
    padding: 0 15px;
    position: relative;
}
.vip-level-slider--level {
    padding: 1em;
    border: 1px solid #CCC;
    border-radius: 10px;
    height: 100%;
}
.vip-level-slider--level__active {
    border-color: #000;
}
.vip-level-slider--content-table {
    width: 100%;
    border: 0;
}
.vip-level-slider--content-table td {
    padding: 0.2em 0.5em;
}
.vip-level-slider--requirement-achieved {
    color: #4CAF50;
}
.vip-level-slider--requirement-unachieved {
    color: #F44336;
}
.vip-level-slider--requirement-optional {
    color: #fbc02d;
}
.vip-level-slider--requirement-action {
    font-style: italic;
}
.vip-level-slider--requirement-action select {
    width: 100%;
}

#vip-level-slider-container .owl-carousel .owl-stage {
    display: flex;
}
#vip-level-slider-container .owl-item:last-child {
    /* Owl adds margin to all items - including the last one. This can throw off the spacing and cut off parts of previous items. */
    margin-right: 0 !important;
}

.vip-level-slider--warnings-container {
    margin-top: 1em;
}
.vip-level-slider--warnings-container .fa {
    color: orange;
}

.customer-hub-blocks {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 10px;
}
.customer-hub-block__body {
    display: block;
    height: 100%;
    text-decoration: none;
    border: 1px solid #DDD;
    border-radius: 5px;
    padding: 10px;
    color: inherit;
    display: flex;
    transition: all .4s ease;
}
.customer-hub-block__body:hover {
    background-color: #DDD;
}
.customer-hub-block__icon {
    padding-right: 5px;
}
.customer-hub-block__title {
    font-weight: bold;
    margin: 0;
    font-size: 1.1em;
}
.customer-hub-block__text {
    margin: 5px 0 0 0;
    font-size: 0.9em;
}

@media screen and (min-width: 35.5em) {
    .customer-hub-blocks {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 10px;
    }
}

@media screen and (min-width: 64em) {
    .customer-hub-blocks {
        grid-template-columns: repeat(3, 1fr);
    }
}



/* ==========================================
 Modal windows and popups css templates 
=========================================== */

/* ==========================================
 Email to friend  
  popup modal box that allows visitors to send 
  content/pages links to there friends easily
=========================================== */
#email_popup_box_back {
	position: fixed;
	width: 100%;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	top: 0%;
	left: 0%;
	z-index: 2000;
	height: 100%;
	background-color: #000000;
}

#email_popup_box_main_pos {
	position: fixed;
	top: 0%;
	left: 0%;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	z-index: 2010;
	width: 100%;
}
/* ie6 fixes */
/*\*/ * html #email_popup_box_back { position: absolute; height: expression(eval(document.body.clientHeight)); } /**/
/*\*/ * html #email_popup_box_main_pos { position: absolute; } /**/

#email_popup_box_main {
	width: 340px;
	height: auto;
	margin: auto;
	margin-top: 100px;
	z-index:98;
	color:#ddceb4;
	background-color: #342f2b;
	border: 3px solid #2d140f;
}
#email_popup_box_main h3 {
	padding: 2px;
	margin: 2px;
	padding-top: 4px;
	margin-top: 4px;
	margin-left: 4px;
	font-size: 18px;
	color: #FFFFFF;
}
#email_popup_box_main span {
	padding: 1px;
	margin: 1px;
	padding-left: 6px;
}
#email_popup_box_main strong {
	width: 50px;
	display: inline-block;
	vertical-align: top;
}
.email_close_button {
	float: right;
	cursor: pointer;
	padding: 4px;
	margin: 0px;
}
#email_popup_box_main input, #email_popup_box_main textarea {
	margin: 2px;
	width: 260px;
	border: 1px solid #ccc;
	font-family: Arial, Helvetica, sans-serif; 
}
#email_popup_box_main textarea {
	font-size: 11px;
	height: 80px;
	overflow: auto;
}
#email_popup_box_main input[type=submit] {
	margin: 10px;
	width: 100px;
}




/* ==========================================
 shopping Cart
 Modal window and shopping cart styling 
=========================================== */
#outside_product_modal {
	width: 580px;
}

div#modal_window_box p {
	color: #ddceb4;
	font-size: 12px;
        margin-left: 80px;
}
div#modal_window_box a {
	color: #ddceb4;
}
div#modal_window_box h2 {
	font-size: 24px;
	font-weight: bold;
	color: #ddceb4;
       margin-left: 80px;
}

table#products_keywords a{
	color: #000;
	line-height: 16px;
}
table#products_keywords p{
	color: #000;
	line-height: 16px;
        margin-left: 0px;
}
table#products_keywords *{
	color: #000;
	line-height: 16px;
}
table#products_keywords strong{
	color: #000;
	line-height: 16px;
	font-size: 15px;
}
/* carts & checkout product images */
.cart_image_checkout {
	max-height: 110px;
	border: 0px;
	max-width: 110px;
}	
/*\*/ * html .cart_image_checkout { width: 100px; height: 100px; } /**/

/* modal parts */
#modal_window_background {
	position: fixed;
	width: 100%;
	height: 1px;
	background-color: #000000;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	top: 0%;
	left: 0%;
	z-index:97;
}
#modal_window_positioning {
	position:absolute;
	width: 100%;
	top: 0%;
	left: 0%;
	z-index:98;
}
#modal_window_box {
	width: 600px;
	height: 1px;
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius:10px;
	float: none;
	margin: auto;
	margin-top: 100px;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	padding: 4px;
	z-index:99;
	color: #ddceb4;
	background-color: #342f2b;
	border: 3px solid #2d140f;
}
/* CSS IE6 HACKs */
/*\*/ * html #modal_window_positioning { position: absolute; } /**/
/*\*/ * html #modal_window_background { position: absolute; } /**/

#modal_window_close {
	float:right;
	width:auto;
	text-align:right;
	height: 1px;
}
#modal_cart_total {
	float: right;
	width: 180px;
	font-size: 14px;	
}
#modal_cart_total .caps {
	font-size: 18px;	
}
#modal_cart_total em {
	font-size: 12px;
	text-decoration: none;
	font-style: normal;
}
#outside_all {
	background-color: #CCBFA7;
	color: #000;
}
#outside_all a{
	color: #000;
}
#outside_all p{
	color:#000;
}
#outside_all td{
	color: #000;
}	
#proceed {
	font-size: small;
	font-weight: bold;
	font-style: italic;
	float:right;
	height: 40px;
}


/* ==========================================
 Images Lightbox 
 Images Use this to pop up in a modal window 
=========================================== */
#lightboxGallery-outer {
	width: 800px;
	height: 480px;
	position: relative;
	float: none;
	margin: auto;
	margin-top: 60px;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	z-index:92;
	overflow: visible;
}
#lightboxGallery-outer .lightboxGallery-pannel {
	margin: 0px;
	padding: 0px;
	display: none;
	position: absolute;
	width: 100%;
	text-align: center;
}

#lightboxGallery-outer .lightboxGallery-pannel-active {
	margin: auto;
	padding: 0px;
	display: block;
	position: absolute;
	text-align: center;
	width: 100%;
}

#lightboxGallery-outer #lightboxGallery-inner {
	margin: auto;
	padding: 0px;
	height: 440px;
	overflow: hidden;
	position: relative;
	width: 700px;
}
#lightboxGallery-outer #lightboxGallery-inner img {
	border-radius: 6px !important; 
	-moz-border-radius: 6px !important; 
	-webkit-border-radius:6px !important;
	padding: 10px !important;
	margin: auto;
	max-height: 370px;
	max-width: 680px;
	background-color: #FFFFFF !important;
}
#outer-lightboxGallery-titlebox {
	text-align: center;
	margin-top: -40px;
	margin-bottom: 10px;
	max-width: 700px;
	max-height: 200px;
	position: absolute;
	bottom: 40px;
	width: 100%;
	color: #000;
}
#lightboxGallery-outer #lightboxGallery-titleBox {
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	color: #000;
	padding: 4px;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 6px; 
	-moz-border-radius: 6px; 
	-webkit-border-radius:6px;
	display: inline;
}

#lightboxGallery-outer #closeLightboxGallery {
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
}
#lightboxGallery-outer #nextLightboxGallery {
	position: absolute;
	top: 100px;
	right: 0px;
	cursor: pointer;
}
#lightboxGallery-outer #preLightboxGallery {
	position: absolute;
	top: 100px;
	left: 0px;
	cursor: pointer;
}

#lightboxGallery-outer .lightboxGallery-menu {
	text-align: center;
	position:absolute;
	bottom: 40px;
	width: 100%;
	display: block;
}
#lightboxGallery-outer .lightboxGallery-menu ul{
	list-style: none;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-color: #FFFFFF;
	border-radius: 6px; 
	-moz-border-radius: 6px; 
	-webkit-border-radius:6px;
	height: 30px;
	width: 540px;
}
#lightboxGallery-outer .lightboxGallery-menu ul li{
	display: inline;
}
#lightboxGallery-outer .lightboxGallery-menu ul li a{
	display: inline;
	margin: 0px 4px;
	color: #FFFFFF;
}
#lightboxGallery-outer .lightboxGallery-menu ul li a:hover{
	cursor: pointer;
}
#lightboxGallery-outer .lightboxGallery-menu ul li a.active{
}
/*lightbox buttons*/
#next_button {
	position: absolute;
	top: 100px;
	right: 0px;
	cursor: pointer;
}
#pre_button {
	position: absolute;
	top: 100px;
	cursor: pointer;
}
		
#modal_image_window_outer {
	position: fixed;
	width: 100%;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	top: 0%;
	left: 0%;
	z-index:90;
	height: 100%;
	display: none;
	background-color: #000000;
	color: #000;
}

#modal_image_window_box {
	position:fixed;
	width: 100%;
	top: 0%;
	left: 0%;
	z-index:91;
	display: none;
	color: #000;
}
/* CSS IE6 HACKs */
/*\*/ * html #modal_image_window_box { position: absolute; height: 600px;  } /**/
/*\*/ * html #modal_image_window_outer { position: absolute; height: 1000px; width: expression( ((document.documentElement.clientWidth) ? document.documentElement.clientWidth : document.body.clientWidth ) + 'px' );  } /**/



/* ==========================================
 Popups
 Error Msg's and general msg's
=========================================== */
/* Basic's of error box's */
div.error_box, div.good_news, div.bad_news, div.warning, div.helpful_hint, div.normal_message {
	border: none;
	border-top: 1px solid;
	border-bottom: 1px solid;
	padding: 4px;
	margin: 2px;
	padding-left: 34px;
	background-repeat: no-repeat;
	background-position: 6px 4px;
	color: #000000;
}

div.error_box a, div.good_news a, div.bad_news a, div.warning a, div.helpful_hint a, div.normal_message a {
	color: #000000;
	text-decoration: underline;
}
/* Error Reporting Box */
.error_box {
	background-color:#FF998A;
	border-color:#CC0000;
	background-image: url(../images/glossy_icons/cancel.png);
}
/* Good News Reporting Box */
.good_news {
	background-color:#E3FCE3;
	border-color: #9FE8B8;
	background-image: url(../images/glossy_icons/ok.png);
}	
/* Bad News Reporting Box */
.bad_news {
	background-color:#FFE8E5;
	border-color: #F7AEA5;
	background-image: url(../images/glossy_icons/alert.png);
}
/* Warning Reporting Box */
.warning {
	background-color:#FFF6BF;
	border-color: #F8DD70;
	background-image: url(../images/glossy_icons/golden_offer.png);
}
/* Helpful Hint */
.helpful_hint {
	background-color:#C6D9F9;
	border-color: #6699CC;
	background-image: url(../images/glossy_icons/question.png);
}
/* Basic White message */
.normal_message {
	background-color:#F8F8F8;
	border-color: #CCCCCC;
	background-image: url(../images/glossy_icons/info.png);
}





/* ==========================================
 Modal Window Setup 
 	for use with all new modal windows 
	apart from the "email to friend", "cart" and images. 
	(Soon these will be added to this tho) 
=========================================== */
#obj_modal_outer {
}
#obj_modal_background {
	position: fixed;
	width: 100%;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	top: 0%;
	left: 0%;
	z-index: 2000;
	height: 100%;
	background-color: #000000;
}
#obj_modal_content_positioning {
	position: absolute;
	top: 0%;
	left: 0%;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	z-index: 2010;
	width: 100%;
}

/* Modal box that can slide from the top of the screen */
.obj_modal_slide_top {
}
.obj_modal_slide_top .obj_main {
	background: #FFF;
	padding: 4px 100px;
	vertical-align: middle;
	border-bottom: 3px solid #2d140f;
}
.obj_modal_slide_top .obj_modal_close {
	background: #FFF;
	float: right;
	margin-right: 30px;
	margin-top: -3px;
	padding: 2px 6px;
	border: 3px solid #2d140f;
	border-top: 0px;
}

/* Modal Box in middle of screen */
.obj_modal_box {
	width: 400px;
	height: 300px;
	background-color: #FFFFFF;
	padding: 10px;
	margin: auto;
	margin-top: 100px;
	text-align: left;
	border: 3px solid #2d140f;
}
.obj_modal_box .obj_modal_close {
	float: right;
	color: #000;
}

/* Splash Page (appears on checkout page load if set) */
.splash_close {
	float:right;
	cursor:pointer;
}
#splash_page_main {
	height: auto;
	width: 906px;
	margin: auto;
    border-radius: 10px; 
    -moz-border-radius: 10px; 
	-webkit-border-radius:10px;
	margin-top: 100px;
	padding: 4px;
	z-index:98;
	color: #000;
}
#splash_page_main_inner {
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius:4px;
	color: #000;
	padding: 6px;
	min-height: 200px;
}

/* Fix for positioning of modal window background */
/*\*/ * html #obj_modal_background { position: absolute; height: expression(eval(document.body.clientHeight)); } /**/ 


/* ==========================================
 Modal box for enquiring about products 
=========================================== */
.enquire_about_products {
	width: 400px;
	font-size: 14px;
	height: 360px;
}
.enquire_about_products table {
	margin: 4px;
	padding: 4px;
	margin-top: 10px;
}
.enquire_about_products input {
	margin: 4px;
	width: 240px;
}
.enquire_about_products input[type=submit] {
	margin: auto;
	width: 140px;
}
.enquire_about_products textarea {
	margin: 4px;
	width: 360px;
}

/* Logo in modal cart */

#modal_window_box {
border: 1 px solid #454545 !important;
background-image: url(/userfiles/images/logomodal.png);
background-repeat: no-repeat;
background-position: top left;
padding: 16px;
z-index: 9999;
}

#cart_update_box h2 {
font-size: 20px !important;
font-weight: bold;
}

#cart_update_box p {

font-size: 12px  !important;

}

.outside_all h3 {

color: #454545 !important;

}

/* ==========================================
 Page specific and customer css,
 such as how the register page of the customer page is layed out
=========================================== */

/* ==========================================
 Register Page
 Stying for the register page steps
=========================================== */
ul.main_reg_details {
    list-style: none;
}
ul.main_reg_details li{
}
ul.main_reg_details li label{
    width: 108px;
    display: block;
    float: left;
    text-align: right;
    padding-right: 9px;
}
ul.main_reg_details li input{
}
ul.billing_address {
    list-style: none;
    float: left;
    display: block;
    padding-left: 0px;
    width: 280px;
}
ul.billing_address li{
}
ul.billing_address li label{
    width: 94px;
    display: inline-block;
    text-align: right;
    padding-right: 9px;
}
ul.billing_address li input{
    width: 140px;
}
ul.delivery_address {
    list-style: none;
    display: block;
    padding-left: 0px;
}
ul.delivery_address li{
}
ul.delivery_address li label{
    width: 115px;
    display: block;
    float: left;
    text-align: right;
    padding-right: 9px;
}
ul.delivery_address li input{
    width: 145px;
}
ul.delivery_address li:hover{
}
.outside_box_columbs {
    margin-top: 14px;
}



/* ==========================================
 Customer Home Page
 when customers loggin to the site
 they are greated with a unique home page
 Customer home shell html cannot be changed but the style can
=========================================== */
/* Customer page use's a different outer content called "content2" rather than just "content" */
#content2 {
    min-height: 400px;
}
#content2 ul {list-style-position:inside;padding:4px;}
/* Again for customer page we use "sidebar2" instead of just "sidebar" */
#sidebar2 {
}
#content2 h2 {
    padding-bottom:5px;
    margin:0 0 5px 0;
    color: #342f2b;
}
#content2 h2 a, #content h3 a {
    color: #342f2b;
}
#content2 h2 a:hover,  #content h3 a:hover  {
    text-decoration :none;
    color: #342f2b;
}
#sidebar2 h3 {
    font-size:15px;
    padding-bottom:5px;
    margin:10px 0 5px 0;
    color: #000000;
}
#sidebar2 ul {
    list-style:none;
}
#sidebar2 li {
    padding:5px 5px 5px 15px;
    line-height:16px;
}
#sidebar2 li a {
    color: #000000;
}



/* ==========================================
 Product Page!
  the products more information page
=========================================== */
.product_page_outer {
    padding: 4px;
    margin: 4px;
position: relative;
}

.product_page_main_details {
    width: 49%;
    float: right;
}

.product_page_image_box {
    width: 49%;
    text-align: center;
    vertical-align: middle;
}

/* Product Main Image  */
#switch_main_image {
    max-width: 240px;
    max-height: 240px;
    padding:0;
    margin:0;
    border:0;
    cursor: pointer;
}
/* CSS IE6 HACK */
/*\*/ * html #switch_main_image { width: 240px; height: 240px; } /**/

ul.product_buttons, ul.product_footer_buttons {
    list-style: none;
    display: block;
    margin: 0px;
    margin-left: -10px;
    padding-left: -10px;
    padding: 0px;
}
ul.product_buttons li, ul.product_footer_buttons li {
    display: inline-block;
    display: inline !ie;
    margin-left: -6px;
}
/* Button Links */
ul.product_buttons li a, ul.product_footer_buttons li a {
    display: inline-block;
    width: 102px;
    margin: 2px;
    float: left;
}
/* CSS IE6 HACK */
/*\*/ * html ul.product_buttons li a, ul.product_footer_buttons li a { width: 120px; margin: 1px; } /**/

ul.product_buttons li a img, ul.product_footer_buttons li a img {
    padding: 2px;
}

.product_reviews, .product_tags, .product_show_more_box, .product_attributes, .product_description, .product_options, .product_prices_table {
    margin: 2px;
    padding: 2px;
}
.product_reviews h2, .product_tags h3, .product_show_more_box h3, .product_attributes h3, .product_description h3, .product_options h3, .product_prices_table h3 {
    border-top: 1px solid #2d140f;
    clear: both;
    padding-top: 4px;
}


ul.product_footer_buttons {
    list-style: none;
    display: block;
    margin: 0px;
    padding: 0px;
}
ul.product_footer_buttons li {
    display: inline;
}
ul.product_footer_buttons li a {
    display: inline-block;
}

/** Text Parts **/
/*Product name*/
h1.product_name {
    clear: both;
    margin-top: 8px;
    font-size: 24px;
    font-weight: normal;
}
/*price*/
.product_price {
    font-size: 14px;
}
/*price:old*/
.product_price .old_price {
    color: #CC0000;
    text-decoration: line-through;
    font-size: 12px;
}

.product_price .comming_soon {
    color: #33CC00;
}

.product_price .out_of_stock {
}

input#quantity {
    background-color:#FFF;
    padding: 3px;
    margin: 2px;
    text-align: center;
    border: 1px solid #CCC;
    font: normal 1em;
    color: #222;
    width: 30px;
    vertical-align: middle;
}

/*bread crumb*/
.bread_crumb {
}

/* products multiple images */
.products_other_images {
    margin:4px;
    padding:2px;
    margin-top: 10px;
}
.products_other_images .other_image_box {
    width:50px;
    height:50px;
    padding:4px;
    float:left;
}
.products_other_images .other_image_box img {
    max-width:50px;
    max-height:50px;
    border: 0px;
}
/* CSS IE6 HACK */
/*\*/ * html .products_other_images .other_image_box img { width:50px; height:50px; } /**/

/* non js form input */
#cart_submit {
    width: 100px;
    float:right;
    cursor:pointer
}

/* Attributes table */
table.product_attributes {
    width:94%;
    border-top:1px solid #342f2b;
    border-right:1px solid #342f2b;
    /*margin:1em auto;*/
    margin:1em 18px;
    border-collapse:collapse;
    text-align:left;
    vertical-align: top;
}
table.product_attributes td {
    border-bottom:1px solid #342f2b;
    border-left:1px solid #342f2b;
    padding:.3em 1em;
    text-align:left;
    vertical-align: top;
}

/* Multi prices table */
table.product_multi_prices {
    width:60%;
    border-top:1px solid #342f2b;
    border-right:1px solid #342f2b;
    margin:1em 18px;
    border-collapse:collapse;
    text-align:left;
    vertical-align: top;
}
table.product_multi_prices td {
    border-bottom:1px solid #342f2b;
    border-left:1px solid #342f2b;
    padding:.3em 1em;
    text-align:left;
    vertical-align: top;
}

/* options, if radio buttons */
.each_option {
    padding: 10px;
}


/* ==========================================
 Javascript product sliders
 verticle sliders of products,
 shown on product pages, checkout, and cusotmers home pages
=========================================== */

#page_text_area {
    padding: 4px;
    margin: 10px;
    margin-right: 0px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius:6px;
    border: 1px solid #2d140f;
}

.products_horizontal_carousel {
    height: 120px;
    padding: 10px;
    z-index: 100;
    padding-left: 0px;
    margin-left: -14px;
    left: 0px;
    /*width:  766px ;*/
    width: 100%;
}

.products_horizontal_carousel .container {
    overflow: hidden;
    position:relative;
    left: 0px;
    margin-left: 0px;
    /*width:  784px ;*/
    width: 100%;
}
/* CSS IE6 HACK */
/*\*/ * html .products_horizontal_carousel .container { /*width:  784px ;*/ } /**/

.products_horizontal_carousel ul {
    margin: 0;
    padding:0;
    width: 10000px;
    overflow: hidden;
    position:relative;
    left: 0px;
    margin-left: 0px;
    padding-left: 0px;
}

.products_horizontal_carousel ul li {
    /*width: 184px;*/
    width: 200px;
    text-align: left;
    /*border: 1px dashed #fff;*/
    list-style:none;
    float:left;
    z-index: 1;
    margin-left: 0px;
    padding: 3px;
    margin: 2px;
    max-height: 180px;
}
.products_horizontal_carousel ul li:hover {
    /*border: 1px dashed #2d140f;*/
}

.products_horizontal_carousel .buttons {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: -90px;
    left: 0px;
    /*width:  826px ;*/
    width: 104%;
}
/* CSS IE6 HACK */
/*\*/ * html .products_horizontal_carousel .buttons { display: none; } /**/
.products_horizontal_carousel .previous_button {
    float:left;
    width: 30px;
    height: 30px;
    background: url(../images/but_prev.png) no-repeat;
    z-index: 100;
    cursor: pointer;
}

.products_horizontal_carousel .previous_button_over {
  background: url(../images/but_prev_hover.png) no-repeat;}

.products_horizontal_carousel .previous_button_disabled {
  background: url(../images/but_prev_dis.png) no-repeat;
  cursor: default;
}

.products_horizontal_carousel .next_button {
    float:right;
    width: 30px;
    height: 30px;
    background: url(../images/but_next.png) no-repeat;
    z-index: 100;
    cursor: pointer;
}

.products_horizontal_carousel .next_button_over {
  background: url(../images/but_next_hover.png) no-repeat;
}

.products_horizontal_carousel .next_button_disabled {
  background: url(../images/but_next_dis.png) no-repeat;
  cursor: default;
}

.mini_product_name {
    font-size: 12px;
    font-weight: bold;
}

.mini_product_img {
    max-width: 100px;
    max-height: 100px;
    background-color: none !important;
    border-color:none;
    float: left;
}

/* CSS IE6 HACK */
/*\*/ * html .mini_product_img { width: 100px; height: 100px; } /**/

.mini_product_special_offer {
    font-size: 12px;
    color:#CC0000;
    text-decoration: line-through;
}
.mini_product_price {
    font-size: 12px;
}
.mini_product_rating {
}
.mini_product_link {
    font-size: 9px;
}

div.wrapper_sidebar_categories_new h2{
    padding-bottom: 6px;
    padding-left: 6px;
}
div.wrapper_sidebar_categories_newa{
}
/* CSS IE6 HACKs */
/*\*/ * html .featured_item_img { width:100px; height:100px; } /**/



/* ==========================================
 Sidebar Apps!
  sidebar apps are controlled by these stylings
=========================================== */
/* == Banner == */
.banner-slideshow {
    height: 120px;
    width: 100%;
    overflow:hidden;
    margin: 0px;
    padding: 0px;
}
.banner-slide {
    position: absolute;
    z-index: 99;
    width: 100%;
}
.banner-slide .banner-inner-slide {
    height: 120px;
    width: 100%;
    margin: 0px;
    padding: 0px;
    background-position: 0 0;
    overflow: hidden;
}
#banner-slideshow-content {
    position: relative;
    z-index: 10;
}
/* CSS IE6 HACK */
/*\*/ * html .banner-slideshow { width: 94%; } /**/

/* == Wishlist == */
.wishlist_outer {
    padding: 8px;
}

/* == Search Box == */
#search_bar {
    width: 190px;
    float:left;
    color:#333333;
}
/* Seach/Look Button
( Used To Be Called "Look For Products") */
#Look {
    float:left;
    margin-left: 6px;
    width: 60px;
}
/* Autocomplete DD */
div.autocomplete {
  margin:0px;
  padding:0px;
  width:190px;
  background:#fff;
  border:1px solid #888;
  position:absolute;
  color:#333333;
}
div.autocomplete ul {
  margin:0px;
  padding:0px;
  list-style-type:none;
  color:#333333;
}
div.autocomplete ul li.selected {
  background-color:#ffb;
  color:#333333;
}
div.autocomplete ul li {
  margin:0;
  padding:2px;
  height:27px;
  display:block;
  list-style-type:none;
  cursor:pointer;
  color:#333333;
}



/* == Pages List == */
/* Outside the pages list */
.pages-list-outer {
    width:97%;
    padding: 4px;
    margin-left: 0px;
    padding-left: 0px;
    text-align: left;
}
.pages-list-outer a {
    color: #000000 !important;
}
.pages-list-inner h2 {
    padding: 4px;
    padding-left: 8px;
    padding-top: 0px;
}
.pages-list-outer span.cat_next_level_icon {
    float: right;
    clear: right;
    padding: 0px;
    cursor: hand;
    cursor: pointer;
    font-size: 24px !important;
    font-weight: bold;
    margin-top: -11px;
}
.pages-list-outer ul.top-level { /* Top level ul */
    list-style: none;
    display: block;
}
.pages-list-outer ul.top-level li { /* Top level li */
    padding: 4px;
    display: block;
    border-bottom: 1px dotted #342f2b;
}
.pages-list-outer ul.top-level li:last-child {
    border-bottom: 0px;
}
.pages-list-outer ul.top-level li a { /* Top level li title */
    text-decoration: none;
    padding: 6px;
    padding-top: 0px;
}
.pages-list-outer ul.top-level li ul { /* Inner level ul */
    padding-left: 8px;
    list-style: none;
}
.pages-list-outer ul.top-level li ul li { /* Inner level li */
    margin: 2px;
    padding: 2px;
    display: block;
    margin-right: 0px;
    padding-right: 0px;
    border-bottom: 0px;
}
.pages-list-outer ul.top-level li ul li ul {
    margin-right: 0px;
    padding-right: 0px;
}
.pages-list-outer ul.top-level li ul li a { /* Inner level li title */
    text-decoration: none;
}
ul.current { /* current ul */
    display: block;
}
.the_top_right_cat_links {
    float:right;
    font-size:10px;
    padding: 4px;
}



/* == Sidebar Categories == */
/* Outside the categories */
.categories-outer {
    width:97%;
    padding: 4px;
    margin-left: 0px;
    padding-left: 0px;
    text-align: left;
}
.categories-outer a {
    color: #000000 !important;
}
.categories-outer h2 {
    color: #000000 !important;
    padding: 4px;
    padding-left: 8px;
    padding-top: 0px;
}
.categories-outer span.cat_next_level_icon {
    float: right;
    clear: right;
    padding: 0px;
    cursor: hand;
    cursor: pointer;
    font-size: 24px !important;
    font-weight: bold;
    margin-top: -11px;
}
.categories-outer ul.top-level { /* Top level ul */
    list-style: none;
    display: block;
}
.categories-outer ul.top-level li { /* Top level li */
    padding: 4px;
    display: block;
    border-bottom: 1px dotted #342f2b;
}
.categories-outer ul.top-level li:last-child {
    border-bottom: 0px;
}
.categories-outer ul.top-level li a { /* Top level li title */
    text-decoration: none;
    padding: 6px;
    padding-top: 0px;
}
.categories-outer ul.top-level li ul { /* Inner level ul */
    padding-left: 8px;
    list-style: none;
}
.categories-outer ul.top-level li ul li { /* Inner level li */
    margin: 2px;
    padding: 2px;
    display: block;
    margin-right: 0px;
    padding-right: 0px;
    border-bottom: 0px;
}
.categories-outer ul.top-level li ul li ul {
    margin-right: 0px;
    padding-right: 0px;
}
.categories-outer ul.top-level li ul li a { /* Inner level li title */
    text-decoration: none;
}
ul.current { /* current ul */
    display: block;
}
.the_top_right_cat_links {
    float:right;
    font-size:10px;
    padding: 4px;
}



/* == Newsletter Signup == */
.newsletter-signup {
}
.newsletter-signup li {
    margin: 4px;
}
.newsletter-signup li label {
    display: inline-block;
    width: 80%;
}
.newsletter-signup li input {
    width: 90%;
}
.newsletter-signup li input#NewsletterSignup_image, .newsletter-signup li input[type=submit] {
    width: 60%;
}



/* == Sidebar Cart Box == */
.cart_summary {
    text-align:left;
    position: relative;
}
.cart_summary img {
    padding: 6px;
}
.cart_box_1 {
    width: 48px;
    text-align: left;
    float: left;
    height: 60px;
    text-align: center;
    vertical-align: middle;
}
.cart_box_2 {
    width: 120px;
    height: 30px;
    float: left;
    padding-right: 4px;
    margin-bottom: 6px;
    margin-top: 6px;
}
.cart_box_3 {
    width: 80px;
    height: 30px;
    float: left;
    position: absolute;
    top: 46px;
    /*left: 52px;*/
    left: 122px;
    font-weight: bold;
    /*
    margin-top: 44px;
    margin-left: 110px;
    margin-top: -15px !ie;
    margin-left: 6px !ie;
    /*display: none;*/
}
.cart_box_4 {
    width: 96px;
    height: 30px;
    float: left;
    margin-top: -14px;
    padding-right: 4px;
}
.cart_box_5 {
    width: 64px;
    height: 30px;
    float: left;
    margin-top: -14px;
}
.cart_box_6 {
    width: 140px;
    height: 30px;
    float: left;
    margin-bottom: 6px;
    margin-top: 6px;
}
.cart_box_1 img {
    width: 34px;
    height: 30px;
    margin: auto;
}
.cart_box_1 a, .cart_box_3 a , .cart_box_4 a , .cart_box_5 a {
    font-size: 11px;
}
.cart_box_6 h3, .cart_box_2 h3 {
    font-size: 14px;
    height: 14px;
}



/* ==========================================
 Checkout Page!
  Checkout html cannot be touched atm but styling can be edited as you wish
=========================================== */
.needLogin {
    font-size: medium;
    padding: 4px;
    margin: 4px;
    border: 1px solid #2d140f;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius:6px;
}
.needLogin .link {
    text-decoration:underline;
}
#overall_total_costs_new {
    float:right;
    margin-top: -124px;
}
.title_total {
    width: 100px;
    font-size: 16px;
    float: left;
    clear: left;
}
.side_box_totals {
    float: right;
    clear: right;
    width: 210px;
    padding: 10px;
    margin: 10px;
    margin-right: 0px;
    border: 1px solid #2d140f;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius:6px;
}
.side_box_totals h3{
    background-color: #2d140f;
    color: #ffffff;
    padding: 4px;
}
.address_box_totals {
    float: left;
    width: 275px;
    padding: 10px;
    margin: 10px;
    margin-right: 0px;
    border: 1px solid #2d140f;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius:6px;
}
.address_box_totals h3{
    background-color: #2d140f;
    color: #ffffff;
    padding: 4px;
}
.product_box_totals {
    clear: right;
    width: 592px;
    padding: 4px;
    margin: 10px;
    margin-right: 0px;
    border: 1px solid #2d140f;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius:6px;
}
.product_box_totals h3{
    background-color: #2d140f;
    color: #ffffff;
    padding: 4px;
}
.product_box_totals_item {
    clear: right;
    width: 538px;
    padding: 4px;
    margin: 10px;
    margin-right: 0px;
    border: 1px solid #2d140f;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius:6px;
}
.product_box_totals_item h3{
    background-color: #2d140f;
    color: #ffffff;
    padding: 4px;
}
#outside_all_new {
    clear: left;
    width: 620px;
}

/* CSS IE6 HACK */
/*\*/ * html .address_box_totals { width: 260px; } /**/

/* CSS IE6 HACK */
/*\*/ * html .product_box_totals { clear: none; width: 582px; } /**/

/* CSS IE6 HACK */
/*\*/ * html #outside_all_new { width: 610px; } /**/

#page_text_area {
    padding: 4px;
    margin: 10px;
    margin-right: 0px;
    border: 1px solid #2d140f;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius:6px;
}

table#products_items a{
    line-height: 16px;
}
table#products_items p{
    line-height: 16px;
}
table#products_items *{
    line-height: 16px;
}
table#products_items strong{
    line-height: 16px;
    font-size: 15px;
}




/* ==========================================
 Image Gallery
=========================================== */
.gallery-outer {
    padding: 4px;
    margin: 4px;
    clear: both;
}
.gallery-image-outer {
    width:150px;
    height:160px;
    border:1px solid #FFF;
    float:left;
    padding: 5px;
    margin: 4px;
    text-align: center;
}
.gallery-image {
    margin: auto;
    max-width:140px;
    max-height: 140px;
}
/* CSS IE6 HACK */
/*\*/ * html .gallery-image { width:140px; height: 140px; } /**/



/* ==========================================
 Custom!
  these are some custom extras
  that generaly dont fall into specific categories
=========================================== */

/* Save Button (used on most forms, similar to generated button) */
.save_button, input[type=submit] {
    border: 1px solid #222;
    padding: 3px 10px;
    padding: 2px 10px !ie;
    font-weight: bold;
    background-color: #2d140f !important;
    color: #ffffff !important;
}




/* ==========================================
 Individual Pages
 You can also set each pages css to be different
 the page body id is set to be the name of the page (with "body_" prefix added)
 (all lowercase, no symbols and underscores for spaces)
 e.g.
    body#body_home { background: #000; }
or
    #body_contact_us { background: #000; }
or
    #body_contact_us h1 { color: #FFF; }
=========================================== */







/*============================================
    Floating menu on footer of screen
=============================================*/

#bottom_menu_slider_back {
    background-color: #000000;
    height: 30px;
    position: fixed;
    bottom: 0px;
    border-top: 1px solid #FFF;
    z-index: 68;
    left:0px;
    width: 100%;
    filter:alpha(opacity=0.9);
    -moz-opacity:0.9;
    opacity:0.9;
}
#bottom_menu_slider {
    height: 30px;
    position: fixed;
    bottom: 0px;
    z-index: 69;
    left:0px;
    width: 100%;
    text-align: center;
    padding-top: 50px !ie;
}
ul#bottom_menu_slider_inner {
    padding: 4px;
    text-align: left;
    margin: auto;
    z-index: 69;
    width: 900px;
    color: #FFF;
    list-style: none;
}
ul#bottom_menu_slider_inner li a  {
    color: #FFF;
    padding: 2px 16px;
    height: 24px;
    float: left;
    text-decoration: none;
}
ul#bottom_menu_slider_inner li {
    display: inline;
}
.rightFloat  {
    float: right;
}
ul#bottom_menu_slider_inner li a:hover .floating_tool_tip, ul#bottom_menu_slider_inner li a:hover .floatingLilArrow {
    display: block;
}

/* CSS IE6 HACKs */
/*\*/ * html #bottom_menu_slider_inner { display: none; } /**/
/*\*/ * html #bottom_menu_slider_all { display: none; } /**/

span.floating_tool_tip {
    background-color: #000000;
    color: #FFFFFF;
    display: none;
    position: absolute;
    margin-top: -56px;
    margin-left: -4px;
    padding: 2px 4px;
    margin-top: -46px !ie;
    margin-left: -24px !ie;
    font-size: 14px;
    border-top: 1px solid #FFF;
}

span.floatingLilArrow {
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 16px solid #000;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    display: none;
    position: absolute;
    margin-top: -36px;
    margin-left: -0px;
    margin-top: -28px !ie;
    margin-left: -20px !ie;
}


.paypalIcon {
    margin-top: -2px;
}
.paypalIcon:hover span.floating_tool_tip {
    display: block;
    margin-top: -64px;
    margin-left: -4px;
    margin-top: -44px !ie;
    margin-left: -174px !ie;
}
.paypalIcon:hover span.floatingLilArrow  {
    display: block;
    margin-top: -44px;
    margin-left: -0px;
    margin-top: -28px !ie;
    margin-left: -170px !ie;
}



/*====================================
  FAQ SYSTEM
=====================================*/
div.autocomplete {
  margin:0px;
  padding:0px;
  width:190px;
  background:#fff;
  border:1px solid #888;
  position:absolute;
  color:#333333;
}
#search_bar {
    width: 190px;
    color:#333333;
}
p.faq_tag_line. {
    font-size:16px;
}
#search_box_faq {
    float:right;
    height: 10px;
}
#submit_faq {
    float:left;
    margin-left: 6px;
    width: 60px;
  color:#333333;
}
div.autocomplete ul {
  margin:0px;
  padding:0px;
  list-style-type:none;
  color:#333333;
}
div.autocomplete ul li.selected {
  background-color:#ffb;
  color:#333333;
}
div.autocomplete ul li {
  margin:0;
  padding:2px;
  height:27px;
  display:block;
  list-style-type:none;
  cursor:pointer;
  color:#333333;
}
.outside_the_main_box {
    padding: 4px;
    margin: 4px auto;
}
#return_ajax_content {
}
.question {
    font-size: 14px;
    padding: 4px;
    margin: 2px;
    background-color:#FFFFE8;
    color:#111111;
    cursor: pointer;
}
.question:hover {
    background-color:#FFFFB9;
    color:#111111;
}
a.selectService {
    font-size: 12px;
    padding: 2px;
}



/*====================================
  Products special classes
=====================================*/
.special_offer_price {
    text-decoration: line-through;
    color: #990000;
}
.small_price_text {
    font-size: 10px;
}




/*====================================
  PNG Capture IMG
=====================================*/
.png_img_refresher {
    font-size:10px;
    text-transform: uppercase;
    font-style:italic;
}





/* When Printing Hide The Main Buttons */
@media print {
    #main_buttons, header-outer, #header-outer, #footer-outer, #sidebar2, #sidebar, .print_hidden_form, .print_hidden, .pagination, #bottom_menu_slider, #floating_icon_right, #header, #add_this_button, #bottom_menu_slider_all {
        display: none;
        visibility:hidden;
    }
    #content { width: 914px; }
}


.hor-minimalist-b
{
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 12px;
    border-collapse: collapse;
    text-align: left;
}
.hor-minimalist-b th
{
    font-size: 14px;
    font-weight: normal;
    padding: 10px 8px;
    border-bottom: 2px solid #6678b1;
}
.hor-minimalist-b td
{
    border-bottom: 1px solid #ccc;
    padding: 6px 8px;
}





/*====================================

  NEW Sidebar apps outer shells,
  Each sidebar app is surrounded by this class,
  and you can also target a specific app by its id,
  e.g.
   .sidebar_app_shell {}
   #sidebar_app_id_2 {} // #sidebar_app_id_[ ID HERE ]

=====================================*/

.sidebar_app_shell {
    padding: 3px 0px;
    margin: 3px 0px;
    border-bottom: 1px solid #2d140f;
}
.sidebar_app_shell:first-child {
    padding-top: 2px;
    margin-top: 0px;
}
.sidebar_app_shell:last-child {
    padding-bottom: 2px;
    margin-bottom: 0px;
    border-bottom: 0px;
}
.sidebar_app_shell h2 {
    font-size: 16px;
    font-weight: bold;
    background-color: #3F3
    color: #000000 !important;
}
.sidebar_app_shell h3 {
    font-size: 14px;
    font-weight: bold;
}



/*====================================

  Overrides for Featured Products Slider

=====================================*/
.sidebar_app_shell div.wrapper_sidebar_categories_new {
    margin: 0px 0px 0px 0px !important;
    background-color: transparent !important;
    color: #000000 !important;
    width: 100% !important;
}
.sidebar_app_shell .featured_item_img {
    max-width: 80px;
    max-height: 70px;
    margin-left: 0px;
    margin-right: 2px;
}
.sidebar_app_shell .bottom_slidebar_featured_10 {
    background-color: transparent !important;
    width: 98% !important;
}
.sidebar_app_shell .featured_items_inner_section_colour {
    background-color: transparent !important;
}
.sidebar_app_shell div.wrapper_sidebar_categories_new h2 {
    color: #000000 !important;
}
.sidebar_app_shell div.wrapper_sidebar_categories_new a {
    color: #000000 !important;
}
.sidebar_app_shell div.wrapper_sidebar_categories_new span {
    font-size: 12px !important;
}
.sidebar_app_shell #horizontal_carousel .container { width: 70%; left: -50px; }

.sidebar_app_shell #horizontal_carousel .next_button { visibility: hidden; }
.sidebar_app_shell #horizontal_carousel .previous_button { visibility: hidden !important; }
.jcarousel-skin-sidebar-app .jcarousel-clip-horizontal { height: 100px !important; }
.jcarousel-skin-sidebar-app .jcarousel-item { height: 100px !important; }
.sidebar_fetaured_app_stars { display: none; }


/*====================================
   Hide img on sidebar newsletter app
=====================================*/
.sidebar_app_shell .newsletter_sign_up_title_img { display: none; }


/*====================================
   Best Sellers Sidebar App
=====================================*/
.best_sellers_sidebar {}
.best_sellers_sidebar h2 { padding-bottom: 4px; }
.best_sellers_sidebar ul {}
.best_sellers_sidebar li { list-style: none; display:block; padding-bottom: 4px; margin-bottom: 4px; padding-top: 4px; margin-top: 4px; border-bottom: 1px dotted #000000; }
.best_sellers_sidebar li:last-child { border-bottom: 0px; padding-bottom: 0px; margin-bottom: 0px; }
.best_sellers_sidebar strong { }
.best_sellers_sidebar em { font-size: 10px; }




/*====================================
   Image Map
=====================================*/
.imageMap {
    background: #CCC top left no-repeat;
    width: 663px;
    height: 379px;
    position: relative;
}
.recMapObj {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0px;
    left: 0px;
    text-align: center;
    cursor: help;
    color: transparent;
}
.recMapObj.onMapHover {
    border: 1px solid #F90;
}
.recMapObj .recMapObjContentOuter {
    display: none;
    position: relative;
    color: #333;
}
.recMapObj.onMapHover .recMapObjContentOuter {
    display: block;
    min-height: 60px;
    min-width: 60px;
}
.recMapObj .recMapObjContent {
    width: 200px;
    background: #FFF;
    min-height: 60px;
    border: 1px solid #000;
    position: absolute;
    top: 40px;
    left: 0px;
}
.recMapObj .recMapObjCorner {
    background: url(/images/image-map-corner.png) top left no-repeat;
    width: 22px;
    height: 18px;
    position: absolute;
    top: 23px;
    left: 0px;
    z-index: 999;
}
.recMapObj img {
    visibility: hidden;
}
.recMapObj.onMapHover img {
    visibility: visible;
}




/* ==========================================
  Manufacturers Style
=========================================== */
.each_manufacturer {
}
.each_manufacturer_image_outer {
}
.each_manufacturer_image {
    max-width: 200px;
    max-height: 100px;
    float: left;
    margin-right: 10px;
}
.each_manufacturer_main_info {
}
.each_manufacturer_info_link {
}





/* ==========================================
 Departments Style
=========================================== */
.each_department {
}
.each_department_image_outer {
}
.each_department_image {
    max-width: 200px;
    max-height: 100px;
    float: left;
    margin-right: 10px;
}
.each_department_main_info {
}
.each_department_info_link {
}


/* #StartModule# */
/* YouTube video playlist viewer
--------------------------------------*/
.youtube-container { }
.youtube-video { width: 150px; float: left; height: 180px; margin: 5px; }
.youtube-video img { border: 0; }
.youtube-video em { color: #666; }
/* Hover overlay */
.youtube-hover-overlay {
    cursor: pointer;
    display: none;
    position: absolute;
    height: 113px;
    line-height: 113px;
    width: 150px;
    text-align: center;
    background-color: #000; background-color: rgba(0, 0, 0, 0.5);
}
.youtube-hover-overlay * { display: inline-block; vertical-align: middle; }
/* #EndModule# */



/* #StartModule# */
/* Product Reviews
--------------------------------------*/
.product-review { border-bottom: 1px solid #ccc; padding: 5px 0; margin: 5px 0; }
.product-review > .item { display: none; }
.featured-reviews-app .product-review > .item { display: inline-block; }
.product-review sup { font-size: 70%; }
.product-review .reviewer,
.product-review .dtreviewed { font-weight: bold; }
.product-review .description { font-style: italic; padding: 5px 0; display: inline-block; }
.product-review-aside { float: right; }
.product-review img { max-height: 140px; max-width: 140px; }
.hidden-product-mf-info { display: none; }
#featured-reviews-main-app { margin-top: 20px; }
#featured-reviews-sidebar-app { text-align: center; }
/* #EndModule# */





/* #StartModule# */
/* Delivery Estimator
--------------------------------------*/
.delivery_estimator {
    display: block;
    padding: 6px 12px;
    font-weight: bold;
    border-radius: 10px 10px 0 0;
    border: 3px solid #2d140f;
    border-bottom: 0;
    background-color: #342f2b;
}
.delivery_estimator,
.delivery_estimator:active {
    position: absolute;
    top: -34px;
    right: 20px;
}
/* #EndModule# */



/* #StartModule# */
/* Product filter tags (on product pages)
--------------------------------------*/
.product-filter-tags-list li {
    border: 1px solid #000;
    border-color: rgba(0,0,0,0.1);
    padding: 2px 4px;
    margin: 2px 1px;
    border-radius: 4px;
    display: inline-block;
    *display: inline; zoom: 1;
    vertical-align: top;
}
.product-filter-tags-list img { max-width: 36px; max-height: 36px; }
/* #EndModule# */




        .app-multi-news-feed { }
        .multi-news-each { border-bottom: 1px solid #000000; padding: 2px 0; margin: 2px 0; }
        .multi-news-each:last-child { border-bottom: 0px; }
        .multi-news-each p { font-size: x-small; padding: 2px 0; }
        .multi-news-each h4 { font-size: 13px; }/** 
 * Really Easy Cart
 * 
 * Web 2.0 Animated Menu 
 */

ul.header-menu {
	padding: 0px;
	text-align: left;
	display: block;
	position: absolute;
	bottom: 31px;
	left: 5px;
	list-style: none;
	width: 99%;
}

ul.header-menu li div {
	display: inline;
}
ul.header-menu li {
	display: inline;
	position: static;
	margin: 0px 2px !ie;
}
ul.header-menu li:hover, ul.header-menu li.hover {
	position: relative;
}
ul.header-menu li:hover li, ul.header-menu li.hover li {
	position: static;
	z-index: 98;
}
ul.header-menu li:hover li:hover, ul.header-menu li.hover li.hover {
	position: relative;
	z-index: 99;
}
ul.header-menu li a {
	display: inline-block;
	padding: 6px 7px;
        padding-bottom: 9px;
	text-decoration: none;
	/*background-color: #342f2b;*/
	background-color: transparent;
	color: #ddceb4;
	margin: 0px;
	font-size: 14px;
        border-left: 1px solid transparent;
        border-right: 1px solid transparent;
	/*background-color: #342f2b;*/
}
ul.header-menu li li a {
	width: 140px;
	margin: 0px;
	border-bottom: 1px solid #ddceb4;
	background-color: #522C26;         /*#342f2b;*/
    padding-top: 9px;
    padding-top: 7px !important !ie;
}

/* CSS IE6 HACK, hides sub menus after the 2nd level (fix) */
/*\*/ * html ul.header-menu ul li a { clear: left; float: left; } /**/
/*\*/ * html ul.header-menu ul ul { display:none !important; } /**/

ul.header-menu li a:hover, ul.header-menu li a.hover, ul.header-menu li.current a {
	background-color: #2d140f;
	color: #ffffff;
        padding-top: 8px !important;
        padding-top: 7px !important !ie;
        border-left: 1px solid #e4e0df;
        border-right: 1px solid #e4e0df;
}
ul.header-menu li ul {
	display: none;
	position: absolute;
	top: 21px;
	top: 32px !ie;
	left: 0px;
	text-align: left;
	z-index: 996;
	border: 1px solid #ddceb4;
	background-color: #342f2b;
}
ul.header-menu li ul ul {
	top: 10px;
	left: 120px;
}
ul.header-menu:hover li ul, ul.header-menu.hover li ul {
}
ul.header-menu li:hover>ul, ul.header-menu li:hover>div>ul, ul.header-menu li.hover>ul, ul.header-menu li.hover>div>ul {
	display: block;
}

ul.header-menu li ul li a:hover, ul.header-menu li ul li a.hover, ul.header-menu ul li.current>a {
	background-color: #2d140f;
}

ul.header-menu div.header-menu_cat_wrapper ul {
	z-index: 999;
}
ul.header-menu div.header-menu_cat_wrapper_2 ul {
	z-index: 998;
	left: 217px;
}
ul.header-menu div.header-menu_cat_wrapper_3 ul {
	z-index: 997;
	left: 474px;
}

ul.header-menu>li span {
	display: none;
}
ul.header-menu ul li span {
}

/* -- Chrome 12+ fix -- */
ul.header-menu li { display: inline-block; display: inline !ie; }
ul.header-menu ul { margin-top: 10px; margin-top: 0px !ie; }
ul.header-menu ul ul { margin-top: 0px; }

a[title="Testimonials"] {
margin-left: 240px !important;
margin-left: 230px !important !ie;
}
a[title="Testimonials"]:hover {
margin-left: 240px !important;
margin-left: 320px !important !ie;
}

/*====================================
  Blogs CSS 
=====================================*/

/* ====== media ====== */
.wf-media {margin: 10px 0;}
.wf-media, .wf-bd {
    height: 150px;
    overflow:hidden; 
    _overflow:visible; 
    zoom:1;
}
.wf-bd {
overflow: visible;
}
.wf-bd span {
    font-size: 11px;
    font-family: tahoma;
}
.wf-media .wf-img {
float: left;
left: 15px;
top: -10px;
position: relative;
max-width: 105px;
max-height: 105px;
}
.wf-media .wf-img img {
display: block;
width: 100px;
border-radius: 3px;
border: 1px solid #191919;
}

.wf-media .wf-imgExt{
    float:right; 
    margin-left: 10px;
}
.wf-media h3, .wf-media h4 {
font-weight: bold;
font-size: 14px ;
font-family: tahoma;
}

/* Each blog item */
.wf-blog-item {
height: 160px;
margin-bottom: 30px;
border-radius: 15px;
box-shadow: 0px 1px 3px;
rounded-corner: 15px;
background-color: #dad9d2;
overflow: visible;
}
.wf-blog-item:hover {
background-color: #FFFEF5;
box-shadow: 1px 2px 5px;
}

/* Each Blog title */
.wf-blog-item h3 {
font-size: 13px;
padding-top: 15px;
position: relative;
float: right;
width: 230px;
}

/* Each Blog abstract */
.wf-blog-extract {
height: 75px;
overflow-y: hidden;
overflow-y: visible !ie;
line-height: 1.2em;
position: relative;
left: 15px;
width: 335px;
width:235px !ie;
}
.wf-blog-extract p {
 left:-100px !ie;
 width: 332px !ie;
 float: left !ie;
 position: relative !ie;
}
.wf-blog-extract span {
    font-size: 11px !important;
    background-color: transparent !important;
}
.wf-blog-extract a {
    background-color:transparent !important;
}

/* Each Blog read more link overlay*/
div .wf-blog-readmore {
    padding: 56px 46px 56px 47px;
    position: absolute;
    z-index: 2;
    background-color: none;
}

div .wf-blog-readmore:hover {
    background-image: url(../userfiles/news-background.png);
    background-position: -43px -46px;
}
div .wf-blog-readmore a {
    color: transparent !important;
background-color: transparent !important;
}
div .wf-blog-readmore:hover >a {
    color: #ffffff !important;
}

/* Each Blog image */
.wf-blog-item img, img.blog-image {
    height: auto;   
}

.wf-blog-item img:hover, img.blog-image:hover {
    padding: 0px;  
}

/* Multi news sidebar app */
.multi-news-each img { max-width: 60px; max-height: 60px; }

/*
------------------------------
Older stuff...
------------------------------
*/

/* Each Looped Blog Post (category/search view) */
.looped_blog_posts {
    border-collapse:collapse;
}
.looped_blog_posts td {
    border-bottom: 1px solid #342f2b;
}
.blog-title {
    font-weight: bold;
    margin-top: 10px;
}

/* Main Blog Page */
.outer-blogs {
    margin: 5px;
    width: 360px;
}
.each-blog-item {
}
.each-blog-item hr {
    border-bottom: 1px solid #342f2b;
}

.each-blog-item h3.blog-title {
    padding: 3px;
    margin: 2px;
    margin-left: 0px;
    padding-left: 0px;
}
.each-blog-item p.blog-date {
    font-size: 12px;
    color: #342f2b;
    font-style: italic;
}

.each-blog-item div {
}
.each-blog-item p {
    font-size: 12px;
}
.each-blog-item .blog-image-outer {
    float: left;
    text-align: center;
    margin: 5px;
    padding: 5px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-left: 0px;
    padding-left: 0px;
}
.each-blog-item a.blog-read-more {
    text-decoration: underline !important;
    font-style:italic;
}
.blog-tags {
    font-style: italic;
}
.blog-tags a {
    text-decoration: underline;
}
.blog-category {
    font-weight: bold;
}
.blog-category a {
    text-decoration: underline;
}

#social_buttons{
    float:right;
}
#social_buttons ul{
    list-style: none;
}
#social_buttons li{
    float: left;
    display: block;
    padding: 3px;
}


/* Comments */
.outer-blog-comments {
    margin: 10px 0px;
}
.outer-blog-comments hr {
    border-bottom: 1px solid #342f2b;
}
.outer-blog-comments a, .outer-blog-comments h3, .outer-blog-comments p {
}
.each-blog-comment {
    width: auto;
    margin: 0px;
    padding: 4px;
}
.blog-comments-left-side a, .blog-comments-left-side a:link {
}
.blog-comment-reply-text {
    margin-left: 60px;
}
.blog-comment-reply-text a, .blog-comment-reply-text h3, .blog-comment-reply-text p {
}


/* Blogs Search Page */
.blogs_search_form {
    float: right; 
    width: 300px; 
    padding-left: 10px;
}
.blogs_search_form input, .blogs_search_form select {
    margin: 2px;
}

.blogs_search_order_date {
    float: right;
}


/* Blogs Search Page */
.each_blog_category {
    margin-bottom: 10px;
    border-bottom: 1px solid #342f2b;
}
.each_blog_category .blog_category_image_outer {
    float: left;
    width: 100px;
    text-align: center;
}
.each_blog_category .blog_category_image_outer img {
    max-width: 100px;
    max-height: 100px;
}
.each_blog_category .blog_category_main_info {
}

/* blog pages refference/vide links */
.blog-refference-url a, .blog-video-link a {
    padding: 2px 4px;
    border-bottom: 1px solid #342f2b;
}




.each_blog_image_first {
    max-height: 80px; 
    max-width: 80px; 
    margin: 4px;
}
.each_blog_image_second {
    float: left; 
    max-height: 40px; 
    max-width: 40px; 
    margin-right: 10px;
}
.each_blog_comment_image {
    max-height: 80px;
    max-width: 80px;
}
.each_blog_comment_reply_image {
    max-height: 40px; 
    max-width: 40px; 
}
.each_blog_cat_image_first {
    max-height: 80px; 
    max-width: 80px; 
    margin: 4px;
}












    		/* =========== New Blog CSS =========== */

    		.blog-content-block {
    			padding-bottom: 20px;
    		}
    		.blog-reference-block {
    			margin: 20px auto 20px auto !important;
    			width: 80%;
    			border: 1px solid black;
    			padding: 10px;
    			border-radius: 5px;
    		}
    		.blog-reference-block-thumb {
    			max-height: 200px;
    			max-width: 200px;
    		}
    		.blog-reference-block-url {
    			text-align: center;
    			clear: both;
    		}
    		.blog-reference-block-youtube {
    			text-align: center;
    			padding: 20px;
    		}

    		


          /* ========= BLOG RECOMMENDATION CSS ========= */

          .blog-recommend {
              color: #FF9200;
              font-size: 16px;
              font-weight: bold;
              margin-top: -2px;
              display: inline-block;
          }

          /*
    Media Object
    http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/
*/

.media-object { margin: 10px; }
.media-object,
.media-object-bd { overflow: hidden; _overflow: visible; zoom: 1; }
.media-object .media-object-img { float:left; margin-right: 10px; }
.media-object .media-object-img img { display:block;}
.media-object .media-object-imgExt { float:right; margin-left: 10px; }

/*
    Product & Category styling
*/

.pcl-product-each { clear: both; }
.pcl-category-each {
    width: 25%;
    float: left;
    text-align: center;
    min-height: 200px;
}

.pcl-product-each-image-container,
.pcl-category-each-image-container { width: 200px; position: relative; }

.pcl-product-each-image,
.pcl-category-each-image { max-width: 100%; margin: 0 auto; }

.pcl-product-each-link,
.pcl-category-each-link {
    background: rgba(0, 0, 0, 0.1);
    padding: 5px 10px;
    display: inline-block;
}

.pcl-product-each-link:hover,
.pcl-category-each-link:hover {
    background: rgba(0, 0, 0, 0.2);
}

/* banner */
.pcl-product-banner-canvas {
     position: absolute;
     top: 0px;
     left: 0px;
     cursor: hand;
     cursor: pointer;
}

/* product stock */
.pcl-product-in-stock { font-weight: bold; color: #018301; }
.pcl-product-out-of-stock { color: #B00; font-style: italic; }