/*
-----------------------------------------------

Site: SSP Hats
Author: Tim Lenton

-----------------------------------------------
*/

/*
Undo Browser Defauls --------------------- */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
q:before, q:after { content:''}

/*
Reset Some Styles --------------------- */

strong { font-weight: bold; }
em { font-style: italic; }

a, a:visited, a:active { color: #333; text-decoration: none; outline:none; }
a:hover { text-decoration: underline; }
a img, img { border: none; } /* Gets rid of IE's blue borders */

img { display: block;}

/*
 * Tables.less
 * Tables for, you guessed it, tabular data
 * ---------------------------------------- */
table {
  width: 100%;
  margin-bottom: 18px;
  padding: 0;
  border-collapse: separate;
}
table th, table td {
  padding: 10px 7px 9px;
  line-height: 13.5px;
  vertical-align: middle;
  border-bottom: 1px solid #ddd;
}
table th {
  padding-top: 9px;
  font-weight: bold;
  border-bottom-width: 2px;
}
table tfoot td { border-bottom: none; }
.zebra-striped tbody tr:nth-child(odd) td {
  background-color: #f9f9f9;
}
.zebra-striped tbody tr:hover td {
  background-color: #f5f5f5;
}
.zebra-striped .header {
  cursor: pointer;
}
.zebra-striped .header:after {
  content: "";
  float: right;
  margin-top: 7px;
  border-width: 0 4px 4px;
  border-style: solid;
  border-color: #000 transparent;
  visibility: hidden;
}
.zebra-striped .headerSortUp, .zebra-striped .headerSortDown {
  background-color: rgba(141, 192, 219, 0.25);
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.zebra-striped .header:hover:after {
  visibility: visible;
}
.zebra-striped .headerSortDown:after, .zebra-striped .headerSortDown:hover:after {
  visibility: visible;
  filter: alpha(opacity=60);
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}
.zebra-striped .headerSortUp:after {
  border-bottom: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #000;
  visibility: visible;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  filter: alpha(opacity=60);
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}
table .blue {
  color: #049cdb;
  border-bottom-color: #049cdb;
}
table .headerSortUp.blue, table .headerSortDown.blue {
  background-color: #ade6fe;
}
table .green {
  color: #46a546;
  border-bottom-color: #46a546;
}
table .headerSortUp.green, table .headerSortDown.green {
  background-color: #cdeacd;
}
table .red {
  color: #9d261d;
  border-bottom-color: #9d261d;
}
table .headerSortUp.red, table .headerSortDown.red {
  background-color: #f4c8c5;
}
table .yellow {
  color: #ffc40d;
  border-bottom-color: #ffc40d;
}
table .headerSortUp.yellow, table .headerSortDown.yellow {
  background-color: #fff6d9;
}
table .orange {
  color: #f89406;
  border-bottom-color: #f89406;
}
table .headerSortUp.orange, table .headerSortDown.orange {
  background-color: #fee9cc;
}
table .purple {
  color: #7a43b6;
  border-bottom-color: #7a43b6;
}
table .headerSortUp.purple, table .headerSortDown.purple {
  background-color: #e2d5f0;
}

/*
Headings --------------------- */

h1, h2, h3, h4, h5, h6, pre, code { font-size: 17px; color: #444; font-weight: normal; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, pre, code { color: #444 !important;  }
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { font-weight: normal !important; }

h2 {}

h3 {}

h4 {}



/*
Form Elements --------------------- */

form { }
form p { margin-bottom: 5px !important; }
fieldset { padding: 20px; margin-bottom: 10px; background: ; border: 1px solid #ccc; }
fieldset table th, fieldset table td { border-color: #ccc; }
legend { padding: 5px 10px; background: #dad5cf; border: 0px solid #ccc; color: #000; font-size: 13px; font-weight: bold;  }
label { display: block; font-weight: bold; }
label span { font-weight: normal; }
select { font-size: 13px; padding: 2px; width: 200px; font-family: helvetica; }
option { }
input[type="checkbox"] { }
input[type="file"] { }
input[type="hidden"] { }
input[type="image"] { }
input[type="radio"] { }
input[type="reset"] { }
textarea { font-family: helvetica; font-size: 11px; }

input[type="text"], input[type="password"], textarea { border: 1px solid #a6a6a6; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #060606; background: #f0f0f0; padding: 5px; font-size: 13px; width: 200px; font-family: 'Gill Sans', helvetica; }

input[type="submit"], input[type="button"], .button { background: #C60024; color: #fff !important; padding: 4px 12px; border: none; font-size: 13px; font-weight: normal; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-weight: normal; -webkit-transition: background .4s linear;
    -moz-transition: background .4s linear;
    -o-transition: background .4s linear;
    -ms-transition: background .4s linear;
    transition: background .4s linear; font-family: 'Gill Sans', helvetica; }

.button { display: inline-block; }
input[type="submit"]:hover, input[type="button"]:hover, .button:hover { cursor: pointer; text-decoration: none; color: #fff; background: #6d6358 !important; }



.large_field { width: 420px !important; }
.medium_field { width: 300px !important; }
.field_list { margin: 0 !important; }
.field_list li { margin: 0 0 10px 0  !important; list-style: none !important; overflow: hidden; }
.inline_form_element { width: 220px; float: left; }
.small_field { width: 60px !important; }
.large_text { font-weight: bold; font-size: 16px; }
.large_textarea { width: 400px; height: 100px; }
.auto_width { width: auto !important; }
.counter { border: none !important; background: none !important; padding: 0 !important; }
.half_col_voucher { width: 450px; }



/*
General Styles --------------------- */

.error, .notice, .success { padding:4px 6px; margin-bottom:1em; border:2px solid #ddd; }
.error { background:#FBE3E4; color:#8a1f11; border-color:#FBC2C4; }
.notice { background:#FFF6BF; color:#514721; border-color:#FFD324; }
.success { background:#E6EFC2; color:#264409; border-color:#C6D880; }
.error a { color:#8a1f11; font-weight: bold; }
.notice a { color:#514721;font-weight: bold; }
.success a { color:#264409;font-weight: bold; }
.error p:last-child, .notice p:last-child, .success p:last-child { margin-bottom: 0 !important; }
.notice p, .error p { margin-bottom: 5px !important; }
.notice input[type=submit], .error input[type=submit] { padding: 4px 6px; font-size: 11px; }

.popup_alert { position: absolute; top: 78px; right: 10px; width: 250px; font-weight: bold; padding: 10px; -moz-box-shadow: 10px 10px 5px #888; -webkit-box-shadow: 10px 10px 5px #888; box-shadow: 2px 2px 5px #adaeab; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; z-index: 2000; }
.popup_alert img { float: left; margin-right: 15px; border: 1px solid #9F9F9F; }
.popup_alert .prod_info { font-weight: normal; }
.popup_alert #close { position: absolute; bottom: 0px; right: 0px; background: url(../images/close-icon.png) top right no-repeat; display: block; width: 18px; height: 18px; text-indent: -3000px; }
.popup_alert #arrow { position: absolute; top: -13px; left: 130px; border: none; z-index: 2000px; }
.popup_alert .thumb_show { width: 56px; }
.float_right { float: right; }
.float_left { float: left; }

.right { text-align: right; }

.clearfix { clear: both; height: 1px; }

#contact_form { float: right; width: 350px; background: #efefef; padding: 15px; border-radius: 5px; margin-left: 30px; }
#contact_form input[type=text] { width: 300px; }


/*
Layout --------------------- */
body { font-family: 'Gill Sans', helvetica; font-size: 13px; color: #4e4e4e; }
#container { width: 1006px; margin: 0 auto; position: relative; background: #fff; }


/*
header --------------------- */
#upper_area { float: right; margin-top: 25px; }
#upper_area p { float: right; font-size: 14px; color: #fff; margin: 10px 10px 0 0; }
#upper_area p a { color: #fff; }
#upper_area ul { font-size: 14px; margin: 0; float: left; }
#upper_area ul li { display: inline-block; padding: 3px 7px; border-left: 1px solid #e4e4e4; }
#upper_area ul li a { color: #000; }
#upper_area ul li:first-child { border: none; }
#upper_area ul li:last-child { padding-right: 0; }

#header { height: 111px; margin: 0; position: relative; color: #231f20; text-align: right; font-size: 14px; }
#header #logo { position: absolute; top: 0; left: 0; width: 121px; }
#header_contact { font-size: 17px; color: #ffd70e; }
#header_contact a { color: #ffd70e; }

.header_info { float: right; margin: 13px 0 0 0; padding-right: 0; clear: right; }
.header_info a { color: #000; }
.header_info a:hover { text-decoration: underline; }
.header_info ul { margin: 0; float: left; }
.header_info ul li { display: inline-block; padding: 3px 7px; border-left: 1px solid #e4e4e4; }
.header_info ul li a { color: #000; }
.header_info ul li:first-child { border: none; }
.header_info ul li:last-child { padding-right: 0; }

#header p { margin-bottom: 13px; }
#header p:last-child { margin-bottom: 0; }
#header h4 { color: #646464; margin-bottom: 10px; }
#header .last_block { border: none; }
#header form { font-size: 12px; font-weight: bold; float: left; background-color:#c60024 !important; margin-left: 20px; /*border: 1px solid #c6c6c6;*/ border-radius: 3px; margin-top: -2px; padding:4px; }
#header input[type=text] { font-size: 12px; width: 190px; height: 20px; padding: 2px 0px; margin-right: 0px; background:#fff !important; border: none; border: 1px solid #f0f0f0; border-radius: 0px 0 0 0px; }
/*#header input[type=submit] { background: #C60024; font-weight: normal; padding: 0 7px 0 0 ; color: #fff !important; font-weight: normal; font-size: 12px;}*/
#header input[type=submit]{ background: url(../images/images/search-icon.png) no-repeat !important; padding-top: 2px !important;  background-color:#c6024 !important; padding: 6px 12px; margin:0px !important; border-radius:4px;}
#header form p { margin-bottom: 0 !important; margin: 0 !important; }

.suggestionsBox {  }
.suggestionsBox { position: absolute; right: 10px; top: 113px; margin: 0; width: 230px; background: #f2f2f2; color: #000; padding: 10px; font-style: normal; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }
.suggestionsBox a { color: #000; }
.suggestionList { margin: 0px; padding: 0px; }
.suggestionsBox .prod_result { overflow: hidden; border-bottom: 1px solid #d2d2d2; padding: 10px 0; }
.suggestionsBox .prod_result:last-child { border-bottom: 0; }
.suggestionsBox img { float: left; width: 56px; margin-right: 10px; border: 1px solid #9F9F9F; }

#main_menu { background: url(../images/menu_bg.jpg) repeat-x; clear: both; width: 970px; margin: 0 auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

#sub_menu { clear: both; margin-bottom: 10px; }
.sub-menu,
.sub-menu * { margin: 0; padding: 0; list-style: none; z-index: 1000; }
.sub-menu { line-height:  1.0; margin: 0 auto; height: 35px; }
.sub-menu ul { position: absolute; top: -999em; width: 200px; background: #ffb815; padding: 5px 0 10px 0; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }
.sub-menu ul ul { background: #000; z-index: 2000; padding-top: 5px; }
.sub-menu ul li { width: 100%; height: auto; margin: 0; background: none; padding: 0; }
.sub-menu li:first-child { background: none !important; padding-left: 0; }
.sub-menu li:first-child a { -webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px; }
.sub-menu ul li:last-child { }
.sub-menu li:hover { visibility: inherit;  }
.sub-menu li { float: left; position: relative; background: url(../images/menu_line.jpg) no-repeat; height: 35px; padding-left: 2px;}
.sub-menu a { display: block; position: relative; font-weight: bold; font-size: 12px; text-decoration: none; color: #231f20;  padding: 11px 13px 12px 11px; }
.sub-menu li a:hover,
.sub-menu li.current_page_item a,
.sub-menu li.current-page-ancestor a,
.sub-menu li.current_page_parent a,
.sub-menu li:hover a { background: #ffb815; }
.sub-menu li:hover ul li a { background: none;  }
.sub-menu ul a { border: none; font-size: 12px;  padding: 6px 11px; color: #000 !important; top: 0; font-weight: normal; }
.sub-menu ul li a:hover, .sub-menu ul li:hover a { background: #000 !important; color: #fff !important; }
.sub-menu ul ul a { border: none; font-size: 12px; padding: 5px 10px; color: #fff !important; line-height: 1.3; }
.sub-menu ul ul li a:hover { color: #ffb815 !important; }
.sub-menu li:hover ul,
.sub-menu li.sfHover ul { left: 2px; top: 35px; z-index: 99;}
ul.sub-menu li:hover li ul,
ul.sub-menu li.sfHover li ul { top: -999em; }
ul.sub-menu li li:hover ul,
ul.sub-menu li li.sfHover ul { left: 200px; top: 0px; }
ul.sub-menu li li:hover li ul,
ul.sub-menu li li.sfHover li ul {  top: -999em; }
ul.sub-menu li li li:hover ul,
ul.sub-menu li li li.sfHover ul { left: 10em;  top: 0; }

/*
Customers --------------------- */
.small_list { margin: 0 !important; }
.small_list li { list-style: none !important; margin: 0 !important; }
.small_list li label { width: 150px; display: inline-block; }
.half_col { width: 390px; }
.half_width { width: 428px; border: 1px solid #ccc; padding: 20px; min-height: 225px; position: relative; }
.half_width input[type=submit], .half_width .button { position: absolute; bottom: 10px; right: 10px; }
.register { background: #efefef; }
.login { background: #dad5cf; }
.account_menu { margin: 0 !important; }
.account_menu li { margin: 0 !important; list-style: none !important; }
.account_menu a { color: #000; display: block; }

.half_col_order { width: 345px; }


/*
Banners --------------------- */
#banner, #banner_images, .banner_con { width: 1006px; height: 353px; overflow: hidden; }
#banner { position: relative; margin: 10px 0 0 0; float: left; }
#buttons { position: absolute; z-index: 30; position: absolute; top: 25px; right: 30px; margin: 0 !important; }
#buttons li { list-style: none; margin: 0 !important; display: inline; }
#buttons li a { background: #f4f4f4; width: 20px; height: 20px; display: inline-block; text-indent: -2000px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
#buttons li a.activeSlide { background: #d46817; }
#page_banner, #page_banner_images, .page_banner_con { width: 1006px; height: 353px; overflow: hidden; }
#page_banner { position: relative; margin: 10px 0 0 0; float: left; }

.home-strapline {background: #555; text-align: center; font-size: 35px; color: #fff; clear: both; border-radius: 0px 0px 5px 5px; line-height: 43px;}
.home-strapline span {font-size: 18px !important; color: #fff; }
.home-strapline a {color: #fff;}
.home-strapline a:hover {text-decoration: underline;}

#cat_banner, #cat_banner_images, #cat_banner_images div.banner_inner_con { width: 796px; height: 170px; }
#cat_banner { position: relative; margin-bottom: 10px; }
#cat_banner_images div.banner_inner_con { position: relative; }
.hover_link { position: absolute; display: block; }


div.product_banner  { display: none; padding-top: 8px; background: url(../images/banner_arrow.png) 10px 0 no-repeat; }
.prod_inner_banner { background: #f4ede7; padding: 10px; width: 200px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; -moz-box-shadow: 3px 3px 5px #4f4f4f; -webkit-box-shadow: 3px 3px 5px #4f4f4f; box-shadow: 3px 3px 5px #4f4f4f; }
div.product_banner  img { float: left; border: 1px solid #a5a5a5; margin-bottom: 8px; }
.hover_link:hover { cursor: pointer; }
.hover_link:hover .product_banner { display: block; position: absolute; z-index: 1000; }
.prod_detail { float: right; width: 130px; margin-bottom: 8px; }
.prod_inner_banner p { margin-bottom: 2px !important; }
.prod_detail a { color: #000; font-weight: bold; }
.prod_detail .small_btn { padding: 0px 15px !important; font-size: 12px !important; }

#featured_bar { margin-bottom: 25px; clear: both; }
#featured_bar ul { margin: 0 !important; font-size: 17px; }
#featured_bar ul li { margin: 0 0 0 13px !important; list-style: none; display: inline-block; width: 323px; }
#featured_bar ul li:first-child { margin-left: 0 !important; }
#featured_bar ul li img {  }
#featured_bar ul li a { }

#featured_bar2 { margin-bottom: 25px; clear: both; overflow: hidden;}
#featured_bar2 ul { margin: 0 !important; font-size: 17px; }
#featured_bar2 ul li { margin: 0 0 0 13px !important; list-style: none !important; float: left !important; width: 323px; }
#featured_bar2 ul li:first-child { margin-left: 0 !important; }

/*
Home Buttons --------------------- */
.home_block_area { overflow: hidden; margin-bottom: 15px; }
.home_block_area img { float: left; }
.home_block_area p { margin: 0 !important; }
.home_block_area ul { margin: 0 !important; list-style: none !important; }
.home_block_area ul li { margin: 0 0 0 6px !important; list-style: none !important; display: inline-block; }
.home_block_area ul li:first-child { margin: 0 !important; }

/*
Content Container --------------------- */
#content_container {  clear: both; line-height: 1.4; overflow: hidden; padding: 0 0 20px 0; margin: 0 auto;  }
#content_container h1, #content_container h2, #content_container h3, #content_container h4, #content_container h5, #content_container h6 { margin-bottom: 20px; }
#content_container p { margin-bottom: 20px; }
#content_container ul { margin-bottom: 20px; }
#content_container li { list-style: disc; margin: 0 20px 10px 20px; }
.inner_page { }
#breadcrumb { color: #000; margin: 0 0 15px 10px !important; font-size: 14px; text-transform: lowercase; }
#breadcrumb a { color: #000; }

#home_content { width: 300px; float: left; }

#blocks { clear: both; padding: 30px 0; border-top: 3px solid #c7cac2; overflow: hidden; }
#blocks img { display: block; float: left; margin-left: 16px; }
#blocks img:first-child { margin-left: 0; }

#blog_feed { width: 300px; float: left; margin-left: 40px; }
#blog_feed ul, #blog_feed ul li { margin: 0 !important; list-style: none !important; }
#blog_feed ul li { display: block; float: left; width: 85px; border-bottom: 1px solid #ffe3a1; padding-bottom: 5px; margin-left: 19px !important; }
#blog_feed ul li:first-child { border-left: none; margin-left: 0 !important; }
#blog_feed ul li a { color: #5c5c5c; font-weight: bold; }
#blog_feed img { margin-bottom: 5px; }

#feedback_feed { width: 300px; float: right; }
#feedback_feed ul, #feedback_feed ul li { margin: 0 !important; list-style: none !important; }
#feedback_feed ul li { margin-bottom: 20px !important; }
#feedback_feed p { margin-bottom: 5px; }

#sign_up_bar { clear: both; font-size: 14px; color: #4e4e4e; padding: 20px 25px; }
#sign_up_bar p, #sign_up_bar form, #sign_up_bar form p { margin-bottom: 0 !important; }
#sign_up_bar input[type=submit] { font-weight: normal; background: none !important; border-radius: 0; color: #4e4e4e !important; font-size: 14px; }
#sign_up_bar input[type=text] { border: 1px solid #d0d0d0; background: #d0d0d0; border-radius: 3px; color: #4e4e4e; padding: 2px 5px; width: 120px; }
#inner #sign_up_bar { border-top: 1px solid #cecece; }

#home_latest { background: #e7e7e7; padding: 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden; margin-bottom: 25px; }
#tabs { background: #fff; border:none; }
#tabs ul.tab_links { background:none; border:none;margin: 0 0 20px 0 !important; z-index: 2; position: relative; }
#tabs ul.tab_links li {border:none; background:none; margin: 0 !important; list-style: none !important; display: inline; position: relative; padding: 0 10px 0 12px; border-left: 1px solid #adacaa; }
#tabs ul.tab_links li:first-child { border: none; }
#tabs ul.tab_links li a { display: inline-block; color: #adacaa; background: #fff; position: relative; font-size: 14px; }
#tabs ul.tab_links li a:hover { text-decoration: underline; }
#tabs ul.tab_links li.ui-state-active a { color: #444; border-bottom: none; }
#tabs div.con { position: relative; z-index: 1; overflow: hidden; background: #fff url(../images/con_bg.jpg) bottom left repeat-x; border-radius: 0 0 3px 3px; padding: 0 20px; }
#tabs div.con p:last-child { margin-bottom: 0 !important; }
.ui-tabs-hide { display: none; }

.download_link { top:10px; right:10px; float: right; z-index: 3000; position: relative; font-size: 17px; background: url(../images/download_arrow.jpg) 0 4px no-repeat; padding-left: 13px; line-height: 1; }

#home_latest .item { margin-bottom: 0 !important; }

#home_blocks { width: 280px; float: right; background: #fff; color: #5c5c5c; }
#home_blocks h4 { font-size: 16px; color: #ffb815; font-weight: bold; margin-bottom: 5px !important; }
#home_blocks ul { margin: 0 !important; }
#home_blocks ul li { margin: 0 !important; list-style: none !important; padding: 10px; width: 119px; display: block; float: left; border: 1px solid #e7e7e7; border-width: 0 1px 1px 0; }
#home_blocks p { margin-bottom: 0; }
#home_blocks img { float: right; }
#home_blocks ul li.block2 { border-width: 0 0 1px 0; }
#home_blocks ul li.block3 { border-width: 0 1px 0 0; }
#home_blocks ul li.block4 { border-width: 0 0 0 0; }


/*
Left Section --------------------- */
#left_section { width: 180px; float: left; margin-left: 10px; }
#left_section h4 { font-size: 14px; margin-bottom: 5px; }

.side_box { border: 1px solid #959595; padding: 10px 15px; margin-bottom: 20px; border-radius: 3px; }


/*Right Content --------------------- */
#right_content { float: right; width: 795px; margin-bottom: 20px;  }
.grey_box { border: 20px solid #e7e7e7; padding: 20px; overflow: hidden; }

/*
Footer --------------------- */
#footer { clear: both; overflow: hidden; line-height: 1.4; background: #555; padding: 20px 25px; min-height: 105px; position: relative; color: #fff; border-radius: 3px; font-size: 12px; }
#gift_img { position: absolute; bottom: 0 ; right: 175px; }
.brand_link, .brand_link a { color: #5c5c5c; font-size: 11px; }
#social { float: right; font-size: 14px; width: 500px; margin-top: 4px; }
#social img { display: block; float: right; margin-right: 5px; -webkit-transition: opcaity .4s linear;
    -moz-transition: opcaity .4s linear;
    -o-transition: opcaity .4s linear;
    -ms-transition: opcaity .4s linear;
    transition: opcaity .4s linear; }
#social img:hover { opacity: 0.8; }

#footer h1,
#footer h2,
#footer h3,
#footer h4 { font-size: 16px; color: #fff; margin-bottom: 10px; }
.footer_block { width: 120px; float: left; border-right: 1px dashed #898989; padding-right: 25px; min-height: 200px; }
.larger { width: 280px; }
.footer_block_margin { margin-left: 25px; }
#footer a { color: #fff; }
#footer p { margin-bottom: 1px; }
.footer_right { float: right; border: none; padding: 0; }
.footer_right img { margin-bottom: 10px; }

#branding {  padding: 15px 0; text-align: center; color: #686767; font-size: 12px; }
#branding a { color: #686767; }
#branding p { margin-bottom: 10px; }
#branding img { margin: 0 auto; }


/*
Products --------------------- */
.prod_box { margin-bottom: 20px; }
#prod_title { margin-bottom: 20px !important; text-transform: capitalize; }
.rating { background:url('../images/bg_rating.gif') 0px 0 no-repeat #FABF23; height: 12px; overflow: hidden; width: 70px; margin-bottom: 7px; display: inline-block; float: left; }
.row { border-top: 1px solid #c7cac2; margin-bottom: 20px; }
#product_images { width:450px; float: left; margin: 0 0 20px 0; }
#product_images img { margin-bottom: 10px; }
#product_images #main_image { width: 320px; }
#main_image_con { float: left; }
#product_images .small_prod_image {  }
.small_prod_image { width: 130px; float: left; margin: 0 15px 20px 0 !important; }
#product_images h5 { font-size: 14px; margin-bottom: 0 !important; }

#sliderimages { height: 58px; overflow: hidden; margin: 0 auto; clear: both; width: 281px; }
#sliderimages .viewport { float: left; width: 260px; height: 58px; overflow: hidden; position: relative; }
#sliderimages .buttons { display: block; margin: 18px 0 0 0; float: left; width: 8px; height: 18px; padding: 0 5px 0 0; }
#sliderimages .next { margin: 18px 0 0 0; background: url(../images/right_arrow.jpg) top right no-repeat; padding: 0 0 0 0px !important; }
#sliderimages .prev { background: url(../images/left_arrow.jpg) no-repeat;  }
#sliderimages .disable { visibility: hidden; }
#sliderimages .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; }
#sliderimages ul { margin: 0; }
#sliderimages .overview li { float: left; margin: 0 7px 0 0; height: 58px; list-style: none; }

#swatches { text-align: right; overflow: hidden; margin-bottom: 10px; clear: both; }
#swatches span { margin-right: 5px; }
#swatches img { float: right; margin-left: 3px; border: 1px solid #a5a5a5; }

#product_textarea { float: right; width: 510px; margin: 0; }
#product_textarea h1 { margin-bottom: 20px !important; }
#product_textarea .price { font-size: 13px; margin-bottom: 15px !important; color: #444; }
#product_textarea form p { margin-bottom: 10px !important; }
#product_textarea form label { display: inline-block; width: 60px; font-weight: normal; font-size: 11px; color: #000; }
#product_textarea form select { width: 150px; }
#product_textarea form #qty { width: 20px; }
#product_sub_info { float: right; width: 140px; text-align: right; margin-left: 40px; }
#product_sub_info a { color: #000; }
#product_textarea p { margin-bottom: 10px !important; }
.instock { background: url(../images/instock_icon.jpg) no-repeat; float: right; clear: both; padding-left: 25px; line-height: 1.6; }
.outstock { background: url(../images/outstock_icon.jpg) no-repeat; float: right; clear: both; padding-left: 25px; line-height: 1.6; }
#upper_content { width: 350px; float: left; }
.large_feed_icon { display: inline; margin: 0 !important; }
#buy_area { position: relative; }
#share_icon { float: right; }
#product_textarea p:last-child { margin-bottom: 0; }

.margin_bottom { margin-bottom: 20px; }

#buy_area { padding: 0 15px; }


.highlight_prod_text { color: #864601; line-height: 1.8; }
.brand_img { float: right; }

.review_box { border: 1px solid #ccc; overflow: hidden; margin: 0 0 10px 0; }
.review_top, .review_body { padding: 10px; overflow: hidden; }
.review_top { background: #efefef; }
.review_info { width: 100px; float: left; }
.review_label { width: 100px; display: block; float: left; font-weight: bold; }
.review_title { display: block; float: left; font-weight: bold; }
.review_date { display: block; float: right; }
.review_copy { width: 230px; float: right; }
.rating_title { margin-bottom: 2px !important; }

.reduced { margin-bottom: 0 !important; color: #a7a7a7; text-decoration: line-through; }

.award_image { float: left; }

#related_items, #accessories { padding: 14px; border: 1px dotted #000; overflow: hidden; margin-bottom: 20px; }
#related_items h4, #accessories h4 { font-family: helvetica; font-size: 11px; font-weight: bold; }
#related_items .item, , #accessories .item { margin-bottom: 0 !important; }

#compare_list { position: absolute; top: 0; right: 0; z-index: 4000; width: 150px; background: #F3ECE5; padding: 10px; margin-top: 140px; }
#compare_list ul { margin-bottom: 10px; }
#compare_list li { border-bottom: 1px dotted #000; padding: 5px 0; display: block; overflow: hidden; }
#compare_list h4 { margin-bottom: 5px; }
#compare_list a { color: #000; }
#compare_list .button { font-size: 11px !important; }
#compare_list .delete_x { float: right; background: #E7DACC; padding: 1px 5px; -webkit-border-radius: 8px; -moz-border-radius: 8px;  border-radius: 8px; display: block; }
#compare_list .remove_all { float: right; margin-top: 5px; }

#compare_div { padding: 20px; }
#compare_table { border: 1px solid #ddd; border-width: 1px 0 0 1px; }
#compare_table th { background: #efefef; width: 200px; border: 1px solid #ddd; border-width: 0 2px 1px 1px; }
#compare_table td { border-right: 1px solid #ddd; width: 200px; vertical-align: top; }
#compare_table h3 { margin-bottom: 6px; font-size: 12px !important; font-weight: bold; font-family: helvetica; }
#compare_table img { margin-bottom: 5px; }
#compare_table .pad { margin-bottom: 5px; }
#compare_table a { color: #000; }

.addthis_default_style { margin-bottom: 10px; }
#plusone_con { float: left; margin-left: 1px; }

.related_feeds { padding: 5px 0 8px 0; }

#prod_tabs { border: none; width: 500px; margin-bottom: 20px; font-size: 14px;}
#prod_tabs ul.tab_links { border:none; background:none; margin: 0 !important; z-index: 2; position: relative; border-bottom: 1px solid #a89e92; }
#prod_tabs ul.tab_links li { border:none; left:-3px; margin: 0 !important; list-style: none !important; display: inline; position: relative; top: 1px; }
#prod_tabs ul.tab_links li a { display: inline-block; color: #665c50; padding: 5px 10px; background: #fff; position: relative; font-size: 13px; }
#prod_tabs ul.tab_links li a:hover { text-decoration: underline; }
#prod_tabs ul.tab_links li.ui-state-active a {  border: 1px solid #a89e92; border-width: 1px 1px 1px 1px !important; border-bottom: none; border-right: 1px solid #a89e92 !important; top: 1px; color: #000; border-radius: 3px 3px 0 0; }
#prod_tabs div.con { border: 1px solid #a89e92; border-width: 0 1px 1px 1px; padding: 15px; position: relative; z-index: 1; overflow: hidden;  color: #000; border-radius: 0 0 3px 3px; }
.ui-tabs-hide { display: none; }

#tabs_rel { width: 590px; float: left; background: #fff; padding: 20px; }
#tabs_rel ul.tab_links { margin: 0 0 20px 0 !important; z-index: 2; position: relative; }
#tabs_rel ul.tab_links li { margin: 0 !important; list-style: none !important; display: inline; position: relative; border-left: 1px solid #ededed; padding: 0 10px 0 12px; }
#tabs_rel ul.tab_links li:first-child { border: none; padding-left: 0; }
#tabs_rel ul.tab_links li a { display: inline-block; color: #b2b3b6; background: #fff; position: relative; font-size: 14px; font-weight: bold; }
#tabs_rel ul.tab_links li a:hover { text-decoration: underline; }
#tabs_rel ul.tab_links li.ui-state-active a { color: #5c5c5c; border-bottom: none; }
#tabs_rel div.con { position: relative; z-index: 1; overflow: hidden; background: #fff;  }
#tabs_rel div.con p:last-child { margin-bottom: 0 !important; }
.ui-tabs-hide { display: none; }

.prod_latest { margin-bottom: 0 !important; }
#price_area { font-size: 17px; }

#add_cart_btn { padding: 8px 10px; background: #C60024 url(../images/white_bag_icon.jpg) 0 5px no-repeat; }

#price_teir th { background: #e7e7e7; border: none; padding: 7px; font-size: 11px; color: #000; }
#price_teir td { border: 1px solid #e7e7e7; border-width: 0 1px 1px 1px; padding: 7px; color: #000; font-size: 11px; }
#price_teir tr td:first-child { border: 1px solid #e7e7e7; border-width: 0 0 1px 1px; }

.prod_swatch { float: left; margin-right: 5px; }
.prod_swatch_header { margin-bottom: 5px !important; clear: both; }

#swatch_con { float: right; width: 90px; }
/*
Category View --------------------- */
.cat_name { margin-bottom: 0 !important; }
.item { width: 130px; float: left; margin: 0 0 40px 35px; position: relative; }
.item h3 { color: #000; font-weight: normal; margin-bottom: 3px !important; font-size: 12px; clear: both; min-height: 60px; text-transform: capitalize; }
.item h3 a { color: #000 !important; }
.item select { width: 95% !important; }
.thumb_img { width: 130px; margin-bottom: 10px; }
.first_item { margin-left: 0 !important; }
.end_item { padding-right: 0; border: none; }
.item p { margin-bottom: 3px !important; }
.item .feed_icon { position: absolute; top: 1px; right: 1px; }
.item .swatches { float: right; }
.item .swatches img { float: right; margin-left: 3px; border: 1px solid #a5a5a5; }
.price { font-weight: bold; font-size: 12px; }
.add_links { font-weight: bold; }
.more_link { color: #646464 !important; }
.indent { margin-left: 10px; }
.list_price { font-weight: bold; }
.box_link { display: block; background: #e3e3e3; padding: 1px 5px; border-radius: 3px; margin-right: 10px; font-size: 12px !important ; }

#rel_products { border-top: 1px solid #cecece; padding: 20px 10px; }

.prod_list_swatch { width: 20px; float: left; margin: 0 5px 10px 0; }



#search_form_extended { overflow: hidden; }
#search_form_extended h4 {  }
#search_form_extended select { width: 120px; padding: 2px; }
#search_form_extended p { margin-bottom: 10px !important; }
#search_form_extended input[type=text] { width: 190px; border: 1px solid #a6a6a6; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #fff; padding: 3px 5px; width: 100px; font-size: 11px; }
#search_form_extended input[type=submit] { font-size: 13px; background: #6d6358 url(../images/btn_bg.jpg) repeat-x;  }
#search_form_extended p#back_form { border: 1px solid #a6a6a6; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #f2f2f2; padding: 2px 3px; }
#search_form_extended .form_indent { margin-left: 10px; }
#search_form_extended p:last-child { margin-bottom: 0 !important; }

#search_form_extended ul { margin: 0 0 10px 0 !important; border: 1px solid #CCCCCC; padding: 3px; background: #fff; color: #000; overflow: hidden; }
#search_form_extended ul li { margin: 0 !important; list-style: none !important;  display: block; }
#search_form_extended ul li label { font-weight: normal; }
#search_form_extended ul li label:hover { cursor: pointer; }
#search_form_extended ul li:hover { background: #efefef; }
#search_form_extended ul li.full_width { width: 100% !important; }
#search_form_extended h3 { font-family: helvetica; font-size: 11px; font-weight: bold; margin-bottom: 5px; color: #000; }
#brand_toggle { background: url(../images/menu_arrow_side.png) right 3px no-repeat; padding-right: 10px; }
.option_open { background: url(../images/menu_arrow.png) right 3px no-repeat !important; }

.search_swatch { border: 1px solid #ccc; display: inline-block; width: 20px; }
#search_form_extended ul li.grid { width: 40px; float: left; margin-right: 5px !important; }

#category_sub_menu, .category_sub_menu { }
#category_sub_menu h4, .category_sub_menu h4 { margin-bottom: 0 !important; font-size: 13px; font-weight: bold; }

.box_no_back { margin-bottom: 20px; }

.arrowlistmenu{ overflow: hidden; margin: 0; font-size: 13px; border-top: 1px solid #b3b3b3; padding-top: 4px; }
.arrowlistmenu h3 { font-size: 13px; margin-bottom: 3px !important; font-weight: normal; text-transform: capitalize; }
.arrowlistmenu a { display: block; color: #000; text-transform: capitalize; }
.arrowlistmenu h3 a { color: #000 !important; }
a[href$="/sale/"] {
    background: #C60024;
    color: white !important;
    }
.arrowlistmenu h3 a[href$="/sale/"] { color: #fff !important; }
a[href$="/schlussverkauf/"] {
    background: #C60024;
    color: white !important;
    }
.arrowlistmenu h3 a { color: #000 !important; }
.arrowlistmenu h3 a[href$="/schlussverkauf/"] { color: #fff !important; }
a[href$="/uitverkoop/"] {
    background: #C60024;
    color: white !important;
    }
 .arrowlistmenu h3 a[href$="/soldes/"] { color: #fff !important; }
a[href$="/soldes/"] {
    background: #C60024;
    color: white !important;
    }
.arrowlistmenu h3 a[href$="/uitverkoop/"] { color: #fff !important; }
.expandable { margin-bottom: 2px !important; }
.arrowlistmenu .menuheader a:hover, .openpet a { }
.openpet a { border-bottom: none !important; }
.arrowlistmenu ul{  list-style-type: none; padding: 0 10px; margin: 0 0 5px 0 !important; border-bottom: 1px solid #b3b3b3; padding-bottom: 4px }
.arrowlistmenu ul li{ margin-bottom: 2px; margin: 0 !important; list-style: none !important; }
.arrowlistmenu ul li a { color: #000; display: block; }
.arrowlistmenu ul li a:hover{ color: #000; }
.active_link, .current_page_item a { text-decoration: underline !important; }

.arrowlistmenu ul ul {  list-style-type: none; margin: 0 0 0 5px !important; padding: 0; border: none; }
.arrowlistmenu ul ul a { font-weight: normal; }

#cat_desc { padding-left: 20px; }

.pagination_product { float: right; }
.pagination_product ul { margin: 0 !important; }
.pagination_product ul li { margin: 0 !important; list-style: none !important; display: inline; }
.pagination_product ul li a { color: #000; }
.pagination_product ul li.active_page a { font-weight: bold; }

.paging_top { margin-top: 20px; }

.paging_options { float: left; margin-bottom: 15px; }
.paging_options select { width: 80px; }
.paging_options .paging_sort { width: 140px; margin-right: 40px; }

/*
Vouchers --------------------- */
.voucher_head { padding-top: 20px; }
.inline_label { display: inline-block; width: 80px; }
.voucher_p { margin-bottom: 5px !important; }
#voucher_preview { width: 600px; height: 200px; background: url(../images/voucher.jpg) no-repeat; margin: 0 auto 20px auto; position: relative; }
#large_value { font-size: 70px; color: #fff; position: absolute; top: 60px; right: 40px; font-weight: bold; }
#top_small_price { position: absolute; top: 5px; left: 20px; color: #834506; font-weight: bold; width: 65px; text-align: center; font-size: 15px; }
#bottom_small_price { position: absolute; bottom: 5px; left: 20px; color: #834506; font-weight: bold; width: 65px; text-align: center; font-size: 15px; }
#code { position: absolute; top: 13px; left: 400px; }

/*
Cart View --------------------- */
#cart_table {  }
#cart_table img { width: 56px; border: 1px solid #9f9f9f; }
#cart_table p { margin-bottom: 10px !important; }
#cart_table input[type=text] { width: 30px; }
#image_col { width: 58px; }
#delete_col { width: 50px; }
#unit_price_col { width: 60px; }
#qty_col { width: 30px; }
#sub_total_col { width: 60px; }
#update_row { text-align: right !important; }
#cart_table select { width: 100px; }

#cart_table dl, #checkout_table dl, #customer_orders dl { float: left; width: 520px; padding: 0; }
#cart_table dt, #checkout_table dt, #customer_orders dt { clear: left; float: left; width: 100px; margin: 0; font-weight: bold; }
#cart_table dd, #checkout_table dd, #customer_ordersdd { float: left; width: 300px; margin: 0; }
#customer_orders dl { width: 300px !important; }

#total_box { float: right; background: #dad5cf; padding: 20px; font-size: 18px; width: 265px; border: 1px solid #888; margin-bottom: 20px; }
#total_box dl { margin-bottom: 20px; float: left; }
#total_box dt { clear: left; float: left; width: 170px; margin: 0; font-weight: bold; }
#total_box dd { float: right; margin: 0; text-align: right; }
#total_box .small { font-size: 12px; font-weight: normal; }
#total_box p { margin-bottom: 0; }

.large_btn { display: inline-block; padding: 11px 18px !important; background: #C60024 !important; font-size: 15px !important; color: #fff !important; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.large_btn:hover { text-decoration: none; }

#middle_col { width: 332px; float: left; margin-left: 20px; }
#middle_col h3 { margin-bottom: 10px !important; }
#shipping_box { background: ; padding: 20px; border: 1px solid #ccc; margin-bottom: 20px; }
#shipping_box h3 {  color: #000; font-weight: bold; }
#shipping_box ul { border-top: 1px dotted #000; margin: 10px 0 0 0 !important; padding: 10px 0 0 0; }
#shipping_box ul li { margin: 0 !important; list-style: none !important; font-size: 13px; }
#shipping_box ul li h3 { margin-bottom: 5px !important; }
#voucher_box { background: ; padding: 20px; border: 1px solid #ccc; margin-bottom: 20px; }
#shipping_box p { margin-bottom: 10px; }
#voucher_box h3 { f color: #000; font-weight: bold; }

#items_cart { width: 265px; float: left; background: ; padding: 20px; border: 1px solid #ccc; }
#items_cart h3 {  color: #000; font-weight: bold; text-transform: capitalize; }
#items_cart h3 a span { font-weight: bold !important; }
#items_cart .item { margin: 0 0 15px 0; width: 265px; }
#items_cart .item img { float: left; width: 56px; margin-right: 15px; border: 1px solid #a5a5a5; }
#items_cart .item h3 { margin-top: 5px; min-height: 10px; }
#items_cart .item:last-child { margin-bottom: 0; }

.cart_prod_title { color: #000 !important; font-weight: bold; text-transform: capitalize; }

#right_col { float: right; width: 305px; }
.money_left { color: #8a1f11; font-weight: bold; }

a.tooltip { position:relative;  z-index:24; color:#8a1f11; text-decoration:none; font-weight: bold; }

a.tooltip:hover{z-index:25; cursor: pointer; }

a.tooltip span{display: none}

a.tooltip:hover span{ display:block; position:absolute; top:20px; left:0px; width:250px;  background: #f3ece5; border: 1px dotted #000; color:#000; text-align: left; font-weight: normal; padding: 5px; }


/*
Checkout --------------------- */
.step_title { background: #efefef; padding: 5px; border: 1px solid #ccc; border-width: 0px 1px 1px 1px; font-weight: bold; color: #ccc; }
.number { background: #fff; display: inline-block; padding: 2px 5px; }
.active { background: #fbf6d9; color: #f8aa13; border: 1px solid #ccc; border-width: 1px 1px 0px 1px; }
.active .number { background: #f8aa13; color: #fff; }
.previous { background: #d7eeae; border: 1px solid #ccc; border-width: 1px 1px 0px 1px; color: #97c93c; }
.previous a { color: #97c93c !important; }
.previous a:hover { text-decoration: none; color: #000 !important; }
.previous .number { background: #97c93c; color: #fff; }
.first { border-top: 1px solid #ccc; }
.no_bottom { border-bottom: none; }
.last { border-bottom: 1px solid #ccc !important; }

.checkout_box { padding: 20px; border: 1px solid #ccc; background: #f8f8f7; overflow: hidden; }
.checkout_box p:last-child { margin-bottom: 0 !important; }

.col_left { float: left; width: 310px; }
.col_right { float: right; width: 310px; }
.col_right input[type=text], .col_right input[type=password] { width: 280px !important; }

#checkout_table td[data-value="name"] strong { text-transform: capitalize; }

#checkout_table { margin-bottom: 0; border: 1px solid #ccc; }
#checkout_table dl { float: left; width: 200px !important; padding: 0; }
#step6 { border-top: none; }
#checkout_table tfoot { text-align: right; }
#checkout_table tfoot td { border: none; }
.td_center { text-align: center; }
.td_right { text-align: right; }
#grand_total { font-weight: bold; font-size: 16px; }

#checkout_content { float: left; width: 730px; line-height: 1.6; }
#checkout_progress { float: right; width: 200px; line-height: 1.6; }
#checkout_progress .checkout_box { padding: 10px !important; font-size: 11px; border-bottom: none !important; }
#checkout_progress .step_title { border-width: 1px 1px 0px 1px; }

#checkout_progress .last { border-bottom: 1px solid #ccc !important; }

#shipping_list { margin: 0 !important; }
#shipping_list li { margin: 0 0 5px 0 !important; list-style: none !important; }

#payment_list { margin: 0 !important; font-size: 13px; font-weight: bold; }
#payment_list li { margin: 0 0 5px 0 !important; list-style: none !important; }
#payment_list img {  }
#payment_list span{ margin-left: 20px;}
#payment_list span a{font-weight: bold;}

/*
Pagination --------------------- */
.pagination { height: 36px; margin: 18px 0; }
.pagination ul { float: left; margin: 0; border: 1px solid #ddd; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); }
.pagination ul li { display: inline; list-style: none !important; margin: 0 !important; }
.pagination ul li a { float: left; padding: 0 8px; line-height: 24px; border-right: 1px solid; border-right-color: #ddd; border-right-color: rgba(0, 0, 0, 0.15); *border-right-color: #ddd; /* IE6-7 */ text-decoration: none; }
.pagination .active { border: none; }
.pagination ul li a:hover, .pagination ul li.active a {  background-color: #f9f0c0; }
.pagination ul li.disabled a, .pagination ul li.disabled a:hover { background-color: none; color: #bfbfbf; }
.pagination ul li.next a { border: 0; }

#mega-menu-1 {

list-style: none;
position: relative;
padding: 0;
margin: 0;
}
#mega-menu-1 .category-main-image {
    width: 100%;
    height: auto;
}
#mega-menu-1 li ul, #mega-menu-1 .sub {
display: none;
}
#mega-menu-1 .sub ul {
display: block;
}
#mega-menu-1 {

background: #c4c4c4 url(../images/menu_bg.jpg) repeat-x; clear: both;  margin: 0;
height: 41px;
position: relative; margin-bottom: 15px; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#mega-menu-1 li {
float: left;
margin: 0;
padding: 0 0 0 2px;
font-weight: bold;
background: url(../images/menu_line.jpg) no-repeat;
}
#mega-menu-1 > li:first-child { background: none; padding: 0; }
#mega-menu-1 > li:first-child a { }
#mega-menu-1 li a {
float: left;
display: block;
font-weight: normal; font-size: 12px; text-decoration: none; color: #000;  padding: 12px 7px 13px 6px; text-transform: capitalize;
}
#mega-menu-1 > li.mega-hover > a, #mega-menu-1 > li > a:hover {
text-decoration: underline;
color: #fff;
}
#mega-menu-1 li .sub-container {
position: absolute;
}
#mega-menu-1 li .sub {
background: #fff;
padding: 15px;
border: 3px solid #c4c4c4;
}
#mega-menu-1 li .sub .row {
width: 100%;
overflow: hidden;
clear: both;
border: none !important;
}
#mega-menu-1 li .sub li {
list-style: none;
float: none;
width: 170px;

font-weight: normal;
}
#mega-menu-1 li .sub li.mega-hdr {
margin: 0 10px 10px 0;
float: left;
}
#mega-menu-1 li .sub li.mega-hdr.last {
margin-right: 0;
border: none !important;
}
#mega-menu-1 li .sub a {
background: none;
color: #111;
padding: 7px 10px;
display: block;
float: none;
font-size: 0.9em;
}
#mega-menu-1 li .sub li.mega-hdr a.mega-hdr-a {
padding: 5px 8px;
margin-bottom: 5px;
background: #efefef;
font-size: 12px;
font-weight: bold;
color: #000;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
#mega-menu-1 li .sub li.mega-hdr a.mega-hdr-a:hover {
color: #000;
text-decoration: underline;
}
#mega-menu-1 .sub li.mega-hdr li a {
padding: 4px 8px;
font-weight: normal;
display: block;
font-size: 12px;
}
#mega-menu-1 .sub li.mega-hdr li a:hover {
text-decoration: underline;
}
#mega-menu-1 .sub ul li {
padding-right: 0;
}
#mega-menu-1 li .sub-container.non-mega .sub {
padding: 10px;
}
#mega-menu-1 li .sub-container.non-mega li {
padding: 0;
width: 190px;
margin: 0;
}
#mega-menu-1 li .sub-container.non-mega li a {
padding: 7px 5px 7px 22px;
font-size: 12px;
}
#mega-menu-1 li .sub-container.non-mega li a:hover {
text-decoration: underline;

}

.footer_block li {
  list-style: disc !important;
  margin-top: 10px;
}




/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

#mega-menu-1 li .sub li, #mega-menu-1 li .sub ul { background: none; border: none; }
#mega-menu-1 li .sub li a { border: none; }

.conf_terms {font-size:13px;
  width: 100%;
clear: both;
display: block;

}


.flag {
  border-left: none !important;
  padding: 0 3px 0px 0px !important;
}


/* TOKEN */

.token_popup_link{
  font-weight: bold;
}

.token_popup{
  display: none;
  padding: 20px;
}

.token_popup h3{
  margin: 10px 0 15px;
}

.token_popup p{
  margin-bottom: 10px;
}

.token_popup img{
  margin: 0 auto 20px;
  display: block;
}

.payment-options th, .payment-options td{ text-align: center; }
.payment-options .credit_card{ width: 75px; display: block; margin: 0 auto;}
.checkout-payment-options{width: auto;}
.checkout-payment-options td, .checkout-payment-options th{padding: 5px 15px; vertical-align: middle; text-align: center;}
.checkout-payment-options .check_cell{padding: 5px 15px 5px 0; text-align: left;}
.checkout-payment-options .credit_card{width: 50px;display: block;margin: 0 auto;}


.info-page-left {
  width: 500px;
  height: 280px;
  margin-bottom: 40px;
  margin-top: 40px;
  float: left;
  background: #dfdfdf;
background: -moz-linear-gradient(top,#dfdfdf 0%,#eaeaea 50%,#fff 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#dfdfdf),color-stop(50%,#eaeaea),color-stop(100%,#fff));
background: -webkit-linear-gradient(top,#dfdfdf 0%,#eaeaea 50%,#fff 100%);
background: -o-linear-gradient(top,#dfdfdf 0%,#eaeaea 50%,#fff 100%);
background: -ms-linear-gradient(top,#dfdfdf 0%,#eaeaea 50%,#fff 100%);
background: linear-gradient(to bottom,#dfdfdf 0%,#eaeaea 50%,#fff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfdf', endColorstr='#ffffff',GradientType=0 );
padding: 20px;
box-sizing: border-box;
}

.info-page-left h2{
  color: #de1e1b;
}

.info-page-right {
  width: 500px;
  height: 280px;
  margin-bottom: 40px;
  margin-top: 40px;
  float: right;
  background: #dfdfdf;
background: -moz-linear-gradient(top,#dfdfdf 0%,#eaeaea 50%,#fff 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#dfdfdf),color-stop(50%,#eaeaea),color-stop(100%,#fff));
background: -webkit-linear-gradient(top,#dfdfdf 0%,#eaeaea 50%,#fff 100%);
background: -o-linear-gradient(top,#dfdfdf 0%,#eaeaea 50%,#fff 100%);
background: -ms-linear-gradient(top,#dfdfdf 0%,#eaeaea 50%,#fff 100%);
background: linear-gradient(to bottom,#dfdfdf 0%,#eaeaea 50%,#fff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfdf', endColorstr='#ffffff',GradientType=0 );
padding: 20px;
box-sizing: border-box;

}

.info-page-right h2{
  color: #de1e1b;
}

/*
site message --------------------- */

.site-message {
  display: block;
  border: 1px solid #c6c6c6;
  border-radius: 4px;
  text-align: center;
  padding: 10px 0;
  margin-bottom:15px;
  background: #f0f0f0;
}
.site-message p {
  margin-bottom: 0 !important;
  font-size: 16px !important;
}

/* Sale menu item red background */
a[href$="/sale/"] {

	background: #C60024;
	color: white !important;
}

.upper
{
text-transform: uppercase;
}

/* Filters */
.filters .filter-heading {
	cursor: pointer;
}

.filters .filter-group {
	display: none;
}

/*
	Auto complete
*/

.ui-autocomplete {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}

/*

	Buy area

*/

#buy_area .left {
	float: left;
	width: 48%;
	margin-right: 10px;
}

#buy_area .right {
	float: left;
	text-align: left !important;
	width: 48%;
}

.contact-detail-box {
	background: black;
	padding: 5px;
	color: white;
	width: 100%;
	text-align: center;
	padding-top: 10px;
	width: 240px;
}

/*

	Catalogue download

*/

.page-catalogue-download .catalogue-image {

	width: 300px;
	height: auto;
	float: left;
	margin-right: 10px;

}

.page-catalogue-download .price-list-link {

	padding: 10px;
	background: #c60024;
	color: white;
	font-size: 150%;
	border-radius: 5px;

}

#mc_embed_signup {
	 width: 100% !important;
}
 #mc_embed_signup_scroll {
	 display: flex;
	 justify-content: space-evenly;
	 align-items: center;
	 gap: 10px;
}
 @media screen and (max-width: 480px) {
	 #mc_embed_signup_scroll {
		 display: block;
	}
}
 #mc_embed_signup_scroll .mc-field-group {
	 flex-grow: 1;
}
 @media screen and (max-width: 480px) {
	 #mc_embed_signup_scroll .mc-field-group {
		 width: 100% !important;
	}
}
 #mc_embed_signup_scroll .mc-field-group input {
	 background: none;
}
 @media screen and (max-width: 480px) {
	 #mc_embed_signup_scroll .mc-field-group input {
		 width: 100% !important;
		 padding: 8px 0 !important;
		 margin-top: 5px;
	}
}
 #mc_embed_signup_scroll .clear {
	 flex-grow: 1;
}
 #mc_embed_signup_scroll .clear .button {
	 margin: 0;
}
 @media screen and (max-width: 480px) {
	 #mc_embed_signup_scroll .clear .button {
		 width: 100%;
		 margin-top: 20px;
	}
}
 #mc_embed_signup .button {
	 border: 1px solid #abb082 !important;
}