* { margin: 0; padding: 0; list-style-type: none; } 
body { font-family: "Lucida Grande", Tahoma; font-size: 12px; background: url(images/bg.gif); background-position: 0 0; background-repeat: repeat-x; height: 100%; } 
form { height: 100%; } 

.wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -50px; padding-bottom: 75px; }

.clearer { clear: both; } 
a { text-decoration: none !important; color: #333333; } 
a:hover { text-decoration: underline !important; color: #333333; } 

#container { margin: 0 auto; width: 940px; } 
#header h1{ float: left; background: url(images/logo.gif) no-repeat; width: 135px; height: 36px; }
#header h1 a { float: left; width: 100%; height: 100%; text-indent: -10000px; } 
#header {  position: relative; z-index: 200; float: left; border-bottom: solid 1px #ccc; width: 940px; padding: 25px 0 5px 0; } 
#header .small-nav ul { position: absolute; top: 0; right: -10px; } 
#header .small-nav li { float: left; background: url(images/small-nav-sep.gif) no-repeat; background-position: 100% 2px; color: #333; padding: 0 10px 0 10px; } 
#header .small-nav li.last { background: none !important; } 
#header .small-nav li a { color: #333; } 
#header .small-nav li a:visited { color: #333; } 
#header .main-nav { float: left; margin-left: 65px; } 
#header .main-nav li { position: relative; float: left; margin-top: 19px; text-indent: -10000px; } 
#header .main-nav li.h { background: url(images/nav-home.gif) no-repeat; width: 56px; height: 23px; margin-left: 25px; } 
#header .main-nav li.w { background: url(images/nav-whats-new.gif) no-repeat; width: 135px; height: 23px; margin-left: 50px; } 
#header .main-nav li.d { background: url(images/nav-designers.gif) no-repeat; width: 113px; height: 23px; margin-left: 50px; }
#header .main-nav li.i { background: url(images/nav-in-store.gif) no-repeat; width: 146px; height: 23px; margin-left: 50px; } 
#header .main-nav li.women { background: url(images/nav-women.gif) no-repeat; width: 90px; height: 23px; margin-left: 50px; } 
#header .main-nav li.men { background: url(images/nav-men.gif) no-repeat; width: 65px; height: 23px; margin-left: 50px; } 
#header .main-nav li a { float: left; width: 100%; height: 100%; overflow: hidden; } 
#header .main-nav li.men ul.sub { margin-left: -65px; } 

#header .main-nav li ul.sub { display: none; position: absolute; top: 28px; left: -10px; border-top: solid 1px #fff; border-bottom: solid 2px #ccc; border-right: solid 2px #ccc; border-left: solid 1px #ccc; width: 250px; background-color: #fff; padding-bottom: 15px; } 
#header .main-nav li ul.sub-wide { width: 430px !important; } 
#header .main-nav li ul.sub-narrow { width: 193px; }  
#header .main-nav li ul.sub li { font-weight: bold; padding: 0 0 0 10px; float: left; text-indent: 0; width: 100%; } 
#header .main-nav li ul.sub-wide li { width: 200px; } 
#header .main-nav li ul.sub li:nth-child(odd) { clear: left; }
#header .main-nav li ul.sub li a { text-decoration: none; color: #333; padding: 0; } 
#header .main-nav li ul.sub li a:hover { text-decoration: underline; } 

#subheader { float: left; position: relative; background: url(images/sub-header-bg.gif) no-repeat; margin: 12px 0 10px 0; padding: 8px 10px 8px 10px; width: 924px; height: 42px; } 
#subheader span.breadcrumb { float: left; clear: both; color: #666; padding: 0 10px 3px 0; } 
#subheader span.breadcrumb a { color: #666666; } 
#subheader h2.name, #subheader span.name { float: left; font-size: 22px; *margin-top: -9px; color: #333; font-weight:lighter; display:inline;}
#subheader h2.name span {font-size: 10px; text-transform:uppercase; font-size:10px; display:inline; margin-left: 10px;}
#subheader h2.name span p {display: inline;}
#subheader h2.name a, #subheader h2.name p {color:#666;}
#subheader a.rss { float: left; } 
#subheader a.button-rollover { float: left; background: url(images/button-rollover.png) no-repeat; background-position: 0 0; width: 126px; height: 24px; color: #666666; text-decoration: none; font-weight: bold; font-size: 1.33em; text-align: center; padding-top: 3px; margin-right: 5px; *margin-top: -6px; } 
#subheader a.button-rollover:hover { background-position: 0 -54px; text-decoration: none !important; } 
#subheader a.button-rollover:active { background-position: 0 -27px; color: #fff; } 
#subheader img.designer-logo { position: absolute; right: 20px; top: 10px; } 

.homepage { padding-top: 10px; } 
.homepage img { border-width: 0; } 
.homepage img.key-visual { float: left; border-width: 0; } 
.homepage .right-banners { float: right; width: 230px; } 
.homepage .newsletter { width: 230px; padding-bottom: 5px; margin-bottom: 10px; border-bottom: solid 1px #ccc; } 
.homepage .newsletter h4 { background: url(images/newsletter-header.gif) no-repeat; width: 230px; height: 40px; } 
.homepage .newsletter p { float: left; padding: 5px 0 5px 0; line-height: 1.5em; } 
.homepage .newsletter span.l { color: #666666 !important; } 
.homepage .newsletter input.text { float: left; font-size: 1.15em; width: 175px; height: 17px; padding: 2px !important; *padding: 1px !important; margin-right: 5px; } 
.homepage .style-blog { background-color: #f0f0f0; } 
.homepage .style-blog h4 { background: url(images/style-blog-header.gif) no-repeat; width: 230px; height: 30px; } 
.homepage .style-blog p { float: left; padding: 5px; line-height: 1.5em; } 
.homepage .style-blog a.blog-archives { float: left; background: url(images/blog-archives.gif) no-repeat; width: 230px; height: 25px; margin-top: 5px; } 

.products-grid { margin-left: -10px; width: 960px; } 
.products-grid .product { float: left; display: inline; position: relative; z-index: 0; width: 300px; height: 292px; margin: 10px; text-align: center; } 
.products-grid span.name { position: absolute; bottom: 10px; left: 0; text-align: left; padding: 11px; background: url(images/product-grid-label.gif) no-repeat; width: 300px; height: 38px; } 
.products-grid span.name a { position: relative; color: #333; text-decoration: none; } 
.products-grid span.name a:hover { text-decoration: underline; } 

.blog .left { float: left; width: 600px; } 
.blog .right { float: right; width: 300px; } 
.blogposts .post { float: left; padding-bottom: 45px; } 
.blogposts .title { font-family: Georgia; font-size: 2.67em; font-style: italic; line-height: 1.5em; color: #666666; } 
.blogposts .body { padding-bottom: 10px; line-height: 1.5em; color: #666666; } 

.topic .title { font-family: Georgia; font-size: 2.67em; font-style: italic; line-height: 1.5em; color: #666666; } 
.topic .left { float: left; width: 600px; } 
.topic .right { float: right; width: 300px; } 

.register .title { font-family: Georgia; font-size: 2.67em; font-style: italic; line-height: 1.5em; color: #666666; } 
.register .body { padding-bottom: 10px; line-height: 1.5em; color: #666666; } 
.register div.SectionTitle { font-weight: bold; padding: 10px 0 10px 0; } 
.register td, .contactform td { padding: 5px 0 5px 0; } 
.register td.ItemName, .contactform td.ItemName { width: 200px; } 
.register td.ItemValue input.text { padding: 2px; width: 350px; } 
.register .Button input { float: left; cursor: pointer;  } 

.right-box { float: right; width: 300px; margin-top: 15px; } 
.right-box div.top { float: left; font-size: 0; background: url(images/right-box-top.gif) no-repeat; width: 300px; height: 4px; } 
.right-box div.bottom { float: left; background: url(images/right-box-bottom.gif) no-repeat; width: 300px; height: 4px; } 
.right-box div.middle { background-color: #eee; padding: 10px; width: 280px; } 

#footer { border-top: solid 1px #ccc; padding: 15px 0 65px 0; width: 100%; height: 50px; margin-top: 20px; } 
#footer .content { margin: 0 auto; width: 940px; } 
#footer ul { float: left; width: 140px; margin-right: 10px; } 
#footer li { float: left; width: 140px; padding: 2px 0 2px 0; color: #333; } 
#footer li:first-child a { } 
#footer li a { color: #333; } 
#footer li a:visited { color: #333; } 
#footer ul li ul {  } 
#footer ul li { float: left; } 
#footer ul li span { float: left; font-weight: bold; padding: 0px 0 2px 0; padding-top: 0 !important; display: block; } 
#footer ul.sub-wide { width: 320px !important; } 
#footer ul.sub-wide li.footer-w { padding-right: 20px;  } 

div.CategoryPage div.CategoryDescription {padding: 10px; border: 1px solid #ccc; background: #ededed; margin: 10px 0; clear:both;}

div.contactform p {line-height: 20px;}
div.contactform h3 {margin: 20px 0 5px 0; font-size: 12px;}
div.contactform div.left {float:left; width:450px;}
div.contactform div.right {float:right; width:425px; margin: 45px 0 0 0; } 
div.contactform td.ItemValue input { padding: 2px; width: 350px !important; } 
div.contactform td.ItemValue textarea { height: 125px; width: 350px; }

div.ProductDetailsInfo div.fulldescription { float: right; display: inline; width: 257px; border: 1px solid #ccc; padding: 15px 20px 20px 20px;}
div.ProductDetailsInfo div.fulldescription h3 {border-bottom: 1px solid #ccc; font-size: 14px; margin: 0 0 15px 0; padding: 0 0 10px 0;}
div.ProductDetailsInfo div.fulldescription p {margin: 0 0 20px 0;}
div.ProductDetailsInfo div.picture {float:left; margin: 0 10px 10px 0;}
div.ProductDetailsInfo .left { float: left; width: 620px; border-right: 1px solid #ccc; } 
div.ProductDetailsInfo .right { float: right; width: 300px; } 
ul#image-selector a img {border: 0;} 
div.gap { height: 35px; } 

div.RelatedProductsGrid { padding: 0 0 10px 0; } 

div.right-box div.middle li { } 
div.content p, div.right-box div.middle p { float: left; width: 100%; line-height: 20px; margin-bottom: 20px; display:block;}

div.right-box div.middle ul.item-list li {margin: 0 0 10px 0;}
div.right-box div.middle h3 {margin: 0 0 10px 0; font-size:14px; color:#333; border-bottom: 1px solid #ccc; padding-bottom: 5px;}

div.manufacturer-list ul {margin: 20px 0 0 0;}
div.manufacturer-list ul li a {font-size: 12px; font-weight: bold; margin: 0 0 10px 0px; border: 1px solid #ccc; background: url(images/raquo.gif) no-repeat right center #ededed; padding: 10px; display: block;}
div.manufacturer-list ul li a:hover {background: eeeeee; border:1px solid #666;} 

div.ProductPager div a {padding: 4px 6px; border: 1px solid #ccc; background: #ededed;}
div.ProductPager div a:hover {border: 1px solid #666;}
div.ProductPager div span {font-weight: bold; padding: 4px 7px; border-bottom: 1px solid #ccc; } 

div.messageError { color: #ff0000; }