/*	CLEAR
------------------------------------------------------------ */
@import url(common.css);

#WhosOn {display:none;}

h2 {font-size:32px;font-weight:normal;color:#515151;line-height:1.2;margin:0 0 20px;clear:both;}
h3 {font-size:22px;font-weight:normal;line-height:1.2;margin:0 0 20px;clear:both;}

/* main */
.b {width:100%;text-align:center;}
.w {width:970px;margin:0 auto;text-align:left;}
#header {margin:0 0 15px;background:#1b335f url(../images/layout/bg-header.png) repeat-x 0 100%;}
#body .wb {width:928px;min-height:170px;height:auto !important;height:170px;padding:10px 20px 30px;position:relative;background:#fff;border:1px solid #d3d3d3;border-bottom:0;}
#sidebar-left {width:228px;float:left;margin:0 20px 0 0;}
#content {width:680px;float:right;}
#content.wide {width:100%;}
#content.e404 {background:url(../images/layout/404-arrow.png) no-repeat 420px 5px;}

#header .w {padding:15px 0 0;position:relative;}
#header h1.logo {float:left;clear:left;width:167px;height:70px;padding:0 0 15px 20px;}
#header h1.logo a {display:block;width:100%;height:100%;text-indent:-9999px;outline:none;background:url(../images/identity/logo.png) no-repeat 0 0;}

#footer {background:#6f6f6f url(../images/layout/bg-footer.png) repeat-x 0 0;}
#footer .w {padding:20px 0 40px;color:#fff;font-size:11px;}
#footer a {color:#bcbcbc;text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer ul,
#footer ul li {display:inline;}
#footer ul li {margin:0 0 0 18px;}

/* main nav */
#main-nav {float:right;position:absolute;right:0;bottom:0;background:url(../images/layout/bg-nav.png) repeat-x 0 -98px;}
#main-nav .wrap {float:left;background:url(../images/layout/bg-nav.png) no-repeat 0 0;}
#main-nav ul {float:left;display:block;padding:10px 10px 0;background:url(../images/layout/bg-nav.png) no-repeat 100% -43px;}
#main-nav ul li {display:block;float:left;position:relative;padding:0 10px 0 0;}
#main-nav ul li a {display:block;float:left;padding:6px 0 5px 10px;font-weight:bold;font-size:14px;color:#fff;text-decoration:none;}
#main-nav ul li a:hover {text-decoration:underline;}
#main-nav ul li.active {background:url(../images/layout/bg-nav-tab.png) no-repeat 100% 0;}
#main-nav ul li.active a {color:#366195;background:url(../images/layout/bg-nav-tab.png) no-repeat 0 0;}
#main-nav ul li.active a:hover {text-decoration:none;}

#main-nav ul li.more {width:20px;height:32px;padding:0;background:url(../images/icons/arrow-down.png) no-repeat 50% 50%;}

#main-nav ul li:hover ul {display:block;}
#main-nav ul li ul {display:none;position:absolute;right:-15px;top:32px;background:#4c8ac5;color:#fff;padding:0;width:200px;z-index:2000;border:5px solid #fff;border-top:0;}
#main-nav ul li ul li {display:block;float:left;width:100%;clear:left;}
#main-nav ul li ul li a {font-size:12px;padding:5px 10px 4px;float:none;background:none;color:#fff;border-bottom:1px solid #97bfe4;}
#main-nav ul li ul li.last a {border:0;}

/* user greeting | cart info */
#header .userbar {color:#fff;display:block;float:right;margin:7px 10px 0 0;}
#header .userbar a {color:#fff;}
#header .userbar dt,
#header .userbar dd {display:block;float:left;}
#header .userbar dt {margin:0 10px 0 0;}
#header .userbar .cartinfo {border-left:1px solid #fff;padding:0 22px 0 10px;background:url(../images/icons/cart.png) no-repeat 100% 50%;}

/* breadcrumbs */
.breadcrumbs {background:#d3d3d3;line-height:1;font-size:11px;padding:1px 0 0;}
.breadcrumbs span {color:#747474;display:block;float:left;padding:11px 20px 9px 10px;background:url(../images/layout/bg-breadcrumbs-arrow.png) no-repeat 100% 50%;}
.breadcrumbs ol,.breadcrumbs ol li,.breadcrumbs ol li a {display:block;float:left;}
.breadcrumbs ol li {color:#747474;}
.breadcrumbs ol li a,
.breadcrumbs ol li.last {padding:11px 25px 9px 15px;}
.breadcrumbs ol li a {text-decoration:underline;background:url(../images/layout/bg-breadcrumbs-arrow.png) no-repeat 100% 50%;}

/* top search */
.searchform {width:100%;clear:both;margin:0 0 20px;}
.searchform input {display:block;float:left;}
.searchform label {display:block;margin:0 0 3px;}
.searchform .q {width:184px;height:20px;padding:3px 5px 2px;font-size:16px;line-height:16px;border:1px solid #cecece;border-right:0;background:url(../images/layout/bg-input.png) no-repeat 0 0;}
.searchform .submit {width:32px;height:27px;border:0;background:url(../images/buttons/search.png) no-repeat 0 0;}

/* keyvisual */
.kv-wrap {padding:0 0 10px;margin:0 0 20px;background:url(../images/layout/kv-shadow.png) no-repeat 50% 100%;}
#keyvisual {position:relative;overflow:hidden;width:100%;height:300px;border:1px solid #cecece;z-index:800;}
/* keyvisual switch */
#keyvisual .sw {display:block;position:absolute;left:20px;bottom:10px;z-index:100;}
#keyvisual .sw li {display:block;float:left;margin:0 11px 9px 0;height:45px;padding:0 0 3px;}
#keyvisual .sw li span {display:block;float:left;width:50px;height:40px;overflow:hidden;border:1px solid #d3d3d3;cursor:pointer;}
#keyvisual .sw li span img {display:block;}
#keyvisual .sw li:hover,
#keyvisual .sw li.active {border-bottom:3px solid #888;height:42px;}
#keyvisual .sw li.active span  {border-color:#888;}
/* keyvisual slide */
#keyvisual .kv {display:block;}
#keyvisual .kv li {display:none;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;z-index:99;}
#keyvisual .kv li a {display:block;}
#keyvisual .kv li a img {display:block;}
#keyvisual .kv .active {display:block;}

/* navigations */
.pop-secnav {margin:0 0 10px;}
.pop-secnav ul {width:100%;float:left;}
.pop-secnav ul li {display:block;float:left;width:100%;clear:both;}
.pop-secnav ul li a {display:block;float:left;width:100%;padding:6px 0;border-bottom:1px solid #cecece;text-decoration:none;font-weight:bold;font-size:14px;line-height:1.2;}
.pop-secnav ul li.last a {border:0;}

/* secondary (product) navigation */
.secnav {margin:0 0 20px;}
.secnav ul {width:100%;clear:both;}
.secnav ul * {display:block;float:left;line-height:1.2;}
.secnav ul li {width:228px;clear:both;margin:0 0 1px;}
.secnav ul li a {width:190px;padding:6px 8px 6px 30px;font-size:14px;text-decoration:none;background:#e7f0f9 url(../images/icons/arrow-t-blue-right.png) no-repeat 10px 9px;}
.secnav ul li a:hover {background-color:#dde9f5;}

.secnav ul li ul {border-top:1px solid #fff;border-bottom:4px solid #99bbd6;}
.secnav ul li ul li a {background:#dbe9f4;padding:4px 8px 3px 30px;font-size:12px;}
.secnav ul li ul li.active a {font-weight:bold;color:#434240;}

/* product filters */
.filter {margin:0 0 15px;}
.filter h4 {font-size:14px;font-weight:bold;}
.filter ul,
.filter ul li {display:block;float:left;width:100%;clear:both;}
.filter ul li {border-bottom:1px solid #e6e6e6;}
.filter ul li a {display:block;padding:4px 5px 3px;text-decoration:none;}
.filter ul li a span {text-decoration:underline;}
.filter ul li a em {color:#000;text-decoration:none;margin-left:5px;}
.filter ul li a:hover {background-color:#f2f2f2;}

.f-active {background:#e7f0f9;padding:6px 10px 10px;}
.f-active strong {display:block;margin:0 0 4px;}
.f-active .discard {display:block;padding:0 0 0 16px;background:url(../images/icons/arrow-t-blue-left.png) no-repeat 0 4px;}

/* product list */
.product-list {margin:0 0 20px;}
.product-list ul {width:100%;clear:both;}
.product-list ul li {float:left;display:block;width:213px;margin:0 20px 20px 0;line-height:1.3;}
.product-list ul li.left {clear:left;}
.product-list ul li.right {margin-right:0;clear:right;}
.product-list ul li .photo {display:block;overflow:hidden;width:211px;margin:0 0 5px;text-align:center;border:1px solid #d0d0d0;position:relative;text-decoration:none;}
.product-list ul li .photo:hover {border-color:#aaa;}
.product-list ul li .photo:hover .price {background:#78a957;}
.product-list ul li .photo img {display:block;margin:0 auto;}
.product-list ul li .photo .price {display:block;padding:4px 10px 3px;position:absolute;left:0;bottom:0;color:#fff;font-weight:bold;background:#8bbf6a url(../images/layout/bg-price.png) repeat-y 100% 0;}
.product-list ul li .availability {margin:0 0 6px;font-size:11px;color:#888;}
.product-list ul li h3 {font-size:12px;clear:both;margin:0 0 5px;}
.product-list ul li h3 a {text-decoration:none;font-weight:bold;}
.product-list ul li h3 a:hover {text-decoration:underline;}
.product-list ul li .cms p {margin:0;}

/* category-list */
.category-list {margin:0 0 20px;}
.category-list ul {width:100%;clear:both;}
.category-list ul li {float:left;display:block;width:162px;margin:0 10px 20px 0;line-height:1.3;}
.category-list ul li.left {clear:left;}
.category-list ul li.right {width:164px;margin-right:0;clear:right;}
.category-list ul li .photo {display:block;width:100%;height:100px;overflow:hidden;margin:0 0 10px;border-bottom:3px solid #ececec;}
.category-list ul li .photo img {display:block;}
.category-list ul li h3 {font-size:18px;}
.category-list ul li h3 a {text-decoration:underline;}
.category-list ul li h3 a:hover {text-decoration:none;}
.category-list ul li ul {}
.category-list ul li ul li {width:100%;clear:both;margin:0 0 4px;}

/* newsletter */
.newsletter {border:1px solid #d0d0d0;padding:10px;background:url(../images/layout/bg-newsletter.png) no-repeat 100% 100%;}
.newsletter h3 {font-size:18px;margin:0 0 5px;}
.newsletter input {display:block;float:left;}
.newsletter form ol li .email {border-right:0;height:20px;width:135px;background:url(../images/layout/bg-input.png) no-repeat 0 0;}
.newsletter form ol li .submit {width:60px;height:29px;padding:3px 2px 2px;color:#fff;font-weight:bold;border-right:1px solid #2b4d6e;border-bottom:1px solid #2b4d6e;background:#3f71a0 url(../images/buttons/bg-blue.png) repeat-x 0 0;}

/* social links */
.social-links {position:absolute;right:-24px;top:24px;z-index:1002;}
.social-links li {display:block;width:24px;height:24px;margin:0 0 10px;position:relative;z-index:1003;}
.social-links li a,
.social-links li span {display:block;width:100%;height:100%;text-indent:-9999px;overflow:hidden;}
.social-links li.fb a {background:url(../images/icons/fb.png) no-repeat 0 0;}
.social-links li.tw a {background:url(../images/icons/tw.png) no-repeat 0 0;}
.social-links li.em a {background:url(../images/icons/em.png) no-repeat 0 0;}
.social-links li.ch a {background:url(../images/icons/chat.png) no-repeat 0 0;}

/* search dropdown */
.social-links li.sc span {background:url(../images/icons/zoom.png) no-repeat 0 -24px;cursor:pointer;}
.social-links li.sc form {display:none;position:absolute;right:24px;top:0;z-index:1001;width:230px;padding:8px 10px 10px;background:#f1f5fb;border:1px solid #bfc4c8;border-right:0;background:url(../images/layout/bg-search.png) repeat-y 0 0;-moz-box-shadow:-1px 1px 3px #bbb;-webkit-box-shadow:-1px 1px 3px #ccc;box-shadow:-1px 1px 3px #ccc;}
.social-links li.sc form label {font-size:14px;font-weight:bold;}
.social-links li.sc-on span {background-position:0 0;}
.social-links li.sc-on form {display:block;}

/* banners */
.banner {overflow:hidden;}
.b728x90 {width:728px;height:90px;}
.b160x600 {width:160px;height:600px;}

#sidebar-left .banner {margin:0 auto 20px;}

/* arrow back */
.back-to-search {display:block;float:left;padding:7px 10px 6px 20px;margin:0 0 15px -6px;position:relative;color:#fff;line-height:1;text-decoration:none;background:url(../images/buttons/arrow-back.png) no-repeat 0 0;}
.back-to-search:hover {text-decoration:none;color:#fff;background-position:0 -25px;}
.bts-cart {margin:7px 0 0;}
.bts-profile {margin:0 0 15px;}
.bts-editaddress {margin:0;}

#product-photos {width:450px;margin:0 17px 16px 0;float:left;}
#product-photos .photo {width:428px;height:310px;text-align:center;overflow:hidden;float:left;margin:0 0 8px;border:1px solid #d3d3d3;}
#product-photos .photo a {display:table-cell;margin:0 auto;width:428px;height:310px;vertical-align:middle;}
#product-photos .photo a img {display:inline;margin: auto}
#product-photos ul {float:left;width:100%;}
#product-photos ul li {display:block;float:left;margin:0 11px 9px 0;height:45px;padding:0 0 3px;}
#product-photos ul li a {display:block;float:left;width:50px;height:40px;overflow:hidden;border:1px solid #d3d3d3;cursor:pointer;}
#product-photos ul li a img {display:block;}

#product-specs {width:460px;float:left;padding:10px 0 0;}
#product-specs h2 {padding:0 0 10px;margin:0 0 15px;font-size:23px;line-height:1.4;font-weight:normal;color:#525252;border-bottom:3px solid #dbdbdb;}
#product-specs dl {width:270px;float:left;line-height:1;}
#product-specs dl dt,
#product-specs dl dd {display:block;float:left;margin:0 0 12px;}
#product-specs dl dt {width:90px;color:#949494;}
#product-specs dl dd {width:180px;color:#424242;font-weight:bold;}
#product-specs dl dt.price {padding-top:17px;}
#product-specs dl dd.price {font-size:33px;font-weight:normal;color:#424242;}
#product-specs dl dd.price-old {text-decoration:line-through;}

#product-specs .options {float:right;width:190px;margin:0 0 15px;}
#product-specs .options li {width:100%;margin:0 0 5px;}
#product-specs .options li,
#product-specs .options li a,
#product-specs .options li a span {display:block;}
#product-specs .options li a {text-decoration:none;}
#product-specs .options .del a,
#product-specs .options .pay a,
#product-specs .options .mod a {padding:5px 5px 4px 48px;}
#product-specs .options .del a {border-bottom:1px solid #cecece;background:url(../images/icons/truck.png) no-repeat 17px 4px;}
#product-specs .options .pay a {border-bottom:2px solid #cecece;background:url(../images/icons/wallet.png) no-repeat 17px 4px;}
#product-specs .options .mod a {background:url(../images/icons/customize.png) no-repeat 17px 4px;}
#product-specs .options .add {margin:10px 0 12px;}
#product-specs .options .add a {width:132px;height:12px;padding:11px 10px 13px 48px;font-size:14px;line-height:1;font-weight:bold;text-decoration:none;color:#fff;background:url(../images/buttons/add-to-cart.png) no-repeat 0 0;}
#product-specs .options .add a:hover {text-decoration:underline;}

#product-specs .more-less {border-top:1px solid #dbdbdb;padding:15px 0;clear:both;margin:0 0 15px;}
#product-specs .more-less .officiallink {display:block;color:#8e8e8e;font-size:11px;margin:0 0 8px;}
#product-specs .more-less .officiallink a {color:#4b8cc4;text-decoration:none;}
#product-specs .more-less .officiallink a:hover {text-decoration:underline;}
#product-specs .more-less #adjust {display:block;border:1px solid #d5d5d5;height:10px;margin-top:-6px;cursor:pointer;background:url(../images/layout/grad-gray.png) repeat-x 0 0;}
#product-specs .more-less #adjust span {display:block;text-indent:-9999px;width:100%;height:100%;background:url(../images/icons/arrow-blue-dropdown.png) no-repeat 50% 50%;}
#product-specs .more-less #adjust:hover,
#product-specs .more-less #adjust.open {background:url(../images/layout/grad-gray.png) repeat-x 0 -12px;}
#product-specs .more-less #adjust.open span {background:url(../images/icons/arrow-blue-dropdown2.png) no-repeat 50% 50%;}

#tech-specs {border-bottom:1px solid #dbdbdb;line-height:1.25;}
#tech-specs thead th {background:#a0a0a0;color:#fff;font-size:16px;font-weight:normal;padding:5px 10px;}
#tech-specs tbody td {border-bottom:1px solid #dbdbdb;vertical-align:top;padding:8px 10px 5px;width:50%;}

/* product navigation */
.filters {display:inline-block;width:100%;padding:10px 0 8px;margin:0 0 10px;line-height:1;}

.filters .paging {display:block;float:left;font-size:11px;}
.filters .paging li {display:block;float:left;margin:0 5px 0 0;}
.filters .paging li a {display:block;text-decoration:none;border:1px solid #4c8cc9;padding:4px 6px 3px;}
.filters .paging li a:hover {border-color:#000;}
.filters .paging li.active a {background:#4c8cc9;color:#fff;font-weight:bold;}
.filters .paging li.active a:hover {background:#4c8cc9;color:#fff;font-weight:bold;border-color:#4c8cc9;}
.filters .paging li.fw a {padding-right:23px;background:url(../images/icons/arrow-t-blue-right.png) no-repeat 89% 4px;}
.filters .paging li.bk a {padding-left:23px;background:url(../images/icons/arrow-t-blue-left.png) no-repeat 6px 4px;}

.filters .sort {float:right;width:255px;z-index:500;}
.filters .sort label {margin:4px 5px 0 0;display:block;float:left;}
.filters .sort div {position:relative;float:right;width:180px;height:23px;text-align:right;z-index:501;}
.filters .sort dl {border-top:1px solid #d0d0d0;position:absolute;left:0;top:-2px;width:100%;height:100%;font-size:11px;line-height:1;z-index:502;}
.filters .sort dl dd {display:none;width:100%;}
.filters .sort dl dd a {display:block;padding:5px 8px 4px;width:162px;background:#eee;border:1px solid #d0d0d0;border-top:0;text-decoration:none;}
.filters .sort dl dd a:hover {background:#4986bf;color:#fff;}
.filters .sort dl dd.active {position:absolute;left:0;top:0;display:block;}
.filters .sort dl dd.active a,
.filters .sort dl:hover dd.active a,
.filters .sort dl:hover dd.active a:hover {padding-right:23px;width:auto;color:#000;background:#fff url(../images/icons/arrow-blue-dropdown.png) no-repeat 96% 50%;}
.filters .sort dl dd.active a:hover {background-color:#fff;}
.filters .sort dl:hover {padding:21px 0 0;}
.filters .sort dl:hover dd {display:block;}


/*	CART
------------------------------------------------------------ */
.cart {width:100%;clear:both;padding:15px 0;margin:0 0 20px;border-top:2px solid #dbdbdb;border-bottom:2px solid #dbdbdb;}
.col {width:450px;float:left;margin:0 28px 0 0;}
.col-right {float:right;margin-right:0;}

#checkout-nav {font-size:11px;width:100%;clear:both;margin:0 0 5px;}
#checkout-nav ol {float:right;}
#checkout-nav ol li {float:left;position:relative;margin:0 0 0 10px;padding:0 10px 0 0;color:#888;border-right:1px solid #7b7b7b;}
#checkout-nav ol li a {color:#888;text-decoration:none;}
#checkout-nav ol li.active,
#checkout-nav ol li.active a {font-weight:bold;color:#4A8BCB;}
#checkout-nav ol li.p4 {border:0;}

.button-next {display:block;float:right;color:#fff;font-weight:bold;text-decoration:none;padding:0 0 0 15px;margin:0 0 10px;background:url(../images/buttons/cart-continue.png) no-repeat 0 0;}
.button-next span {display:block;float:left;padding:9px 48px 9px 0;background:url(../images/buttons/cart-continue.png) no-repeat 100% 0;}
.button-next:hover {text-decoration:underline;}

.cartform .button-wrap {float:right;color:#fff;font-weight:bold;text-decoration:none;line-height:1;padding:0 0 0 10px;height:36px;margin:0 0 10px;background:url(../images/buttons/cart-continue.png) no-repeat 0 0;}
.cartform .button-wrap input {display:block;border:0;float:left;color:#fff;font-weight:bold;font-size:14px;padding:10px 48px 12px 7px;height:36px;background:url(../images/buttons/cart-continue.png) no-repeat 100% 0;}
.cartform .button-wrap input:hover {text-decoration:underline;}

.continue-shopping {margin:-30px 0 10px;}

/* step #1 */
.cart .products {float:left;width:100%;margin:-10px 0 15px;}
.cart .products ul {float:left;width:100%;clear:both;}
.cart .products ul li {float:left;width:100%;padding:10px 0;border-bottom:2px solid #dbdbdb;}
.cart .products ul li .photo {width:50px;float:left;overflow:hidden;margin:0 20px 0 0;}
.cart .products ul li .photo img {display:block;}
.cart .products ul li .desc,
.cart .products ul li .quantity {float:left;margin:0 30px 0 0;}
.cart .products ul li .desc {width:548px;}
.cart .products ul li .desc h3 {margin:0 0 5px;font-size:18px;font-weight:bold;}
.cart .products ul li .desc dl {display:block;width:250px;}
.cart .products ul li .desc dl dt,
.cart .products ul li .desc dl dd {display:block;float:left;}
.cart .products ul li .desc dl dt {width:100px;color:#8d8d8d;}
.cart .products ul li .desc dl dd {width:150px;color:#424242;font-weight:bold;}
.cart .products ul li .quantity {width:140px;padding:19px 0 0;}
.cart .products ul li .quantity label {padding:6px 8px 0 0;display:block;float:left;}
.cart .products ul li .quantity input {width:33px;height:17px;font-size:14px;text-align:right;float:left;margin:0 3px 0 0;border-left-color:#000;border-top-color:#000;}
.cart .products ul li .quantity ul {width:14px;display:block;float:left;clear:none;}
.cart .products ul li .quantity ul li {width:11px;height:11px;display:block;margin:0 0 3px;padding:0;border:0;}
.cart .products ul li .quantity ul li a {width:11px;height:11px;display:block;text-indent:-9999px;overflow:hidden;border:0;background:url(../images/icons/qty-plusminus.png) no-repeat 0 0;}
.cart .products ul li .quantity ul li.add a {background-position:0 -23px;}
.cart .products ul li .quantity ul li.del a {background-position:0 -35px;}
.cart .products ul li .quantity ul li.add a:hover {background-position:0 0;}
.cart .products ul li .quantity ul li.del a:hover {background-position:0 -12px;}
.cart .products ul li .quantity .remove {display:block;float:left;margin:5px 0 0;padding:0 0 0 17px;text-decoration:none;color:#888;font-size:11px;background:url(../images/icons/remove.png) no-repeat 0 1px;}
.cart .products ul li .quantity .remove:hover {background-position:0 -32px;text-decoration:underline;color:#f00;}
.cart .products ul li .price {float:left;text-align:right;width:110px;color:#515151;}
.cart .products ul li .price label {display:block;}
.cart .products ul li .price strong {font-size:18px;font-weight:normal;}

.cart .summary {float:left;width:100%;margin:0 0 10px;}
.cart .summary .promocodeform {float:left;width:450px;margin:8px 0 0;}
.cart .summary .promocodeform label {display:block;float:left;color:#515151;font-size:16px;margin:0 10px 0 0;}
.cart .summary .promocodeform input {display:block;float:left;}
.cart .summary .promocodeform .submit {height:24px;padding:2px 8px 3px 23px;color:#fff;font-weight:bold;border:0;overflow:visible;background:#8ac06c url(../images/icons/arrow-green-right.png) no-repeat 5px 50%;}
.cart .summary .promocodeform .activecode	{width:100%;clear:both;float:left;margin:5px 0 0;}
.cart .summary .promocodeform .activecode	span {display:block;float:left;width:120px;}
.cart .summary .sum {float:right;text-align:right;}
.cart .summary .sum label {margin:0 10px 0 0;}
.cart .summary .sum strong {font-size:24px;}

/* upsell */
.product-upsell-services {width:100%;clear:both;}
.product-upsell-services h3 {color:#fff;background:#a0a0a0;font-weight:normal;font-size:16px;padding:5px 10px;}
.product-upsell-services .upsell-services {margin:0;width:100%;}

.upsell-services {width:100%;clear:both;margin:0;z-index:30;}
.upsell-services .right {margin-right:0 !important;}
.upsell-services .servicewrap {width:174px;position:relative;float:left;margin:0 14px 20px 0;z-index:50;}
.upsell-services .service {float:left;padding:10px;width:154px;position:absolute;z-index:50;background:#f3f3f3 url(../images/icons/zoom-upsell-1.png) no-repeat 100% 0;}
.upsell-services .service h4 {float:left;width:120px;font-size:12px;color:#588fc8;line-height:1.2;margin:0;}
.upsell-services .service .photo {display:block;float:right;width:25px;height:25px;overflow:hidden;}
.upsell-services .service .photo img {display:block;}
.upsell-services .service .description {display:none;}
.upsell-services .service .description .cms {padding:10px 0;width:100%;clear:both;}
.upsell-services .service .description .cms p {margin:0;}
.upsell-services .service .description .price {display:block;clear:both;}
/* hover single */
.upsell-services .active  {z-index:100 !important;}
.upsell-services .active .service {height:auto !important;background:#e6e6e6 url(../images/icons/zoom-upsell-2.png) no-repeat 100% 0;-moz-box-shadow:0 0 10px #888;-webkit-box-shadow:0 0 10px #888;box-shadow:0 0 10px #888;}
.upsell-services .active .service h4 {color:#588fc8;}
.upsell-services .active .service .description {display:block;}
/* hover group - disable all */
.upsell-services-hover .service h4 {color:#c7d9ea;}

.product-upsell-products {margin:0 0 15px;}
.product-upsell-products h3 {color:#fff;background:#a0a0a0;font-weight:normal;font-size:16px;padding:5px 10px;}
.product-upsell-products .upsell-products li {float:left;display:block;width:175px;margin:0 13px 10px 0;line-height:1.3;}
.product-upsell-products .upsell-products li.left {clear:left;}
.product-upsell-products .upsell-products li.right {clear:right;margin-right:0;}
.product-upsell-products .upsell-products li .photo {display:block;overflow:hidden;width:173px;height:125px;margin:0 0 5px;text-align:center;border:1px solid #D0D0D0;position:relative;text-decoration:none;}
.product-upsell-products .upsell-products li .photo img {display:block;margin:0 auto;}
.product-upsell-products .upsell-products li .photo .price {position:absolute;left:0;bottom:0;display:block;padding:4px 10px 3px;background:#8bbf6a;color:#fff;font-weight:bold;}
.product-upsell-products .upsell-products li h4 {font-size:12px;clear:both;margin:0 0 5px;}
.product-upsell-products .upsell-products li h4 a {text-decoration:none;}
.product-upsell-products .upsell-products li h4 a:hover {text-decoration:underline;}
.product-upsell-products .upsell-products li .cms p {margin:0;}

.cart .upsell-services {margin:10px 0 0 70px;width:858px;}
.cart .products .upsell-services li {display:block;float:left;position:relative;width:25px;height:25px;margin:0 8px 0 0;padding:0;border:0;}
.cart .upsell-services li img {display:block;}
.cart .upsell-services li:hover .desc-wrap {display:block;}
.cart .products li .upsell-services li.title {width:auto;height:auto;font-size:11px;margin:8px 12px 0 0;}
.cart .upsell-services li .desc-wrap {display:none;position:absolute;left:-7px;bottom:20px;width:422px;padding:0 0 20px;z-index:200;background:url(../images/layout/bubble1-bot.png) no-repeat 0 100%;}
.cart .products li .upsell-services li .desc-wrap .desc {padding:10px;width:402px;margin:0;background:url(../images/layout/bubble1-top.png) no-repeat 0 0;}
.cart .upsell-services li .desc-wrap .desc h4 {display:block;font-size:12px;padding:4px 10px 2px;margin:-10px -10px 5px;background-color:#dd973b;color:#fff;}
.cart .upsell-services li .desc-wrap .desc h4 span {font-weight:normal;}
.cart .upsell-services li .desc-wrap .desc .cms {font-size:11px;}
.cart .upsell-services li .desc-wrap .desc .cms p {margin:0;}
.cart .upsell-services li .desc-wrap .desc .add {display:block;float:left;padding:0 0 0 10px;margin:0 10px 0 0;line-height:1;font-size:11px;font-weight:bold;text-decoration:none;color:#fff;background:url(../images/buttons/add-upgrade.png) no-repeat 0 -23px;}
.cart .upsell-services li .desc-wrap .desc .add span {display:block;float:left;padding:6px 10px 6px 0;background:url(../images/buttons/add-upgrade.png) no-repeat 100% -23px;}
.cart .upsell-services li .desc-wrap .desc .add:hover {background-position:0 0;}
.cart .upsell-services li .desc-wrap .desc .add:hover span {background-position:100% 0;}
.cart .upsell-services li .desc-wrap .desc .price {display:block;text-align:left;width:auto;margin:3px 0 0;}

.cart .products .upsell-services-selected {margin:10px 0 0 70px;width:858px;}
.cart .upsell-services-selected li {border-bottom-width:1px;}
.cart .products .upsell-services-selected li.title {border-bottom-width:1px;font-size:11px;padding:0;}
.cart .upsell-services-selected li.title span {background:#dbdbdb;display:block;float:left;padding:3px 7px 1px;}
.cart .upsell-services-selected li .desc h4 {font-size:12px;}
.cart .upsell-services-selected li .remove {display:block;float:left;width:140px;}
.cart .upsell-services-selected li .remove a {display:block;float:left;padding:0 0 0 17px;text-decoration:none;color:#888;font-size:11px;background:url(../images/icons/remove.png) no-repeat 0 1px;}
.cart .upsell-services-selected li .remove a:hover {background-position:0 -32px;text-decoration:underline;color:#f00;}
.cart .upsell-services-selected li .price {width:140px;}

/* step #2 */
.cart h3 {font-weight:normal;font-size:18px;margin:0 0 6px;}

.cart .payment {border-bottom:1px solid #dbdbdb;margin:0 0 20px;}
.cart .payment ul {width:100%;clear:both;}
.cart .payment ul li {float:left;display:block;border-bottom:1px solid #dbdbdb;}
.cart .payment ul li label {display:block;float:left;width:430px;padding:10px;}
.cart .payment ul li label:hover {background-color:#f8f8f8;cursor:pointer;}
.cart .payment ul li input {display:block;float:left;margin:0 10px 0 0;border:0;background:none;}
.cart .payment ul li label span {display:block;/*float:left;*/padding-left:23px;}
.cart .payment ul li label strong {display:block;margin:0 0 2px;}

.cart .address-billing {width:100%;clear:both;margin:0 0 20px;padding:0 0 10px;border-bottom:2px solid #dbdbdb;}
.cart .address-billing address {display:block;margin:0 0 15px;}
.cart .address-billing .change {padding:0 0 0 16px;background:url(../images/icons/arrow-t-blue-right.png) no-repeat 0 2px;}

.cart .address-delivery {width:100%;clear:both;margin:0 0 20px;padding:0 0 10px;border-bottom:2px solid #dbdbdb;}
.cart .address-delivery address {display:block;margin:0 0 15px;}
.cart .address-delivery .change {padding:0 0 0 16px;display:block;float:left;background:url(../images/icons/arrow-t-blue-right.png) no-repeat 0 2px;}
.cart .address-delivery .modify {display:block;float:right;margin:0 10px 0 0;padding:1px 0 0 19px;background:url(../images/icons/modify.png) no-repeat 0 0;}

.cart .delivery {width:100%;clear:both;margin:0 0 20px;}
.cart .delivery ul {width:100%;clear:both;}
.cart .delivery ul li {float:left;display:block;border-bottom:1px solid #dbdbdb;}
.cart .delivery ul li label {display:block;float:left;width:430px;padding:10px;}
.cart .delivery ul li label:hover {background-color:#f8f8f8;cursor:pointer;}
.cart .delivery ul li input {display:block;float:left;margin:0 10px 0 0;border:0;background:none;}
.cart .delivery ul li label span {display:block;float:left;}
.cart .delivery ul li label span strong {display:block;margin:0 0 2px;}

.cart .comment textarea {background:#faf9e5;width:440px;}

/* step #3 */
.cart .item-summary {width:100%;clear:both;margin:0 0 20px;}
.cart .item-summary ul {width:100%;clear:both;margin:0 0 20px;}
.cart .item-summary ul li {float:left;width:100%;padding:5px 0;border-bottom:1px solid #dbdbdb;}
.cart .item-summary ul li .num {display:block;float:left;width:30px;font-weight:bold;}
.cart .item-summary ul li .photo {width:50px;float:left;overflow:hidden;margin:0 20px 0 0;}
.cart .item-summary ul li .photo img {display:block;}
.cart .item-summary ul li h4 {font-size:12px;margin:0 0 2px;}
.cart .item-summary ul li dl,
.cart .item-summary ul li dl dt,
.cart .item-summary ul li dl dd {display:inline;}
.cart .item-summary ul li dl dt {padding-right:10px;margin-right:10px;border-right:1px solid #888;}

.cost-summary {width:430px;float:right;}
.cost-summary dt,
.cost-summary dd {display:block;float:left;line-height:1;text-align:right;margin:0 0 8px;}
.cost-summary dt {width:300px;color:#888;}
.cost-summary dd {width:120px;}
.cost-summary dt.final {padding-top:4px;}
.cost-summary dd.final {font-size:18px;font-weight:bold;}

/* step #4 */
.cart .thankyou .cms {margin:0 0 20px;}
.cart .thankyou .continue {font-size:18px;}

.cart .whatnow ol li {display:block;padding:10px 0;border-bottom:1px solid #dbdbdb;}
.cart .whatnow ol li.last {border:0;}
.cart .whatnow ol li strong {display:block;text-transform:uppercase;}

/* bn02 receipt */
#bn02 {width:100%;clear:both;margin:0 0 30px;display:inline-block;}
#bn02 #dataform {width:580px;height:290px;float:left;margin:0 30px 20px 0;position:relative;background:url(../images/interface/bn02.jpg) no-repeat 0 0;}
#bn02 #dataform span {display:block;position:absolute;letter-spacing:3.7px;white-space:nowrap;overflow:hidden;font:bold 12px 'Courier New','Andale Mono',Lucidatypewriter,Fixed,Courier,monospace;}
#bn02 #dataform .company {left:58px;top:35px;width:195px;}
#bn02 #dataform .address {left:58px;top:59px;width:195px;}
#bn02 #dataform .city {left:58px;top:83px;width:195px;}
#bn02 #dataform .value {left:290px;top:83px;width:140px;text-align:right;}
#bn02 #dataform .date {left:440px;top:83px;width:90px;}
#bn02 #dataform .title {left:58px;top:108px;width:410px;}
#bn02 #dataform .retailer {left:58px;top:143px;width:195px;}
#bn02 #dataform .retailer-address {left:58px;top:167px;width:195px;}
#bn02 #dataform .retailer-city {left:58px;top:191px;width:195px;}
#bn02 #dataform .retailer-account {left:312px;top:143px;width:195px;}
#bn02 #dataform .retailer-reference {left:260px;top:167px;width:270px;}
#bn02 h3 {float:left;clear:none;margin:0 0 18px;}
#bn02 dl {display:block;width:310px;float:left;}
#bn02 dl dt,
#bn02 dl dd {display:block;float:left;margin:0 0 6px;}
#bn02 dl dt {width:120px;clear:left;}
#bn02 dl dd {width:190px;font-weight:bold;}


/*	FORMS (default form style in common.css)
------------------------------------------------------------ */
.registerform {width:420px;float:left;margin:0 30px 0 0;}
.registerform ol li.radio,
.registerform ol li.check {width:210px;}
.registerform ol li.radio label,
.registerform ol li.check label {width:170px;}

.classicform ol li .company-data {padding-left:180px;width:210px;float:left;clear:both;margin:10px 0 5px;}

.loginform {margin:0 0 20px;}

.loginform .sw,
.forgotpassword .sw {color:#4a8bcb;text-decoration:underline;font-size:11px;cursor:pointer;}

/* edit, add address */
.edit-address {margin-top:20px;padding:15px 0;border-top:2px solid #DBDBDB;clear:both;}

/* change address */
.change-address ul {width:100%;clear:both;float:left;padding:0 0 10px;margin:0 0 10px;border-bottom:2px solid #dbdbdb;}
.change-address ul li {display:block;float:left;width:31%;margin:0 1%;}
.change-address ul li label {display:block;width:100%;float:left;padding:10px 0;margin:0;border-bottom:1px solid #dbdbdb;}
.change-address ul li label:hover {background-color:#f8f8f8;cursor:pointer;}
.change-address ul li label input {float:left;margin:2px 10px 0 5px;padding:0;background:none;border:0;}
.change-address ul li label span {display:block;float:left;}
.change-address ul li ul {padding:0;border:0;margin:0;font-size:11px;}
.change-address ul li ul li {width:auto;border-right:1px solid #dbdbdb;margin:0 10px 0 0;padding:3px 10px 0 0;}
.change-address .submit {margin-left:0 !important;}
.change-address .add-new-address {display:block;float:right;padding:0 0 0 20px;background:url(../images/icons/add.png) no-repeat 0 2px;}


/*	USER PROFILE
------------------------------------------------------------ */
.orderhistory {width:100%;clear:both;}
.orderhistory td,
.orderhistory th {padding:8px 10px 6px;line-height:1;border-bottom:1px solid #d8d8d8;}
.orderhistory thead td,
.orderhistory thead th {background:#d8d8d8 url(../images/layout/table-th.png) repeat-x 0 100%;border-bottom-color:#888;color:#fff;font-size:10px;text-transform:uppercase;}
.orderhistory thead td a,
.orderhistory thead a {text-decoration:underline;color:#fff;}
.orderhistory thead a.asc,
.orderhistory thead a.desc {padding:0 15px 0 0;color:#000;}
.orderhistory thead a.asc {background:url(../images/icons/table-sort-asc.png) no-repeat 100% 5px;}
.orderhistory thead a.desc {background:url(../images/icons/table-sort-desc.png) no-repeat 100% 5px;}
.orderhistory tbody tr:hover td {background-color:#f8f8f8;}
.orderhistory .orderid {width:80px;}
.orderhistory .date {width:80px;}
.orderhistory .value {width:80px;}
.orderhistory .cancel {width:120px;}
.orderhistory .more {width:80px;}
.orderhistory tbody .cancel a {color:#888;padding:0 0 0 20px;background:url(../images/icons/cancel.png) no-repeat 0 1px;}
.orderhistory tbody .stage {padding-left:20px;}
.orderhistory tbody .new {background:url(../images/icons/document.png) no-repeat 0 5px;}
.orderhistory tbody .ship {background:url(../images/icons/ok.png) no-repeat 0 6px;}
.orderhistory tbody .cancelled {background:url(../images/icons/cancel.png) no-repeat 0 6px;}


/*	FLOAT CLEARING
------------------------------------------------------------ */
.w:after,
.secnav:after,
.filter:after,
.filters:after,
.breadcrumbs:after,
.searchform:after,
.pop-secnav:after,
.product-list ul:after,
.category-list ul:after,
.cart:after,
.cart .products ul li .desc dl:after,
.cart .payment ul:after,
.cart .delivery ul:after,
.cart .address-delivery:after,
.cart .item-summary ul:after,
.cost-summary:after,
.change-address:after,
.cart .products .upsell:after,
.upsell-services:after,
.upsell-products:after,
#bn02:after,
#checkout-nav:after,
#content.wide:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
