body {margin: 0; background: #222222; padding: 0; text-align: center; color: #333333; font: 12px/18px "Lucida Grande", Tahoma, Arial, Verdana, sans-serif; cursor: default;}
form {margin: 0;}
table {margin: 0 0 10px; border-collapse: collapse; font: 100%;}
th, td {border: 1px solid #dddddd; padding: 0; text-align: left;}
h1 {margin: 0; padding: 0 0 20px; color: #333333; font: 20px/22px Arial, Helvetica, sans-serif; letter-spacing: -0.05em;}
h2 {margin: 0; padding: 10px 0 20px; color: #666666; font: bold 15px/17px Arial, Helvetica, sans-serif; letter-spacing: -0.05em;}
h3 {margin: 0; padding: 10px 0 20px; color: #999999; font-size: 15px; letter-spacing: -0.05em;}
p {margin: 0; padding: 0 0 10px;}
ul, ol {margin: 0; padding: 0 0 10px 40px;}
ul ul, ol ol, ul ol, ol ul {margin: 0;}
input, select, textarea {vertical-align: middle; margin: 0; padding: 0; color: #333333; font: 12px "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;}
img {vertical-align: middle; border: 0;}
a {color: #41b6d7; text-decoration: none;}
a:hover, a:active {color: #666666;}

.clearer {display: block; clear: both;}
.textfield1 {border: 2px solid #eeeeee; background-color: #ffffff;}
.w25pct {width: 25%;}
.w50pct {width: 50%;}
.w100pct {width: 100%;}
.w20px {width: 20px;}
.w30px {width: 30px;}
.w100px {width: 100px;}
.w200px {width: 200px;}
.tc {text-align: center;}
.tr {text-align: right;}
.fr {float: right;}

#spech1 {color: #cccccc;}
#spech1 span {background-color: #dddddd; color: #ffffff; padding: 0 7px;}
#spech1 strong {color: #333333; font-weight: normal;}
#spech1 strong span {background-color: #41b6d7; color: #ffffff;}

#header {background: #111111; font-size: 11px;}
#header2 {margin: 0 auto; width: 960px;}
#logo {padding: 20px 0 0; display: none;}
.home #logo {display: block;}
#tools {float: right; padding: 0; color: #999999;}
#tools #bags {display: block; float: left; margin: 25px 0 25px 10px;}
#tools #bag {display: block; border: 1px solid #444444; padding: 1px 5px;}
#tools #bag a {color: #cccccc;}
#tools #bag a:hover, #tools #bag a:active {color: #ffffff;}
#tools #bigbag {display: none; position: absolute; margin: -1px 0 0; border: 1px solid #444444; background: #000000; padding: 1px 5px; text-align: left; color: #999999;}
#tools #bigbag strong {color: #cccccc;}
#tools #bigbag a {color: #cccccc;}
#tools #bigbag a:hover, #tools #bigbag a:active {color: #41b6d7;}
#tools #user {text-transform: uppercase; display: block; float: left; margin: 25px 0 25px 10px; border: 1px solid #111111; padding: 1px 0;}
#tools #user a {margin: 0 0 0 7px; color: #999999;}
#tools #user a:hover, #tools #user a:active {color: #ffffff;}
#menu {padding: 0; text-transform: uppercase;}
#menu a {display: block; float: left; margin: 25px 2px 25px 0; border: 1px solid #111111; padding: 1px 5px; text-decoration: none; color: #bbbbbb;}
#menu strong a {border: 1px solid #555555; color: #ffffff; font-weight: normal;}
#menu a:hover, #menu a:active {color: #ffffff;}

#page {border-top: 1px solid #444444; background: url(../img/background.gif) repeat-x;}
#page2 {margin: 0 auto; width: 960px; text-align: left;}
#home {padding: 10px 0;}

#footer {color: #777777; padding: 0 5px;}
#footerlogo {float: left; padding: 10px 20px 0 0;}
.home #footerlogo {display: none;}
#footerbuttons {float: left; padding: 25px 0; font-size: 11px;}
#footerbuttons a {margin: 0 15px 0 0; color: #aaaaaa; text-decoration: none;}
#footerbuttons a:hover, #footer a:active {color: #ffffff;}
#copyright {padding: 25px 0; text-align: right; text-transform: uppercase; font-size: 9px;}
#copyright a {color: #777777; text-decoration: none;}
#copyright a:hover, #footer a:active {color: #cccccc;}

#back {float: right; padding: 15px 5px; font-weight: bold;}
#back a {margin: 0 0 0 20px; text-decoration: none; color: #41b6d7;}
#back a:hover, #back a:active {color: #ffffff;}
#path {padding: 15px 5px; color: #555555;}
#path a {text-decoration: none; color: #888888;}
#path strong a {color: #dddddd;}
#path a:hover, #path a:active {color: #ffffff;}
#submenu {padding: 0 0 15px; text-transform: uppercase; font-size: 10px;}
#submenu a {display: block; float: left; width: 136px; overflow: hidden; background: url(../img/arrow.gif) no-repeat -100px 50%; text-decoration: none; color: #bbbbbb;}
#submenu a:hover {background-position: 0 50%; color: #ffffff;}
#submenu a span {display: block; padding: 0 0 0 7px;}

#products {clear: both; border: 5px solid #cccccc; background: #ffffff; padding: 15px 10px 25px; line-height: 16px; font-size: 11px;}
#products.search {margin: 10px 0 0;}
#paging {float: right; padding: 7px 20px; font: 15px Arial, Helvetica, sans-serif; color: #41b6d7;}
#paging strong {background: #41b6d7; padding: 0 5px; color: #ffffff;}
#paging a {padding: 0 2px;}
#paging span {padding: 0 3px;}
#paging.bottom {padding: 0 20px;}

#products h1 {padding: 10px 0 20px 15px;}
#products2 { width: 100%; padding: 0;}
#products2 a {display: block; float: left; width: 155px; padding: 0 0 30px; color: #999999; text-decoration: none;}
#products2 a span {display: block; border-right: 1px solid #eeeeee; padding: 0 10px 0 15px;}
#products2 a.noline span {border-right: 0;}
#products2 strong {display: block; padding: 5px 0; color: #444444; font-weight: normal; font-size: 12px;}
#products2 em {text-decoration: line-through; color: #aaaaaa; font-style: normal;}
#products2 span span {display: inline; border: 0; padding: 0; color:#41b6d7; font-weight: bold;}
#products2 a:hover strong, #products2 a:active strong {color: #999999;}
#products2.subs strong {color: #41b6d7; font-weight: bold;}
#products2.subs a:hover strong {color: #666666;}

#product {clear: both; border: 5px solid #cccccc; background: #ffffff; padding: 35px;}
#productcola {float: left; width: 260px;}
#images img {display: block; float: left; margin: 0 8px 8px 0;}
#brandlogo {clear: both; padding: 30px 0;}
#productcolb {float: right; width: 590px;}
#productcolba {float: left; width: 275px;}
#productcolbb {float: right; width: 275px; color: #777777; font-size: 11px; line-height: 16px;}
#productcolbb2 a {display: block; float: left; margin: 0 5px 0 0; border: 1px solid #e8e8e8; border-bottom: 0; background: #ffffff; padding: 5px 10px;}
#productcolbb2 a.selected {margin-bottom: -1px; padding: 5px 10px 6px; color: #999999;}
.productcolbb3 {clear: both; border: 1px solid #e8e8e8; padding: 10px;}
#design {display: none;}
#friend {display: none;}
#items {margin: 30px 0; width: 100%; border-top: 1px solid #eeeeee; line-height: 14px; font-size: 11px;}
#items .codestock {color: #999999; white-space: nowrap;}
#items .tr {white-space: nowrap;}
#items .price {white-space: nowrap; }
#items .price em {text-decoration: line-through; color: #aaaaaa; font-style: normal;}
#items .price strong {color: #41b6d7;}
#items .price span {color: #aaaaaa;}
#items td {border: 0; border-bottom: 1px solid #eeeeee; padding: 5px;}
#items th {border: 0; border-bottom: 1px solid #eeeeee; padding: 5px; color: #999999;}
#moreproducts {line-height: 16px; font-size: 11px;}
#moreproducts a {display: block; float: left; width: 145px; padding: 0 0 30px; color: #999999; text-decoration: none;}
#moreproducts a span {display: block; border-left: 1px solid #eeeeee; padding: 0 10px 0 15px;}
#moreproducts strong {display: block; padding: 5px 0; color: #444444; font-weight: normal; font-size: 12px;}
#moreproducts em {text-decoration: line-through; color: #aaaaaa; font-style: normal;}
#moreproducts span span {display: inline; border: 0; padding: 0; color: #41b6d7; font-weight: bold;}
#moreproducts a:hover strong, #moreproducts a:active strong {color: #999999;}

#article {clear: both; margin: 10px 0 0; border: 5px solid #cccccc; background: #ffffff; padding: 35px;}

#formpage {clear: both; margin: 10px 0 0; border: 5px solid #cccccc; background: #ffffff; padding: 35px;}
#formpage2 {width: 100%;}
.formtable td {border: 0; padding: 0 20px 10px 0;}
.formlabel {font-weight: bold; font-size: 11px; color: #999999;}
.button1 {border: 0; background-color: #41b6d7; background-image: url(../img/button.gif); background-position: center center; background-repeat: no-repeat; width: 80px; padding: 5px 0; color: #ffffff; text-transform: uppercase; font-weight: bold; font-size: 11px; cursor: pointer;}
.button4 {border: 0; background-color: #999999; background-image: url(../img/button4.gif); background-position: center center; background-repeat: no-repeat; width: 80px; padding: 5px 0; color: #ffffff; text-transform: uppercase; font-weight: bold; font-size: 11px; cursor: pointer;}
.formtable.large {width: 100%; table-layout: fixed;}
.red {color: #cc0000 !important;}
.formtable h2 {padding: 0;}
.button2 {display: block; text-align: center; background-color: #41b6d7; background-image: url(../img/button2.gif); background-position: center center; background-repeat: no-repeat; width: 120px; padding: 5px 0; color: #ffffff; text-transform: uppercase; font-weight: bold; font-size: 11px; cursor: pointer;}
a.button2:hover {color: #ffffff;}
.button3 {display: block; text-align: center; background-color: #999999; background-image: url(../img/button3.gif); background-position: center center; background-repeat: no-repeat; width: 80px; padding: 5px 0; color: #ffffff !important; text-transform: uppercase; font-weight: bold; font-size: 11px; cursor: pointer;}
a.button3:hover {color: #ffffff !important;}
.overline td {border-top: 1px solid #eeeeee; padding: 10px 20px 10px 0;}
.nounderline td {border-bottom: 0 !important;}
.grey {color: #888888; white-space: nowrap;}
#items.font12 td {font-size: 12px;}
#items.font12 td.font14 {font-size: 14px; !important}
.font12 {font-size: 12px !important;}