* {padding: 0; margin: 0;}
a img { border: 0; }

/* layout */
#wrapper { width: 940px; padding: 10px; margin: 0 auto; }
#header { float: left; width: 100%; clear: both; margin: 0 0 1em 0; }
#nav { float: left; width: 900px; height: 172px; padding: 20px; clear: both; background: url(/templates/vanity/images/splash.jpg); margin: 0 0 1em 0; display: ; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
#tools { float: left; width: 100%; clear: both; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; margin: 0 0 1em 0; }
#content { float: left; width: 100%; clear: both; margin: 0 0 20px 0;}
#main { float: left; width: 500px; padding: 0 0 0 20px; }
#mainfull { float: left; width: 700px; padding: 0 0 0 20px; }
#maincheckout { float: left; width: 700px; padding: 0 0 0 20px; }
#maincustomer { float: left; width: 700px; padding: 0 0 0 20px; }
#sidebar { float: left; width: 200px;}
#extra { float: right; width: 200px; }
#footer { float: left; width: 100%; clear: both; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; margin: 0 0 1em 0; }

/* standard tags */
body { background: #000000; color: #FFCCDD; font-family: "Georgia", Book Antiqua, Palatino, serif; font-size: 0.9em; }
h1 {font-family: sans-serif; font-size: 1.6em; color: #FFFFFF; margin: 0 0 0.5em 0; clear: both;}
h2 {font-family: sans-serif; font-size: 1.4em; color: #FFFFFF; margin: 0 0 0.5em 0; clear: both; }
h3 {font-family: sans-serif; font-size: 1.0em; color: #FFFFFF; margin: 0 0 0.5em 0; }
p { line-height: 1.5em; margin: 0 0 1em; 0; }
p.sort {font-size: 0.75em; }
small {font-size: 0.8em;}
ul { line-height: 1.5em; margin: 0 0 1em 2em; }
ol { line-height: 1.5em; margin: 0 0 1em 2em; }
blockquote { font-style: italic; line-height: 1.5em; margin: 0 1em 1em 1em; }
a:link { color: #ff0066; }
a:visited { color: #ff0088; }
a:hover { color: #ff00AA; }
a:active { color: #ff00CC; }
a:focus { color: #ff00FF; background: #660033; }

/* header */
.logo { float: left; }
form.search { float: right; width: 350px; text-align: right;}
form.search label { text-align: right; margin: 0 0 5px 0; }
form.search input { float: right; clear: both; padding: 2px; border: 2px solid #000000; margin: 0 0 5px 0; }
form.search input:focus {  border: 2px dotted #CC0066; }
form.search input.btn-search { color: #FFFFFF; background: #CC0066; border: 0px  #FFFFFF; }
ul.nav { float: left; width: 170px; list-style: none; padding: 10px; background: url(/templates/vanity/images/bg50.png); margin: 0 0 1em 0; }
ul.nav li { line-height: 2.0em; }
ul.nav li a { color: #FFFFFF; }
.message { float: right; width: auto; font-weight: bold; color: #FFF; padding: 10px; background: url(/templates/vanity/images/bg50.png); margin: 120px 0 0 0; }

/* breadcrumbs */
p.crumbs {font-size: 0.85em; margin: 0 0 10px 0;}

/* customer links and minicart */
ul.tools { float: left; width: 100%; list-style: none; padding: 0.75em 0; margin: 0; }
ul.tools li.cart { float: right; width: auto; color: #5299E0;}
ul.tools li.customer { float: left; width: auto; }
ul.tools li a { font-weight: bold; }

/* sidebar categories */
.cats-title {font-weight: bold; padding: 5px 7px; background: #CC0066 url(/templates/vanity/images/bg-title.png); -moz-border-radius: 5px; -webkit-border-radius: 5px;}
ul.cats { list-style: none; margin: 0 0 1em 0; }
ul.cats li { line-height: 1.5em; }
ul.cats li a { display: block; padding: 3px 7px; }
ul.cats li span a {display: block; font-family: sans-serif; font-size: 1.0em; font-weight: bold; color: #FFFFFF; text-decoration: none; padding: 3px 7px; background: #CC0066 url(/templates/vanity/images/bg-title.png); -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 0 0 0.5em 0;}
ul.cats ul { list-style: none; font-size: 0.9em; margin: 0 0 1em 0; }

ul.recentnews {list-style: none; margin: 0 0 15px 0;}

/* main content sections display */
ul.sections { float: left; width: 100%; list-style: none; margin: 0 0 1em 0; }
ul.sections li { float: left; width: 120px; height: 100px; padding: 10px 18px; background: #CC0066; margin: 0 10px 10px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
ul.sections li h3 {  }
ul.sections li a {color: #FFFFFF; }

/* main content products listing */
ul.products { float: left; width: 100%; font-size: 0.85em; list-style: none; margin: 0 0 1em 0; }
ul.products li { float: left; width: 120px; height: 240px; padding: 10px 18px; background: #000000; margin: 0 10px 10px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
ul.products li a { display: block; font-weight: bold; margin: 0 0 5px 0; color: #FFFFFF; }
.products-image { display: block; width: 120px; height: 160px; margin: 0 0 5px 0; overflow: hidden;}
.products-status {display: block; font-size: 0.85em; font-weight: bold; color: #FF9900; margin: 0 0 1em 0;}
.products-name {display: block;}
.btn-add2cart {}
ul.pagination { float: left; width: 100%; list-style: none; margin: 0 0 20px 0; }
ul.pagination li { float: left; width: auto; }
ul.pagination a {display: block; font-weight: bold; padding: 5px;}
ul.pagination span {display: block; font-weight: bold; padding: 5px;}

/* products listing used in new, specials etc */
ul.productslist { float: left; width: 100%; list-style: none; margin: 0 0 1em 0; }
ul.productslist li { float: left; width: 120px; height: 220px; padding: 10px 18px; background: #000000; margin: 0 10px 10px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
ul.productslist li a { display: block; font-weight: bold; margin: 0 0 5px 0; color: #FFFFFF; }
.productslist-image {margin: 0 0 5px 0; }
.productslist-name {display: block;}

/* product detail */
.product { float: left; width: 100%; }
.product-image { float: right; width: 200px; text-align: center; margin: 0 0 1em 1em; }
.product-options {padding: 15px 0 0 0;}
ul.radio { list-style: none; margin: 0 0 1em 0; }
ul.radio li {  }
ul.options { list-style: none; margin: 0 0 1em 0; }
ul.options li {  }
ul.options li label { display: block; }

table.product { margin: 0 0 1em 0; }
table.product th { text-align: left; padding: 5px; background: #CC0066; }
table.product td { padding: 5px; }

/* cart and checkout */
table.cart { width: 100%; margin: 0 0 1em 0; }
table.cart th { text-align: left; padding: 5px; background: #CC0066; }
table.cart td { padding: 10px 5px; }
.cart-total-title {font-weight: bold;  text-align: right; }
.cart-total { font-weight: bold; }

/* cart and checkout */
table.cart { width: 100%; margin: 0 0 1em 0; }
table.cart th { text-align: left; padding: 5px; background: #CC0066; }
table.cart td { padding: 10px 5px; }
.cart-total-title {font-weight: bold;  text-align: right; }
.cart-total { font-weight: bold; }
ul.checkout {float: left; width: 100%; list-style: none; margin: 0 0 20px 0; clear: both; }
ul.checkout li { float: left; line-height: 1.5em; }
ul.checkout li a { display: block; font-weight: bold; padding: 5px; }
form.cart { margin: 0 0 20px 0; }
form.cart div { float: left; width: 100%; margin: 0 0 10px 0; clear: both; }
form.cart span { float: left; width: 25%; padding: 2px; }
form.cart textarea { width: 50%; height: 100px;padding: 2px; }
form.cart input.text { width: 33%;padding: 2px; }
form.cart input.submit {  }
div.login {float: left; width: 45%; padding: 0 4% 0 0;}

/* customer area */
form.customer { margin: 0 0 20px 0; }
form.customer div { float: left; width: 100%; margin: 0 0 10px 0; clear: both; }
form.customer span { float: left; width: 30%; padding: 2px; }
form.customer textarea { width: 50%; height: 100px;padding: 2px; }
form.customer input.text { width: 33%;padding: 2px; }
form.customer input.btn-submit {  }
table.customer { width: 100%; margin: 0 0 20px 0; }
table.customer th { text-align: left; padding: 5px 5px; border-bottom: 2px solid #333366 }
table.customer td { padding: 10px 5px; border-bottom: 1px solid #000000;  }

/* contact forms */
form.contact { margin: 0 0 20px 0; }
form.contact div { float: left; width: 100%; margin: 0 0 10px 0; }
form.contact span { float: left; width: 25%; padding: 2px; }
form.contact textarea { width: 70%; height: 120px;padding: 2px; }
form.contact input.text { width: 33%;padding: 2px; }
form.contact input.btn-submit { margin: 0 0 0 25%; }

/* errors and notes */
p.error {font-weight: bold; color: #FF0000;}
div.error {font-weight: bold; color: #FF0000;}

/* footer bits */
#footer p { padding: 0.75em 0; margin: 0; }