/* -------------------- */
/*   Font definitions   */
/* -------------------- *

Arial           font-family: sans-serif;
Arial Black     font-family: 'Arial Black', 'Gadget CE', sans-serif;
Comic Sans      font-family: 'Comic Sans MS', 'Sand CE', fantasy;
Courier         font-family: monospace;
Georgia         font-family: Georgia, 'New York CE', utopia, serif;
Lucida Console  font-family: 'Lucida Console', 'Monaco CE', fixed, monospace;
Palatino        font-family: Palatino, 'palatino linotype', serif;
Tahoma          font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif;
Times           font-family: serif;
Trebuchet MS    font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
Verdana         font-family: Verdana, 'Geneva CE', lucida, sans-serif;

*/

/* ************************** *
 *         CSS RESET          *
 * ************************** */
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,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {border:0; font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit; margin:0; padding:0; outline:0; vertical-align:baseline;}
body {background:white; color:black; line-height:1;}
:focus {outline:0;}
ol, ul {list-style:none;}
table {border-collapse:separate; border-spacing:0;} /* tables still need 'cellspacing="0"' in the markup */
caption, th, td {text-align:left; font-weight:normal;}
blockquote, q {quotes:"" "";}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
button { -moz-box-sizing: content-box; box-sizing: content-box; -webkit-box-sizing: content-box;}

.info-1{background: #FFCFCF;border: 1px solid #E3ADAD;color: #A60000;padding: 3px 6px;}
.info-2{background: #F4ECC7;border: 1px solid #DCE48B;color: #000000;padding: 3px 6px;text-align: center;}
.info-3{background: #D3F4C7;border: 1px solid #B3E48B;color: #000000;padding: 3px 6px;text-align: center;}


/* ************************** *
 *      BASIC ELEMENTS        *
 * ************************** */
body      {background:#631972 url('../images/body.png') 0 0 repeat-x; color:#605f5f; font-family:'Trebuchet MS', 'Geneva CE', lucida, sans-serif; font-size:small; line-height:1.25; text-align:center;}
a:link    {color:#914fa2; text-decoration:none;}
a:visited {color:#914fa2; text-decoration:none;}
a:hover   {color:#914fa2; text-decoration:underline;}
a img,td img,th img {vertical-align:middle;}
strong    {font-weight:bolder;}
p         {margin-bottom:1em;}
ol        {margin:0 0 2em 2em; list-style:decimal outside;}
ul        {margin:0 0 2em 2em; list-style:disc outside;}
h1,h2,h3  {}
h1        {color:#914fa2; font-size:200%; font-weight:normal; margin:0 0 0.35em;}
h2        {color:#3b3b3b; font-size:150%; font-weight:normal; margin:0 0 0.5em;}
h3        {font-size:110%; margin:0 0 0.5em;}
table     {margin:0 0 1em;}
th,td     {padding:0.5em;}
table ul  {margin:0 0 0.4em 2em;}
table h1,table h2,table h3 {margin:0;}
input[type='submit'],input[type='image'],label[for],select,button,.pointer {cursor:pointer; /*cursor:hand;\*/}
/*#content button, #content a.button {background-color:#9147a3;color:#fff;-moz-border-radius:4px;-wekbit-border-radius:4px;border-radius:4px;line-height:2em;padding:0 1em;height:2em;display:block;text-decoration:none;text-align:center;-moz-box-shadow:1px 1px 0px rgba(0,0,0,0.8);box-shadow:1px 1px 0px rgba(0,0,0,0.8);-webkit-box-shadow:1px 1px 0px rgba(0,0,0,0.8);}
*/
#content a.button:link, #content a.button:visited {text-decoration:none}
button:hover, a.button:hover {background-color:#ba51aa}


/* ************************** *
 *      GENERAL CLASSES       *
 * ************************** */
.cleaner {border:0; clear:both; float:none; font-size:0; height:0; line-height:0; margin:0; padding:0; width:0;}
.fll     {float:left !important;}
.flr     {float:right !important;}
.tal     {text-align:left !important;}
.tar     {text-align:right !important;}
.valignm {vertical-align:middle !important;}


/* ************************** *
 *           LAYOUT           *
 * ************************** */
#wrapper-foot  {background:url('../images/wrapper-foot.jpg') bottom center no-repeat;}
#wrapper-all  {background: url('../images/wrapper-all.jpg') top center no-repeat;}
#wrapper  {margin:0 auto; width:959px;}
#header   {height:330px; position:relative; margin-bottom:5px;}
#middle  {background: url('../images/middle.png') top center repeat-y;}
#leftbar  {float:left; width:175px; padding:10px; display:inline; overflow:hidden;}
#content  {float:left; width:590px; overflow:hidden; display:inline;}
#textarea {margin:15px;}
#rightbar {float:right;  width:167px; padding: 10px 3px; display:inline;}
#footer   { clear:both; height:319px; position:relative;  width: 958px;}
#leftbar,#content,#rightbar,#footer {text-align:left;}
#message  {background-color:#ccc; color:black; font-weight:bold; margin:2em auto; padding:1em; width:90%; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}


/* ************************** *
 *            ETC             *
 * ************************** */

/*
 * HEADER
 */

/** header-links **/
#header-links {position:absolute; top:13px; right:35px;}
#header-links a {display:inline-block; width:35px; height:35px;}
#header-links a.home {background:url('../images/sprites_40.png') -164px -80px no-repeat;}
#header-links a.home:hover {background:url('../images/sprites_40.png') -164px -120px no-repeat;}
#header-links a.sitemap {background:url('../images/sprites_40.png') -204px -80px no-repeat;}
#header-links a.sitemap:hover {background:url('../images/sprites_40.png') -204px -120px no-repeat;}
#header-links a.kontakt {background:url('../images/sprites_40.png') -245px -79px no-repeat;}
#header-links a.kontakt:hover {background:url('../images/sprites_40.png') -245px -119px no-repeat;}

/** homelink **/
#homelink {background-color:#151b2d; color:#b7d7df; height:165px; line-height:165px; left:1px; margin:0; overflow:hidden; position:absolute; top:51px; width:381px;}
#homelink a {color:#b7d7df; display:block; font-size:x-large; height:100%; position:relative; text-decoration:none; width:100%;}
#homelink a:hover {text-decoration:underline;}
#homelink a:focus {outline:#a9a9a9 dotted thin;}
#homelink a span {background:url('../images/homelink.png') 0 0 no-repeat; cursor:pointer; /*cursor:hand;\*/ display:block; height:100%; left:0; position:absolute; top:0; width:100%; z-index:10;}

/** languages **/
#languages {position:absolute; top:0px; right:0px;}
#languages a {display: inline-block;  width:35px; height: 25px; background:white; color:black; text-decoration:none;}
#languages a.sk {background:url('../images/sprites_40.png') -40px -160px no-repeat;}
#languages a.en {background:url('../images/sprites_40.png') -80px -160px no-repeat;}

/** funcs **/
#funcs {height:200px; color:#797979; width:156px; margin:0px; padding:9px; text-align:left; position:absolute; top:120px; right:0px;}
#funcs h3 {color:#87239c; font-size:140%; font-weight:normal; margin:0 0 0.1em; line-height:25px; vertical-align:middle;}
#funcs h3 span {background:url('../images/sprites_40.png') -80px -80px no-repeat;display:inline-block; height:25px; width:25px; vertical-align:middle;}
#funcs strong {color:#797979; display:block; font-size:110%; font-weight:normal; margin:0 0 0.4em;}
#funcs strong a {color:#87239c;}
#funcs p {color:#797979; margin:0 0 0.4em;}
#funcs p span {color:#797979; font-weight:bolder;}
#funcs div {margin: 9px 0px; overflow:hidden;}
#funcs div a {color:#a3a7b3; display:inline; float:left; width:41%; padding-left:9%; font-weight:bolder; font-size:90%;}
#funcs div a:hover {text-decoration:none; color:#7f309b;}
#funcs-login {background:url('../images/sprites_40.png') -280px 2px no-repeat;}
#funcs-logout {background:url('../images/sprites_40.png') -280px -38px no-repeat;}
#funcs-rgstr {background:url('../images/sprites_40.png') -280px -78px no-repeat; margin-right:0px; float:right;}

#funcs-gocart { color:#fff; display:block; font-size:85%; height:23px;  line-height:23px; text-align:center;}
#funcs-gocart:hover { text-decoration:none; color:black}
#funcs-gocart span {background:url('../images/sprites_40.png') -280px -152px no-repeat; width:5px; height:100%; display:inline; margin:0px 5px; float:right;}
#funcs-gocart:hover span {background:url('../images/sprites_40.png') -280px -192px no-repeat;}

#preview{ position:absolute;border:1px solid #ccc;background:#e5e5e5;padding:5px;display:none;color:#555;font-weight:bold;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-shadow: 1px 1px 0 #fff;-moz-box-shadow: 1px 2px 5px #555;-webkit-box-shadow: 1px 2px 5px #555;box-shadow: 1px 2px 5px #555;}


/** searchform **/
#searchform {position:absolute; left:6px; top:252px;}
#searchform-field {background:url('../images/sprites_40.png') 0px -200px no-repeat; border:none; color:#fff; float:left; height:21px; padding:0px 0 0 8px; width:150px; margin-right:5px; display:inline;}
#searchform-submit {background:url('../images/sprites_40.png') -160px -200px no-repeat; border:none; color:#fff; cursor:pointer; /*cursor:hand;\*/ float:left; height:26px; width:20px;}

#menu {position:absolute; width:99%; top:285px; left:0px; }
#menu ul {list-style:none; float:right; padding:0px; margin:0px;}
#menu li {float:left; position:relative; line-height:36px; vertical-align:middle; font-size:110%;}
#menu li a { vertical-align:middle; color:white; padding: 0px 10px;  border-right:1px solid white; }
#menu ul ul {float:none; width:200px; position:absolute; left:0px; top:43px; display:none;}
#menu li li {float:none; width:200px; line-height:30px; border-right:none; border-bottom:1px solid white; background:#45005b; text-align:left;}
#menu li li a {width:180px; border-right:none; display:inline-block;}
#menu ul ul ul {left:200px;}

/*
 * LEFTBAR
 */

/** menu-left **/
#leftbar h3 {color:#b2b2b2; font-size:180%;  margin-bottom:0.5em; }
#menu-left {font-family:Georgia, 'New York CE', utopia, serif; margin:0 0 35px;}
#menu-left ul {list-style:none; margin:0; border-top:1px dotted #9b9797;}
#menu-left li {padding:1px 0;  border-bottom:1px dotted #9b9797;}
#menu-left li li {border:none;}
#menu-left ul ul {border-top:1px dotted #9b9797; margin:1px 0px; padding-left:0.5em;}
#menu-left a {color:#464646; display:block; font-size:115%; padding:0.5em;}
#menu-left a:hover, #menu-left li.active a, #menu-left li.active_last a {background-color:#9366a5; color:#fff; text-decoration:none; }
#menu-left li ul li a, #menu-left li ul li a:hover {background: transparent url('../images/sprites_40.png') -275px -106px no-repeat; display:inline; padding-left:1em;}
#menu-left li ul li a:hover, #menu-left li.active ul li a:hover, #menu-left li.active ul li.active_last a, #menu-left li.active_last ul li a:hover {color:#914fa2;}
#menu-left li.active ul li.active_last a:hover {color:#914fa2;}
#menu-left li.active ul, #menu-left li.active_last ul {display:block;}
#menu-left ul ul li a, #menu-left li.active ul li a, #menu-left li.active_last ul li a {background-color:transparent; color:#747474; display:inline; border: none;}
#menu-left a:hover, #menu-left li.active a, #menu-left li.active_last a {background-color:#9366a5; color:#fff; text-decoration:none; }
#menu-left ul ul ul, #menu-left li.active ul ul, #menu-left li.active_last ul ul {border:none; display:none;}
#menu-left li.active li.active ul, #menu-left li.active li.active_last ul {display:block;}
#menu-left li.active li.active ul ul, #menu-left li.active li.active_last ul ul {display:none;}
#menu-left li.active li.active li.active ul, #menu-left li.active li.active li.active_last ul {display:block;}

#leftbar .box {overflow:hidden; margin: 0px 5px;}
#leftbar .box p {margin:0px; padding:0px; overflow:hidden;}
#leftbar .box * {color:black;}
#leftbar a.more {color:white; padding: 3px 10px; background:#9147a3;  border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; float:right; clear:both;}
#leftbar a.more:hover {text-decoration:none; color:black;}
#leftbar a.more span {background:url('../images/sprites_40.png') -280px -155px no-repeat; width:5px; height:100%; display:inline-block; margin-left:3px;}
#leftbar a.more:hover span {background:url('../images/sprites_40.png') -280px -195px no-repeat;}

#leftbar #newsletter{ height: 182px; background:url('../images/newsletter.png') top center no-repeat; padding:10px; color:#baa2c0; margin-bottom:15px; overflow:hidden;}
#leftbar #newsletter h3 {color:#ebd910; background:none; margin-bottom:0px; text-align:left; font-size:130%; margin:50px 0px 0px 0px;}
#leftbar #newsletter input {background:#cbb1d0; color:black; border:none; width: 99%;}
#leftbar #newsletter button {color:black; background:#ebd910; border:none; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; float:right; padding:2px 10px; }
#leftbar #newsletter p {margin-bottom:0.5em;}

/*
 * CONTENT
 */

#content a {text-decoration:underline;}

/** breadcrumbs **/
#breadcrumbs {font-family:Georgia, 'New York CE', utopia, serif;  margin:0 0 25px; color:black;}
#breadcrumbs a {color:black; text-decoration:none; display:inline-block; padding:3px; }
#breadcrumbs a:hover {text-decoration:underline;}
#breadcrumbs a.home{background:black; color:white; text-transform:uppercase; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
#breadcrumbs a.home:hover {text-decoration:none;}
#breadcrumbs a img {float:none; margin:0; padding:0;}
#breadcrumbs strong a {color:#a066ae; font-weight:normal;}

/** filters **
#filters-container {background:#222b48; width:100%; margin:0px auto 5px auto; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
#filters-container h3 {float:left; height:40px; line-height:40px; vertical-align:middle; font-size:140%; padding:0px 10px 0px 7px; margin:0px;}
#filters-container .toggle {display: inline; float:right; height:40px; line-height:40px; vertical-align:middle; font-size:120%; padding:0px 10px 0px 20px; border-left:1px solid #c8c8c8; color:#6d6f71; text-decoration:none; text-align:right; }
#filters-container .toggle span {display: none;  width:26px; height:40px; float:right; margin-left:5px; }
#filters-container .toggle:hover span{}
#filters {clear:both; background:#222b48; display:none;  border:1px solid #222b48; color:#636567;}
#filters table {width:100%;}
#filters button {float:right; border:none; border-right:1px solid #686969; border-bottom:1px solid #686969; background:#3c912c; color:white; padding:1px 20px; font-weight:bolder; height:auto;}
#filters button:hover {background:black;}
#filters select {background:white; border:1px solid #b1b0b0; color:#7f7f7f;}
#filters a.clear {line-height:26px; text-decoration:none; height:26px; color:black; vertical-align:middle;  display:inline-block; vertical-align:middle;}
#filters a.clear span {display:inline-block; width:26px; height:26px;  margin-right:5px; vertical-align:middle;}
#filters a.clear:hover span {}

/** container-gallery **/
#container-gallery {margin:35px -4px; overflow:hidden; text-align:left;}
#container-gallery h2 {color:#972e7a; margin: 0px 8px; }
#container-gallery .gallery-item {display:inline; float:left;margin:3px; text-align:center; padding:0px; overflow: hidden; height:130px;  width:130px;}
#container-gallery .gallery-item a {border:2px solid #b6b6b6; display:inline-block; height:110px; line-height:110px; vertical-align:top; text-align:center;  width:125px; overflow:hidden; padding:0px; margin:0px; }
#container-gallery .gallery-item a:hover {border:2px solid #972e7a;}
#container-gallery .gallery-item a img {vertical-align:middle;}

#container-subcategories {margin:20px 0px; overflow:hidden; font-size:120%; text-align:center; line-height:normal;}
#container-subcategories .category { width:151px; height:160px; background:url('../images/sub.png') center center no-repeat; margin:3px; padding:13px; display:inline; float:left;  overflow:hidden;  text-align:center; text-decoration:none; position:relative;}
#container-subcategories .category:hover {background:url('../images/sub-hover.png') center center no-repeat; color:black}
#container-subcategories .category .image {display:inline-block; width:151px; height:100px; overflow:hidden; text-align:center; vertical-align:middle; line-height:100px; background:white; }
#container-subcategories .category .more {position:absolute; bottom:15px; right:15px; color:white; background:#9147a3; padding:1px 5px;font-size:smaller; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
#container-subcategories .category:hover .more {background:white; color:#9147a3;}
/** products paginator, gallery paginator **/
#content .pagination-summary {float:right; margin:7px;  color:#575757;}
#content .paginator {float:left; margin:7px; text-align:left; clar:both; }
#content .paginator a, .paginator span {background-color:#e3e3e3; color:#717171; display:inline; float:left;  margin-right:1px; height:23px; line-height:23px; padding:0 7px; text-decoration:none;}
#content .paginator a:hover, #content .paginator span {background-color:#972e7a; color:#fff;}

/** container-products **/
.product-newie, .product-action {position:absolute; display:inline-block; width:78px; height:40px;}
.product-action {left:0; top:0;  background:url('../images/sprites_40.png') 0px 0px no-repeat;}
.product-newie {left:0; top:40px; background:url('../images/sprites_40.png') 0px -80px no-repeat;}

#container-content {margin:20px -7px; overflow:hidden;}
#container-content .search-result {margin:7px;}

#container-products {margin:20px -14px; overflow:hidden; overflow:hidden; border-bottom:1px solid #e5e5e5;}
#container-products .container-pager {border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; overflow:hidden; margin-bottom:-1px;}
#container-products .product {float:left; width:181px; height:300px; padding:7px;  display:inline; border:1px solid #e5e5e5; border-left:none; margin: 0px 0px -1px; overflow:hidden; }
#container-products .product.item_3 {border-right:none;}
#container-products .product .image {background-color:white; position:relative; text-align:center; }
#container-products .product .image a {display:inline-block; width:174px; height:180px;  line-height:180px; vertical-align:middle; overflow:hidden;  position:relative;}
#container-products .product .image a img {}
#container-products .product h3 {color:#49a6a3; font-size:130%; font-weight:normal; margin:0.25em 0; text-align:center; height:40px; }
#container-products .product h3 a {color:#49a6a3; text-decoration:none;}
#container-products .product h3 a:hover {text-decoration:underline;}
#container-products .product .info p {margin-bottom:10px;}
#container-products .product .product-price {margin:0; color:black; text-align:center;}
#container-products .product .product-price del {color:#636363;}
#container-products .product .product-price strong {color:black; font-family:Palatino, 'palatino linotype', serif; font-size:140%; font-weight:normal;}
#container-products .product .product-stock {clear:both; float:left;}
#container-products .product .product-stock span {padding: 3px 10px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
#container-products .product .product-stock span.no-stock {background:#c6c6c6; color:#505050;}
#container-products .product .product-stock span.in-stock {background:#a9e0c3; color:#445b4f;}
#container-products .product .product-links {float:right; margin:0; text-align:right;}
#container-products .product .product-links a {color:#97729e; text-decoration:none;}
#container-products .product .product-links a:hover {text-decoration:underline;}

span.mandatory {color:red; font-weight:bold;padding-right:.5em}
#contact-form {padding:1em 0em;}
#contact-form input, #contact-form textarea {border:none;background-color:#ddd;padding:4px;  }
#contact-form textarea {width:98%}
#contact-form td {vertical-align:top; padding:0.5em 0.2em;}
#contact-email-error {display:none}
#colorbox #contact-email-error {font-size:120%;text-align:left;padding:1em;color:#000;display:block}
#colorbox #contact-email-error ul { margin:1em 0 0 2em;color:#f00;}

/** >> PRODUCT (detail) << **/
h1.prod-title {text-align:left; }
/*imagebox*/
#imagebox {float:left; text-align:center; margin: 0px 10px 10px 0px; overflow:hidden;  width:264px;}
#imagebox #mainimage {position:relative;}
#imagebox #mainimage a {display:inline-block; border:2px solid #b4b4b4; width:260px; height:260px; line-height:260px; vertical-align:middle;  position:relative;}
#imagebox #product-thumbnails {margin:6px -3px 0; width:270px;}
#imagebox #product-thumbnails .prod-thumb {float:left; margin:3px; text-align:center; display:inline;}
#imagebox #product-thumbnails img {height:48px;}
#imagebox #product-thumbnails a {display:inline-block; border:2px solid #b4b4b4; width:80px; height:64px; line-height:64px; vertical-align:middle; overflow:hidden;}

/*productprice*/
.productprice {border-bottom: 1px solid #BABABA;color: #000;float: right;font-size: 135%;line-height: 1;margin: 10px 0;padding-bottom: 10px;width: 285px;}
#popis-prod{color: #000000;font-size: 15px;font-weight: bold;}
.productprice td {padding:0.2em 0.5em 0.2em 0; vertical-align:bottom;text-align:right}
.productprice .choices td {padding:0 0.5em 0.5em;}
.productprice-cartlabel {width:8em;}
.productprice-label {text-align:right;}
.productprice del {font-size:100%;}
.productprice form {position:relative; top:0.3em;}
.productprice input {background: url('../images/sprites-add-cart.png') 0 -73px no-repeat;border: 0;padding: 7px 0;text-align: center;width: 42px;}

#content .productprice button {background: url('../images/sprites-add-cart.png') 0 0 no-repeat;  border: medium none;
    color: #4D0841;display: inline-block;font-size: 13px;font-weight: bold;padding: 9px 0 7px 39px;text-align: left;text-shadow: 1px 1px 0 #FC65BF;width: 129px;}
#content .productprice button:hover{background-position: 0 -36px;color: #EEC5FF;text-shadow: 1px 1px 0 #421255;}

.productprice strong {color:#000; font-size:130%;}
/*productfeatures*/
#productfeatures {clear:both; margin:0 0 35px; width:100%; background:#CF9BC7;}
#productfeatures tr td {width: auto;}
#productfeatures tr.even td, #productfeatures th {}
#productfeatures th {color:#420A4F; font-size:large; font-weight:bold; padding:0.5em;}
#productfeatures td {color:#420A4F; padding:0.45em 1em; border-top:1px solid white;}
#productfeatures td.label {border-right:1px solid white;}
#productfeatures td strong {color:#420A4F;}

/** contact-area **
#contact-area{text-align:center;  background-color:#222c48; clear:both; padding:5px; }
#contact-area h2 {font-size:220%;margin:0 0 .2em;}
#contact-area .info {color:red; text-align:left;}
#contact-area .info .error {width:80%; margin:0px auto;}
#contact-area .info form {display:none;}
#contact-area table{text-align:left; margin:0px auto; background:#3F465C }
#contact-area th, #contact-area td { border:2px solid #3F465C; padding:0px; vertical-align:top}
#contact-area th {background-color:#3F465C; color:white; font-weight:bolder; text-align: center; padding: 3px 0px;}
#contact-area td.image {background-color:#3F465C; text-align: center; vertical-align:middle;  padding:3px;}
#contact-area td.image img {border:1px solid #3F465C; width:65px; height:auto;}
#contact-area td.shortdesc{font-size:90%;font-weight:normal;text-align:left; background-color:#b2a496; color:white; overflow:hidden; padding:3px;}
#contact-area input, #contact-area textarea {color:black;  background-color:#ffd19f; border:1px solid black;}
#contact-area input {margin:0px 0px 3px 0px; height: 18px; padding: 3px 5px; width:145px;}
#contact-area textarea {width:250px; height:100%; padding: 0px 5px; margin:0px; height:115px;}
#contact-area tr.code td.price {background-color:#3F465C; text-align: center; font-weight:bolder; color:black;  padding:3px; height:auto;}
#contact-area tr.code td {text-align:left; vertical-align:middle; background:#3F465C; overflow:hidden;}
#contact-area tr.code td input {width: 80px;}
#contact-area tr.code #form-submit {color:#553311; text-decoration:none; background:#fba50a; float:right; border:none; height:26px; padding: 3px 5px;}

/*relatedproduct*/
#container-relatedproducts {clear:both; margin:20px -7px; overflow:hidden;}
#container-relatedproducts h2 {margin:0 0 0.75em;}
#container-relatedproducts .product {float:left; margin:7px; text-align:center; width:124px; }
#container-relatedproducts .product .image {position:relative;}
#container-relatedproducts .product .image a {border:2px solid #b4b4b4; display:inline-block; width:120px; height:124px; line-height:124px; vertical-align:middle; text-align:center; overflow:hidden; }
#container-relatedproducts .product img {width:120px}
#container-relatedproducts .product .image a:hover {}
#container-relatedproducts .product h3 {color:#49a6a3; font-size:90%; font-weight:bold; height:2.4em; line-height:1.2; margin:0.25em 0; overflow:hidden; text-align:center;}
#container-relatedproducts .product h3 a {color:#49a6a3; text-decoration:none;}
#container-relatedproducts .product .price {font:90%;}
#container-relatedproducts .product strong {color:black; font-size:110%; font-weight:bold;}

/** >> CART << **/
#cart-steps {overflow:hidden; margin-bottom:10px;}
#cart-steps span {display:inline-block; width:30.95%; padding:1%; border:1px solid #939393; background:#a1a1a1; height:40px; line-height:40px; vertical-align:middle; color:white; font-size:130%; float:left;}
#cart-steps span.active {background:#c857cb; border:1px solid #e179e5;}

p.error {color:red; font-weight:bold;}
ul.error_list { color:red; }
#content .cart {margin:2em 0 1em; text-align:center; width:100%; border-collapse:collapse;}
#content .cart h2 {font-family:'Trebuchet MS', 'Geneva CE', lucida, sans-serif; font-weight:bold; margin:0; text-align:center;}
#content .cart tr {margin:0 15px 0 0;}
#content .cart th {background:#BBBBBB;border-bottom:1px solid white;border-right:1px solid white;color:black;padding:10px 0; text-align:center; }
#content .cart td {font-size:110%; padding:5px; vertical-align:middle; background:#d8d8d8; border-bottom:1px solid white;border-right:1px solid white;text-align:center}
#content .cart tfoot th, #content .cart tfoot td{vertical-align:top; padding: 0.75em;}
#content .cart tfoot th.valignm, #content .cart tfoot td.valignm {vertical-align:middle;}
#content .cart tr.odd td {border-right:1px solid white;border-bottom:1px solid white;text-align:center}
#content .cart tr.choice {border-top:1px solid #131929; font-size:75%; font-weight:bold; text-align:left;}
#content .cart .image {height:58px; padding:0; width:58px; text-align:center;}
#content .cart img {border:none; height:34px; margin:0; padding:0;}
#content .cart img.noimage {height:auto;}
#content .cart tr.odd td.name {font-size:110%; font-weight:bold; padding:5px; text-align:left; vertical-align:middle; width:35%;}
#content .cart  td.name {font-size:110%; font-weight:bold; padding:5px; text-align:left; vertical-align:middle; width:35%;}
#content .cart td.name a {color:#000; text-decoration:none;}
#content .cart td.name a:hover {color:#fff; text-decoration:underline;}
#content .cart td span {font-size:smaller;}
#content .cart td input {text-align:center;}
#content .cart td input.send, #content .cart td input.remove {border:none; display:inline-block; width:27px; height:25px;}
#content .cart td input.send { background:url('../images/sprites_40.png') -120px -40px no-repeat;}
#content .cart td input.remove {background:url('../images/sprites_40.png') -80px -40px no-repeat;}

#content .cart tfoot td {background:#c857cb; padding:0px;}
#content .cart .total {text-align: center; color:#fff; padding:0.5em 0; width:288px; height:40px; float:left; background:#934296; padding: 5px;}
#content .cart .total strong {font-size: 210%;}
#content .link-back {float:left; width:120px; height:30px; padding: 5px; text-align:left;}
#content .link-forward {float:right; width:120px; text-align:right; height:30px; padding: 5px;}
#content .link-back a, #content .link-forward a {display:inline-block; vertical-align:middle; line-height: 40px;  text-decoration:none; height:40px; color: black;font-size: 113%;}
#content .link-back span, #content .link-forward span {display:inline-block; width:33px; height:35px; vertical-align:middle;}
#content .link-back span {background:url('../images/sprites_40.png') -80px 7px no-repeat; float:left; margin-right:5px;}
#content .link-forward span {background:url('../images/sprites_40.png') -120px 7px no-repeat; float:right; margin-left:5px;}

#content .bordered, #content .bordered th, #content .bordered td {border:1px solid #545454;}
#order-comment {width:100%;}
#place-order, #content .place-order {float:right;background:#ffe400;color:#000;font-weight:bold;padding:.4em;border:1px solid #ffc200;border-radius:.4em;font-size:120%;margin-bottom:2em;text-decoration:none}
#place-order:hover, #content .place-order:hover {background-color:#ffc200}

#cart {border-collapse:collapse;}
#cart th, #cart td {border:1px solid #545454;}
/** >> CHECKOUT FORM << **/
#registered-fields {display:none;}
#payment-fields {}
#registered, #new {background-color:#ddd; border-radius:6px; color:#000; font-weight:bold; margin:0 auto 2px; padding:0.5em 1em; width:95%; -moz-border-radius:6px; -webkit-border-radius:6px;}
#textarea fieldset {border:1px solid #ccc; margin:2px 0 12px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#textarea fieldset legend {background-color:#ccc; border:1px solid #ccc; color:#000; font-weight: bold; margin-left:10px; padding:1px 4px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#textarea #new-fields input, #textarea #registered-fields input {background-color:white; border:1px solid #ccc; color:#000; padding:1px;}
#textarea #new-fields input:hover, #textarea #registered-fields input:hover {background-color:#ccc;}
#textarea #new-fields select, #textarea #registered-fields select {background-color:white; border:1px solid #ccc; color:#000; padding:1px;}
#textarea #new-fields select:hover, #textarea #registered-fields select:hover {background-color:#ccc;}
#textarea #new-fields table, #textarea #registered-fields table {width:100%;}
#textarea #order-comment textarea {background-color:white; border:1px solid #ccc; color:#000; width:100%;}
#textarea #order-comment textarea:hover {background-color:#ccc;}
span.mandatory {color:red; font-weight:bold;}

/** order **/
.companies-only th, .companies-only td{background-color:#d7b7de;color:#000}

/** login-form **/
table#login-form {margin:0 0 2em;}
table#login-form th {text-align:right;}
table#login-form td {padding:.5em;}


/*
 * RIGHTBAR
 */

#rightbar h3 {color:white; text-align:center; font-weight:normal; margin:0 0 0.8em; background:url('../images/sprites_40.png') -80px -160px no-repeat;line-height:25px; vertical-align:middle;}
#rightbar p {margin:0px; padding:0px;}
 /** action-products **/
#action-products {margin:0 0 5px; padding:0 0 10px;}
#action-products img {border:none; float:none; height:35px; margin:0; padding:0;}
#action-products img.noimage {height:auto;}
#action-products .product {margin:0 0 5px 0px;}
#action-products .product .imgcontainer {float:left; margin:0 8px 0 0;}
#action-products .product .imgwrap {border:1px solid #adadad; height:41px; position:relative; text-align:center; vertical-align:middle; width:55px; overflow:hidden;}
#action-products .product .imgwrap a {display:block;line-height: 36px;}
#action-products .product a {color:#464646; text-decoration:none;}

#rightbar .box {overflow:hidden; margin: 0px 5px 10px;}
#rightbar .box h3 {background:none;}
#rightbar .box p {margin:0px; padding:0px; overflow:hidden;}
#rightbar .box * {color:black;}
#rightbar a.more {color:white; padding: 3px 10px; background:#9147a3;  border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; float:right; clear:both;}
#rightbar a.more:hover {text-decoration:none; color:black;}
#rightbar a.more span {background:url('../images/sprites_40.png') -280px -155px no-repeat; width:5px; height:100%; display:inline-block; margin-left:3px;}
#rightbar a.more:hover span {background:url('../images/sprites_40.png') -280px -195px no-repeat;}


/*
 * FOOTER
 */


/** footer **/
#footer p {color:#fff; font-size:95%; position:absolute;}
#footer a {color:#fff;}
#footer a:hover {color:#fff;}
#footer-site {left:172px; top:26px;}
#footer-webstudio {left:172px; top:84px;}
/**footer-brands **/
#footer-brands{background: white;border-top: 1px solid #E0E0E0;overflow: hidden;padding: 10px;width: 938px;}
#footer-brands p{display: inline;margin: 0;}
#footer-brands img{float: left;padding: 0 4px;}

#footer-box{background:#F1EAF2 url('../images/footer-boxes.png') 0 0 repeat-x; min-height: 100px;padding: 10px 10px;width: 938px;overflow: hidden;margin: 0;}
#footer-box h2{border-bottom: 2px solid #DBDBDB;color: #444;font-size: 16px;font-weight: bold;padding-bottom: 7px;}
#footer-box .box{ float: left;padding: 0 10px;text-align: left;width: 197px;}

#footer-box ul{ list-style: none outside none;margin: 0;}
#footer-box ul li{}
#footer-box ul li a{background: url('../images/bottom-ulli.png') 0 center no-repeat;padding-left: 10px;color:#444; }
#footer-box ul li a:hover{text-decoration: underline;color:black}
/** footer-menu **/
#footer-menu {border-top:1px solid #e5e5e5; }
#footer-menu ul {width:100%; text-align:center;}
#footer-menu li {display:inline;line-height:45px; vertical-align:middle;}
#footer-menu a {color: black; padding:0px 10px;  border-right:1px solid black;}
#footer-menu a:hover {color:black; text-decoration:underline;}
#footer-menu ul ul {display:none;}


/*
 * Customer
 */

#form-emailLink {background-color:#fff;  padding:1em;  text-align:left; color:black;}
#form-emailLink th, #form-emailLink td {padding:0.4em;}
#form-emailLink th {background:#eee; border:1px solid #ccc; vertical-align:middle;}