/* Basic Element Formatting */

* {padding: 0; margin: 0;}

body {font-size: 100%; font-family: Verdana, Tahoma, sans-serif; color: #CCFFCC;}
body#party {color: #FFFFFF; background: #000000 url(/images/bg-party.jpg) repeat-x;}
body#health {color: #CCFFCC; background: #003300 url(/images/bg-health.jpg) repeat-x top fixed;}


h1 {font-size: 2.2em; font-weight: normal; color: #FFFFCC; margin: 0 0 10px 0;}
h2 {font-size: 1.6em; font-weight: normal; color: #FFFF99; margin: 0 0 10px 0; clear: both;}
h3 {font-size: 1.0em; margin: 0 0 5px 0;}
h4,h5,h6 {font-size: 0.8em; margin: 0 0 10px 0;}
p {line-height: 1.5em; margin: 0 0 15px 0;}

input { }
select { }
label { }
fieldset {  }
legend {  }
a {color: #FFFF00;}

body#party h1 {font-weight: normal; color: #E51E24; margin: 0 0 10px 0;}
body#party h2 {font-weight: normal; color: #E51E24; margin: 0 0 10px 0;}
body#party h3 {color: #006600; margin: 0 0 5px 0;}
body#party h4,h5,h6 {color: #006600; margin: 0 0 10px 0;}


/* layout */
#wrapper {width: 960px; margin: 0 auto;}
#header {float: left; width: 960px; height: 80px; font-size: 0.8em; padding: 10px 0 10px 0; }
#nav { float: left; width: 960px; height: 30px; font-size: 0.7em; background: url(/images/bg-nav.gif) no-repeat right; margin: 0 0 10px 0;}
#customernav {float: left; width: 960px; font-size: 0.7em; margin: 0 0 10px 0;}
#content {float: left; width: 960px; padding: 0 0 20px 0;}
#sidebar {float: left; width: 230px; font-size: 0.70em;}
#main {float: right; width: 700px; font-size: 0.75em;}
#mainhome {float: left; width: 700px; font-size: 0.75em;}
#footer {float: left; width: 960px; font-size: 0.7em; clear: both;}

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


/* Header */
.logo {	float: left; border: 0px; font-size: 1.8em; color: #FFFFFF;}

/* quicksearch */
.quicksearch { display: block; float: right; width: 70%; text-align: right; margin: 0 0 5px 0;}
.qsearch-box { float: right; width: 270px; height: 34px; line-height: 34px; padding: 0 15px; background: url(/images/back-shop-quicksearch.gif); font-weight: bold; color: #FFFFFF; }
.qsearch-input {width: 146px; padding: 2px;}
.qsearchbtn {}
.orderline {display: block; float: right; height: 40px; line-height: 40px; width: 340px; padding: 0 0 0 40px; background: url(/images/bg-phone.gif) no-repeat left;}
.orderline img {float: right; margin: 0 0 0 10px;}
.orderphone {color: #FFFFFF; font-weight: bold;}


/* topnav */
ul.nav { list-style: none;}
ul.nav li { float: left; width: auto; margin: 0 5px 0 0; }
ul.nav a { display: block; font-weight: bold; line-height: 30px; text-decoration: none; padding: 0 10px 0 0; }
ul.nav a:link {color: #FFFFFF; background: url(/images/bg-nav-off.gif) no-repeat right;}
ul.nav a:visited {color: #FFFFEE; background: url(/images/bg-nav-off.gif) no-repeat right;}
ul.nav a:hover {color: #00FF00; background: url(/images/bg-nav-on.gif) no-repeat right;}
ul.nav a:active {color: #FFFF00; background: url(/images/bg-nav-off.gif) no-repeat right;}

ul.nav a span {display: block; line-height: 30px; padding: 0 0 0 25px;}
ul.nav a:link span { background: url(/images/bg-nav-off.gif) no-repeat left;}
ul.nav a:visited span { background: url(/images/bg-nav-off.gif) no-repeat left;}
ul.nav a:hover span { background: url(/images/bg-nav-on.gif) no-repeat left;}
ul.nav a:active span { background: url(/images/bg-nav-off.gif) no-repeat left;}

ul.customernav {list-style: none;}
ul.customernav li {float: left; margin: 0 10px 0 0;}

/* sidebar */
.sidebar {}
.sidebar h3 {float: left; width: 220px; color: #FFFFFF; padding: 6px 0 6px 10px; background: url(/images/bg-sidebar-title.gif); margin: 0 0 0.5em 0;}
.sidebar h3 span { }
.sidebar p {margin: 0;}
.sidebar a:link {color: #FFFF00;}
.sidebar a:visited {color: #FFFF00;}
.sidebar a:hover {color: #996600;}
.sidebar a:active {color: #FFFF00;}
.sidebar-box {width: 220px; padding: 0 5px; margin: 0 0 1em 0; }

body#party .sidebar h3 {color: #FFFFFF;}
body#party .sidebar p {color: #FFFFFF;}

ul.catnav {float: left; width: 100%; list-style: none; margin: 0 0 0.5em 0;}
ul.catnav li {margin: 0 0 3px 0;}
ul.catnav li a {display: block; width: 220px; font-size: 1.1em; font-weight: bold; text-decoration: none; padding: 6px 0 6px 10px; background: url(/images/bg-sidebar-title.gif);border-bottom: 1px solid #003300; }
ul.catnav li a:link {color: #FFFFFF; }
ul.catnav li a:visited {color: #FFFFFF;}
ul.catnav li a:hover {color: #FFFFFF;}
ul.catnav li a:active {color: #FFFFFF;}
ul.catsubnav {display: block; width: 100%; list-style: none; margin: 0 0 0.5em 0;}
ul.catsubnav li {margin: 3px 0 0 0;}
ul.catsubnav li a {display: block; width: 205px; font-weight: normal; text-decoration: none; padding: 3px 5px 3px 20px;border: 0; }
ul.catsubnav li a:link {color: #FFFF00; background: url(/images/bullet1.gif) no-repeat left;}
ul.catsubnav li a:visited {color: #FFFF00; background: url(/images/bullet1.gif) no-repeat left;}
ul.catsubnav li a:hover {color: #FFFF00; background: #009900 url(/images/bg-sidebar-nav-a.gif) no-repeat right;}
ul.catsubnav li a:active {color: #FFFF00; background: url(/images/bullet1.gif) no-repeat left;}
ul.pagesnav {float: left; width: 100%; list-style: none; margin: 0 0 0.5em 0;}
ul.pagesnav li { }
ul.pagesnav li a {display: block; width: 205px; font-weight: normal; text-decoration: none; padding: 3px 5px 3px 20px;border: 0;}
ul.pagesnav li a:link {color: #FFFF00; background: url(/images/bullet1.gif) no-repeat left;}
ul.pagesnav li a:visited {color: #FFFF00; background: url(/images/bullet1.gif) no-repeat left;}
ul.pagesnav li a:hover {color: #FFFF00; background: #009900 url(/images/bg-sidebar-nav-a.gif) no-repeat right;}
ul.pagesnav li a:active {color: #FFFF00; background: url(/images/bullet1.gif) no-repeat left;}
body#party ul.catsubnav li a {display: block; width: 205px; font-weight: normal; text-decoration: none; padding: 3px 5px 3px 20px; background: url(/images/bullet1.gif) no-repeat left;}
body#party ul.catsubnav li a:link {color: #FFFF00; background: url(/images/bullet1.gif) no-repeat left;}
body#party ul.catsubnav li a:visited {color: #FFFF00; background: url(/images/bullet1.gif) no-repeat left;}
body#party ul.catsubnav li a:hover {color: #FFFF00; background: #0066FF url(/images/bg-sidebar-nav-a.gif) no-repeat right;}
body#party ul.catsubnav li a:active {color: #FFFF00; background: url(/images/bullet1.gif) no-repeat left;}
body#party ul.pagesnav li a {display: block; width: 205px; font-weight: normal; text-decoration: none; padding: 3px 5px 3px 20px; background: transparent;}
body#party ul.pagesnav li a:link {color: #FFFF00; background: url(/images/bullet1.gif) no-repeat left;}
body#party ul.pagesnav li a:visited {color: #FFFF00; background: url(/images/bullet1.gif) no-repeat left;}
body#party ul.pagesnav li a:hover {color: #FFFF00; background: #0066FF url(/images/bg-sidebar-nav-a.gif) no-repeat right;}
body#party ul.pagesnav li a:active {color: #FFFF00; background: url(/images/bullet1.gif) no-repeat left;}

.minicart { text-align: center; padding: 5px 0 5px 0; }
.minicart p {margin: 0 0 5px 0;}
.minicart-links { text-align: center; font-weight: bold;}


/* login */
form.login {}
form .login-input {width: 95%; font-size: 0.8em; padding: 2px; margin: 0 0 1px 0; border: 1px solid #4DAD57;}
form.loginbtn {width: auto; }

/* newsletter */
form.newsletter {}
form .newsletter-input {width: 95%; font-size: 0.8em; padding: 2px; margin: 0 0 5px 0; border: 1px solid #4DAD57;}
form.newsletterbtn {width: auto; }

/* main content */
.main h3 {font-size: 1.4em;}
.main ul {margin: 0 0 10px 15px;}
.main ol {margin: 0 0 10px 15px;}
.main li {line-height: 1.5em;}
.mainleft {float: left; width: 48%;}
.mainright {float: right; width: 48%;}
.breadcrumb { font-size: 90%; margin: 0 0 10px;}

.section-mainimage {margin: 0 0 10px 0;}
.sections {float: left; width: 100%; }
.sections-item { float: left; width: 33%; height: 160px; margin: 0 0 15px 0;}
.sections-item img {float: left; border: 1px solid #000000; margin: 0 10px 0 0;}

.products { float: left; width: 100%; padding: 15px 0 15px 0; border-top: 1px solid #996600; }
.products-basic {float: left; width: 23%; height: 200px; text-align: center; padding: 0 1%;}
.products-item { float: left; width: 49.5%;}
.products-item p {margin: 0 0 5px 0;}
.products-img {float: left; width: 100px; margin: 0 10px 0 0;}
.products-img img {border: 1px solid #006600;}
.products-info { float: left; width: 200px; font-size: 95%; }
.products-title { font-weight: bold; margin: 0;}
.products-flag { font-size: 0.9em; font-weight: bold; color: #00CC00; padding: 2px; background: #FF0000;}
.products-link { font-size: 90%;}
.products-price { font-weight: bold; }
.price {color: #FF9900;}
.products-add {float: left; font-weight: bold; color: #FFFFFF; margin: 0 0 0 0;}
.products-menulist {float: left; width: 100%; margin: 0 0 1em 0;}
.products-menulist img {float: left; border: 1px solid #006600; margin: 0 10px 0 0;}
#pageslist { float: left; width: 100%; font-weight: bold;}
#pageslist ul {list-style: none;}
#pageslist li {float: left; margin: 0 5px 0 0;}
#pageslist li a {display: block; padding: 2px 8px; color: #FFFFFF; text-decoration: none; background: #CC0000;}

.product {float: left; width: 100%;  margin: 0 0 10px 0;}
.productinfo { float: left; width: 375px;}
fieldset.prodoptions {padding: 5px 10px 10px 10px; margin: 0 0 1em 0;}
fieldset.prodoptions legend {padding: 5px;}
fieldset.prodoptions ul {list-style: none;}
.productdetail {float: right; width: 302px;}
.productdetail img {border: 1px solid #006600;}
.product-options-title {display: block;}

.product-flag { font-weight: bold; color: #003300; padding: 2px; background: #00FF00;}
.product-price { font-weight: bold; }
.product-qty {  }
.product-save {  }
.product-add { font-weight: bold; color: #FFFFFF; }
.product-group {  }
.product-reviews { float: left; width: 100%; }
.product-discount {  }
.product-exclude {  }
.product-extra {  }
.product-qtydiscount {  }

/* prod prcing tables */
table.producttable {float: left; width: 100%; margin: 0 0 15px 0;}
table.producttable th {text-align: left; padding: 0 0 5px 0; border-bottom: 1px solid #FFFFFF;}
table.producttable td {padding: 5px 0;}


/* home page */
.homecats {float: left; width: 700px; padding: 0px; background: url(/images/#bg-homecats.gif) no-repeat; margin: 0 0 1em 0;}
ul.homecatslist {float: left; width: 100%; list-style: none; margin: 0 0 1em 0;}
ul.homecatslist li {float: left; width: 48%; height: 140px; color: #FFFFFF; padding: 0 1.5% 1.5em 0;}
.homecatslist h3 {font-size: 150%; font-weight: normal; margin: 0 0 0.5em 0;}
.homecatslist img {float: left; padding: 2px; background: #FFFFFF; border: 1px solid #000000; margin: 0 10px 0 0;}

/* shop page columns */
.col {float: left; width: 47%; padding: 0 2% 0 0;}



#communityposts {float: right; width: 240px;}
#communityposts p {margin: 0 0 5px 0;}

/* forms */
fieldset {float: left; width: 95%; border: 1px solid #CC0000; margin: 0 0 1em 0;}
legend {font-weight: bold; padding: 5px; margin: 0 10px;}
.form-row {float: left; width: 96%; padding: 1% 2%;}
.form-row label {float: left; width: 30%;}
.form-row input {padding: 2px; border: 1px solid #4DAD57;}
.form-row select {padding: 2px; border: 1px solid #4DAD57;}
.form-row2 {float: left; width: 96%; padding: 1% 2%;}
.form-row2 label {}

/* cart */
table.cart {float: left; width: 100%; font-size: 0.85em; margin: 0 0 15px 0;}
table.cart th {color: #FFFFFF; text-align: left; padding: 5px; background: #006600;}
table.cart td {padding: 10px 5px; border-bottom: 1px solid #000000;}
table.cart th.cart-total { color: #000000; background-color: #D0E6BF; }
table.cart th.cart-total-title {color: #000000; text-align: right; padding: 0 10px; background: #6AA950;}
.cart-links {font-size: 90%; font-weight: bold;}
.cart-links a {float: left; display: block; padding: 5px; text-decoration: none; background: #CC0000; margin: 0 10px 0 0;}
.cart-cards {float: left; width: 100%; padding: 20px 0; text-align: center;}

/* footer */
.footer {width: 100%; font-size: 90%; text-align: center; padding: 15px 0;}
.footer ul {list-style: none; text-align: center; margin: 0 0 1em 0;}
.footer li {display: inline;}