@charset "UTF-8";
/* THEME 4 (E-Commerce 3) */

/*HEADER*/
#header, .login #header {width:600px;height:127px;margin:0 auto;left:85px;background:#2b70a1;z-index:20;}
#header .tpl-hd, .login #header .tpl-hd {position:relative;height:153px;width:999px;margin:0 0 0 -285px;background: url(/css/img/theme-4/header.png) center top no-repeat;}
#home #header {height:127px;}
#header #baseline {display:none;}

#header h1 {margin:0 0 0 -490px;height:127px;width:275px;}
#header h1 a {height:127px;}
#header h2 {margin:0 0 0 366px;height:125px;width:125px;padding-bottom:0;}

.login #header h1 {top:0;height:127px;margin-left:-490px;width:278px;}
.login #header h2 {top:0;margin:0 0 0 365px;}
.login #header #baseline {left:265px;}
.login .wrapper #footer {height:30px;}
.login .wrapper #footer .tpl-fd {height:30px;}
.login #footer p, .login #footer p a {color:#fff;}
.login #footer p.ss3i {top:18px;}
.login #footer p.ss3i a {margin:15px 0 0 0;color:#fff;}

/* LOGIN */
body.login .wrapper #main {float:none;width:555px;padding-bottom:40px;margin:0 0 0 300px;}
.login #identification,
.login #identification-forgot,
.login #create-account {margin:0 0 5px;}
#main #identification h3,
#main #identification-forgot h3,
#main #create-account h3 {background:none;padding:0;}

/* RECOVERY PASSWD */
.recovery-pwd{background-color: white;padding: 10px 10px 35px;top:-10px;position: relative;width: 100%;}
.recovery-pwd .btn.btn-primary{color: white;}

/*WRAPPER*/
.wrapper {width:1000px;margin:0 auto;position:relative;}
#main div.hr {background:none;}

/*CONTENT*/
.wrapper #content {width:959px;margin:1px 10px 0 20px;padding:60px 11px 0 0;background:url(/css/img/theme-4/bg-content.jpg) right top repeat-y;z-index:10;float:left;}
#home .wrapper #content {padding-top:40px;}

#home #main,
#main {background:url(/css/img/theme-3/bg-home-main-top.gif) no-repeat 0 0 #B6B6B6;border:none;}
#main {float:right;margin:43px 0 15px;background:#fff;border:1px solid #B6B6B6;-webkit-border-radius:10px;-khtml-border-radius:10px;border-radius:10px;}
#home #main {width:684px;margin:0 0 20px;left:auto;}

/*SECONDARY-NAV*/
#secondary-nav {width:577px;left:288px;margin:0;padding:0;z-index:30;}
#secondary-nav li {float:left;margin:0;}
#secondary-nav li a {display:block;width:116px;height:29px;padding:10px 0 0 0;background:url(/css/img/theme-4/bg-nav.png) left top no-repeat;text-decoration:none;font-size:14px;font-weight:bold;text-align:center;}
#secondary-nav li a:hover {background-position:left -39px;}
#secondary-nav li.first-child a {width:158px;background:url(/css/img/theme-4/bg-nav-first.png) left top no-repeat;}
#secondary-nav li.first-child a:hover {background-position:left -40px;}
#secondary-nav li.last-child a {width:69px;background:url(/css/img/theme-4/bg-nav-last.png) left top no-repeat;}
#secondary-nav li.last-child a:hover {background-position:left -39px;}

/*USER-PANEL*/
.js-enabled #user-panel,
#user-panel {top:39px;}
#user-panel {z-index:30;width:545px;left:290px;margin:0;padding:10px 0 0 18px;}
#user-panel #account {float:left;width:215px;margin:0;padding:0 0 0 60px;background:url(/css/img/theme-4/account.png) left top no-repeat;}
#user-panel #account form {position:absolute;width:210px;height:20px;left:89px;top:auto;margin:0;}
#user-panel #account form p {float:left;width:85px;margin:0 10px 0 0;}
#user-panel #account form p.submit {width:20px;margin:0;}
.js-enabled #account form p input[type="text"],
#account form p input[type="text"],
.js-enabled #account form p input[type="password"],
#account form p input[type="password"] {width:85px;margin:0;}
#user-panel #account form p.submit button {width:24px;height:20px;margin:0;padding:0;background:#585858;color:#fff;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;border:1px solid #d4d4d4;}
#user-panel #account ul.actions {position:relative;margin:2px 0 0;right:auto;}
#user-panel #account ul.actions li a,
#user-panel .view-cart a {margin:0 6px 0 0;padding:0;background:none;text-decoration:underline}
#user-panel #account ul.actions li a:hover,
#user-panel .view-cart a:hover {text-decoration:none;}
#user-panel #account ul.not-connected {margin:21px 0 0;}
#user-panel #summary-cart {float:right;width:185px;height:55px;padding:0 0 0 60px;background:url(/css/img/theme-4/cart.png) left top no-repeat;}
#user-panel h3,
#user-panel #account h3.connected {display:block;margin:0;padding:0;font-size:14px;font-family:Arial, Sans-serif;background:none;}
#user-panel h3 span,
#user-panel #account h3.connected span,
.theme4 #account h3.connected span {margin:0;font-size:14px;}
#user-panel #summary-cart h3,
#user-panel #summary-cart p#count_articles {float:left;margin:0;}
#user-panel #summary-cart p#count_articles {width:67px;margin:2px 0 0 5px;font-size:11px;}
#user-panel #summary-cart p.total {clear:both;float:none;}
#user-panel #summary-cart p.view-cart {margin:0;text-align:left;}

/*PRODUCT*/
#home #main > h2,
#home #main .product h2,
#home #main .nav_product h2,
#main > h2,
#main .product h2 {width:634px;left:auto;margin:-10px 0 15px;padding:11px 25px 15px;font-size:22px;font-weight:normal;-webkit-border-top-right-radius:0;-webkit-border-top-left-radius:8px;-moz-border-radius-topright:0;-moz-border-radius-topleft:8px;border-top-right-radius:0;border-top-left-radius:8px;-webkit-border-bottom-right-radius:0;-moz-border-radius-bottomright:0;border-bottom-right-radius:0;background-image:none;font-family:Arial, Sans-serif;line-height:14px;}
#home #main > ul + h2 {margin-top:20px}
#main > h2,
#main .product h2 {width:632px;padding:8px 25px;font-size:20px;line-height:22px;}
#main .product h2.n {width:634px;}
#main h2.cart {margin:-93px 0 16px;}
#main .product h2 {left:-22px;}
#home #main .product h2 {margin:-10px 0 15px;}
#main.special h2 {width:652px}

#main h3 {width:100%;background:none;padding:4px 0 4px 0;}
#sub-level h3 {width:642px;}

.theme4 .wrapper #main ul.main-nav > li h3,
.theme4 .wrapper #main ul.main-nav > li h3 a,
.theme4 #main ul.main-nav.op > li h3,
.theme4 .wrapper #main ul.main-nav.op > li h3 a {color:#fff;}

#main p.toggle-forgot {top:50px;}
#main #back {float:right;margin:0 15px 10px;}

#command-breadcrumb {margin:60px 0 10px;}

#main ul.entry_actions {margin:-45px 13px 0 0;}
#main ul.entry_actions li a {color:#fff;}

#home ul.main-nav > li p {width:318px;}
#home ul.main-nav-toggle  {margin-bottom:0;}


.js-enabled #breadcrumb,  #breadcrumb {width:680px;top:135px;min-height:37px;z-index:30;margin-left:-202px;}
#breadcrumb li {position:relative;z-index:10;}
#breadcrumb li.last-child {position:relative;width:440px;margin-top:0;line-height:20px;z-index:5;}
#breadcrumb li span.sep {display:inline;}

.pagination a, .pagination a:link, .pagination a:visited {background:#fff;}
#sub-level ul.choice {background:#fff;}

/*quick-search*/
#quick-search {position: absolute;right: -16px;top: 175px;}
#home #quick-search {position: relative;margin:0;right: auto;top: -13px;}

/*PUSH-SECTION*/
#push {position:relative;float:right;width:680px;height:227px;max-height:auto;margin:0 0 30px;top:auto;left:-4px;z-index:50;}
#push-section-layout #push {top: 45px;}
#event-communication {float:right;width:680px;left:0;margin:0 0 30px;background:#fff;margin-bottom:40px;}


.z2 {float:right;width:680px;height:206px;margin:0 0 20px 0;text-align:center;overflow:hidden;background:#fff;box-shadow: 1px 1px 8px #555;}
.z2 a {display:block;padding:0;margin:0;line-height:0;font-size:0;}

.z2 figure {margin:0;}

/*NEWS*/
#home .news {width:659px;margin:10px 0 20px;padding:0 10px;left:auto;background:#fff;border-left:1px solid #d3d3d3;border-right:1px solid #d3d3d3;}
#home .news h2 {width:629px;left:auto;margin:-10px 0 15px -10px;padding:15px 25px 15px;font-size:22px;font-weight:normal;-webkit-border-top-right-radius:0;-webkit-border-top-left-radius:8px;-moz-border-radius-topright:0;-moz-border-radius-topleft:8px;border-top-right-radius:0;border-top-left-radius:8px;-webkit-border-bottom-right-radius:0;-moz-border-radius-bottomright:0;border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0;background-image:none;font-family:Arial, Sans-serif;line-height:14px;}
#home .news .shop h3, #home .news .group h3 {font-size:22px;}
#home .news .shop {width:360px;margin:0 0 10px;padding:0 10px 0 0;}
#home .news .group {width:275px;padding:0 0 0 10px;}
#home .news .shop p.read-more a, #home .news .group p.read-more a {margin:0 0 0 15px;padding-left:12px !important;background:url(/css/img/theme-4/sub-bullet.png) left top no-repeat;}
#home .news .group ul.actions {margin:0 0 0 15px;}
#home .news .group ul.actions li {margin:0;}
#home .news .group ul.actions li a {padding:0 0 0 12px;background:url(/css/img/theme-4/sub-bullet.png) left top no-repeat;color:#000;font-size:12px;text-decoration:underline;}
#home .news .group ul.actions li a:hover {text-decoration:underline;padding:0 0 0 12px;background:url(/css/img/theme-4/sub-bullet.png) left top no-repeat;color:#666666;}

#home .news .large ul.actions li a{margin:0 0 0 15px;padding:0 0 0 12px;background:url(/css/img/theme-4/sub-bullet.png) left top no-repeat;}
#home .news .large {width:655px;}

/*SUB*/
.wrapper #content #sub {width:267px;margin-top:-10px;padding-bottom:15px;}
.wrapper #content #sub .sub-nav {position:relative;float:none;width:274px;left:-14px;padding:25px 0 5px 0;background:url(/css/img/theme-4/sub-item-top-nav.png) left top no-repeat;}
.wrapper #content #sub .sub-nav .inside {width:274px;padding:0 0 15px;background:url(/css/img/theme-4/sub-item-bottom.png) left bottom no-repeat;}
.wrapper #content #sub .sub-nav .inside ul {width:274px;margin:-10px 0 0 0;padding:0 0 0 10px;background:url(/css/img/theme-4/sub-item-bg.png) left top repeat-y;}
.wrapper #content #sub .sub-nav .inside ul li {width:200px;margin:0 0 0 30px;padding:0;}
.wrapper #content #sub .sub-nav .inside ul li a {display:block;padding:10px 0;font-size:16px;font-family:Arial, Sans-serif;color:#585858;background:none;border-bottom:1px solid #515151;font-weight:bold;}
.wrapper #content #sub .sub-nav .inside ul li a:hover {color:#D41217;}
.wrapper #content #sub .sub-nav .inside ul li.last-child a {border-bottom:none;}

#home .wrapper #content #sub .sub-nav {margin-bottom:10px;}

.wrapper #content #sub .sub-item, 
.wrapper #content #sub #nav {position:relative;float:none;width:274px;left:-14px;padding:0 0 15px 0;background:url(/css/img/theme-4/sub-item-bottom.png) left bottom no-repeat;overflow:hidden;}
.wrapper #content #sub #nav {margin:15px 0;}
.wrapper #content #sub #nav ul.main-nav {padding:10px 0 0;}
.wrapper #content #sub #nav ul.main-nav.op {margin:0;padding:10px 0;}
.wrapper #content #sub #nav ul.main-nav > li.menu-item {margin:3px 0 3px 40px;}
.wrapper #content #sub .sub-item h2,
.wrapper #content #sub #nav h2 {width:270px;margin:0;padding:20px 0 0 0;background:url(/css/img/theme-4/sub-item-top.png) left top repeat-y;color:#585858;font-family:Arial, Sans-serif;font-weight:bold;font-size:16px;line-height:14px;}
.wrapper #content #sub .sub-item h2,
.wrapper #content #sub #nav h2 span {text-align: center; width: 266px; padding-right: 14px;}
.wrapper #content #sub #nav .nav_product {padding:20px 0 0 40px;}
.wrapper #content #sub #nav ul.main-nav.op .nav_product > h2 {margin-top:20px;}
.wrapper #content #sub .sub-item .inside, 
.wrapper #content #sub #nav ul {width:274px;padding:0;background:url(/css/img/theme-4/sub-item-bg.png) left bottom repeat-y;}
.wrapper #content #sub #nav ul li ul {width:195px;padding:5px 0 10px 10px;}

/*product filters*/
.wrapper #content #sub .product-filter  {
  margin-left:40px;
  width:220px;
}
.wrapper #content #sub .product-filter p,
.wrapper #content #sub .product-filter ul {
  float:left;
  clear:both;
  margin:0 0 10px 0;
  width:100%;
}
.wrapper #content #sub .product-filter ul li {
  margin:2px 0;
}
.wrapper #content #sub .product-filter ul input {
  margin:0;
  vertical-align:top;
}

.wrapper #content #sub .product-filter label {
  display:inline;
}
.wrapper #content #sub .product-filter .price-max input{
  width:100px;
}

.wrapper #content #sub .sub-item .inside ul.download {width:136px;min-height:75px;padding:15px 0 0 130px;background:url(/css/img/bg-download.png) no-repeat 30px bottom;}
.wrapper #content #sub .sub-item .inside ul.download li {margin:0 0 10px;padding:0;background:none;}
.wrapper #content #sub .sub-item .inside ul.download li a {padding:0 0 0 17px;color:#000;background:url(/css/img/theme-4/sub-bullet.png) left top no-repeat;text-decoration:none;}
.wrapper #content #sub .sub-item .inside ul.download li a:hover {color:#D41217;}

.wrapper #content #sub .sub-item .inside p.book {margin:10px 0 0;background:url(/css/img/bg-books.png) no-repeat 60px top transparent;}
.wrapper #content #sub .sub-item .inside p.book a {float:right;margin:-100px 15px 0 0;padding-left:12px !important;background:url(/css/img/theme-4/sub-bullet.png) left 101px no-repeat;font-size:12px;}
.wrapper #content #sub .sub-item .inside p.book a:hover {color:#D41217;}

.wrapper #content #sub .sub-item .inside #newsletter-subscription {margin:10px 0 0 40px;}
.wrapper #content #sub .sub-item .inside div#newsletter-subscription form p input {border:1px solid #797979;}
.wrapper #content #sub .sub-item .inside div#newsletter-subscription form p.submit button {width:27px;height:21px;margin:0 0 0 150px;padding:0 1px 3px 0;background:#d41217;}

div#newsletter-subscription p.error, div#newsletter-subscription p.success {width:70%;}

.wrapper #content #sub .ad {width:274px;height:267px;margin:15px 0 15px -14px;background:url(/css/img/theme-4/bg-ad.png) left top no-repeat;}
.wrapper #content #sub .ad figure {width:250px;padding:5px 0 0;margin:0 0 0 10px;overflow:hidden;}
.wrapper #content #sub .ad figure object.flash{display: block;}
.wrapper #content #sub .ad figure img {margin:0;}

.wrapper #content #sub .ad figure {position:relative;}
.wrapper #content #sub .ad figure a.over_fl {display:block;height:100%;width:100%;cursor:pointer;position:absolute;top:0;left:0;z-index:50;}
.wrapper #content #sub .ad figure a.over_fl span {display:block;text-indent:-5000px;}
.wrapper #content #sub .ad figure #animation {position:relative;z-index:0;}
.ie7 .wrapper #content #sub .ad figure a.over_fl, .ie8 .wrapper #content #sub .ad figure a.over_fl, .ie9 .wrapper #content #sub .ad figure a.over_fl {background:#fff;filter:alpha(opacity=0);}

.wrapper #content #sub .sub-item .inside .hproduct {width:185px;margin:10px 0 0 40px;}
.wrapper #content #sub .sub-item .inside .hproduct span.fn a {text-decoration:none;}
.wrapper #content #sub .sub-item .inside .hproduct img {border:1px solid #c1c1c1;}
.wrapper #content #sub .sub-item .inside .hproduct a.view-all, .wrapper #content #sub .sub-item .inside .hproduct a.url {padding-left:12px !important;background:url(/css/img/theme-4/sub-bullet.png) left top no-repeat;font-size:12px;}
.wrapper #content #sub .sub-item .inside .hproduct a.url {margin:10px 0 0;}

#sub  #push_picture .inside p, #sub  #push_picture .inside img {margin:0;} 
#sub  #push_picture .inside a {display:block;width:97%;text-align:center;}
#sub  #push_picture .inside img {margin:10px 0 0;}

/*FOOTER*/
.wrapper #footer {float:left;height:auto;width:978px;left:0;margin:-6px auto;padding:6px 10px 0 11px;background:url(/css/img/theme-4/footer.png) left top no-repeat;z-index:20;overflow:hidden;}
.wrapper #footer .tpl-fd {width:980px;height:auto;overflow:hidden;margin:0 auto;padding:10px 0 10px 0;background-image:none;}

#footer li + li:before {color:#fff;}

.wrapper #footer .adr span{display:none;}
.wrapper #footer .adr span.org {display:block;text-indent:-5000px;}
.wrapper #footer .info {float:left;width:200px;min-height:175px;padding:5px 15px 0 15px;color:#fff;background:url(/css/img/theme-4/vertical-separator.png) right top no-repeat;}
.wrapper #footer .info p#contact {text-indent:-5000px;}
.wrapper #footer .info p#contact span {display:none;}
.wrapper #footer .info p#contact span.email{display:block;margin:-15px 0 0;text-indent:0;}
div.links {padding:5px 15px 0 15px;background:url(/css/img/theme-4/vertical-separator.png) right top no-repeat;}
.wrapper #footer .info p#description {font-weight:bold;}

.theme4 .wrapper div.links h3 {margin:0 0 7px;color:#fff;}
div.links ul {height:150px;}
div.links ul li a {font-size:11px;color:#fff;line-height:13px;}
div.links ul li a:hover {color:#fff;text-decoration:underline;}

#footer p.ss3i {bottom:0;right:125px;}

#third-nav {width:135px;margin:0;padding:0 100px 0 0;}
#third-nav ul {width:auto;text-align:left;}
#third-nav ul li {float:none;display:block;width:100px;margin:0 0 5px;}
#third-nav ul li a:hover {text-decoration:none;}
#footer #third-nav ul li + li:before {content:"";}

#footer .logo-footer{width:980px;margin:0 0 0 -12px;padding:0 12px;overflow:hidden;}
#footer .logo-footer img{float:right; margin: 0 20px 10px 0; }

#sub #rapid_order { position: relative; height: 124px; }
#sub #rapid_order h2 { padding:13px 0 16px 33px; text-indent: 0em;background: transparent url(/css/img/bg-sub-item-top-simple.png) left top no-repeat; overflow:visible;}
#sub #rapid_order div.inside { padding-left: 10px; height: 105px;background: url(/css/img/theme-4/sub-item-bg.png) left bottom repeat-y}
#sub #rapid_order a.rapid { border:2px solid #891018;position: absolute; top: 30px; display: block; left:30px;width: 210px; height: 80px; text-indent: -9900em; background: transparent url(img/theme-4/btn_cmd_rapid_rouge.jpg) 0 top no-repeat; }
#sub #rapid_order.v2 a.rapid {background-image: url(/css/img/theme-4/btn_cmd_rapid_v2.jpg); }
#sub #rapid_order .inside p { position: absolute; top: 68px; left: 17px; font-size: 0.9em; display: none;}

#main .description-saved-lists, #main table.saved-lists {width: 95%; margin: 2% auto;}
#main .saved-lists li {float: left;}
#main ul.create-saved-lists {width: 97%;}
#main .details-lists {width: 95%;margin: 15px auto;}
#main ul.action-list {width: auto;margin: 0 0 0 5px;}
#main .action-list li {display:block;clear: both;}
#main .action-list li a {text-decoration: none;border-radius: 0px;margin: 2px 0 0 0;}