html, body {
margin: 0;
width: 100%;
height: 100%;
}
body {
min-width: 960px;
background: url("../images/bg-body.gif") repeat-x;
font: 11px arial, tahoma, verdana, "trebuchet ms", sans-serif;
}
/*--- general ---*/
form {margin: 0;padding: 0;}
img {border: none; display: block;}
ul {margin: 0;padding: 0;list-style: none;}
.clr:after {
height: 0;
clear: both;
content: "";
display: block;
}
* html .clr {height: 1%;}
h1, h2, h3, h4, h5, h6 {
margin: 0;
font-weight: bold;
font-family: arial, tahoma, verdana, "trebuchet ms", sans-serif;
}
h1 {
color: #231f20;
font-size: 20px;
font-weight: normal;
}
h2 {
color: #4d4c4c;
font-size: 16px;
line-height: 20px;
}
h3 {
color: #231f20;
font-size: 13px;
}
h4 {font-size: 10px;}
h5 {
color: #bbbdbf;
font-size: 14px;
}
p {
margin: 0;
line-height: 16px;
}
a {
color: #008ed3;
cursor: pointer;
text-decoration: none;
}
a:hover {text-decoration: underline;}
a:active, a:focus {outline: none;}
input, select, textarea {
color: #636466;
border: 1px solid #BBBDBF;
font: 11px arial, verdana, helvetica, "trebuchet ms", sans-serif;
}
.extra-links .l-1 .but-1,
.wrap-content-2 ul li .search {
padding: 0;
border: none;
background: none;
}
.wrapper {
width: 960px;
margin: 0 auto;
position: relative;
padding: 160px 0 0 0;
}
/* header */
#header {
top: 0;
left: 0;
width: 100%;
position: absolute;
z-index:10;
}
#header strong {
top: 30px;
left: 3px;
position: absolute;
}
#header strong a {
width: 227px;
height: 50px;
display: block;
overflow: hidden;
text-indent: -12000px;
background: url("../images/logo.gif") no-repeat;
}
#header h3 {
width: 340px;
height: 80px;
margin-left:280px;
margin-top:8px;
display: block;
overflow: hidden;
text-indent: -12000px;
}
.HNav-Right
{
float:right;
top: 130px;
position: absolute;
}
.HNav-Right .flag{
right: 0;
top: 130px;
width: 20px;
height: 13px;
overflow: hidden;
position: absolute;
background: url("../images/f-1AU.gif") no-repeat;
}
/* extra-links */
.extra-links {
top: 0;
right: 0;
position: absolute;
}
.extra-links li {
float: left;
font-weight: bold;
}
.extra-links .l-1 {padding: 14px 0 0 0;}
.extra-links .l-1 div {margin: -1px 0 0 0;}
.extra-links .l-1 input {
float: left;
width: 82px;
color: #bbbdbf;
padding: 2px 4px;
background: #f9f9f9;
border: 1px solid #bbb;
font: 10px arial, tahoma, verdana, "trebuchet ms", sans-serif;
}
.extra-links .l-1 .but-1 {
width: 5px;
height: 8px;
margin: 6px 0 0 6px;
}
.extra-links .l-2 {
padding: 15px 12px 0 25px;
background: url("../images/i-2.gif") no-repeat 100% 21px;
}
.extra-links .l-3 {
padding: 15px 11px 0 14px;
background: url("../images/sep-1.gif") no-repeat 100% 0;
font-weight: bold;
color: #00CCFF;
font-size: 12px;
}
.extra-links .l-4 {
padding: 15px 12px 0 10px;
background: url("i-2.gif") no-repeat 100% 21px;
}
.extra-links .l-4 a,
.extra-links .l-5 a {color: #fff; font-weight: bold;}
.extra-links .l-5 {padding: 15px 0 0 8px;font-weight: normal;}
/* main-nav */
.main-nav {
left: 0;
top: 97px;
width: 100%;
position: absolute;
background: url("../images/d-line.gif") repeat-x;
}
.main-nav li {
float: left;
font-size: 17px;
font-weight: bold;
padding: 1px 0 0 0;
}
.main-nav li a {
color: #fff;
display: block;
padding: 0 20px;
line-height: 32px;
}
.main-nav li a:hover {background: #0070ae;text-decoration: none;}
.main-nav li .active {background: #008ed3;text-decoration: none;}
.main-nav li .active:hover {background: #008ed3;text-decoration: none;}
.main-nav li ul {
left: 0;
top: 33px;
margin: 0;
padding: 0;
width: 958px;
position: absolute;
background: #008ed3;
}
.main-nav li ul li {
float: left;
height: 100%;
z-index: 10;
color: #74d4ff;
font-size: 11px;
margin: 3px 0 0 0;
font-weight: normal;
padding: 0 0 3px 6px;
}
.main-nav li ul li:first-child {margin-left: 5px;}
.main-nav li ul li.menubreak {
padding: 0;
line-height: 22px;
margin: 2px 0 0 0;
}
.main-nav li ul li ul.dropdown {
top: 28px;
margin: 0;
width: 10em;
color: #000;
z-index: 10;
left: -20000px;
background: #ebebeb;
background-image: none;
border: solid 8px #0071bb;
padding: 13px 15px 13px 15px;
}
.main-nav li ul li ul.dropdown li {
margin: 0;
float: none;
display: block;
padding: 2px 0 0px 0px;
background-image: none;
}
.main-nav li ul li ul.dropdown li a {
margin: 0;
padding: 0;
color: #008ed3;
display: block;
font-size: 10px;
line-height: 12px;
text-decoration: none;
background-image: none;
}
.main-nav li ul li ul.dropdown li a.in-section:hover {color: #1079be;}
.main-nav li ul li ul.dropdown li a.out-section {
color: #6c6c6c;
padding-left: 14px;
background: url("../images/menu-bullet-1.gif") left 1px no-repeat;
}
.main-nav li ul li ul.dropdown li a.out-section span {color: #1079be;}
.main-nav li ul li ul.dropdown li a.out-section:hover {
color: #1079be;
background: url("../images/menu-bullet-1.gif") left 1px no-repeat;
}
.main-nav li ul li ul.dropdown li a:hover {
display: block;
font-weight: bold;
background-image: none;
text-decoration: underline;
}
.main-nav li ul li ul.hover {
left: auto;
display: block;
}
.main-nav li ul li a {
display: inline;
line-height: 22px;
padding: 0 14px 0 0;
margin: 0 5px 3px 0px;
background: transparent url("../images/i-3.gif") no-repeat 100% 6px;
}
.main-nav li ul li .more,
.main-nav li ul li .more:hover {
color: #74d4ff;
background: transparent url("../images/bg-more.gif") no-repeat 100% 4px;
}
.main-nav li ul li .prev,
.main-nav li ul li .prev:hover {
color: #74d4ff;
padding-left: 12px;
background: transparent url("../images/bg-prev.gif") no-repeat 0px 4px;
}
.main-nav li ul li a:hover {
text-decoration: underline;
background: transparent url("../images/i-3.gif") no-repeat 100% 6px;
}
.main-nav li ul li.menutitle_noarrow a {background: none;}
/* content */
#content {width: 100%;}
/* wrap-content-1 */
.wrap-content-1 {
width: 100%;
/* z-index: 5; */
position: relative;
padding: 0 0 5px 0;
}
.list-1 {
float: left;
padding: 10px 0 0 9px;
}
.list-1 li {
float: left;
font-size: 10px;
padding: 0 20px 0 0;
}
.list-1 li .welcome {
top: 8px;
color: #808183;
position: relative;
padding: 0 0 2px 13px;
background: url("../images/bg-home.gif") no-repeat 0 2px;
}
.list-1 li span a {color: #00acee;}
.list-2 {
float: right;
position: relative;
padding: 17px 2px 0 0;
}
.list-2 .active .pop-up {display: block;}
.list-2 li {
float: left;
font: bold 10px/12px verdana, arial, tahoma, "trebuchet ms", sans-serif;
}
.list-2 li a {
float: left;
line-height: 23px;
}
.list-2 li a:hover {text-decoration: none;}
.list-2 .active a {color: #fff;}
.list-2 li.ic-1 {padding: 0 8px 0 20px;background: url("../images/ic-4.gif") no-repeat 7px 8px;}
.list-2 li.ic-2 {padding: 0 8px 0 18px;background: url("../images/ic-4.gif") no-repeat 6px 8px;}
.list-2 li.ic-3 {padding: 0 8px 0 15px;background: url("../images/ic-6.gif") no-repeat 6px 8px;}
.list-2 .active .ic-1 {background: #BBBDBF url("../images/ic-5.gif") no-repeat 7px 8px;}
.list-2 li.ic-2:hover,
.list-2 li #sel-1.ic-2 {color: #000;background: #fff url("../images/ic-5b.gif") no-repeat 6px 8px;}
.list-2 li.ic-3:hover,
.list-2 li #sel-2.ic-3 {color: #000;background: #fff url("../images/ic-7b.gif") no-repeat 6px 8px;}
/* pop-up */
.pop-up {
right: 0;
top: 40px;
width: 652px;
display: none;
position: absolute;
background: #F1F1F2;
padding: 87px 0 42px 0;
border: 10px solid #BBBDBF;
border-bottom: 12px solid #BBBDBF;
}
.wrap-pop-up {
width: 620px;
position: relative;
padding: 0 12px 0 20px;
background: url("../images/bg-p1.gif") repeat-y 240px 0;
}
.wrap-pop-up img {
top: -62px;
left: 151px;
clear: both;
position: absolute;
}
.wrap-pop-up div {
float: left;
color: #636466;
font: normal 11px/15px arial, verdana, "trebuchet ms", sans-serif;
}
.wrap-pop-up div a {
padding: 0;
float: none;
line-height: normal;
}
.wrap-pop-up div a:hover {
color: #008ed3;
text-decoration: underline;
}
.wrap-pop-up div h3 {margin: -3px 0 0 0;}
.wrap-pop-up div h3,
.wrap-pop-up div h5 {
color: #636466;
font-size: 11px;
}
.wrap-pop-up div h5 {padding: 18px 0 0 0;}
.wrap-pop-up div h4 {
color: #000;
font-size: 18px;
font-weight: normal;
}
.pop-up-info-1 {
float: left;
width: 193px;
}
.pop-up-info-1 h2 {
color: #231f20;
font-size: 20px;
line-height: 22px;
padding: 0 0 26px 0;
}
.pop-up-info-1 p {
color: #000;
font-size: 12px;
line-height: 16px;
padding: 0 0 13px 0;
}
.pop-up-info-2 {
float: left;
width: 169px;
padding: 0 25px 0 40px;
}
.pop-up-info-2 p {padding: 0 0 15px 0;}
.pop-up-info-2 ul {
float: left;
width: 100%;
padding: 0 0 14px 0;
}
.pop-up-info-2 ul li {font: normal 11px/15px arial, verdana, tahoma, "trebuchet ms", sans-serif;}
.pop-up-info-2 ul li input {
float: left;
border: none;
margin-left: -2px;
}
* html .pop-up-info-2 ul li input {margin: 0 0 -3px -5px;}
.pop-up-info-2 ul li label {
float: left;
margin: 1px 0 0 0;
}
.pop-up-info-2 div input {
float: left;
width: 122px;
padding: 0 4px;
}
.pop-up-info-2 div .inp-1 {width: 72px;}
.pop-up-info-2 div .inp-2 {
width: 22px;
float: right;
text-align: center;
}
.pop-up-info-2 div span {float: left;margin: 0 0 0 6px;}
.pop-up-info-2 div {
width: 132px;
overflow: hidden;
padding: 0 0 4px 0;
}
.pop-up-info-2 div .call {
padding: 0;
border: none;
width: 69px;
height: 20px;
margin: 3px 0 0 0;
}
.pop-up-info-3 {
float: left;
width: 193px;
}
.pop-up-info-3 h4 {padding: 12px 0 0 0;}
.pop-up-info-3 p {padding: 2px 0 12px 0;}
.pop-up-info-3 p a {color: #0071bb !important;font-weight: bold;}
/* wrap-content-2 */
.wrap-content-2 {
width: 100%;
padding: 12px 0;
background: #e6ecf4 url("../images/d-line-2.gif") repeat-x 0 100%;
}
.wrap-content-2 ul {
float: left;
padding: 0 0 0 13px;
}
.wrap-content-2 ul li {
float: left;
}
.wrap-content-2 ul li input {
width: 236px;
color: #808183;
padding: 2px 4px;
background: #fefefe;
border: 1px solid #bbb;
font: 12px arial, verdana, tahoma, "trebuchet ms", sans-serif;
}
.wrap-content-2 ul li select {
width: 91px;
color: #636466;
background: #f9f9f9;
margin: 1px 0 0 18px;
border: 1px solid #bbb;
}
.wrap-content-2 ul li select option.cat {font-weight: bold;}
.wrap-content-2 ul li .search {
width: 59px;
height: 13px;
margin: 3px 12px 0 12px;
}
.wrap-content-2 ul li a {
display: block;
margin: 3px 0 0 0;
}
.wrap-content-2 p {
float: right;
color: #606162;
font-size: 10px;
font-weight: normal;
padding: 3px 12px 0 0;
}
/* wrap-content-3 */
.wrap-content-3
{
width: 100%;
}
.wrap-content-12 {
width: 100%;
background: url("../images/bg-wrap-content-3.gif") repeat-y;
}
.wrap-content-12 {background: url("../images/bg-wrap-content-3b.gif") repeat-y 788px 0;}
.mt-5 {margin-top: 10px;}
/* primary-content */
.primary-content {
float: left;
width: 789px;
}
.mt-2 {margin-top: 12px !important;}
.hold-1 {
width: 779px;
border-bottom: 1px solid #dddedf;
}
.hold-1 h2 {
float: left;
padding: 25px 0 0 10px;
}
.hold-1 ul {
float: right;
margin: 0 -5px 0 0;
padding: 26px 0 0 0;
}
.hold-1 ul li {
float: left;
color: #808183;
font-size: 10px;
padding: 3px 7px 3px 0;
}
.hold-1 ul .lr-1 {
padding: 3px 12px 3px 0;
background: url("../images/sep-2.gif") no-repeat 100% 0;
}
.hold-1 ul .lr-2 {padding: 3px 8px 3px 15px;}
.hold-1 ul .lr-6 {
margin: 0 0 0 4px;
padding: 3px 7px 3px 12px;
background: url("../images/sep-2.gif") no-repeat;
}
/* breadcrumbs */
.breadcrumbs {
padding: 4px 0 0 0;
}
.breadcrumbs ul {padding: 0 0 0 8px;}
.breadcrumbs ul li {
color: #525151;
display: inline;
padding: 0 0 0 1px;
}
.breadcrumbs ul li span {color: #9c9ea0;}
.breadcrumbs ul li a {margin: 0 5px 0 0;}
.main-info,
.main-info-3 {
width: 789px;
padding: 0 0 0 0;
}
.main-info-3 {padding: 0;}
.DimensionStateGroups .DimensionStateGroup .DimensionGroupName
{
width:115px;
}
.DimensionStateGroups .DimensionStateGroup .DimensionStates
{
margin-top:-10px
}
/* secondary-info */
.secondary-info {
float: left;
width: 157px;
padding: 0 6px 0 0;
}
.secondary-info .secondary-info{
padding: 0 0 0 0;
}
.wrap-text-1 {
width: 149px;
background: #e3e3e3;
padding: 11px 4px 6px 4px;
}
.your-search {width: 149px;}
.your-search div {
width: 149px;
background: #eff5fc url("../images/bg-grad-1.gif") repeat-x;
}
.your-search h3 {padding: 0 5px 4px 5px;}
.your-search h4 {padding: 9px 0 2px 11px;}
.your-search ul {padding: 0 4px 18px 11px;}
.your-search ul li {
font-size: 10px;
line-height: 15px;
}
.your-search ul li .lk-1 {color: #9c9ea0;}
.refine {
width: 149px;
padding: 18px 0 0 0;
}
.refine h3 {
color: #231f20;
font-size: 11px;
font-weight: bold;
padding: 0 0 4px 5px;
background: url("../images/corner.gif") no-repeat 100% 100%;
}
.refine div {
width: 133px;
background: #fff;
padding: 0 5px 12px 11px;
}
.refine div h4 {padding: 16px 0 2px 0;}
.refine div ul li {
color: #808183;
font-size: 10px;
line-height: 15px;
}
.refine div ul li .lk-1 {color: #808183;}
.ad-space {
width: 157px;
padding: 10px 0 20px 0;
}
/* primary-info */
.primary-info {
float: left;
width: 616px;
}
.results {
width: 616px;
background: #e3e3e3;
padding: 7px 0 3px 0;
}
.mt-1 {margin-top: 9px;}
.results h3 {
float: left;
color: #585858;
font-size: 11px;
font-weight: normal;
padding: 0 0 0 13px;
}
.results h3 span {color: #323232;}
.results div {
float: right;
width: 200px;
}
.results div p {
float: right;
color: #808183;
padding: 0 5px 0 0;
}
.results div p a {
color: #808183;
display: block;
padding: 0 24px 3px 0;
background: url("../images/bg-sort.gif") no-repeat 100% 2px;
}
.results div ul {float: left;}
.results div ul li {float: left;}
.results div ul li a {
float: left;
color: #0054a5;
padding: 0 3px 0 3px;
border: 1px solid #e3e3e3;
}
.results div ul li a:hover,
.results div ul li .active {
background: #fff;
font-weight: bold;
text-decoration: none;
border: 1px solid #bbbdbf;
}
.wrap-product {
width: 616px;
padding: 10px 0 0 1px;
}
.product-details,
.product-info {
float: left;
width: 178px;
display: inline;
margin: 0 6px 0 0;
min-height: 264px;
border: 1px solid #e3e3e3;
padding: 10px 9px 13px 10px;
}
.storefront-details {
float: left;
width: 178px;
display: inline;
margin: 0 6px 0 0;
min-height: 164px;
padding: 3px 9px 0px 10px;
}
.storefront-images {
width: 100%;
height: 103px;
padding: 0px;
text-align: center;
}
.storefront-images img
{
margin-left:auto;
margin-right:auto;
}
.product-info {min-height: 280px;}
* html .product-details {height: 264px;}
* html .product-info {height: 280px;}
.product-details:hover {
border: 1px solid #b3b3b3;
background: #e0ecf9 url("../images/bg-product.gif") repeat-x;
}
/* product-info */
.product-info {
border: none;
padding: 10px 10px 13px 11px;
background: #fafafa url("../images/bg-grad-2.gif") repeat-x;
}
/* compare */
.compare {
width: 100%;
overflow: hidden;
}
.compare p {float: left;}
.compare p input {
left: -3px;
float: left;
position: relative;
}
* html .compare p input {top: -1px;}
html:first-child .compare p input {left: 0;}
html:first-child .compare p label {padding: 0 0 0 4px;}
.compare p label {
float: left;
color: #808183;
font: 10px/16px verdana, arial, tahoma, "trebuchet ms", sans-serif;
}
.compare ul {float: right;}
.compare ul li {float: left;padding: 2px 0 0 7px;}
.image {
width: 100%;
padding: 8px 0 0 0;
border-bottom: 1px solid #cccecf;
}
/* description */
.description {
width: 100%;
padding: 10px 0 0 0;
}
.description h3 {
font-size: 12px;
font-weight: bold;
}
.description h3 a {color: #0066b2;}
.description h3 .active {text-decoration: underline;}
.description p {
color: #747474;
font-size: 10px;
line-height: 13px;
}
/* rating */
.rating {
width: 100%;
overflow: hidden;
padding: 12px 0 0 0;
}
.rating li {
float: left;
color: #9c9ea0;
font-size: 9px;
padding: 0 1px 0 0;
height: auto;
width:auto;
}
.rating li span {margin: 0 0 0 6px;}
/* back-order */
.back-order,
.add-to {
width: 100%;
overflow: hidden;
padding: 10px 0 0 0;
}
.back-order strong {
float: left;
color: #76ae2e;
font-size: 12px;
}
.back-order strong span {
color: #767677;
font-size: 9px;
font-weight: normal;
text-decoration: line-through;
}
.back-order-stock {
float: right;
color: #ac1f1f;
font-weight: bold;
}
.add-to li {float: left;}
.add-to li label {
color: #636465;
display: block;
padding: 1px 3px 0 0;
}
.add-to li input {
color: #000;
width: 20px;
padding: 0 2px;
border: 1px solid #bbb;
}
.add-to li a {
top: 2px;
color: #00acee;
font-weight: bold;
margin: 0 0 0 7px;
position: relative;
}
/* top-sellers */
.top-sellers {padding: 0 0 0 10px;}
.top-sellers h3 {
color: #474748;
font-size: 12px;
font-weight: bold;
padding: 10px 0 9px 0;
}
.top-sellers p {
color: #6a6a6b;
font-size: 10px;
line-height: 14px;
}
.top-sellers ul {padding: 14px 0;}
.top-sellers ul li {
color: #808183;
font-size: 10px;
line-height: 14px;
}
.top-sellers ul li span {margin: 0 9px 0 0;}
/* secondary-content */
.secondary-content{
float: right;
width: 160px;
padding: 0px 0px 0px 7px;
border-left: solid 1px #CCC;
}
.secondary-content-5 {
float: right;
width: 161px;
padding: 9px 0 0 9px;
background: #f8f8f8 url("../images/bg-sec-content.gif") repeat-x;
}
.secondary-content-5 {
background: none;
margin: -9px 0 0 0;
}
.wrap-sec-content-1 {
width: 153px;
background: #e3e3e3;
padding: 0px 0 5px 4px;
}
/* your-cart */
.your-cart {
width: 150px;
padding: 0 0 2px 0;
}
.your-cart h3 {
float: left;
font-size: 12px;
padding: 3px 0 0 5px;
}
.your-cart img {float: right;}
/* items */
.items {
width: 126px;
background: #fff;
padding: 6px 11px 6px 11px;
}
.items span {
float: left;
color: #3f3f3f;
font-weight: bold;
}
.items strong {
float: right;
color: #8bc53f;
}
.items-cart {
width: 128px;
background: #fff;
margin: 4px 0 0 0;
padding: 8px 9px 0 11px;
}
.items-cart h3 {
font-size: 11px;
padding: 0 0 14px 0;
}
.items-cart ul {padding: 10px 0 5px 0;}
.items-cart ul li {
color: #666565;
font-size: 10px;
padding: 8px 0 5px 0;
}
.items-cart ul .ft-1 {
padding: 0 0 11px 0;
border-bottom: 1px solid #cccecf;
}
.items-cart ul li h4 {
color: #808183;
font-size: 10px;
padding: 0 0 2px 0;
}
.items-cart ul li h4 a {color: #808183;}
.items-cart ul li h5 {
color: #000;
font-size: 10px;
padding: 0 0 3px 0;
}
.items-cart ul li p span {color: #000;}
.items-cart ul li div {
width: 100%;
overflow: hidden;
padding: 0 0 1px 0;
}
.items-cart ul li label {
float: left;
padding: 0 5px 0 0;
}
.items-cart ul li input {
color: #000;
width: 12px;
padding: 0 2px;
text-align: right;
border: 1px solid #b5b6b8;
font: 9px arial, tahoma, verdana, "trebuchet ms", sans-serif;
}
.items-cart ul .ft-2 {
margin: 3px 0 0 0;
padding: 4px 0 0 0;
border-top: 1px solid #cccecf;
}
.items-cart ul .ft-2 div,
/* manage-cart */
.manage-cart {
width: 100%;
overflow: hidden;
}
.items-cart ul .ft-2 div input {
padding: 0;
width: 81px;
float: right;
height: 20px;
border: none;
}
.manage-cart a {float: left;margin: 13px 0 0 8px;}
.manage-cart input {
float: right;
margin: 8px 3px 0 0;
}
/* need-help */
.need-help {
width: 150px;
padding: 29px 0 0 11px;
}
.need-help h3 {
color: #707071;
font-size: 14px;
padding: 0 0 10px 0;
}
.need-help h5 {
color: #636466;
font-size: 10px;
padding: 0 0 0 0;
}
.need-help ul {padding: 0 0 14px 0;}
.need-help ul li {
font-size: 10px;
line-height: 14px;
}
/* video */
.video {
width: 154px;
padding: 8px 0 0 3px;
}
.video div {
width: 154px;
height: 101px;
overflow: hidden;
}
.video h5 {
color: #000;
font-size: 10px;
padding: 5px 0 0 0;
}
.video p {
color: #636466;
font-size: 10px;
line-height: 12px;
padding: 0 0 12px 0;
}
.wrap-footer
{
clear: both;
width: 100%;
margin: 2px 0 0 0;
padding: 2px 0 0 0;
background: #212121 url("../images/bg-footer.gif") repeat-x;
}
/* footer */
#footer {
width: 960px;
margin: 0 auto;
}
#footer h3 {
width: 340px;
height: 80px;
margin-left:30px;
margin-top:60px;
display: block;
overflow: hidden;
text-indent: -12000px;
}
.footer-info-1 {
width: 936px;
padding: 3px 0 10px 24px;
color: #bbbdbf;
}
.footer-info-1 a {
color: white;
line-height:16px;
}
.footer-info-1 div {float: left;}
.footer-info-1 .info-1 {
width: 200px;
padding: 0 26px 0 0;
}
.footer-info-1 .info-2 {
width: 200px;
padding: 0 20px 0 12px;
border-left: 1px solid #3b3b3c;
}
.footer-info-1 .info-3 {
width: 200px;
padding: 0 22px 0 12px;
border-left: 1px solid #3b3b3c;
}
.footer-info-1 .info-4 {
width: 200px;
padding: 0 0 0 12px;
border-left: 1px solid #3b3b3c;
}
.footer-info-1 div h5 {padding: 0 0 13px 0;}
.footer-info-1 div p {
line-height: 16px;
padding: 0 0 16px 0;
}
.footer-info-1 div .p-links {padding: 0;}
.footer-info-1 div .p-links a {color: #fff;}
.footer-info-1 div ul {padding: 0 0 0 0;}
.footer-info-1 div ul li {
color: #a9a8a8;
line-height: 16px;
}
.footer-info-1 div ul li a {color: #fff;}
.footer-info-2 {
width: 100%;
color: #a9a8a8;
font-size: 9px;
padding: 0 0 20px 0;
}
.footer-info-2 div {overflow: hidden;padding-left: 12px}
.footer-info-2 img {margin: 0 0 13px 0;}
.footer-info-2 p {line-height: 12px; padding-left: 12px}
.footer-info-2 ul li {
display: inline;
line-height: 12px;
padding: 0 0 0 2px;
}
.footer-info-2 ul li a {
color: #a9a8a8;
margin: 0 5px 0 2px;
}
/* page-2 */
.refine-2,
.refine-3 {width: 149px;}
.refine-2 h2,
.refine-3 h2 {
color: #231f20;
font-size: 13px;
padding: 4px 3px 3px 3px;
}
.refine-2 h3,
.refine-3 h3 {
color: #231f20;
font-size: 11px;
padding: 11px 0 4px 5px;
}
.refine-2 div,
.refine-3 div {
width: 133px;
background: #fff;
padding: 0 5px 12px 11px;
}
.refine-2 div p,
.refine-3 div p {
color: #636466;
font-size: 10px;
line-height: 13px;
padding: 9px 0 0 0;
}
.refine-2 div h4,
.refine-3 div h4 {
line-height: 14px;
padding: 16px 0 2px 0;
}
.refine-2 div ul li,
.refine-3 div ul li {
color: #808183;
font-size: 10px;
line-height: 15px;
}
.refine-2 .wrap-sec-content-1 ul li div{
padding: 0 0 0 0;
}
.flash {
width: 616px;
overflow: hidden;
}
.wrap-product-2 {
width: 616px;
padding: 16px 0 31px 0;
border-bottom: 1px solid #BBBDBF;
}
.wrap-product-2 div {
float: left;
width: 180px;
display: inline;
margin: 0 0 0 14px;
padding: 9px 0 0 0;
border-top: 1px solid #D9DADB;
}
.wrap-product-2 .last {margin: 0 0 0 30px;}
.wrap-product-2 div h3 {
color: #0054a5;
padding: 0 0 5px 0;
}
.wrap-product-2 div p {
color: #808183;
line-height: 15px;
}
.wrap-product-2 div ul {padding: 15px 0 14px 0;}
.wrap-product-2 div ul li {color: #008ed3;}
.title-products {
width: 616px;
padding: 2px 0 12px 0;
}
.title-products h2 {
color: #231f20;
font-size: 13px;
padding: 0 0 0 5px;
}
.pt-1 {padding: 1px 9px 13px 10px !important;}
.wrap-sec-content-2,
.wrap-sec-content-3 {
width: 153px;
background: #e3e3e3;
padding: 9px 0 5px 4px;
}
.wrap-sec-content-3 {background: none;}
.wrap-sec-content-2 h2,
.wrap-sec-content-2 h3,
.wrap-sec-content-3 h2,
.wrap-sec-content-3 h3 {
color: #231f20;
font-size: 14px;
line-height: 17px;
font-weight: bold;
}
.wrap-sec-content-2 p,
.wrap-sec-content-3 p {
color: #808183;
font-size: 10px;
line-height: 13px;
}
.wrap-sec-content-2 h2 {padding: 3px 0 3px 6px;}
.click-to-chat {
width: 123px;
background: #fff;
padding: 19px 14px 17px 11px;
}
.click-to-chat img {margin: 0 0 0 auto;}
.click-to-chat a {
display: block;
color: #231f20;
font-size: 14px;
font-weight: bold;
}
.call-me-now h3 {padding: 0 0 3px 0;}
.call-me-now p {padding: 0 0 12px 0;}
.call-me-now img {margin: 3px 7px 5px auto;}
.call-me-now div {
width: 100%;
overflow: hidden;
padding: 0 0 5px 0;
}
.call-me-now ul {
width: 100%;
padding: 4px 0 11px 0;
}
.call-me-now ul li {
padding: 0 0 0 0;
}
.call-me-now ul li input {
border: none;
margin-left: 0;
vertical-align: -3px;
}
* html .call-me-now ul li input {margin-left: -4px;margin-bottom: -3px;}
.call-me-now div input,
.call-me-now div select {
float: left;
border: 1px solid #ddd;
}
.call-me-now div input {
width: 117px;
padding: 2px 6px;
}
.call-me-now div select {width: 100%;}
.call-me-now div .wi-1 {width: 67px;}
.call-me-now div .wi-2 {
width: 23px;
float: right;
text-align: right;
}
.call-me-now div span {
float: left;
width: 13px;
text-align: center;
}
.call-me-now div .call-me {
padding: 0;
border: none;
width: 71px;
height: 20px;
margin: 6px 0 0 0;
}
.product-managers,
.product-managers-2 {
width: 141px;
padding: 32px 0 0 7px;
}
.product-managers-2 {
width: 137px;
color: #808183;
font-size: 10px;
margin: 15px 0 0 0;
background: #F1F1F2;
padding: 16px 5px 24px 15px;
}
.product-managers-2 h2 {
color: #000;
font-size: 14px;
line-height: 17px;
padding: 0 0 5px 0;
}
.product-managers-2 p {line-height: 13px;}
.product-managers h2 {padding: 0 0 12px 0;}
.product-managers ul {padding: 15px 0 12px 0;}
.product-managers-2 ul {padding: 12px 0 12px 0;}
.product-managers ul li,
.product-managers-2 ul li {
color: #008ed3;
font-size: 10px;
line-height: 13px;
}
.product-managers ul li a,
.product-managers-2 ul li a {margin: 0 0 0 8px;}
.product-managers ul li .last,
.product-managers-2 ul li .last {margin: 0 0 0 2px;}
/* page-3 */
.introducing {
width: 430px;
background: #E3E3E3;
padding: 30px 309px 40px 40px;
}
.introducing h1 {
color: #636466;
font-size: 24px;
font-weight: bold;
line-height: 29px;
padding: 0 0 51px 0;
}
.introducing p {
color: #808183;
font-weight: bold;
line-height: 14px;
padding: 0 0 14px 0;
}
.wrap-text-2 {
width: 149px;
background: #e3e3e3;
padding: 0 4px 6px 4px;
}
.solution-feature {
width: 500px;
margin: 28px 0 0 14px;
padding: 0 80px 27px 18px;
border-bottom: 1px solid #D9DADB;
background: url("../images/bg-ind.gif") no-repeat 522px 86%;
}
.solution-feature h3 {
font-size: 15px;
padding: 0 0 4px 4px;
}
.solution-feature p {
padding: 0 2px;
line-height: 14px;
}
.solution-feature .learn-more {padding: 15px 0 0 0;}
.solution-feature .learn-more a {
width: 81px;
height: 20px;
display: block;
overflow: hidden;
text-indent: -12000px;
background: url("../images/learn-more.gif") no-repeat;
}
.wrap-customer {
width: 602px;
margin: 20px 0 0 14px;
background: url("../images/v-line.gif") repeat-y;
}
.wrap-customer h3 {
padding: 0 0 11px 0;
}
.wrap-customer h4 {
color: #217cc0;
font-size: 11px;
line-height: 14px;
padding: 0 0 11px 0;
}
.wrap-customer ul {
padding: 0 0 0 0;
}
.wrap-customer ul li {
color: #bbbdbf;
line-height: 14px;
padding: 0 0 14px 0;
}
.wrap-customer ul li a {
display: block;
font-weight: bold;
}
.wrap-customer p {
color: #808183;
line-height: 14px;
padding: 0 0 14px 0;
}
.wrap-customer .more {padding: 0;}
.customer-testimonial {
float: left;
width: 231px;
}
.recent-news {
float: right;
width: 285px;
}
.partners {
width: 141px;
margin: 9px 0 0 0;
background: #F1F1F2;
border: 1px solid #EBEBEB;
padding: 16px 3px 32px 10px;
}
.partners h2 {
color: #010101;
font-size: 14px;
padding: 0 0 9px 0;
}
.partners p {
color: #808183;
line-height: 14px;
}
.partners-list {
width: 100%;
overflow: hidden;
padding: 20px 0 0 0;
}
.partners-list li {
float: left;
padding: 18px 0 22px 0;
background: url("../images/sep-p.gif") no-repeat;
}
.partners-links {padding: 3px 0 0 0;}
.partners-links li {
font-size: 10px;
line-height: 15px;
padding: 0 0 0 8px;
background: url("../images/i-p.gif") no-repeat 0 7px;
}
/* page 6 */
.hold-2 {
width: 779px;
padding: 0 0 6px 0;
border-bottom: 2px solid #DDDEDF;
}
.hold-2 h2 {
float: left;
padding: 25px 0 0 10px;
}
.hold-2 h2 span {color: #636466;}
.product-details-w1 {
width: 775px;
margin: 0 0 7px 0;
padding: 9px 0 18px 0;
border: 2px solid #DDDEDF;
}
/* primary-details-w1 */
.primary-details-w1 {
float: left;
width: 749px;
padding: 12px 0 0 18px;
}
.exta-details-w1-1 {
float: left;
width: 231px;
}
.main-image {
width: 227px;
border: 2px solid #DDDEDF;
}
.gallery {
width: 231px;
height: 30px;
position: relative;
padding: 11px 0 12px 0;
border-bottom: 2px solid #DDDEDF;
margin:0 auto;
overflow: hidden;
white-space:nowrap;
}
.gallery ul {
padding: 0 0 0 24px;
}
.gallery ul li {
float: left;
padding: 0 5px 0 0;
}
.gallery ul li img {border: 1px solid #BBBDBF;}
#themes {
width:2000px;
height:30px;
/* overflow:hidden; */
white-space: nowrap;
}
#themes, #themes li {
margin:0;
overflow:hidden;
padding:0;
}
#themes li {
float:left;
height:90px;
margin:0 10px 0 0;
width:90px;
padding:0;
}
.but-prev,
.but-next {
left: 0;
top: 19px;
position: absolute;
}
.but-next {
right: 0;
left: auto;
}
.tags-list {
width: 231px;
overflow: hidden;
padding: 6px 0 0 0;
}
.tags-list li {
float: left;
color: #C1C1C1;
font-size: 10px;
padding: 0 4px 0 0;
}
.tags-list .add-tag a {
color: #008ed3;
background: none;
font-style: italic;
}
.tags-list li em {margin: 0 6px 0 0;}
.tags-list li a {
float: left;
color: #666;
background: url("../images/bg-left-tag.gif") no-repeat;
}
.tags-list li a span {
float: left;
line-height: 16px;
padding: 0 12px 0 4px;
background: url("../images/bg-right-tag.gif") no-repeat 100% 0;
}
.exta-details-w1-2 {
float: right;
width: 325px;
padding: 5px 5px 0 0;
}
.exta-details-w1-2 h2 {color: #000;}
.customer-reviews {padding: 7px 0 0 0;}
.customer-reviews li {
color: #B5B6B8;
display: inline;
font-size: 10px;
}
.customer-reviews span {margin: 0 0 0 5px;}
.customer-reviews li img {
display: inline;
margin: 0 -3px 0 0;
vertical-align: -3px;
}
.exta-details-w1-2 div {
width: 100%;
margin: 5px 0 0 0;
border-top: 2px solid #CCCECF;
}
.exta-details-w1-2 div h3 {
color: #808183;
font-size: 12px;
font-weight: normal;
padding: 3px 0 3px 0;
}
.exta-details-w1-2 div h4 {font-size: 11px;}
.exta-details-w1-2 div ul {padding: 0 0 0 0;}
.exta-details-w1-2 div ul li {
line-height: 15px;
padding: 0 0 0 18px;
background: url("../images/k-1.gif") no-repeat 0 4px;
}
.exta-details-w1-2 div ul .more {background: none;}
.exta-details-w1-3 {
float: left;
width: 549px;
padding: 27px 0 0 0;
}
.tabs {
width: 100%;
overflow: hidden;
margin: 0 0 -2px 0;
position: relative;
}
.tabs li {
float: left;
padding: 0 4px 0 0;
}
.tabs li a {
float: left;
color: #636466;
background: url("../images/bg-left-tab.gif") no-repeat;
}
.tabs li a:hover span {text-decoration: underline;}
/* .tabs li a:hover, */
.tabs li .active {
text-decoration: none;
background-position: 0 -29px;
}
.tabs li a span {
float: left;
padding: 0 9px;
line-height: 29px;
background: url("../images/bg-right-tab.gif") no-repeat 100% 0;
}
/* .tabs li a:hover span, */
.tabs li .active span {
padding: 0 14px;
color: #018ED3;
background-position: 100% -29px;
}
.better {
width: 749px;
overflow: hidden;
padding: 0 0 30px 0;
border-top: 2px solid #CECFD0;
border-bottom: 2px solid #CECFD0;
}
.better img {border: none; display: inline;}
.desc-product {
width:740px;
float: left;
padding: 24px 0 0 0px;
}
.desc-product span {
color: #1c6713;
font-size: 11px;
}
.desc-product h3 {padding: 0 0 11px 0;}
.desc-product p {
line-height: 14px;
padding: 0 0 10px 0;
}
.desc-product .buy {color: #636466;}
.desc-product .buy strong {font-size: 12px;color: #8BC53F;}
.desc-product .buy span {
color: #AFB0B2;
text-decoration: line-through;
}
.desc-product .add-both-to-cart {padding: 4px 0 0 0;}
.desc-product .add-both-to-cart a {
width: 122px;
display: block;
}
.present-product {
float: right;
width: 316px;
padding: 32px 0 0 0;
}
.present-product ul {overflow: hidden;}
.present-product ul li {float: left;}
.present-product ul li span img {border: none;}
.present-product ul li img {border: 1px solid #BBBDBF;}
.extra-links-2 {
width: 549px;
overflow: hidden;
padding: 8px 0 0 0;
}
.extra-links-2 ul {
float: left;
padding: 0 0 0 5px;
}
.extra-links-2 ul li {
float: left;
padding: 0 4px 0 0;
}
.extra-links-2 p {float: right;}
.extra-links-2 p a {
color: #9C9EA0;
font-weight: bold;
padding: 0 0 3px 12px;
background: url("../images/zx-6.gif") no-repeat 0 2px;
}
/* secondary-details-w1 */
.secondary-details-w1 {
vertical-align:top;
float: right;
width: 159px;
padding: 0 15px 0 0;
}
.secondary-details-w1 select {
color: #636466;
border: 1px solid #BBBDBF;
font: 10px arial, verdana, helvetica, "trebuchet ms", sans-serif;
}
.secondary-details-w1 p {line-height: 12px;}
.list-item-1 {
width: 159px;
overflow: hidden;
}
.list-item-1 li {
float: left;
padding: 6px 4px 8px 0;
}
.list-item-1 .print-item {
padding: 6px 12px 8px 0;
margin: 0 7px 0 0;
background: url("../images/w-5.gif") no-repeat 100% 0;
}
.list-item-1 .print-item a {
padding: 0 15px 0 0;
background: url("../images/w-1.gif") no-repeat 100% 2px;
}
.add-to-cart {
width: 131px;
background: #EDFFED;
padding: 13px 12px 0 12px;
border: 2px solid #BCE296;
}
.add-to-cart h3 {
color: #6C9C31;
padding: 0 0 13px 0;
}
.add-to-cart .cost,
.add-both .cost {
color: #1c6713;
font-size: 11px;
}
.add-both .cost {color: #288F3A;padding: 0;}
.add-to-cart .cost span,
.add-both .cost span {
color: #B0B6B3;
text-decoration: line-through;
}
.add-both .cost span {color: #A3A5A7;}
.add-to-cart .savings {
color: #990033;
font-size: 10px;
padding: 12px 0 12px 0;
}
.options, .total {
width: 131px;
overflow: hidden;
padding: 4px 0 11px 0;
border-top: 2px solid #D4DED6;
border-bottom: 2px solid #D4DED6;
}
.total {
border: none;
padding: 0 0 11px 0;
}
.options h4,
.total h4 {
color: #636466;
font-size: 11px;
}
.total h4 {
color: #000;
padding: 4px 0 7px 0;
}
.options label {
float: left;
width: 30px;
color: #747776;
padding: 3px 0 0 0;
}
.options select {
float: left;
width: 99px;
margin: 0 0 5px 0;
}
.total input {
width: 123px;
border: none;
padding: 6px 4px;
background: #fff;
text-align: right;
font: bold 12px arial, verdana, helvetica, "trebuchet ms", sans-serif;
}
.total .add-1w {
padding: 0;
width: 83px;
height: 20px;
background: none;
margin: 10px 0 0 23px;
}
.add-both {
width: 131px;
background: #BBBDBF;
padding: 12px 14px 11px 14px;
}
.add-both h3 {
color: #636466;
font-size: 12px;
}
.add-both p {padding: 7px 0 5px 0;}
.add-both div {
width: 100%;
overflow: hidden;
}
.add-both label {
float: left;
width: 33px;
color: #fff;
padding: 1px 0 0 0;
}
.add-both select {
float: left;
width: 32px;
}
.add-both input {float: right;}
.shipping-info {
width: 134px;
overflow: hidden;
background: #E6E6E6;
padding: 13px 11px 12px 14px;
}
.shipping-info h3 {font-size: 12px;padding: 0 0 6px 0;}
.shipping-info img {float: right;}
.shipping-info p {
color: #838486;
font-size: 10px;
padding: 0 0 9px 0;
}
.shipping-info p span {color: #2B2B2B;}
.product-details-w2 {
width: 779px;
padding: 0 0 34px 0;
border-bottom: 2px solid #DDDEDF;
}
.bn-1 {border: none;}
.product-details-w2 h2,
.product-details-w4 h2 {
color: #231f20;
font-size: 13px;
padding: 19px 0 10px 0;
}
.customers-who {
width: 740px;
overflow: hidden;
position: relative;
padding: 0 0 0 39px;
background: url("../images/bg-w1.gif") repeat-y 20px 0;
}
.but-prev-2,
.but-next-2 {
top: 85px;
left: 9px;
position: absolute;
}
.but-next-2 {
left: 753px;
right: 753px
}
.customers-who div {
float: left;
width: 164px;
padding: 0 18px 0 0;
}
.customers-who div h3 {
font-size: 11px;
padding: 11px 0 2px 0;
}
.customers-who div h3 a {color: #0054a5;}
.customers-who div p {
color: #808183;
font-size: 10px;
line-height: 14px;
}
.customers-who div .price {
color: #9c9ea0;
font-size: 9px;
padding: 7px 0 0 0;
}
.customers-who div .price span {text-decoration: line-through;}
.customers-who div .price strong {
color: #8bc53f;
font-size: 12px;
}
.customers-who div .add {
width: 100%;
overflow: hidden;
font-weight: bold;
padding: 1px 0 0 0;
}
.customers-who div .add a {
float: left;
color: #00acee;
font-size: 10px;
}
.customers-who div .add span {
float: right;
color: #9c9ea0;
font-size: 14px;
}
/* page-7 */
.hold-3 {
width: 783px;
padding: 0 0 6px 0;
}
.hold-3 h2 {
float: left;
padding: 25px 0 0 10px;
}
.hold-3 h2 span {color: #636466;}
.hold-3 h2 em {
color: #1196D6;
font-style: normal;
}
.hold-3 a {
float: right;
margin: 21px 0 0 0;
}
.main-info-2 {
width: 779px;
border: 2px solid #DDDEDF;
}
.product-details-w3 {
width: 779px;
padding: 0 0 44px 0;
border-bottom: 2px solid #DDDEDF;
}
.bn-1 {border: none;}
.product-details-w3 h2 {
color: #000;
font-size: 13px;
padding: 15px 0 10px 11px;
}
/* popup-1 */
.popup-1 {
top: 280px;
left: 167px;
width: 570px;
position: absolute;
background: #E6E6E6;
padding: 29px 29px 0 31px;
}
.wrap-popup1-1,
.wrap-popup1-2 {width: 100%;}
.wrap-popup1-2 {
overflow: hidden;
padding: 0 0 17px 0;
background: url("../images/sep-1z.gif"/*tpa=https://www.blackbox.com/resource/images/background/sep-1z.gif*/) no-repeat 356px 0;
}
.wrap-image {
margin: 14px 0 0 0;
border: 1px solid #B1B1B2;
}
.wrap-popup1-1 h2 {
float: left;
font-size: 16px;
line-height: 19px;
padding: 0 0 21px 0;
}
.wrap-popup1-1 h2 span {
color: #000;
display: block;
}
.wrap-popup1-1 a {
float: right;
color: #636466;
font-size: 12px;
position: relative;
margin: -7px 0 0 0;
}
.popup-1 p {
color: #636466;
line-height: 14px;
}
.list-1p {
float: left;
background: #fff;
margin: 10px 0 0 0;
}
.list-1p li {
float: left;
color: #636466;
padding: 0 4px 0 0;
}
.list-1p li strong {
display: block;
line-height: 16px;
background: #E6E6E6;
padding: 0 12px 0 0;
}
.popup-1 .list-2p {
float: right;
padding: 12px 0 0 0;
}
.popup-1 .list-2p li {
display: inline;
line-height: 14px;
margin: 0 0 0 14px;
padding: 0 15px 3px 0;
background: url("../images/zx-7.gif") no-repeat 100% 2px;
}
/* popup-2 */
.popup-2 {
top: 800px;
left: 92px;
width: 765px;
position: absolute;
background: #E6E6E6;
padding: 26px 26px 30px 31px;
}
.popup-2 .wrap-popup1-1 a {margin: -4px 0 0 0;}
.wrap-popup2-1 {
width: 765px;
background: url("../images/bg-popup.gif") repeat-y 467px 0;
}
.primary-popup {
float: left;
width: 448px;
}
.primary-popup p {
color: #636466;
font-size: 12px;
line-height: 14px;
}
.secondary-popup {
float: right;
width: 273px;
}
.secondary-popup h3 {
color: #636466;
font-size: 12px;
}
.secondary-popup ul {
width: 100%;
padding: 16px 0 24px 0;
}
.secondary-popup ul li {
width: 100%;
color: #636466;
line-height: 13px;
padding: 0 0 13px 0;
}
.secondary-popup ul li span {color: #EC1C24;}
.secondary-popup ul li em {
color: #010101;
font-style: normal;
}
.secondary-popup ul li div {
height: 1%;
display: table;
}
.secondary-popup ul li img {
float: left;
margin: 2px 7px 0 0;
}
.secondary-popup ul li strong {color: #0154A5;}
.secondary-popup ul li a {color: #0154A5;}
.secondary-popup p em {color: #EC1C24;}
.popup-tabs {
width: 420px;
overflow: hidden;
position: relative;
margin: 0 0 -2px 0;
padding: 16px 27px 0 0;
}
.popup-tabs li {
float: right;
padding: 0 0 0 3px;
}
.popup-tabs li a {
float: left;
background: url("../images/bg-left-tab-2.gif") no-repeat;
}
.popup-tabs li a:hover {text-decoration: none;}
.popup-tabs li .active,
.popup-tabs li a:hover {background-position: 0 -29px;}
.popup-tabs li a span {color: #636466;}
.popup-tabs li .active span,
.popup-tabs li a:hover span {color: #018ED3;}
.popup-tabs li a span {
float: left;
padding: 0 14px;
line-height: 29px;
background: url("../images/bg-right-tab-2.gif") no-repeat 100% 0;
}
.popup-tabs li .active span,
.popup-tabs li a:hover span {background-position: 100% -29px;}
.popup-video {
width: 448px;
padding: 10px 0 0 0;
background: url("../images/bg-popup-video.gif") repeat-x;
}
.wrap-primary-popup {
width: 100%;
overflow: hidden;
background: url("../images/sep-2z.gif") no-repeat 279px 0;
}
.wrap-primary-popup p {
float: left;
width: 224px;
font-size: 11px;
padding: 12px 0 0 10px;
}
.wrap-primary-popup p img {
float: right;
margin: -1px 0 0 0;
padding: 0 0 0 6px;
}
.wrap-primary-popup .list-1p {
float: right;
margin: 16px 0 0 0;
}
/* page-8 */
.main-info-2 .breadcrumbs {padding: 11px 0 9px 0;}
.main-info-2 .breadcrumbs ul {padding: 0 0 0 19px;}
.main-info-2 .breadcrumbs ul li a {color: #00acee;}
/* main-compare-your */
.main-compare-your {
width: 745px;
overflow: hidden;
margin: 0 0 16px 19px;
border-top: 2px solid #DDDEDF;
background: url("../images/bg-compare-your.gif") repeat-y 1px 0;
}
/* compare-your */
.compare-your {
float: left;
width: 172px;
padding: 8px 19px 0 0;
}
.compare-your .remove a {
color: #808183;
display: block;
line-height: 12px;
padding: 0 0 3px 19px;
background: url("../images/remove.gif") no-repeat;
}
.compare-your .compare-image {
width: 100%;
margin: 8px 0 11px 0;
border-bottom: 1px solid #D1D2D3;
}
.compare-your h3,
.compare-your h4 {font-size: 12px;}
.compare-your h3 {
padding: 0 0 9px 0;
border-bottom: 2px solid #DDDEDF;
}
.compare-your h3 a {color: #0054a5;}
.compare-your h4 {
color: #000;
font-weight: normal;
padding: 7px 0 8px 0;
}
.wrap-rating,
.compare-your h5 {
width: 100%;
overflow: hidden;
padding: 7px 0 6px 0;
border-top: 2px solid #DDDEDF;
border-bottom: 2px solid #DDDEDF;
background: #EDEDED url("../images/bg-wrap-rating.gif") no-repeat;
}
.compare-your h5 {
width: auto;
color: #636466;
font-size: 12px;
padding: 6px 0 6px 11px;
}
.compare-your h5 span {
color: #bf272d;
font-weight: normal;
}
.wrap-rating .rating {
width: 122px;
padding: 0 0 2px 50px;
}
.wrap-rating p {
color: #9c9ea0;
font-size: 9px;
text-align: center;
}
/* price-list */
.price-list {
width: 100%;
overflow: hidden;
padding: 10px 0 14px 0;
}
.price-list li {float: left;}
.price-list li div {
float: left;
line-height: 14px;
}
.price-list li .pl-1 {width: 99px;}
.price-list li .pl-2 {width: 55px;text-align: right;}
.price-list li div em {color: #636466;font-style: normal;}
.price-list li div span {color: #f16522;}
.price-list li div strong {
color: #000;
display: block;
padding: 14px 0 0 0;
}
/* wrap-options */
.wrap-options {
width: 100%;
color: #636466;
padding: 0 0 9px 0;
border-top: 2px solid #DDDEDF;
border-bottom: 2px solid #DDDEDF;
}
.wrap-options div {
width: 100%;
overflow: hidden;
}
.wrap-options h6 {
font-size: 11px;
padding: 3px 0 5px 0;
}
.wrap-options label {
float: left;
width: 30px;
padding: 2px 0 0 0;
}
.wrap-options select {
float: left;
width: 100px;
margin: 0 0 7px 0;
border: 1px solid #CCCDCF;
}
.wrap-options p span {
padding: 0 11px 0 6px;
background: url("../images/bg-ar-1.gif") no-repeat 100% 6px;
}
/* wrap-total */
.wrap-total {
width: 100%;
padding: 16px 0 22px 0;
}
.wrap-total p {
font-size: 16px;
text-align: right;
padding: 0 0 17px 0;
}
.wrap-total input {margin: 0 0 0 25px;}
/* wrap-category */
.wrap-category {
width: 100%;
padding: 0 0 18px 0;
}
.bt-1 {border-top: 2px solid #CCCDCF;}
.wrap-category h6 {
font-size: 11px;
padding: 12px 0 4px 0;
}
.wrap-category h6 span {
padding: 0 10px 0 0;
background: url("../images/bg-ar-2.gif") no-repeat 100% 6px;
}
.wrap-category h6 em {
font-style: normal;
padding: 0 10px 0 0;
background: url("../images/bg-ar-3.gif") no-repeat 100% 6px;
}
.wrap-category p {
color: #636466;
line-height: 13px;
}
/* wrap-add-to-cart */
.wrap-add-to-cart {
width: 100%;
padding: 10px 0 9px 0;
border-top: 2px solid #DDDEDF;
border-bottom: 2px solid #DDDEDF;
}
.wrap-add-to-cart a {
width: 123px;
display: block;
margin: 0 0 0 25px;
}
/* compare-banner */
.compare-banner {
width: 164px;
padding: 8px 0;
overflow: hidden;
}
/* page-10 */
.hold-4,
.hold-5 {
width: 940px;
padding: 21px 10px 9px 10px;
}
.hold-5 {padding:0 10px 9px 10px;}
.hold-4 h2,
.hold-5 h2 {
color: #636466;
font-size: 19px;
}
.hold-4 h2 span,
.hold-5 h2 span {color: #bf272d;}
.wrap-content-4 {
width: 960px;
padding: 0 0 95px 0;
}
.primary-content-2 {
float: right;
width: 796px;
}
.wrap-primary-content-2 {
width: 792px;
padding: 0 0 25px 0;
border: 2px solid #DDDEDF;
}
.did-you-mean {
width: 100%;
background: #e6e6e6;
}
.did-you-mean p {
color: #808183;
font-size: 10px;
padding: 6px 11px;
}
/* tabs-2 */
.tabs-2 {
width: 766px;
overflow: hidden;
text-align: center;
margin: 26px 0 0 12px;
background: url("../images/bg-x1.gif") repeat-x 0 100%;
}
.tabs-2 li {
float: left;
padding: 0 9px 0 0;
}
.tabs-2 li a {
float: left;
background: url("../images/bg-left-tab-3.gif") no-repeat;
}
.tabs-2 li a:hover {text-decoration: none;}
.tabs-2 li a:hover,
.tabs-2 li .active {background-position: 0 -43px;}
.tabs-2 li a span {
color: #636466;
display: block;
line-height: 16px;
padding: 5px 17px 6px 17px;
background: url("../images/bg-right-tab-3.gif") no-repeat 100% 0;
}
.tabs-2 li a span em {
display: block;
font-style: normal;
}
.tabs-2 li a:hover span,
.tabs-2 li .active span {
color: #008ed3;
background-position: 100% -43px;
}
.wrap-text-4 {
width: 754px;
padding: 0 0 0 24px;
}
.wrap-text-4 h3 {
font-size: 12px;
padding: 0 0 6px 0;
}
.wrap-text-4 p {
color: #636466;
line-height: 14px;
}
.no-results {padding: 25px 0 35px 0;}
.relevant-results {padding: 21px 0 0 0;}
.wrap-text-4 .relevant-results p {padding: 0 0 15px 0;}
/* refine-your-search */
.refine-your-search {
width: 754px;
padding: 0 0 15px 0;
border-bottom: 2px solid #DDDEDF;
}
.refine-your-search div {
width: 730px;
overflow: hidden;
background: #E6ECF4;
padding: 11px 11px 12px 13px;
}
.refine-your-search div input,
.refine-your-search div select {
float: left;
color: #808183;
border: 2px solid #D0D4D9;
}
.refine-your-search div input {
width: 514px;
height: 15px;
padding: 1px 5px 0 5px;
}
.refine-your-search div select {
width: 92px;
height: 18px;
color: #636466;
margin: 0 0 0 18px;
}
html:first-child .refine-your-search div select {height: 16px;}
.refine-your-search div .but-search {
padding: 0;
width: 54px;
height: 12px;
border: none;
margin: 5px 0 0 12px;
}
.refine-your-search div ul {
float: left;
width: 100%;
padding: 5px 0 0 0;
}
.refine-your-search div ul li {
float: left;
padding: 0 11px 0 0;
}
.refine-your-search div ul li input {
width: auto;
padding: 0;
border: none;
}
.refine-your-search div ul li label {
float: left;
color: #808183;
padding: 2px 0 0 0;
}
* html .refine-your-search div ul li label {padding: 0;}
.product-details-w4 {width: 792px;}
.product-details-w4 h2 {padding: 15px 0 10px 8px;}
/* secondary-content-2 */
.secondary-content-2 {
float: left;
width: 157px;
}
.wrap-text-3 {
width: 149px;
background: #e3e3e3;
padding: 0 4px 20px 4px;
}
/* page 11-12 */
.wrap-content-5,
.wrap-content-6 {
width: 956px;
background: #EDEEEF;
padding: 0 0 15px 0;
border: 2px solid #DDDEDF;
}
.ex-1 {
background: #E6ECF4;
border: 2px solid #E6ECF4;
}
.wrap-content-5 p {color: #808183;}
.wrap-content-5 .view-our {padding: 39px 0 0 27px;}
.wrap-content-5 .view-our-2 {padding: 5px 0 3px 27px;}
.wrap-buttons {
width: 938px;
overflow: hidden;
padding: 8px 6px 23px 12px;
}
.wrap-buttons .login {float: left;}
.wrap-buttons .return-to {float: right;}
.wrap-text-5,
.wrap-text-6 {
width: 878px;
padding: 0 0 0 42px;
}
.wrap-text-5 div h3,
.wrap-text-6 div h3 {
color: #636466;
font-size: 19px;
padding: 0 0 10px 0;
}
.wrap-text-5 div ul {
background: #fff;
padding: 22px 20px 53px 20px;
}
.wrap-text-5 div ul li {
color: #636466;
line-height: 15px;
padding: 0 0 15px 0;
}
.wrap-text-5 div ul li a {
height: 1%;
display: block;
font-weight: bold;
}
.wrap-text-5 .wrap-orders {float: left;width: 421px;}
.wrap-text-5 .wrap-account {float: right;width: 448px;}
.swaps-based {
width: 100%;
min-height: 100px;
padding: 24px 0 0 0;
background: url("../images/bg-swaps.gif") no-repeat 467px 24px;
}
* html .swaps-based {height: 100px;}
.swaps-based p {
width: 457px;
color: #808183;
font-size: 10px;
text-align: right;
padding: 45px 0 0 0;
}
.wrap-text-6 {
width: 878px;
padding: 49px 0 0 42px;
}
.wrap-text-6 label {
float: left;
width: 64px;
}
.wrap-text-6 .already-have {float: left;width: 421px;}
.wrap-text-6 .or-sign-up {float: right;width: 448px;}
.wrap-text-6 .or-sign-up .note {
font-size: 9px;
line-height: 12px;
padding: 9px 0 0 0;
}
.form-sign-in,
.form-create-account {
background: #fff;
min-height: 181px;
}
* html .form-sign-in,
* html .form-create-account {height: 181px;}
.form-sign-in {
width: 363px;
padding: 19px 29px 0 29px;
}
.form-create-account {
width: 797px;
padding: 19px 20px 0 31px;
}
.form-sign-in h4,
.form-create-account h4 {
color: #636466;
font-size: 11px;
}
.form-sign-in h4 {padding: 0 0 12px 0;}
.form-sign-in div,
.form-create-account div {
width: 100%;
overflow: hidden;
padding: 0 0 9px 0;
}
.form-create-account div div {
padding: 0;
float: right;
width: auto;
}
.form-create-account div div label {
width: auto;
padding: 2px 8px 0 0;
}
.form-create-account div div input {margin: 0 5px 0 0;}
.form-sign-in p,
.form-create-account p {width: 100%;}
.form-sign-in p {padding: 3px 0 0 0;}
.form-create-account p {padding: 0 0 12px 0;}
.form-create-account .remember-me {padding: 0 0 10px 0; }
.form-create-account .remember-me input { margin-top: 2px; vertical-align: middle; }
.form-create-account p a {color: #808183;}
.form-sign-in div label,
.form-create-account div label {
float: left;
color: #808183;
padding: 2px 0 0 0;
}
.form-sign-in div input,
.form-create-account div input {
float: left;
padding: 2px 4px;
}
.form-sign-in div input {width: 236px;}
.form-create-account div input {width: 318px;}
.form-create-account div .inp-1 {width: 125px;}
.form-create-account div .inp-2 {width: 135px;}
.but-login,
.but-sign-up {
padding: 0;
border: none;
width: 189px;
height: 20px;
}
.but-login {margin: 39px 0 0 0;}
/* page-1 */
.body-2
#content-2 {
width: 882px;
color: #636466;
padding: 70px 39px 50px 39px;
}
#content-2 h1 {
color: #636466;
font-size: 36px;
font-weight: bold;
line-height: 43px;
padding: 0 0 8px 0;
}
#content-2 p {
width: 390px;
font-size: 10px;
line-height: 14px;
padding: 0 0 14px 0;
}
#content-2 ul {
width: 100%;
overflow: hidden;
text-align: center;
padding: 16px 0 0 0;
}
#content-2 ul li {
float: left;
padding: 0 35px 0 0;
}
#content-2 ul li a {
color: #c2d7fc;
display: block;
font-size: 24px;
line-height: 29px;
font-weight: bold;
background: #636466;
padding: 38px 40px 21px 40px;
}
/* page-13 */
.wrap-content-6 {padding: 0 0 15px 0;}
.wrap-order-status {
width: 862px;
overflow: hidden;
padding: 0 0 0 42px;
}
.wrap-order-status h3 {
float: left;
color: #636466;
font-size: 19px;
}
.wrap-order-status h3 span {color: #008ed3;}
.wrap-order-status div {
float: right;
width: 330px;
}
.wrap-order-status div select,
.wrap-order-status div label {float: right;}
.wrap-order-status div label {color: #636466;padding: 3px 10px 0 0;}
.wrap-order-status div select {width: 160px;}
.wrap-list-orders {
width: 826px;
background: #fff;
margin: 8px 0 0 42px;
padding: 32px 16px 20px 20px;
}
.head-orders,
.head-orders-2 {
width: 100%;
overflow: hidden;
padding: 0 0 16px 0;
border-top: 2px solid #DDDEDF;
}
.head-orders-2 {
padding: 0 0 0 0;
border-bottom: 1px solid #BBBDBF;
}
.head-orders h4,
.head-orders-2 h4 {
float: left;
color: #636466;
font-size: 15px;
font-weight: normal;
padding: 8px 0 0 0;
}
.head-orders-2 h4 {
font-size: 17px;
padding: 9px 0 8px 0;
}
.head-orders h4 a,
.head-orders-2 h4 a {color: #0071bb;font-weight: bold;}
.head-orders-2 p {
float: right;
font-size: 17px;
line-height: 37px;
font-weight: bold;
background: #8BC53F;
padding: 0 11px 0 15px;
}
.head-orders-2 p a {color: #fff;}
.head-orders ul,
.extra-orders-2 {float: right;}
.head-orders ul li,
.extra-orders-2 li {
float: left;
padding: 10px 12px 3px 16px;
background: url("../images/sep-orders.gif") no-repeat 100% 0;
}
.head-orders ul li span,
.detail-orders .extra-orders-2 li span {color: #8bc53f;}
.head-orders ul .last,
.extra-orders-2 .last {
background: none;
padding: 10px 0 3px 16px;
}
.title-orders {
width: 100%;
overflow: hidden;
border-bottom: 2px solid #DDDEDF;
}
.title-orders p {
color: #636466;
font-style: italic;
}
.title-orders em {float: left;}
.title-orders span {float: right;}
.list-orders {
width: 100%;
overflow: hidden;
padding: 0 0 24px 0;
}
.list-orders li {
float: left;
width: 100%;
line-height: 24px;
border-bottom: 2px solid #DDDEDF;
}
.list-orders li div {float: left;}
.list-orders li .cp-1 {width: 175px;}
.list-orders li .cp-2 {width: 429px;padding: 0 5px;}
.list-orders li .cp-2 a {color: #0071bb;}
.list-orders li .cp-3 {width: 204px;text-align: right;padding: 0 8px 0 0;}
.shipping-events {
color: #636466;
padding: 37px 0 0 27px;
}
/* page-14 */
.detail-orders {
width: 100%;
overflow: hidden;
padding: 0 0 29px 0;
}
.extra-orders-1 {
float: left;
padding: 16px 0 0 0;
}
.extra-orders-1 li {line-height: 16px;}
.title-orders-2 {
width: 826px;
overflow: hidden;
padding: 6px 0 5px 0;
border-bottom: 1px solid #D4D5D7;
}
.title-orders-2 li {float: left;}
.title-orders-2 li em {
color: #636466;
display: block;
position: relative;
margin: 0 0 -4px 0;
}
.title-orders-2 .to-1 {width: 325px;}
.title-orders-2 .to-2 {width: 161px;padding: 0 5px;}
.title-orders-2 .to-3 {width: 100px;text-align: right;}
.title-orders-2 .to-4 {width: 106px;padding: 0 5px;text-align: right;}
.title-orders-2 .to-5 {width: 106px;padding: 0 8px 0 0;text-align: right;}
.estimated-order-total {
width: 826px;
overflow: hidden;
text-align: right;
padding: 7px 0 1px 0;
}
.bt-eot {
margin: 9px 0 0 0;
padding: 11px 0 1px 0;
border-top: 2px solid #EAEAEB;
}
.estimated-order-total li {float: left;}
.estimated-order-total li em {color: #9c9ea0;}
.estimated-order-total .eot-1 {width: 707px;}
.estimated-order-total .eot-2 {width: 106px;padding: 0 8px 0 5px;}
.detail-orders-2 {
width: 826px;
margin: 50px 0 0 0;
padding: 11px 0 0 0;
border-top: 1px solid #BBBDBF;
}
.wrap-detail-orders-2 {
width: 100%;
overflow: hidden;
background: url("../images/bg-od.gif") repeat-y 204px 0;
}
.detail-orders-2 h4,
.detail-orders-2 h5 {
color: #636466;
font-size: 17px;
padding: 0 0 28px 0;
font-weight: normal;
}
.detail-orders-2 h5 {
font-size: 11px;
font-style: italic;
padding: 0 0 8px 0;
}
.detail-orders-2 ul li {line-height: 15px;}
.wrap-order-details {
float: left;
width: 198px;
padding: 0 27px 0 0;
}
.payment-method {
float: left;
width: 363px;
padding: 0 0 0 13px;
}
.payment-method ul li {
float: left;
width: 100%;
}
.payment-method li div {float: left;}
.payment-method li .pm-1 {width: 103px;padding: 0;}
.payment-method li .pm-2 {width: 247px;padding: 0 0 0 5px;}
.thank-you {
width: 100%;
margin: 84px 0 0 0;
padding: 5px 0 64px 0;
border-top: 2px solid #DDDEDF;
}
.thank-you p {line-height: 15px;}
.thank-you p strong {display: block;}
/* page-15 */
.wrap-content-7 {
width: 862px;
background: #E6ECF4;
padding: 15px 54px 100px 44px;
}
.primary-content-3 {
float: left;
width: 694px;
}
.hold-6 {
width: 100%;
overflow: hidden;
padding: 0 0 9px 0;
}
.hold-6 h2 {
float: left;
color: #636466;
font-size: 19px;
}
.hold-6 a {float: right;}
.hold-7 {
width: 654px;
background: #fff;
padding: 20px 20px 20px 20px;
border-bottom: 1px solid #BBBDBF;
}
.extra-links-3 {
width: 100%;
padding: 17px 0 28px 0;
border-top: 1px solid #BBBDBF;
}
.extra-links-3 li {line-height: 16px;}
.title-shipping {
width: 654px;
overflow: hidden;
border-bottom: 1px solid #D4D5D7;
}
.title-shipping li {
float: left;
width: 100%;
line-height: 25px;
}
.title-shipping li em {
color: #636466;
display: block;
line-height: 16px;
}
.title-shipping .ts-2 a {color: #0071bb;}
.title-shipping .ts-1 a {
color: #000;
padding: 0 0 0 0px;
}
.title-shipping li input,
.calculate-shipping .cs-2 input,
.estimated-order-total-3 li .ote-1 input,
.quick-add-item input {
float: left;
width: 40px;
color: #000;
padding: 0 4px;
text-align: right;
margin: 4px 0 0 0;
border: 2px solid #EAEAEB;
}
.title-shipping .ts-1 {width: 253px;}
.title-shipping .ts-2 {width: 102px;padding: 0 5px;}
.title-shipping .ts-3 {width: 60px;text-align: right;}
.title-shipping .ts-4 {width: 50px;padding: 0 5px 0 66px;text-align: center;}
.title-shipping .ts-5 {width: 99px;padding: 0 7px 0 0;text-align: right;}
.wrap-calculate-shipping {
width: 100%;
background: #EDEEEF;
padding: 0 0 6px 0;
border-bottom: 2px solid #E1E2E3;
}
.calculate-shipping {
width: 635px;
overflow: hidden;
padding: 0 0 0 10px;
}
.calculate-shipping li {
float: left;
line-height: 24px;
padding: 5px 0 0 0;
}
.calculate-shipping .cs-1 {width: 238px;padding: 0 5px 0 0;}
.calculate-shipping .cs-1 strong {display: block;padding: 5px 0 0 0;}
.calculate-shipping .cs-2 {width: 392px;text-align: right;}
.calculate-shipping .cs-2 a img {display: inline;vertical-align: -6px;}
* html .calculate-shipping .cs-2 a img {display: inline;vertical-align: -4px;}
.calculate-shipping .cs-2 input {float: none;margin: 0 4px 0 9px;}
.wrap-ups {
width: 635px;
overflow: hidden;
padding: 3px 9px 0 10px;
}
.wrap-ups img {
float: left;
margin: 2px 13px 0 0;
}
.wrap-ups ul li {line-height: 15px;}
.estimated-order-total-2 {
width: 637px;
overflow: hidden;
text-align: right;
padding: 6px 7px 0 10px;
}
.estimated-order-total-2 li {float: left;padding: 0 0 8px 0;}
.estimated-order-total-2 li div {float: left;}
.estimated-order-total-2 li div em {color: #9c9ea0;}
.estimated-order-total-2 li .ot-1 {width: 526px;padding: 0 5px 0 0;}
.estimated-order-total-2 li .ot-2 {width: 106px;}
.estimated-order-total-3 {
width: 654px;
overflow: hidden;
padding: 10px 0 4px 0;
border-top: 2px solid #EAEAEB;
}
.pb-1 {
padding: 11px 0 9px 0;
border-top: 1px solid #EAEAEB;
}
.estimated-order-total-3 li {float: left;}
.estimated-order-total-3 li div {float: left;}
.estimated-order-total-3 li .ote-1 {width: 303px;}
.estimated-order-total-3 li .ote-2 {width: 228px;padding: 0 5px;text-align: right;}
.estimated-order-total-3 li .ote-3 {width: 106px;padding: 0 7px 0 0;text-align: right;}
.estimated-order-total-3 li .ote-1 input {float: none;width: 48px;}
.estimated-order-total-3 li div span {display: block;margin: -7px 0 0 0;position: relative;}
.wrap-links-1 {
width: 645px;
overflow: hidden;
}
.button-continue {float: left;}
.wrap-links-1 div {float: left;}
.wrap-links-1 ul {float: right;}
.wrap-links-1 ul li {
float: left;
line-height: 19px;
padding: 0 8px 0 10px;
}
.wrap-links-1 ul li a {
color: #0071bb;
font: bold 10px verdana, arial, tahoma, "trebuchet ms", sans-serif;
}
.wrap-submit {
width: 625px;
overflow: hidden;
padding: 10px 29px 0 20px;
}
.wrap-submit input {
float: right;
border: none;
}
.secondary-content-3 {
float: right;
width: 156px;
}
.description-info {
width: 128px;
background: #F1F1F2;
padding: 20px 14px 22px 14px;
}
.description-info p {
font-size: 10px;
line-height: 14px;
padding: 0 0 13px 0;
}
.description-info p a {color: #000;}
.quick-add-item {
width: 128px;
overflow: hidden;
margin: 9px 0 0 0;
background: #EDFFED;
border: 2px solid #BCE296;
padding: 13px 12px 41px 12px;
}
.quick-add-item h3 {
color: #6c9c31;
font-size: 16px;
padding: 0 0 13px 0;
}
.quick-add-item label {
float: left;
width: 33px;
padding: 2px 0 0 0;
}
.quick-add-item input {width: 83px;margin: 0 0 8px 0;}
.quick-add-item .but-add-to-cart {
margin: 0;padding: 0;
width: 83px;height: 20px;
float: right;border: none;
}
/* page checkout-10 */
.wrap-title-1 {
width: 938px;
overflow: hidden;
padding: 30px 7px 4px 15px;
}
.wrap-title-1 h2 {
float: left;
color: #231f20;
font-size: 20px;
padding: 5px 0 0 0;
}
.wrap-title-1 h2 span {color: #636466;}
.wrap-title-1 p {
float: right;
font-size: 14px;
}
.wrap-title-1 p a {color: #231f20;}
.wrap-title-1 p a:hover {color: #008ed3;text-decoration: none;}
.wrap-title-1 p a img {
display: inline;
margin: 0 0 0 6px;
vertical-align: -5px;
}
.wrap-content-8,
.wrap-content-10,
.wrap-content-11 {
width: 861px;
background: #E6ECF4;
padding: 16px 55px 40px 44px;
}
.wrap-content-10 {padding: 48px 55px 40px 44px;}
.wrap-content-11 {padding: 16px 55px 40px 44px;}
.breadcrumbs-2 {
width: 100%;
overflow: hidden;
margin: 0 0 16px 0;
}
.breadcrumbs-2 li {
float: left;
font-size: 14px;
padding: 0 9px 0 22px;
background: url("../images/iz-2.gif") no-repeat 0 3px;
}
.breadcrumbs-2 .last {background: url("../images/iz-2b.gif") no-repeat 0 3px;}
.breadcrumbs-2 li:first-child {
padding-left: 9px;
background-image: none;
}
.breadcrumbs-2 li a {color: #808183;}
.breadcrumbs-2 li a:hover,
.breadcrumbs-2 li .active {
color: #231f20;
text-decoration: none;
}
.breadcrumbs-2 li .active {font-weight: bold;}
.wrap-content-9 {width: 861px;}
.primary-content-6 {
float: left;
width: 694px;
}
.primary-content-4 {float: left;}
.primary-content-4,
.wrap-primary-content-6,
.wrap-primary-content-7,
.wrap-primary-content-8,
.wrap-primary-content-9 {
width: 649px;
padding: 20px;
background: #fff url("../images/bg-content-9b.gif") repeat-x 0 100%;
}
.wrap-primary-content-6 {margin: 0 0 19px 0;}
.wrap-primary-content-8 {
width: 654px;
margin: 0 0 19px 0;
}
.wrap-primary-content-9 {
width: 654px;
margin: 19px 0 0 0;
}
.wrap-title-2,
.wrap-title-3 {
width: 100%;
overflow: hidden;
padding: 17px 0 0 0;
border-top: 1px solid #BBBDBF;
}
.wrap-title-3 {padding: 13px 0 58px 0;}
.pb-2 {padding: 13px 0 23px 0;}
.wrap-title-2 h3,
.wrap-title-3 h3 {
float: left;
font-size: 16px;
}
.wrap-title-3 h3 {font-size: 20px;}
.wrap-title-2 p,
.wrap-title-3 p {float: right;}
.wrap-title-3 p {margin: 8px 0 0 0;}
.wrap-title-3 .we-appreciate {
margin: 0;
width: 418px;
color: #636466;
padding: 16px 236px 0 0;
}
.wrap-title-3 .we-appreciate strong {color: #000;}
.extra-info-1 {
width: 100%;
padding: 22px 0 0 0;
}
.extra-info-1 p {
color: #636466;
line-height: 15px;
font-style: italic;
}
.extra-info-1 p strong {color: #000;}
.extra-info-1 ul {
width: 100%;
overflow: hidden;
margin: 22px 0 0 0;
}
.extra-info-1 ul li {
float: left;
width: 100%;
line-height: 24px;
border-top: 1px solid #EAEAEB;
}
.extra-info-1 ul li input,
.extra-info-1 ul li label {float: left;}
.extra-info-1 ul li input {
top: 2px;
border: none;
margin-left: -1px;
position: relative;
}
* html .extra-info-1 ul li input {margin-left: -4px;}
.extra-info-1 div {
width: 100%;
overflow: hidden;
padding: 6px 0 0 0;
}
.extra-info-1 div label {
float: left;
padding: 3px 10px 0 0;
}
.extra-info-1 div input {
float: left;
padding: 1px 5px;
margin: 0 18px 0 0;
}
.extra-info-1 div select {
float: left;
margin: 0 18px 0 0;
}
.secondary-content-4 {
float: right;
width: 132px;
background: #F1F1F2;
padding: 19px 10px 0 15px;
}
.secondary-content-4 p {
font-size: 10px;
line-height: 14px;
padding: 0 0 13px 0;
}
.secondary-content-4 p a {color: #000;}
.wrap-next {
width: 288px;
padding: 18px 0 0 573px;
}
.wrap-next input {border: none;}
/* page checkout-6 */
.primary-content-5 {
float: left;
width: 694px;
}
.form-info {
width: 654px;
background: #fff;
padding: 20px 20px 22px 20px;
border-bottom: 2px solid #D1D5DA;
}
.wrap-extra-form {
width: 640px;
padding: 7px;
margin: 14px 0 0 0;
background: #EDEEEF;
border-top: 2px solid #D4D6D7;
border-bottom: 2px solid #D4D6D7;
}
.wrap-extra-form textarea {
width: 635px;
height: 141px;
color: #636466;
overflow: auto;
border: 2px solid #D4D6D7;
font: 11px/13px "courier new", "lucida console", courier, monaco, monospace;
}
.wrap-extra-form ul {padding: 8px 0 0 0;}
.wrap-extra-form ul li {line-height: 24px;}
* html .wrap-extra-form ul li {padding: 3px 0 5px 0;}
.wrap-chek {
width: 100%;
color: #636466;
overflow: hidden;
padding: 0 0 9px 0;
}
.wrap-chek label {display: block;}
.wrap-chek label input,
.wrap-extra-form ul li label input {vertical-align: -3px;}
* html .wrap-chek label input {margin: 0 0 -3px -3px;}
* html .wrap-extra-form ul li label input {margin: 0 0 -3px -3px;}
.mt-3 {
margin-top: 19px;
padding-bottom: 30px;
}
.mt-4 {
margin-top: 19px;
padding-bottom: 13px;
}
.form-info h3 {
font-size: 16px;
padding: 17px 0 34px 0;
border-top: 1px solid #BBBDBF;
}
.form-list {
width: 100%;
overflow: hidden;
border-top: 1px solid #E1E2E3;
}
.form-list li {
width: 100%;
float: left;
line-height: 24px;
border-bottom: 1px solid #E1E2E3;
}
.form-list .last {border-bottom: none;}
.form-list li p {
float: left;
width: 634px;
background: #EDEEEF;
padding: 8px 10px 9px 10px;
border-top: 2px solid #E1E2E3;
}
.form-list li label {
float: left;
width: 170px;
padding: 0 10px 0 0;
}
.form-list li .lab-1 {
width: auto;
padding: 0 4px 0 0;
}
.form-list li .lab-1 input,
.form-info div label input {
padding: 0;
width: auto;
border: none;
position: relative;
margin: 5px 4px 0 0;
}
* html .form-list li .lab-1 input {margin: 2px 0 0 -3px;}
html:first-child .form-list li .lab-1 input {margin: 3px 4px 0 0;}
.form-list li .lab-2 {
width: auto;
padding: 0 9px 0 15px;
}
.form-list li .lab-1 a {color: #000;}
.form-list li input {
float: left;
width: 232px;
color: #000;
padding: 1px 4px;
margin: 4px 0 0 0;
}
.form-list li select { float: left; margin: 4px 8px 0 0;}
.form-list li .in-1 {width: 91px;}
.form-list li .in-2 {float: right;width: 210px;}
.form-list li .in-3 {width: 47px;}
/* page store-start */
.wrap-whats-hot {
width: 594px;
overflow: hidden;
padding: 12px 0 25px 12px;
}
.wrap-whats-hot h2 {
color: #636466;
font-size: 21px;
line-height: 21px;
padding: 0 0 10px 0;
}
.wrap-whats-hot h2 span {
top: -5px;
font-size: 11px;
position: relative;
font-weight: normal;
}
.wrap-whats-hot div {
float: left;
width: 178px;
padding: 0 0 10px 0;
}
.wrap-whats-hot div h3 {
font-size: 13px;
padding: 10px 0 1px 0;
}
.wrap-whats-hot div h3 a {color: #0054a5;}
.wrap-whats-hot div p {
color: #8bc53f;
font-size: 12px;
}
.wrap-whats-hot div p span {
color: #9c9ea0;
font-size: 9px;
text-decoration: line-through;
}
.wrap-whats-hot .product-mid {padding: 0 30px;}
.why-black-box {
width: 137px;
font-size: 10px;
line-height: 13px;
margin: 10px 0 0 0;
background: #F1F1F2;
padding: 13px 5px 0 15px;
}
.why-black-box h2 {
color: #000;
font-size: 14px;
padding: 0 0 12px 0;
}
.why-black-box img {margin: 0 0 7px 0;}
.why-black-box p {
color: #808183;
line-height: 13px;
}
.why-black-box ul {padding: 13px 0 22px 0;}
.why-black-box ul li {
padding: 0 0 0 8px;
background: url("../images/k-2.gif") no-repeat 0 5px;
}
.ad {
width: 157px;
overflow: hidden;
margin: 20px 0 0 0;
}
.shop-by-type {
width: 616px;
margin: 34px 0 0 0;
padding: 21px 0 40px 0;
border-top: 2px solid #DDDEDF;
}
.shop-by-type h3 {
font-size: 13px;
padding: 0 0 14px 0;
}
.shop-by-type ul {width: 303px;}
.shop-by-type .shop-list-1 {float: left;}
.shop-by-type .shop-list-2 {float: right;}
.shop-by-type ul li {
color: #808183;
line-height: 14px;
padding: 0 0 0 0;
}
.shop-by-type ul li h4 {
font-size: 11px;
font-weight: normal;
}
/* page checkout-9 */
.need-to-change {
color: #636466;
margin: -13px 0 5px 0;
}
.wrap-information-1 {
width: 694px;
margin: 0 0 19px 0;
background: url("../images/bg-mid-box-10.gif") repeat-y;
}
.mb-1 {margin: 0;}
.wrap-information-2 {
width: 654px;
overflow: hidden;
padding: 20px 20px 26px 20px;
background: url("../images/bg-bot-box-10.gif") no-repeat 0 100%;
}
.wrap-information-2 p {
float: none;
color: #636466;
}
.wrap-information-2 ul {
width: 100%;
overflow: hidden;
padding: 7px 0 0 0;
border-bottom: 2px solid #EAEAEB;
}
.wrap-information-2 ul li {
float: left;
width: 100%;
padding: 4px 0 3px 0;
border-top: 1px solid #EAEAEB;
}
.wrap-information-2 ul li div {float: left;line-height: 15px;}
.wrap-information-2 ul li .col-1 {width: 118px;padding: 0 10px 0 0;}
.wrap-information-2 ul li .col-2 {width: 172px;}
.wrap-information-2 ul li .col-3 {width: 100%;}
.wrap-information-2 ul li .col-4 {width: 136px;padding: 0 10px 0 0;}
.wrap-information-2 ul li .col-5 {width: 154px;}
.wrap-information-2 ul li div input {
width: 87px;
color: #000;
padding: 1px 6px;
vertical-align: middle;
}
.wrap-information-2 ul li div .rad-1 {
width: auto;
border: none;
}
* html .wrap-information-2 ul li div .rad-1 {margin-left: -5px;}
.billing-information {
float: left;
width: 300px;
}
.shipping-information {
float: right;
width: 300px;
}
.title-information {
width: 100%;
overflow: hidden;
padding: 17px 0 22px 0;
border-top: 1px solid #BBBDBF;
}
.title-information h3 {
float: left;
font-size: 16px;
}
.wrap-information-2 .title-information p {float: right;}
/* page checkout-11 */
.extra-info-2 {
width: 649px;
padding: 21px 0 0 0;
}
.extra-info-2 p {
color: #636466;
padding: 0 0 7px 0;
}
.extra-info-2 ul {
width: 100%;
overflow: hidden;
padding: 0 0 26px 0;
}
.extra-info-2 ul li {
float: left;
width: 100%;
padding: 3px 0;
position: relative;
border-bottom: 1px solid #EAEAEB;
}
* html .extra-info-2 ul li {padding: 2px 0;}
.extra-info-2 ul li div {
padding: 0;
float: left;
width: 400px;
}
.extra-info-2 ul li label {
float: left;
width: 138px;
padding: 3px 10px 0 0;
}
.extra-info-2 ul li em {
float: left;
padding: 3px;
font-style: normal;
}
.extra-info-2 ul li span {
display: block;
padding: 3px 0;
}
.extra-info-2 ul li .lab {float: none;}
.extra-info-2 ul li .rad {
border: none;
vertical-align: middle;
}
* html .extra-info-2 ul li .rad {margin-left: -4px;margin-bottom: -3px;}
.extra-info-2 div {
width: 100%;
overflow: hidden;
padding: 0 0 10px 0;
}
.extra-info-2 ul li .tex,
.extra-info-2 ul li .tex-1,
.extra-info-2 ul li .tex-2,
.extra-info-2 div textarea {
float: left;
color: #000;
width: 150px;
padding: 1px 5px;
}
.extra-info-2 ul li .tex-1 {width: 17px;}
.extra-info-2 ul li .tex-2 {width: 27px;}
.extra-info-2 div textarea {
width: 632px;
height: 73px;
overflow: auto;
}
.extra-info-2 ul li ul {
float: right;
padding: 0;
width: 107px;
padding: 3px 0 0 0;
margin: -2px 0 -4px 0;
border: 1px solid #F1F0F0;
}
.extra-info-2 ul li ul li {
width: auto;
border: none;
padding: 0 0 0 3px;
}
.extra-info-2 ul li ul li img {display: inline;}
/* page checkout-12 */
.wrap-details {
width: 654px;
overflow: hidden;
}
.wrap-details p {
color: #636466;
padding: 20px 0 7px 0;
}
.wrap-details ul {
float: left;
padding: 0 0 5px 0;
border-top: 1px solid #EAEAEB;
}
.wrap-details ul li {
float: left;
width: 100%;
padding: 5px 0;
border-bottom: 1px solid #EAEAEB;
}
.wrap-details ul li div {float: left;}
.wrap-details .details-list-1 {
float: left;
width: 319px;
}
.wrap-details .details-list-1 .col-1i,
.wrap-details .details-list-2 .col-1i {
width: 118px;
padding: 0 10px 0 0;
}
.wrap-details .details-list-1 .col-2i {width: 191px;}
.wrap-details .details-list-2 {
float: right;
width: 298px;
display: inline;
margin: 0 9px 0 0;
}
.wrap-details .details-list-2 .col-2i {width: 170px;}
/* page checkout-13 */
.order-confirmation {
background: #018ED3;
}
.order-confirmation h2 {
color: #fff;
font-size: 11px;
padding: 5px 15px;
}
/* tabs */
.better .review-area {
border-top: 2px solid #CECFD0;
background-color: #E3E3E3;
clear: both;
overflow: hidden;
padding: 27px 34px;
}
.better h3.section
{
padding-left: 6px;
padding-bottom: 10px;
}
.better .review-area p {
margin-bottom: 1em;
}
.better .review-area .exclaim {
float:left;
font-weight: bold;
margin-left: -17px;
margin-top: 2px;
}
.better .review-title {
margin-top: 8px;
margin-bottom: 8px;
float: left;
}
.better .review-title h3 {
float: left;
line-height: 14px;
}
.better .review-title a {
margin-left: 15px;
line-height: 16px;
}
.better .review-avg-rating {
float:right;
}
.better .review-avg-rating li {
font-size: 10px;
}
.better .tab-colb
{
float: right;
width: 161px;
vertical-align: middle;
margin-top: 25px;
margin-left: 40px;
}
.better .tab-colb img.mb-20
{
margin-bottom: 20px;
}
.better .tab-info-box p
{
margin-bottom: 1em;
}
.better .tab-info-box
{
text-align:left;
padding: 16px;
border: 2px solid #f5f5f5;
background-color: #fbfbfc;
font-size: 9px;
color: black;
margin-bottom: 20px;
}
.better .tab-info-box h3
{
font-size: 9px;
}
.better .tab-info-box .cost
{
color: rgb(179,179,179);
}
.better .tab-info-box .cost .value
{
color: rgb(41,180,115);
}
.better .tab-main
{
padding: 25px 25px 0 25px;
}
.better .tab-main h3 span.label
{
color: #888;
}
.better .tab-main h4
{
font-size: 10px;
margin-top: 1em;
}
.better .tab-main p
{
font-size: 10px;
line-height: 12px;
margin-bottom: 1em;
}
.better .tab-main p.lh
{
margin-bottom: 0;
}
.better .tab-main ul
{
list-style: disc outside;
font-size: 10px;
line-height: 12px;
margin-bottom: 10px;
margin-left: 1.3em;
}
.better .tab-main p.fineprint
{
color: rgb(153,153,153);
font-size: 9px;
}
.better .tab-main.clear
{
clear: both;
}
.better .tab-main.pt-0
{
padding-top: 0px;
}
.better .tab-main.pr-0
{
padding-right: 0px;
}
.better .tab-main.mr-180
{
margin-right: 180px;
}
.better .tab-main table { border-collapse: collapse; }
.better .tab-main table tr.alternate td { background-color: rgb(242,242,242);}
.better .tab-main table th { border-bottom: 2px solid black;}
.better .tab-main table th, .better .tab-main table td { padding: 5px 3px 5px 3px; text-align: left; font-size: 10px; }
.better .tab-main table td.label { width: 30%; color: rgb(77,77,77); }
.better .tab-main table td.bb { width: 50%; color: black }
.better .tab-main table td.comp { width: 20%; color: rgb(31,47,98); }
.better .tab-main table.specs td.label { width: 30%; vertical-align: top; }
.better .tab-main table.specs td.bb { width: 70%; vertical-align: top; }
.accessory-box {
background: url("../images/acc-box-grad.gif") repeat-x scroll bottom left;
width: 134px;
height: 155px;
float: left;
border: 1px solid #e0e0e0;
padding: 13px;
margin: 10px 10px 0 0;
}
.better .tab-main .accessory-box h4 {
font-size: 9px;
}
.better .tab-main .accessory-box p {
font-size: 10px;
color: rgb(128,128,128);
}
/* Solution and info pages */
.mt-65 { margin-top: 50px;}
div.intro, div.wide {
margin-left: 20px;
margin-right: 20px;
}
div.intro {
padding-bottom: 50px;
border-bottom: 1px solid #bbbdbf;
}
div.intro.no-border {
border: none;
}
div.col-a
{
width: 45%;
float:left;
padding: 0 0 0 20px;
}
div.col-a-3
{
color: #808183;
font-size: 11px;
width: 63%;
float:left;
padding: 0 0 0 20px;
}
div.intro h2 { color: rgb(100,100,100); padding-bottom: 10px; }
div.intro p.crumbtrail { font-weight: normal; padding-bottom: 0px;}
div.intro h4 { color: rgb(100,100,100); padding-bottom: 1em; font-size: 11px; }
div.intro h3, div.col-a h3, div.col-b h3 { font-size: 14px; color: rgb(100,100,100); padding-bottom: 1em;}
div.col-a p, div.col-b p, div.intro p, div.wide p { font-size: 11px; color: rgb(100,100,100); padding-bottom: 1em;}
div.intro h3.link { padding-bottom: 0px;}
div.intro h3.link a.back-to-top { font-size:9px; font-weight: normal;}
div.wide ul li img {float: left; margin-top: 1px; padding-right: 10px; }
div.col-a ul li {margin-bottom: 3px;}
div.wide ul li {margin-top: 10px;}
div.intro ul li h4 {padding-bottom: 0px;}
div.intro ul li {margin-bottom: 3px;}
div.intro hr {
height: 1px;
border-top: 1px solid #bbbdbf;
border-bottom: none;
border-left: none;
border-right: none;
margin-bottom: 15px;
}
div.intro table {
color: rgb(100,100,100);
font-size: 11px;
border-collapse: collapse;
padding:0px;
margin: 0px;
}
div.intro table td {
padding-top: 3px;
padding-right: 20px;
}
div.col-b {
width: 43%;
float:right;
padding: 0 20px 0px 20px;
border-left: 1px solid #bbbdbf;
}
div.col-b-2 {
width: 43%;
float:right;
padding: 0 20px 0px 20px;
}
div.col-b-3 {
width: 25%;
float:none;
padding: 0 20px 0px 20px;
}
div.wide h4 a, div.col-b h4 a { font-size:11px; font-weight:normal; padding-bottom: 0px; }
div.col-b ul li h4
{
font-size: 11px;
color: rgb(100,100,100);
}
div.col-b.with-bg
{
background-color: rgb(230,230,230);
margin-right: 20px;
padding-right: 0px;
}
div.col-b .loc_map
{
background-color: white;
height: 195px;
width: 245px;
margin-top: 20px;
margin-bottom: 20px;
}
div.col-b ul li
{
margin-right: 1px;
margin-bottom: 3px;
}
#loc_search_go {
border: none;
vertical-align: middle;
padding-bottom: 3px;
margin-left: 10px;
}
.wrap-top10, .product-spotlight, .bb-recommends {
background: url("../images/sidebar-grad.gif") repeat-x scroll top left;
color:#808183;
font-size:10px;
margin:15px 0pt 0pt;
padding:16px 5px 10px 15px;
width:137px;
}
.wrap-top10 h4 {
font-size: 13px;
}
.wrap-top10 h4 a {
font-size: 10px;
color: #0066B2;
}
.wrap-top10 p strong, .product-spotlight p strong, .bb-recommends p strong {
color: #76AE2E;
}
.wrap-top10 p strong span, .product-spotlight p strong span, .bb-recommends p strong span {
font-weight: normal;
text-decoration:line-through;
color: #767677;
}
.wrap-top10 li
{
margin-top: 10px;
padding-bottom: 5px;
border-bottom:1px solid #E3E3E3;
}
.wrap-top10 li img
{
margin-bottom: 5px;
}
.product-spotlight img {
margin-top: 5px;
}
.bb-recommends img.bb-diamond
{
float: right;
margin-right: 5px;
}
.bb-recommends h3
{
margin-top: 2px;
}
.bb-recommends div.recommended-prod {
background: white;
border: 1px solid #cccccc;
padding: 9px;
margin-right: 10px;
margin-top: 10px;
}
.bb-recommends div.recommended-prod h4 a {
color: #0066B2;
}
.bb-recommends div.recommended-prod img {
margin-bottom: 5px;
}
div.inner-footer {
clear: both;
border-top: 1px solid #bbbdbf;
margin-left: 20px;
margin-right: 20px;
padding-top: 10px;
color: rgb(100,100,100);
}
div.inner-footer h3{
color: rgb(100,100,100);
}
/* partner-portal */
#partner-portal {
top: 0;
left: 0;
width: 670px;
height: 181px;
position: absolute;
}
#partner-portal strong {
top: 25px;
left: 10px;
position: absolute;
}
#partner-portal strong a {
width: 227px;
height: 33px;
display: block;
overflow: hidden;
text-indent: -12000px;
background: url("../images/logo.gif") no-repeat;
}
/* partner-portal-nav */
.portal-nav {
left: 0;
top: 65px;
width: 760px;
position: absolute;
background: url("../images/d-line.gif") repeat-x;
}
.portal-nav li {
float: left;
font-size: 17px;
font-weight: bold;
padding: 1px 0 0 0;
}
.portal-nav li a {
color: #fff;
padding: 0 10px;
line-height: 32px;
}
.portal-nav li a:hover,
.portal-nav li .active {text-decoration: none;}
.portal-nav li ul {
left: 0;
top: 33px;
margin: 0;
padding: 0;
width: 760px;
position: absolute;
}
.RecordPaging td
{
width:196px;
margin-right:310px;
}
.primary-info div .results
{
width:610px;
}
.partner-ready4u h3
{
font-family: Arial;
font-weight:bold;
font-size:14px;
color:#161616;
}
.partner-ready4u
{
position:relative;
font-family: Arial;
font-size:11px;
color:#727272;
width:90%;
float:left;
left:20px;
padding-bottom:20px;
}
.partner-ready4u hr
{
height:1px;
color:#bbbdbf;
background-color:#bbbdbf;
}