/* base */
body {
    font-family: 'Arial';
    font-size: 10.5pt;
}
body {
    color: #333;
}
a {
    color: #111;
}
div#siteContent a {
    text-decoration: underline;
}
div#siteContent a:hover {
    text-decoration: none;
}
body a:hover {
    /*text-decoration: underline;*/
    color: #888;
}
p {
    margin-bottom: 5px;
}
ul {
    padding-left: 20px;
}
table {
    width: 100%;
}

input.invalid, textarea.invalid {
    border: 1px solid red !important;
}
input[type=checkbox].invalid {
    outline: 2px solid red;
}
span.checkbox-label.invalid, span.checkbox-label.invalid a {
    color: red;
}
td.price input {
    width: 50px !important;
}
/* links */
a.large {
    font-size: 16px;
    font-weight: bold;
}
/* headings */
h1 {
    color: #4a5151;
    font-size: 20pt;
    font-weight: normal;
    padding-bottom: 6px;
    background: url('../gfx/mainHdLine.png') bottom left repeat-x;
    margin-bottom: 10px;
}
h2 {
    font-size: 16pt;
    color: #ac1d23;
    margin-bottom: 10px;
    font-weight: normal;
}
h3 {
    font-weight: normal;
    font-size: 16px;
    color: #111;
    margin-bottom: 5px;
}
/* items */
.product-tags-container {
    position: absolute;
}
.product-tags-container .tag {
    margin-top: 5px;
    padding: 3px 10px;
    width: 59px;
    height: 17px;
    font-weight: bold;
    color: #fff;
}
.product-tags-container.standalone {
    position: static;
}
.product-tags-container .free-shipping {
    background: url('../gfx/product_free_shipping_bg.png') top left no-repeat;
    height: 35px;
}
.product-tags-container .new {
    background: url('../gfx/product_new_bg.png') top left no-repeat;
}
.product-tags-container .action {
    background: url('../gfx/product_action_bg.png') top left no-repeat;
}
.smItemBox {
    float: left;
    width: 156px;
    margin: 4px 3px 4px 0;
}
.smItemBox .heading {
    width: 145px;
}
.smItemBox .pic {
    margin-bottom: 5px;
}
.smItemBox .price {
    /*background: url('../gfx/priceLine.png') bottom left repeat-x;*/
    width: 150px;
    text-align: left;
    padding: 8px 0 6px 0;
}
.medItemSet {
    background: url('../gfx/medItemBg.png') top left;
    border-bottom: 1px solid #e0e0e0;
    margin: 5px 0;
}
.medItemSlider {
    /*background: maroon !important;*/
}

.medItemSlider > div.slider-self {
}
.medItemSlider .items-row {
    background: url('../gfx/medItemBg.png') top left;
    border-bottom: 1px solid #E9E9E9;
    /*background-color: blue;*/
    
}
.medItemSlider .medItemBox .center img {
    margin: 0px auto;
}
.medItemSlider .bx-prev, .medItemSlider .bx-next {
    margin-top: -30px !important;
}
.medItemSlider .bx-wrapper {
    margin-bottom: 0 !important;
}
.medItemSlider .bx-pager {
    padding-top: 10px;
}
.medItemBox {
    float: left;
    width: 266px;
}
.medItemBox .top {
    height: 63px;
    overflow: hidden;
}
.medItemBox .name {
    background-color: #e9e9e9;
    padding: 4px 6px;
}
.medItemBox .code {
    padding: 3px 5px;
    font-size: 10.5pt;
}
.medItemBox .inner {
    padding: 8px;
}
.medItemBox .pic {
    margin: 5px 0 5px 0;
}
.medItemBox .price {
    float: left;
    height: 73px;
    margin-bottom: 5px;
}
.medItemBox .price .old {
    color: #999999;
    font-size: 24px;
    height: 29px;
    text-decoration: line-through;
}
.medItemBox .price .main {
    color: #b22e33;
    font-size: 36px;
}

.medItemBox .lim {
    width: 129px;
    margin-bottom: 5px;
}
.medItemBox .inStock {
    margin-bottom: 10px;
    color: #111;
}
.medItemBox .clrPreview {
    margin-bottom: 5px;
}
.smItemThumb {
    font-size: 11pt;
}
.smItemThumb img {
    margin-right: 5px;
}

.medItemThumb {
    float: left;
    width: 95px;
    min-height: 100px;
    margin: 4px 5px 4px 0;
}
.medItemThumb img {
    margin-bottom: 4px;
}


div.colorPrevs {
    height: 22px;
}
div.colorPrevs > div {
    margin-right: 3px;
}
div.clrPreview {
    width: 16px;
    height: 16px;
    margin: 1px; 
    display: inline-block;   
    border: 1px solid #e0e0e0;
}
div.clrPreview > div {
    height: 100%;
}
div.product-overweight {
    color: #f00;
    font-size: 90%;
    font-weight: bold;
}
div.product-free-shipping {
    color: #088405;
    font-size: 90%;
    font-weight: bold;
}
a.details {
    background: url('../gfx/icon_more.png') right 2px no-repeat;
    color: #111;
    padding-right: 12px;
    text-decoration: none !important;
}
/*
.hl {
    color: #00a6cc;
}
a.hl:hover {
    color: #55e1ff;
}
*/
div.basketLink input.amount {
    width: 47px;
    height: 29px;
    border: 1px solid #b9b9b9;
    border-right: 0;
    background-color: #e4e4e4;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    padding: 0;
}
div.basketLink .button {
    width: 48px;
    height: 31px;
    background: url('../gfx/basket_button_bg.png') 14px 5px no-repeat;
    background-color: #111111;
    display: inline-block;
}
div.basketLink .button:hover {
    background-color: #b22e33;
}
div.basketLink .button:active {
    background-position: 15px 6px;
}
/* images */
img.pic, div.clrPreview {
    padding: 2px;
}
img.icon {
    margin-right: 5px;
}
/* paging */
.pagingBox {
    height: 20px;
}
.pagingBox .node {
    float: left;
    width: 14px;
    height: 16px;
    padding: 0 2px 2px 2px;
    text-align: center;
    border: 1px solid #d0d0d0;
    margin-right: 4px;
}
.pagingBox .this {
    font-weight: bold;
    border: 0;
    margin: 1px;
    margin-right: 5px;
}
/* tables */
table  {
    border-collapse: collapse;
    margin-bottom: 8px;
}
table tr.first td {
    padding-top: 3px;
}
table th {
    background-color: #222;
    color: #fff;
    font-weight: bold;
}
table tr.dark td {
    background-color: #f0f0f0;
}
table td, table th {
    padding: 2px;
}
table td {
    border-left: 2px solid #fff;
}
th.price, td.price, td.price input {
    text-align: right;
}
table div.clrPreview {
    width: 14px;
    height: 14px;
}
table input {
    font-size: 12px;
    width: 50px;
}
/* rules */
div.hr {
    margin: 6px 0;
    background-color: #f0f0f0;
    height: 1px;
}
/* forms */
div.input.label {
    float: left;
    width: 160px;
}
div.input.inner {
    margin: 0 0 5px 165px;
}
input[type=text], input[type=password], select, textarea {
    padding: 3px;
    border: 1px solid #e0e0e0;
    font-size: 14px;
    width: 160px;
}
textarea {
    width: 200px;
    height: 80px;
}
input:focus, select:focus, textarea:focus {
    border-color: #aaa;
}
input[type=submit], a.button-like {
    border: 1px solid #222;
    background-color: #333;
    cursor: pointer;
    font-weight: bold;
    padding: 1px;
    color: #fff;
    min-width: 100px;
    font-size: 14px;
}
a.button-like {
    display: inline-block;
    padding: 3px 16px;
    text-decoration: none !important;
}
input[type=submit]:hover, input[type=submit]:focus, a.button-like:hover {
    border: 1px solid #d42b32;
    background-color: #ff1f32;
}
a.button-like:hover {
    color: #fff;
}
input[type=submit].button-order, a.button-like.button-order {
    background: url('../gfx/button_bg.png');
    padding: 7px 16px;    
    border-radius: 2px;
    border-color: #2b7d0b;
    text-shadow: 1px 1px 0 #000;
}
input[type=submit].button-order:hover, a.button-like.button-order:hover {
    background: url('../gfx/button_bg_hover.png');
    border-color: #47b21d;
}

/* layout */
body {
    background: url('../gfx/siteBg.png') top center repeat-y;
    background-color: #fff;
}

div#contBg {
    width: 1022px;
    margin: 1px auto 1px auto;
    background: url('../gfx/menuBg.png') top left repeat-y;
}

/* columns */
div#leftCol {
    margin-right: 830px;
}

div#rightCol {
    width: 830px;
    float: right;
}

/* header */
div#siteHeader {
    background: url('../gfx/headerBg.png') top left no-repeat;
    height: 210px;
}
img#siteLogo {
    position: absolute;
    margin: 22px 0 0 27px;
}
div#headerBanner {
    position: absolute;
    margin: 23px 0 0 744px;
    background: url('../gfx/bannerBg.png') top left no-repeat;
    width: 241px;
    height: 68px;
}
div#userBox {
   margin: 130px 0 0 700px;
   position: absolute;
}
div#userBox .name {
    font-weight: bold;
    color: #c00;
}
div#userBox ul {
    list-style: none;
}
div#userBox li {
    background: url('../gfx/menuUlFirst.png') 1px 4px no-repeat;
    padding: 0 0 2px 14px;
}
div#userBox li a {
    color: #000;
}
div#userBox li a:hover {
    color: #666;
}
/* navigation */
div#siteNav {
    height: 25px;
    padding: 6px;
    background: url('../gfx/navBg.png') top left repeat-x;
}
div#siteNav div.links {
    padding: 4px;
}
div#siteNav a {
    color: #fff;
        
}
div#siteNav div.links a {
    padding: 1px;
}
div#siteNav div.links span {
    color: #fff;
    padding: 0 4px;
}
div#navSearch #searchBox {
    border: 1px solid #ccc;
    border-bottom-color: #ddd;
    font-size: 12px;
    border-top-color: #bdbdbd;
    padding: 4px;
    padding-right: 24px;
    background-color: #fff;
    color: #4f4a4a;
    width: 140px !important;
}
div#navSearch img.lens {
    position: absolute;
    margin: 1px 0 0 145px;
}
div#siteNav div.basket {
    color: #fff;
    padding: 4px 0;
    margin-right: 6px;
    float: right;
}
div#siteNav div#basketUpdated {
    position: absolute;
    margin: 18px 0 0 28px;
    padding-top: 16px;
    color: #333;
    background: url('../gfx/basketUpdIcon.png') top left no-repeat;
}
div#siteNav div#basketUpdated .inner {
    background-color: #e6e6e6;
    padding: 10px;
    width: 145px;
}
div#siteNav div#basketUpdated a {
    color: #333;
    font-weight: bold;
}
div#siteNav div#basketUpdated a:hover {
    text-decoration: underline;
}
div#siteNav  img.basketIcon {
    margin-top: 1px;
    padding: 0 4px 0 6px;
}

/* site menu */
div#siteMenu h2 {
    padding: 4px;
    
    color: #b22e33;
    font-size: 12pt;
    background-color: #e6e6e6;
}
div#siteMenu > * {
    padding: 0 5px;
}
div#siteMenu > ul {
    padding: 0;
}
div#siteMenu .div {
    width: 220px;
    height: 2px;
    margin-top: 8px;
    position: relative;
    margin-left: -24px;
}
div#siteMenu ul {
    padding: 0;
}
div#siteMenu ul li {
    line-height: 16px;
    font-size: 14px;
    list-style: none;
    padding-bottom: 2px;
    
}
div#siteMenu ul li {
    padding-left: 18px;    
}
div#siteMenu ul li a {
    position: relative;
    margin-left: -18px;
    padding-left: 18px;  
}
div#siteMenu ul li.opened {
    background: url('../gfx/catListMinus.png') top left no-repeat;
}
div#siteMenu ul li.closed {
    background: url('../gfx/catListPlus.png') top left no-repeat;
}
div#siteMenu ul li.empty {
    background: url('../gfx/catListEmpty.png') top left no-repeat;
}
div#siteMenu ul li.last {
    background: url('../gfx/catListTerminal.png') top left no-repeat;
}


div#navPos {
    padding-top: 106px;
}
div#navigation {
    margin: 5px 0 0 5px;
    background: url('../gfx/navBg.png') repeat-x;
    height: 19px;
    padding: 11px;
}
div#navigation > div {
    float: right;
}
div#navigation a {
    font-size: 11pt;
    color: #fff;
}
div#navigation a.present {
    text-decoration: underline;
}
div#navigation a:hover {
    text-decoration: underline;
}

div#navigation .div {
    background: url('../gfx/navGap.png') center center no-repeat;
    display: inline-block;
    height: 18px;
    width: 26px;
    vertical-align: bottom;
}
div#navBg {
    float: right;
    background: url('../gfx/navLeftBg.png') top left repeat-y;
    background-color: #d8dfe1;
}
div#siteContent {
    padding: 15px;
}

div#footer {
    padding: 10px;
    color: #666;
    border-top: 1px solid #fff;
    background-color: #ccc;
    height: 98px;
    color: #666;
}
div#footer .links {
    color: #fff;
    text-align: center;
}
div#footer > div {
    margin: 8px 0 12px 0;
}
div#footer .links .div {
    padding: 4px;   
}
div#footer .links a {
    text-decoration: none;
}

div#footer a {
    color: #555;
}

div#footer a:hover {
    text-decoration: none;
}

/* sites */
/* category inner */
.categoryInner img.orderIcon {
    vertical-align: middle;
    margin-right: -3px;
}
.categoryInner div.catSelector {
    margin-bottom: 4px;
}
div.subCats {
    margin-bottom: 12px;
}
div.subCats ul li {
    list-style: none;
    background: url('../gfx/folderThumb.png') 0px 1px no-repeat;
    padding-left: 26px;
    float: left;
    width: 33%;
}

/* products inner */
div.productSelf div.thumb {
    margin: 0 8px 8px 0;
    width: 200px;
}
div.productSelf > div.inner {
    margin-left: 221px;
}
div.productSelf .price.hl {
    color: #999999;
    font-size: 24px;
}
div.productSelf .price.hl.main {
    color: #b22e33;
    font-size: 36px;
}
div.productSelf .price.old {
    text-decoration: line-through;
}
div.productSelf .fbLike {
	margin: 5px 0 5px 220px;
}
div.productSelf ul {
    padding-left: 15px;
}
div.productSelf div.thumb div.clrPreview {
    margin: 4px 4px 0 0;
    height: 32px;
    width: 32px;
}
div.productSelf div.about {
    margin-bottom: 16px;
}
div.productSelf div.attrName {
    float: left;
    width: 140px;
}
div.productSelf div.attrValue {
    margin-left: 140px;
}
/*
div.productSelf .price {
    /*background: url('../gfx/priceLine.png') bottom left repeat-x;
    text-align: left;
    padding: 8px 0 6px 0;
    margin-bottom: 6px;
    width: 200px;    
}
*/
div.productSelf .addPhoto {
    margin-right: 10px;
}

/* basket */
#basketInner {
    background-color: #fff;
    border: 1px solid #666;
    width: 304px;
    position: absolute;
    z-index: 4;
    margin-left: -197px;
    margin-top: 1px;
    padding: 10px;
    text-align: left;
    box-shadow: 0 0 10px #ccc;
}
#basketInner.full {   
    margin-left: 0px !important;
}
#basketInner input, #basketInner select {
    width: 80px;
}
#basketInner div.input.label {
    width: 120px;
}
#basketInner div.input.inner {
    margin-left: 120px;
}

/* userMenu */
div#userMenu .nav {
    float: left;
    width: 130px;
}
div#userMenu > .content {
    margin-left: 130px;
}
div#userMenu ul {
    padding-left: 18px;
    list-style-type: square;
}

/* orders */
#orderTotal {
    width: 200px;
}
#orderTotal .price {
    margin: 3px 0;
    font-weight: bold;
    text-align: right;
    font-size: 16px;
}
#orderTotal .price.final {
    font-size: 18px;
    background-color: #f0f0f0;    
    
}
div.delivery {
    padding-left: 20px;
    margin-bottom: 5px;
}
div.delivery input {
    width: 18px;
    position: absolute;
    margin: 2px 0 0 -20px;
}
div.delivery .bold {
    font-weight: bold;
}
div.delivery .hl {
    color: #a00;
}

div#mapInner {
    padding: 5px;
    background-color: #f0f0f0;
    margin-left: 10px;
}

/* tabSelector */
div.tabSelector .navigation {
    border-bottom: 1px solid #dbdbdb;
    padding: 1px 0;
    margin-bottom: 5px;
}
div.tabSelector .tab {
    background-color: #e0e0e0;
    border: 1px solid #ccc;
    padding: 3px 6px;
    margin-right: 6px;
    display: inline-block;
    cursor: pointer;
    color: #222;
}
div.tabSelector .tab.focus {
    background-color: #e9c5c5;
    border-color: #dba3a2;
}

/* site edit menu */
#siteEditMenu {
    position: absolute;
    margin-left: 600px;
    background-color: #e0e0e0;
    width: 190px;
    padding: 5px;
}

/* Flash messages */
.flash {
    color: black;
    background: #FFFFDD;
    border: 1px solid #FFD700;
    padding: 5px;
    margin: 5px 5px 10px 5px;
    display: none;
}
.flash.success {
    color: #395d00;
    background-color: #d9ff9c;
    border: 1px solid #b5ff41;
}
.flash.error {
    color: #fff;
    background-color: #c00;
    border: 1px solid #f00;
}
.forcedFlashes > .flash {
    display: block !important;
}
/* /Flash messages */

/* Order identity selector */
div.order-identity-selector {
    margin-bottom: 20px;
}
div.order-identity-selector .spacer, div.order-identity-selector .option {
    float: left;
}
div.order-identity-selector .option {
    width: 246px;
    margin: 0 10px;
    background-color: #f0f0f0;
}
div.order-identity-selector .option.selected {
    background-color: inherit;
}
div.order-identity-selector .option {
    text-decoration: none !important;
}
div.order-identity-selector .option .inner {
    padding: 10px;
    display: block;
}
div.order-identity-selector .option .title {
    font-size: 24px;
    margin-top: -3px;
}
div.order-identity-selector .option.selected .title {
    font-weight: bold;
}
div.order-identity-selector .spacer {
    background-color: #868686;
    width: 1px;
    height: 40px;
    margin-top: 10px;
}
/* /Order identity selector */
/* Form groups */
div.form-group.heading {
    font-size: 24px;
    margin-top: -3px;    
    background-color: #f0f0f0;
    padding: 10px;
    margin-bottom: 15px;
    cursor: pointer;
}
div.form-group.heading span.trigger {
    width: 14px;
    height: 14px;
    background: url('../gfx/form_group_closed.png');
    display: inline-block;
    margin-right: 8px;
}
div.form-group.heading:hover {
    color: #ac1d23;
}
div.form-group.heading:hover span.trigger {
    background: url('../gfx/form_group_closed_hover.png');
}
div.form-group.heading span.trigger-opened {
    background: url('../gfx/form_group_opened.png');
}
div.form-group.heading:hover span.trigger.trigger-opened {
    background: url('../gfx/form_group_opened_hover.png');
}
div.form-group.content {
    margin-bottom: 15px;
}
/* /Form groups */

div#cookieDisclaimer {
    background-color: #999;
    color: #fff;
    padding: 10px;
}
div#cookieDisclaimer a {
    color: #fff;
    font-weight: bold;
}
div#cookieDisclaimer .inner {
    margin: 0px auto;
    width: 1020px;
}

.form-checkboxes-agreements {
  margin: 20px 0;
}

.form-checkboxes-agreements .input.label {
  display: none;
}

.form-checkboxes-agreements .input.inner {
  margin-left: 0;
  margin-bottom: 10px;
  font-size: 16px;
}