/* Universal and Wrapper */
html {
background: url(../images/backdrop.png) repeat-x;
background-color: #d5d5d5;
height: 100%;
}
body {
margin: 0;
padding: 0;
text-align: left;
background: url(../images/wrapper.png) repeat-y;
background-position: 50% 0%;
}
#wrapper {
border-left: 1px solid #9f9f9f;
border-right: 1px solid #9f9f9f;
width: 990px;
display: block;
background: url(../images/container.png) repeat-y;
position: relative;
left: 50%;
margin-left: -495px;
height: auto;
min-height: 100%;
}
/* Common Functions */
.clear { clear: both; }
.break { display: block; clear: both; height: 10px; }
/* Customer Login Area */
#top-nav {
width: 990px;
background: url(../images/top-nav.png) repeat-y;
background-color: #0e0d0e;
display: block;
height: 47px;
}
#home-links {
display: block;
float: left;
width: 408px;
font-family: tahoma,arial,sans-serif;
font-size: 11px;
padding-left: 20px;
padding-top: 15px;
}
#home-links a {
display: block;
float: left;
margin-right: 12px;
text-decoration: none;
}
#home-links a:hover {
color: #fff301;
}
.home-1 { color: #a0a0a0; }
.home-2 { color: #c3c3c3; }
.home-3 { color: #fff; }
#login-bar {
display: block;
width: 562px;
float: left;
background: url(../images/spritesheet-1.gif) no-repeat;
background-position: -160px -37px;
height: 47px;
padding: 0;
}
#loginuserbox {
display: block;
width: 547px;
float: left;
height: 35px;
padding-right: 15px;
text-align: right;
font-size: 11px;
font-family: tahoma;
color: #a0a0a0;
padding-top: 12px;
}
#loginuserbox a {
color: #fff301;
text-decoration: none;
display: block;
float: right;
margin-right: 5px;
padding: 3px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#loginuserbox a:hover {
color: #202020;
background-color: #fce20a;
}
#loginuserbox span {
display: block;
float: right;
padding: 3px;
background-color: #313131;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #cecece !important;
margin-right: 5px;
}
#login-bar {
margin: 0;
padding: 0;
}
#login-bar input {
display: block;
float: left;
font-family: tahoma,verdana,sans-serif;
font-size: 11px;
color: #767676;
}
.username {
width: 156px;
height: 24px;
border: 0;
margin: 0;
background: url(../images/spritesheet-1.gif) no-repeat;
background-position: -283px 0px;
margin-top: 7px;
margin-left: 172px;
padding-left: 29px;
padding-right: 5px;
padding-top: 6px;
color: #767676;
margin-right: 4px;
position: relative;
top: -1px;
}
.password {
width: 101px;
height: 24px;
border: 0;
margin: 0;
background: url(../images/spritesheet-1.gif) no-repeat;
background-position: -473px 0px;
margin-top: 7px;
padding-left: 32px;
padding-right: 5px;
padding-top: 6px;
color: #767676;
margin-right: 4px;
position: relative;
top: -1px;
left: 0px;
}
.go {
width: 34px;
height: 28px;
background: url(../images/spritesheet-1.gif) no-repeat;
background-position: -170px -408px;
position: relative;
top: 10px;
}
/* Left Sidebar */
#sidebar-left {
display: block;
float: left;
width: 236px;
height: auto;
}
#cart {
display: block;
height: 49px;
width: 236px;
background: url(../images/spritesheet-1.gif) no-repeat;
background-position: 0px -98px;
}
#cart-contents {
display: block;
height: 50px;
background: url(../images/spritesheet-1.gif) no-repeat;
background-position: 0px -147px;
width: 164px;
font-family: tahoma,arial,sans-serif;
font-size: 11px;
color: #fff;
padding-left: 72px;
padding-top: 15px;
line-height: 17px;
}
#cart-contents a {
color: #fcf00a;
text-decoration: none;
}
#cart-contents a:hover {
color: #dadada;
}
#search {
display: block;
height: 49px;
width: 236px;
background: url(../images/spritesheet-1.gif) no-repeat;
background-position: 0px -359px;
}
#search-form {
display: block;
background-color: #353434;
height: 57px;
width: 236px;
}
#search-form form {
position: relative;
left: 14px;
}
.product-search, .search-404 {
display: block;
float: left;
width: 150px;
height: 21px;
background: url(../images/spritesheet-1.gif) no-repeat;
background-position: 0px -408px;
border: 0;
margin: 0;
position: relative;
top: 10px;
margin-right: 5px;
padding-top: 7px;
padding-left: 10px;
padding-right: 10px;
font-size: 11px;
font-family: tahoma,arial,sans-serif;
color: #343434;
}
.product-submit {
width: 34px;
height: 28px;
background: url(../images/spritesheet-1.gif) no-repeat;
background-position: -170px -408px;
position: relative;
top: 10px;
}
#outdoor-clothing {
display: block;
height: 49px;
width: 236px;
background: url(../images/spritesheet-1.gif) no-repeat;
background-position: 0px -310px;
}
#sidebar-left ul {
display: block;
margin-top: 8px;
margin-bottom: 8px;
}
#sidebar-left ul li a {
display: block;
background: url(../images/menu.gif) no-repeat;
padding-left: 14px;
padding-top: 5px;
padding-bottom: 5px;
font-size: 11px;
font-family: tahoma,arial,sans-serif;
color: #212121;
text-decoration: none;
text-indent: 27px;
height: 13px;
}
#sidebar-left ul li a:hover {
background-position: 0px -23px;
background-color: #e1e1e1;
}
#info {
display: block;
height: 49px;
width: 236px;
background: url(../images/spritesheet-1.gif) no-repeat;
background-position: 0px -261px;
}
#contact {
display: block;
width: 172px;
height: 22px;
background: url(../images/spritesheet-1.gif) no-repeat;
background-position: 0px -212px;
padding-top: 27px;
padding-left: 64px;
margin-bottom: 15px;
}
#contact a {
color: #fff;
text-decoration: none;
font-family: tahoma,arial,sans-serif;
font-size: 11px;
}
#contact a:hover {
color: #d5d5d5;
border-bottom: 1px dotted #fff;
}
/* Content Body */
#content-wrapper {
width: 754px;
display: block;
float: left;
height: auto;
background: url(../images/spritesheet-1.gif) no-repeat;
background-position: 0px -604px;
padding-top: 96px;
}
#menu-bar {
width: 754px;
height: 42px;
clear: both;
background: url(../images/menu.png) repeat-x;
}
#content {
display: block;
float: left;
width: 594px;
height: auto;
}
#seasonal {
width: 594px;
height: 166px;
display: block;
margin-bottom: 15px;
}
#seasonal-content {
position: relative;
left: 417px;
width: 139px;
top: 72px;
height: 48px;
overflow: hidden;
color: #fff;
font-family: tahoma,arial,sans-serif;
font-size: 11px;
display: block;
}
#seasonal-more {
width: 139px;
display: block;
position: relative;
top: 75px;
height: 32px;
border: 0;
left: 417px;
}
.featured, .featured-associated {
display: block;
width: 181px;
height: 207px;
background: url(../images/spritesheet-1.gif) no-repeat;
background-position: -239px -98px;
float: left;
margin-left: 12px;
text-align: center;
margin-bottom: 10px;
}
.cat-image {
width: 153px;
height: 107px;
}
.featured-associated {
background: url(../images/spritesheet-1.gif) no-repeat;
background-position: -424px -98px;
height: 235px;
}
.featured-image {
display: block;
margin-top: 14px;
height: 107px;
margin-left: 14px;
width: 153px;
position: relative;
}
.featured-link {
display: block;
margin-top: 7px;
margin-left: 20px;
width: 143px;
height: 35px;
color: #fff214;
text-decoration: none;
font-size: 11px;
font-family: tahoma,arial,sans-serif;
}
.featured-link:hover {
color: #d2d2d2;
}
.featured p.price, .featured-associated p.price {
display: block;
text-align: center !important;
color: #fff !important;
font-size: 11px;
font-family: tahoma,arial,sans-serif;
margin-top: 8px;
width: 143px;
height: 25px;
}
.featured h1, .featured-associated h1 {
display: block;
color: #fff;
font-size: 11px;
font-family: tahoma,arial,sans-serif;
margin-top: 7px;
width: 143px;
height: 25px;
margin-left: 20px;
}
.associated-options {
display: block;
margin-left: 10px;
margin-right: 11px;
padding: 4px;
background-color: #131313;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #fff;
font-size: 11px;
height: 18px;
margin-top: -18px !important;
}
#content p {
display: block;
padding-left: 19px;
padding-right: 19px;
font-family: tahoma,arial,sans-serif;
font-size: 11px;
color: #656565;
text-align: justify;
line-height: 19px;
margin-bottom: 20px;
}
#static ul {
display: block;
margin-bottom: 15px;
padding-left: 40px;
padding-right: 15px;
font-size: 11px;
font-family: tahoma,sans-serif;
color: #8f8f8f;
margin-top: -5px !important;
}
#static ul li {
display: block;
margin-bottom: 2px;
background: url(../images/bullet3.gif) no-repeat;
padding-top: 0px;
padding-bottom: 3px;
padding-left: 25px;
line-height: 19px;
}
#static img.left {
display: block;
float: left;
clear: left;
margin-right: 10px;
}
#static img.right {
display: block;
float: right;
clear: right;
margin-left: 10px;
}
.static-image {
display: block;
margin-left: 16px;
padding: 1px;
background-color: #101110;
border: 6px solid #303330;
width: 547px;
margin-bottom: 15px;
}
.static-image div {
display: block;
position: relative;
top: -63px;
height: 63px;
margin-bottom: -63px;
}
.static-image span {
display: block;
font-family: tahoma,arial,sans-serif;
color: #fff;
font-size: 11px;
padding-left: 15px;
margin-top: -15px !important;
}
.static-image h1 {
display: block;
color: #fce90a !important;
padding-left: 13px;
padding-top: 5px;
font-size: 28px;
text-transform: uppercase;
letter-spacing: -1px;
}
#content p strong {
font-weight: bold;
}
#content p a, #static ul li a {
color: #313131;
font-weight: bold;
}
#content p a:hover, #static ul li a:hover {
color: #5d5d5d;
}
#content h2 {
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
display: block;
padding: 10px;
background-color: #1b1b1b;
width: 548px;
margin-left: 12px;
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
font-family: arial,sans-serif;
font-size: 11px;
font-weight: bold;
color: #fff002;
}
#content h4, #content h1 {
font-size: 24px;
font-family: tahoma,arial,sans-serif;
letter-spacing: -1px;
margin-left: 15px !important;
display: block;
margin-bottom: 20px !important;
text-transform: uppercase;
height: 28px !important;
padding: 0 !important;
padding-top: 7px !important;
}
#content h5, .product-overview h1.prod-name, h1.alt-img {
font-size: 28px;
font-family: tahoma,arial,sans-serif;
letter-spacing: -1px;
display: block;
color: #1a1a1a;
background: none !important;
margin-bottom: 0px !important;
padding: 0 !important;
height: auto !important;
}
h1.prod-name {
font-size: 22px !important;
}
h1.alt-img {
font-size: 18px;
text-transform: uppercase;
margin-bottom: 20px !important;
padding-top: 10px !important;
border-top: 1px solid #dad9d1;
clear: both;
position: relative;
top: 15px;
height: 30px;
}
.additional-images {
display: block;
clear: both;
}
.additional-images img {
display: block;
float: left;
margin-right: 10px;
}
#content strong {
font-weight: normal;
}
.title-sub {
display: block;
margin-left: 15px;
font-size: 11px;
font-family: tahoma,arial,sans-serif;
color: #686868;
margin-top: -10px;
}
/* Right Sidebar */
#sidebar-right {
width: 160px;
display: block;
height: auto;
float: left;
padding-bottom: 15px;
}
#brands {
display: block;
height: 49px;
width: 160px;
background: url(../images/spritesheet-1.gif) no-repeat;
background-position: 0px 0px;
margin-bottom: 5px;
}
#brands-full {
display: block;
height: 49px;
width: 160px;
background: url(../images/spritesheet-1.gif) no-repeat;
background-position: 0px -49px;
margin-bottom: 5px;
margin-top: 10px;
}
.brand {
display: block;
border: 0px;
}
#sidebar-right select {
width: 141px;
margin-left: 10px;
margin-top: 6px;
border: 1px solid #cccccc;
font-size: 11px;
font-family: tahoma,arial,sans-serif;
padding: 2px;
background-color: #f7f7f7;
padding-bottom: 0px;
}
#sidebar-right select option {
border-bottom: 1px solid #b4b4b4;
border-right: 1px solid #b4b4b4;
padding: 4px;
background: url(../images/spritesheet-1.gif) no-repeat;
background-color: #f7f7f7;
text-indent: 15px;
background-position: -258px -380px;
}
/* Brands List */
.brands-container {
padding-left: 19px;
padding-right: 19px;
text-align: center;
display: block;
}
.brand-row {
display: block;
text-align: center;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid #e1e0e0;
background-color: #eeeeee;
margin-bottom: 10px;
padding-top: 8px;
padding-bottom: 5px;
padding-left: 35px;
}
.brand-row a {
width: 160px;
height: 33px;
display: block;
float: left;
font-size: 11px;
font-weight: bold;
color: #535353;
text-decoration: none;
font-family: arial,tahoma,sans-serif;
background: url(../images/spritesheet-1.gif) no-repeat;
background-position: -239px -310px;
padding-top: 22px;
}
.brand-row a:hover {
color: #232323;
}
.brand-row a img {
margin-top: -22px;
}
/* Footer */
#footer {
display: block;
clear: both;
height: 74px;
width: 990px;
background: url(../images/spritesheet-1.gif) no-repeat;
background-position: 0px -530px;
}
#logo-small {
width: 354px;
height: 35px;
display: block;
position: relative;
left: 25px;
top: 20px;
float: left;
}
#logo-small img {
margin-right: 20px;
display: block;
float: left;
}
#footer-links {
clear: right;
display: block;
float: right;
padding-top: 44px;
padding-right: 18px;
text-align: right;
}
#logo-small a.ftlink {
color: #fff002;
font-size: 11px;
text-decoration: none;
display: block;
float: left;
position: relative;
top: 21px;
margin-right: 8px;
}
#logo-small a.ftlink:hover {
color: #929292;
}
#footer-links {
font-family: verdana;
font-size: 10px;
color: #656565;
}
#footer-links a {
text-decoration: none;
color: #656565;
}
/* Menu Items */
#menu148, #menu508, #menu555, #menu154, #menu155, #menu713 {
width: 102px;
height: 42px;
padding: 0;
margin: 0;
z-index: 1;
border: 0;
}
#menu148 { width: 102px; background: url(../images/spritesheet-1.gif) no-repeat; background-position: -839px -177px; text-indent: -9999px; overflow: hidden; }
#menu508 { width: 107px; background: url(../images/spritesheet-1.gif) no-repeat; background-position: -787px 0px; text-indent: -9999px; overflow: hidden; }
#menu555 { width: 85px; background: url(../images/spritesheet-1.gif) no-repeat; background-position: -896px 0px; text-indent: -9999px; overflow: hidden; }
#menu154 { width: 215px; background: url(../images/spritesheet-1.gif) no-repeat; background-position: -683px -88px; text-indent: -9999px; overflow: hidden; }
#menu155 { width: 91px; background: url(../images/spritesheet-1.gif) no-repeat; background-position: -899px -88px; text-indent: -9999px; overflow: hidden; }
#menu713 { width: 153px; background: url(../images/spritesheet-1.gif) no-repeat; background-position: -683px -177px; text-indent: -9999px; overflow: hidden; }
#menu148:hover { background-position: -839px -219px; }
#menu508:hover { background-position: -787px -42px; }
#menu555:hover { background-position: -896px -42px; }
#menu154:hover { background-position: -683px -130px; }
#menu155:hover { background-position: -899px -130px; }
#menu713:hover { background-position: -683px -219px; }
#navigation { font:14px Arial; background: #171717; }
#navigation a:link, #navigation a:visited { color: #b1b1b1; text-decoration:none; }
#navigation a:hover { color:#fff; text-decoration:none; }
#navigation a:link, #navigation a:visited { color: #b1b1b1; text-decoration:none; }
#navigation a:hover { color:#fff; text-decoration:none; }
#navigation .current a:link, #navigation .current a:visited { color: #fff;text-decoration:none;}
.nav, .nav * { margin: 0; padding: 0; list-style: none; }
.nav ul { position:absolute; top:-999em; width: 200px; }
.nav li { float:left; position:relative; z-index:20; font-size:12px; }
.nav a { display: block; }
.nav ul li { width: 100%; }
.menu-pad { padding: 10px; }
.nav li:hover ul,ul.nav li.sfHover ul { left: 0px; top: 42px; }
.nav li:hover li ul,.nav li.sfHover li ul { top:-999em; }
.nav li li:hover ul,ul.nav li li.sfHover ul { left:200px;top:0px; }
.nav li:hover ul,.nav li li:hover ul { top: -999em; }
.nav li { background: url(../images/spritesheet-1.gif) no-repeat; background-position: -614px -268px; text-indent: 20px; background-color: #252525; border-bottom: 1px solid #161616; }
.nav li:hover { background-color: #313131; }
.nav li li:hover { background-color:#2c2c2c; }
.nav li li li { background-color:#363636; }
.nav li li li:hover { background-color:#3d3d3d; color: #ffffff; }
.main-nav {
padding: 0;
margin: 0;
border: 0;
}
.main-nav a h1 {
display: none;
}
/* Shop Page List =================================== */
table.product-list {
display: block;
margin-bottom: 15px;
margin-left: 15px;
margin-right: 15px;
}
table.product-list td {
text-align: center;
padding: 8px;
}
/* Product Tabs */
#tabs {
font-size: 82.5%;
margin-left: 12px;
width: 561px;
}
.breadcrumbs {
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
display: block;
padding: 10px;
background-color: #1b1b1b;
width: 543px;
margin-left: 12px;
margin-top: 13px;
text-align: left;
font-family: arial,sans-serif;
font-size: 11px;
color: #9b9b9b;
padding-left: 15px;
}
.breadcrumbs a {
font-weight: bold;
color: #fff002;
text-decoration: none;
}
.breadcrumbs a:hover {
color: #e5e5e5;
}
.product-image {
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
display: block;
padding: 10px;
width: 180px;
background-color: #fff;
border: 1px solid #d5d5d5;
text-align: center;
padding-bottom: 25px;
float: left;
font-size: 11px;
}
.product-image img {
max-width: 180px;
height: auto;
}
.product-image-container {
display: block;
text-align: center;
clear: both;
padding-bottom: 10px !important;
}
.product-image span {
width: auto;
padding: 8px;
background: url(../images/fancy-sprites.png) no-repeat;
background-position: 4px -418px;;
padding-left: 35px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background-color: #f2f2f2;
}
.product-image span:hover {
background-color: #fff002;
}
.product-image a {
text-decoration: none;
}
.product-overview {
display: block;
margin-left: 15px;
float: left;
width: 314px;
padding-right: 0px;
}
.product-overview h1 {
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
display: block;
padding: 10px;
background-color: #1b1b1b;
text-align: left;
font-family: tahoma,arial,sans-serif;
font-size: 18px;
color: #fff002;
margin-bottom: 6px;
}
.product-overview ul {
display: block;
padding-top: 14px;
padding-bottom: 8px;
font-size: 11px;
color: #545454;
}
.product-overview ul li em {
font-weight: bold;
color: #282828;
font-style: normal;
}
.product-overview ul li {
display: block;
padding-left: 43px;
margin-bottom: 8px;
background: url(../images/spritesheet-1.gif) no-repeat;
background-position: -238px -383px;
}
.product-options, .product-options-alt {
display: block;
padding-top: 10px;
padding-bottom: 15px;
border-top: 1px solid #dad9d1;
}
.product-options-alt {
margin-top: 10px !important;
padding-bottom: 0px;
}
.share {
display: block;
float: right;
margin-left: 6px;
clear: right;
margin-top: 13px;
}
.product-details {
font-family: tahoma,arial,sans-serif;
font-size: 11px;
text-align: justify;
line-height: 15px;
}
.product-details p {
margin-bottom: 10px;
padding: 0px !important;
}
.product-details ul {
display: block;
padding-top: 10px;
}
.product-details ul li {
display: block;
padding-left: 43px;
margin-bottom: 8px;
background: url(../images/spritesheet-1.gif) no-repeat;
background-position: -238px -383px;
}
.product-options label, .product-options-alt label {
display: block;
text-transform: lowercase;
font-variant: small-caps;
float: left;
padding-right: 5px;
margin-right: 8px;
border-right: 1px solid #deddd7;
position: relative;
top: 2px;
font-size: 11px;
}
.product-options-alt select {
border: 1px solid #deddd7;
display: block;
font-size: 10px !important;
font-family: tahoma,arial,sans-serif !important;
}
.product-options select {
border: 1px solid #deddd7;
display: block;
float: left;
width: 313px;
}
.product-options input[type="radio"] {
display: block;
float: left;
}
.price-strip, .price-strip-alt {
display: block;
background: url(../images/price-strip.gif) repeat-x;
height: 66px;
margin-top: 15px;
}
.price-strip span, .price-strip-alt span {
display: block;
float: left;
width: 100px;
height: 40px !important;
padding: 10px !important;
padding-top: 15px !important;
padding-left: 15px !important;
text-align: center;
font-weight: normal;
font-family: arial,tahoma,sans-serif;
font-size: 30px;
color: #c51010;
letter-spacing: -1px;
}
.price-strip-alt span {
padding-top: 26px !important;
}
.alt-view-container {
display: block;
padding: 10px;
margin-bottom: 10px;
background-color: #e9e7e4;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.alt-view-container a {
display: block;
float: left;
margin-right: 10px;
padding: 4px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background-color: #ffffff;
border: 1px solid #dcd9d3;
}
.alt-view-container div h1 {
font-size: 18px !important;
font-weight: bold;
letter-spacing: -1px;
color: #7b7770;
height: auto !important;
margin: 0 !important;
}
.alt-view-container h3 {
font-size: 14px;
font-weight: bold;
}
.alt-view-container div {
font-size: 11px;
}
.cart-add {
display: block;
float: right;
width: 123px;
height: 37px;
background: url(../images/spritesheet-1.gif) no-repeat;
background-position: -160px 0px;
border: 0;
cursor: pointer;
margin-right: 10px;
margin-top: 14px;
}
.viewcart-link {
font-weight: bold;
text-decoration: none;
color: #838383;
}
.viewcart-link:hover {
color: #6c6c6c;
}
/* Size Chart */
.size-menu {
display: block;
margin-left: 15px;
width: 542px;
min-height: 40px;
margin-bottom: 10px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background-color: #f9f9f9;
border: 1px solid #eeeeee;
padding: 10px;
margin-right: 15px;
}
.size-menu a {
display: block;
float: left;
width: 160px;
margin-left: 10px;
background: url(../images/spritesheet-1.gif) no-repeat;
text-indent: 23px;
background-position: -253px -380px;
margin-bottom: 4px;
color: #656565;
padding: 4px;
font-weight: bold;
text-decoration: none;
font-size: 11px;
}
.size-menu a:hover {
background-color: #fff002;
color: #151515;
}
.size-guide {
border: 1px solid #646360;
background-color: #fff;
}
.size-guide tr { border-bottom: 1px solid #646360; }
.size-guide th { background-color: #7e7c78; color: #fff; border-right: 1px solid #72706b; }
.size-guide th, .size-guide td { padding: 10px; width: 14%; text-align: center; }
.left { background-color: #efeee9; }
/* Fancybox */
div#fancy_overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
display: none;
z-index: 30;
}
* html div#fancy_overlay {
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
div#fancy_wrap {
text-align: left;
}
div#fancy_loading {
position: absolute;
height: 40px;
width: 40px;
cursor: pointer;
display: none;
overflow: hidden;
background: transparent;
z-index: 100;
}
div#fancy_loading div {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 480px;
background: transparent url('../images/fancy_progress.png') no-repeat;
}
div#fancy_loading_overlay {
position: absolute;
background-color: #FFF;
z-index: 30;
}
div#fancy_loading_icon {
position: absolute;
z-index: 35;
width: 16px;
height: 16px;
}
div#fancy_outer {
position: absolute;
top: 0;
left: 0;
z-index: 90;
padding: 18px 18px 33px 18px;
margin: 0;
overflow: hidden;
background: transparent;
display: none;
}
div#fancy_inner {
position: relative;
width:100%;
height:100%;
border: 1px solid #BBB;
background: #FFF;
}
div#fancy_content {
margin: 0;
z-index: 100;
position: absolute;
}
div#fancy_div {
background: #000;
color: #FFF;
height: 100%;
width: 100%;
z-index: 100;
}
img#fancy_img {
position: absolute;
top: 0;
left: 0;
border:0;
padding: 0;
margin: 0;
z-index: 100;
width: 100%;
height: 100%;
}
div#fancy_close {
position: absolute;
top: -12px;
right: -15px;
height: 30px;
width: 30px;
background: url('../images/fancy_closebox.png') top left no-repeat;
cursor: pointer;
z-index: 181;
display: none;
}
#fancy_frame {
position: relative;
width: 100%;
height: 100%;
display: none;
}
#fancy_ajax {
width: 100%;
height: 100%;
overflow: auto;
}
a#fancy_left, a#fancy_right {
position: absolute;
bottom: 0px;
height: 100%;
width: 35%;
cursor: pointer;
z-index: 111;
display: none;
background-image: url(data:image/gif;base64,AAAA);
outline: none;
}
a#fancy_left {
left: 0px;
}
a#fancy_right {
right: 0px;
}
span.fancy_ico {
position: absolute;
top: 50%;
margin-top: -15px;
width: 30px;
height: 30px;
z-index: 112;
cursor: pointer;
display: block;
}
span#fancy_left_ico {
left: -9999px;
background: transparent url('../images/fancy_left.png') no-repeat;
background-position: -37px 0px !important;
}
span#fancy_right_ico {
right: -9999px;
background: transparent url('../images/fancy_right.png') no-repeat;
background-position: -73px 0px !important;
}
a#fancy_left:hover {
visibility: visible;
}
a#fancy_right:hover {
visibility: visible;
}
a#fancy_left:hover span {
left: 20px;
}
a#fancy_right:hover span {
right: 20px;
}
.fancy_bigIframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
}
div#fancy_bg {
position: absolute;
top: 0; left: 0;
width: 100%;
height: 100%;
z-index: 70;
border: 0;
padding: 0;
margin: 0;
}
div.fancy_bg {
position: absolute;
display: block;
z-index: 70;
border: 0;
padding: 0;
margin: 0;
}
div.fancy_bg_n {
top: -18px;
width: 100%;
height: 18px;
background: transparent url(../images/fancy_shadow_n.png) repeat-x;
}
div.fancy_bg_ne {
top: -18px;
right: -13px;
width: 13px;
height: 18px;
background: transparent url('../images/fancy_shadow_ne.png') no-repeat;
}
div.fancy_bg_e {
right: -13px;
height: 100%;
width: 13px;
background: transparent url(../images/fancy_shadow_e.png) repeat-y;
}
div.fancy_bg_se {
bottom: -18px;
right: -13px;
width: 13px;
height: 18px;
background: transparent url('../images/fancy_shadow_se.png') no-repeat;
}
div.fancy_bg_s {
bottom: -18px;
width: 100%;
height: 18px;
background: transparent url(../images/fancy_shadow_s.png) repeat-x;
}
div.fancy_bg_sw {
bottom: -18px;
left: -13px;
width: 13px;
height: 18px;
background: transparent url('../images/fancy_shadow_sw.png') no-repeat;
}
div.fancy_bg_w {
left: -13px;
height: 100%;
width: 13px;
background: transparent url(../images/fancy_shadow_w.png) repeat-y;
}
div.fancy_bg_nw {
top: -18px;
left: -13px;
width: 13px;
height: 18px;
background: transparent url('../images/fancy_shadow_nw.png') no-repeat;
}
div#fancy_title {
position: absolute;
bottom: -34px;
left: 0;
width: 100%;
z-index: 100;
display: none;
}
div#fancy_title div {
color: #FFF;
font: 11px Arial;
padding-bottom: 4px;
}
div#fancy_title table {
margin: 0 auto;
}
div#fancy_title td {
padding: 0;
vertical-align: middle;
}
td#fancy_title_left {
height: 32px;
width: 15px;
background: transparent url(../images/fancy_title_left.png) repeat-x;
}
td#fancy_title_main {
height: 32px;
background: transparent url(../images/fancy_title_main.png) repeat-x;
}
td#fancy_title_right {
height: 32px;
width: 15px;
background: transparent url(../images/fancy_title_right.png) repeat-x;
}
/* Registration Form =============================== */
.register-container, .order-details {
display: block;
padding: 10px;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
border: 1px solid #e8e8e8;
background-color: #f9f9f9;
margin-left: 10px;
margin-right: 10px;
}
form.register-form {
color: #474747;
font-size: 11px;
}
form.register-form p {
display: block;
clear: both;
padding-bottom: 10px !important;
}
form.register-form label {
display: block;
float: left;
width: 150px;
margin-right: 6px;
background-color: #eaeaea;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 6px;
border-right: 5px solid #e2e2e2;
}
form.register-form input {
display: block;
float: left;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 3px;
}
.register-form fieldset {
display: block;
padding: 10px;
padding-top: 5px;
padding-left: 0px;
}
abbr.req {
color: #d21818;
}
.register-submit, .left-submit {
display: block;
width: 120px;
padding: 8px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin-top: 4px;
background-color: #262626 !important;
color: #fcf00a;
font-weight: bold;
border: 1px solid #202020 !important;
cursor: pointer;
margin-left: 20px;
text-align: center !important;;
}
.left-submit {
display: block;
float: left;
margin-left: 6px;
margin-top: 0px;
padding-left: 8px !important;
}
.register-submit:hover, .left-submit:hover {
background-color: #171717;
}
/* Order Details ======================================================= */
.order-details {
padding-top: 10px !important;
margin-bottom: 15px !important;
}
.order-details p {
display: block;
margin-bottom: 10px;
padding-left: 0px !important;
}
.order-details p span {
display: block;
float: left;
width: 150px;
margin-right: 12px;
background-color: #eaeaea;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 6px;
border-right: 5px solid #e2e2e2;
}
.order-details-info {
display: block;
padding: 4px;
background-color: #2e2e2e;
text-align: center;
text-decoration: none;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #fff002;
font-size: 11px;
}
.order-details-info:hover {
color: #fff;
background-color: #070707;
}
.order-details p.float {
display: block;
float: left;
padding-left: 0px !important;
}
.single-order {
display: block;
padding: 10px;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid #f0f0f0;
background-color: #fff;
margin-bottom: 10px;
}
/* Sort By Links, Next/Prev & Script Messages ========================== */
.prevnext {
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
display: block;
padding: 10px;
background-color: #383838;
width: 543px;
margin-left: 12px;
text-align: left;
font-family: tahoma,arial,sans-serif;
font-size: 11px;
color: #c1c1c1;
padding-left: 15px;
text-align: center;
}
.prevnext a {
font-weight: bold;
text-decoration: none;
color: #fcf00a;
}
.order-by {
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
display: block;
padding: 10px;
background-color: #f4f4f4;
width: 543px;
margin-left: 12px;
margin-top: 4px;
text-align: left;
font-family: tahoma,arial,sans-serif;
font-size: 11px;
color: #9b9b9b;
padding-left: 15px;
margin-bottom: 13px;
}
.order-by a {
font-weight: bold;
color: #6f6f6f;
text-decoration: none;
}
.order-by a:hover {
color: #1f1f1f;
text-decoration: none;
}
p.error, p.success, #content h6 {
display: block;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background: url(../images/fancy-sprites.png) no-repeat;
background-color: #3e3e3e;
height: 24px;
margin-right: 20px;
margin-left: 20px;
background-position: 8px -128px;
padding-left: 35px !important;
padding-top: 5px !important;
padding-bottom: 2px !important;
margin-bottom: 5px !important;
color: #cbcbcb !important;
}
#content h6 {
background: url(../images/fancy-sprites.png) no-repeat;
background-position: 8px -190px;
background-color: #3e3e3e;
font-size: 11px;
padding-top: 10px !important;
margin-top: -5px !important;
margin-bottom: 15px !important;
height: 20px;
}
#content h6 a {
font-size: 11px;
color: #fff !important;
text-decoration: none;
font-weight: bold !important;
}
#content h6 a:hover {
color: #fcf00a !important;
}
p.success {
background: url(../images/fancy-sprites.png) no-repeat;
background-position: 8px -273px;
background-color: #3e3e3e;
}
span.highlight {
padding: 3px;
color: #3c3c3c;
background-color: #fff002;
}
p.search-result {
display: block;
padding: 5px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background: url(../images/fancy-sprites.png) no-repeat;
background-position: 6px -348px;
padding-left: 34px !important;
background-color: #f4f4f4;
margin-right: 15px;
margin-left: 12px;
color: #393939;
margin-bottom: 6px !important;
}
p.search-result a {
padding: 2px;
padding-left: 4px;
padding-right: 4px;
margin-top: -2px !important;
display: block;
float: left;
color: #595959 !important;
font-weight: bold;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
text-decoration: none;
}
p.search-result a:hover {
background-color: #fcf00a;
}
table.advanced-search {
display: block;
font-family: tahoma;
font-size: 11px;
margin-right: 15px;
margin-left: 15px;
margin-bottom: 20px;
border: 1px solid #cfcfcf;
width: auto;
}
table.advanced-search td {
padding: 6px;
padding-left: 8px;
}
table.advanced-search td.adv-title {
background-color: #efefef;
border-right: 6px solid #e1e1e1;
width: 120px;
}
table.advanced-search tr {
border-bottom: 1px solid #cfcfcf;
}
table.advanced-search input {
padding: 3px;
border: 1px solid #8a8a8a;
}
table.advanced-search input:hover {
background-color: #fcf00a;
border: 1px solid #222222;
}
table.advanced-search input.register-submit {
border: 1px solid #222222;
}
table.advanced-search input.register-submit:hover {
background-color: #222222;
border: 1px solid #222222;
}
table.advanced-search input.adv-radio {
margin-right: 5px;
border: none;
background: none;
}
/* Contact Form ==================================== */
form.contactform fieldset {
border: 1px solid #e4e4e4;
padding: 15px;
background-color: #f6f6f6;
margin-right: 15px;
margin-left: 15px;
}
form.contactform legend {
padding: 5px;
font-weight: bold;
color: #303030;
}
form.contactform label {
display: inline-block;
line-height: 1.8;
vertical-align: top;
}
form.contactform ol {
margin: 0;
padding: 0;
}
form.contactform li {
list-style: none;
padding: 5px;
margin: 0;
}
form.contactform fieldset fieldset {
border: none;
margin: 3px 0 0;
}
form.contactform fieldset fieldset legend {
padding: 0 0 5px;
font-weight: normal;
}
form.contactform fieldset fieldset label {
display: block;
width: auto;
margin-left: 133px; /* Width +3 (html space) */
}
form.contactform em {
font-weight: bold;
font-style: normal;
color: #f00;
}
form.contactform label {
width: 130px; /* Label Width */
}
form {
font-family: tahoma,arial,sans-serif;
font-size: 11px;
}
form.contactform input, form.contactform textarea {
padding: 4px;
font-family: arial,tahoma,sans-serif;
font-size: 11px;
border: 1px solid #c1c1c1;
background-color: #fff;
width: 180px;
margin-right: 4px;
}
form.contactform input:hover, form.contactform textarea:hover {
background-color: #fcf00a;
border: 1px solid #a1a1a1;
}
form.contactform input:focus, form.contactform textarea:focus {
background-color: #f1f1f1;
}
form.contactform input[type=submit] {
width: 100px;
cursor: pointer;
}
form.contactform select {
padding: 3px;
font-family: arial,sans-serif;
font-size: 11px;
}
form.contactform input[type=submit]:focus {
background-color: #efefef;
}
form.contactform button {
border: 1px solid #b30a0a;
background-color: #cb1b1b;
padding: 4px;
font-weight: bold;
color: #fff;
}
form.contactform select {
margin-bottom: 10px;
margin-left: -3px;
border: 1px solid #c1c1c1;
background-color: #fff;
padding: 3px;
font-family: tahoma,arial,sans-serif;
font-size: 11px;
}
form.contactform select:hover {
background-color: #f0f0f0;
}
form.contactform input[type=radio] {
border: 0;
background-color: transparent;
}
/* Sub Page Links ============================ */
table.subpage {
display: block;
width: 564px;
margin-bottom: 15px;
font-size: 11px;
margin-right: 15px;
margin-left: 15px;
}
.subpage td.link {
width: 181px;
padding-bottom: 6px;
}
.subpage td.link a {
display: block;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: url(../images/spritesheet-1.gif) no-repeat;
background-position: -257px -378px;
background-color: #f2f2f2;
padding: 6px;
padding-left: 20px;
color: #7c7c7c;
text-decoration: none;
}
.subpage td.link a:hover {
background-color: #dddddd;
}
/* Shopping Basket ================================ */
table.shoppingbasket, table.shoppingbasket-titles, table.existing-login {
display: block;
margin-left: 15px;
margin-right: 15px;
width: 564px;
font-size: 11px;
font-family: tahoma,arial,sans-serif;
background-color: #f7f7f7;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
margin-bottom: 10px;
}
table.shoppingbasket-titles {
background-color: #383838;
color: #fff002;
margin-bottom: 10px;
}
table.shoppingbasket-titles th {
padding: 6px;
padding-left: 10px;
font-weight: bold;
}
table.shoppingbasket th, table.shoppingbasket td {
padding: 6px;
padding-left: 10px;
}
table.shoppingbasket th {
border-right: 6px solid #dddddd;
border-bottom: 1px solid #dddddd;
padding-left: 10px;
}
table.shoppingbasket th.last {
border-right: 0;
}
table.shoppingbasket td.subtotal {
border-right: 6px solid #dddddd;
border-bottom: 0;
}
table.shoppingbasket td.subprice {
font-size: 20px;
letter-spacing: -1px;
padding-left: 8px;
border-bottom: 0;
}
table.shoppingbasket td {
border-bottom: 1px solid #eeeeee;
}
table.existing-login {
padding-top: 15px;
}
table.existing-login td {
padding: 6px;
padding-left: 10px;
}
table.existing-login td.first {
text-align: right;
width: 250px;
}
table.existing-login td.link a {
display: block;
text-align: center;
padding: 5px;
background-color: #e7e7e7;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}