/* Basic Element Formatting */

body {font-size: 100%; font-family: Trebuchet MS, verdana, sans-serif; background: #FF80FF;}
* {padding: 0; margin: 0;}
a:link {color: #000066;}
a:visited {color: #000099;}
a:hover {color: #000000;}
a:active {color: #000000;}
a:focus {color: #000000;}
h1 {font-size: 1.8em; padding: 0 0 0 30px; background: url(/images/bg-h1.gif) no-repeat left; margin: 0 0 0.5em 0; clear: both;}
h2 {font-size: 1.6em; padding: 0 0 0 25px; background: url(/images/bg-h2.gif) no-repeat left; margin: 0 0 0.5em 0; clear: both;}
h3 {font-size: 1.3em; margin: 0 0 0.5em 0;}
h4,h5,h6 {font-size: 1.0em; margin: 0 0 0.5em 0;}
p {line-height: 1.5em; margin: 0 0 1em 0;}
img {border: 0;}
input {padding: 2px; }
textarea {padding: 2px;}
.clearfix {display: block; clear: both;}
.button {border: 1px solid #000000;}

/* coloured heading */
.c1 {color: #E90080;}
.c2 {color: #FF7328;}
.c3 {color: #FFCE3C;}
.c4 {color: #00FF00;}
.c5 {color: #11CFFF;}
.c6 {color: #9600E1;}
.c7 {color: #E90080;}

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

/* layout */
#wrapper {float: left; width: 100%; font-size: 0.8em;}
#headerouter {float: left; width: 100%; height: 150px; padding: 10px 0 0 0; background: #010199 url(/images/bg-header.gif) repeat-x bottom; margin: 0 0 10px 0;}
#header {width: 960px; margin: 0 auto;}
#nav {width: 960px; height: 25px; margin: 0 auto 5px auto; clear: both;}
#customer {width: 920px; height: 35px; margin: 0 auto 0 auto; clear: both;}
#contentouter { width: 960px; background: transparent url(/images/content-back2.gif); margin: 0 auto; clear: both;}
#content {float: left; width: 880px; padding: 40px 40px 0 40px; background: transparent url(/images/content-back1.gif) no-repeat; margin: 0 0 0 0;}
#main {float: right; width: 78%;}
#sidebar {float: left; width: 20%;}
#footer {float: left; width: 100%; padding: 2% 0;}

/* header stuff */
.logo {float: left;}
.toppromo {float: right; width: 150px; font-size: 1.2em; padding: 10px 20px 0 0; font-weight: bold; color: #FFFFFF; text-align: right;}
.logosmall {float: right; margin: 0 20px 0 0;}
.headerinfo {float: right; width: 450px;}

ul.customer {width: 100%; list-style: none; margin: 0;}
ul.customer li {float: left; width: auto; line-height: 35px;}
ul.customer li.minicart {padding: 0 0 0 3.5%; background: url(/images/icon-cart.gif) no-repeat left;}
ul.customer li a {font-weight: bold; padding: 0 3px 0 18px; background: url(/images/icon-flower1.png) no-repeat left;}
ul.customer li.quicksearch {float: right; text-align: right; padding: 0 0 0 35px; background: url(/images/icon-eye.gif) no-repeat left}
.quicksearchinput {padding: 3px; border: 1px solid #000000;}
.quicksearchinput:focus { background: #FFFFFF;}

.message {text-align: center; font-size: 20px; background: #FFFF00;}

/* home page boxes */
#contenthome {width: 960px; margin: 0 auto; clear: both;}
#homeleft {float: left; width: 470px;}
#homeright {float: right; width: 470px;}
.homeboxfull{ float: left; width: 100%; background: transparent url(/images/content-back2.gif); margin: 0 0 1em 0;}
.homeboxfullinner {float: left; width: 91%; padding: 5% 4% 2.5% 5%; background: transparent url(/images/content-back1.gif) no-repeat;}
.homebox {float: left; width: 84%; padding: 10% 6% 5% 10%; background: #FFFFFF url(/images/content-back3.gif) no-repeat; margin: 0 0 1em 0;}
#footerhome {float: left; width: 912px; padding: 5px; text-align: center; margin: 0 20px;}
.col1 {float: left; width: 38%;}
.col2 {float: left; width: 23%; text-align: center;}
.col3 {float: right; width: 38%;}


/* main nav */
ul.nav {width: auto; margin-left: auto; margin-right: auto; list-style: none; font-weight: bold; text-align: center;}
ul.nav li {display: inline; padding: 0 1px 0 1px;}
ul.nav li a {display: inline-block; width: 100px; height: 25px; line-height: 25px; text-align: center; background: url(/images/bg-nav.gif); }
ul.nav li a:link {color: #FFFFFF; text-decoration: none;}
ul.nav li a:visited {color: #FFFFFF; text-decoration: none;}
ul.nav li a:hover {color: #FFFFFF; text-decoration: none; background: url(/images/bg-nav-hover.gif);}
ul.nav li a:active {color: #FFFFFF; text-decoration: none;}

ul.nav li.shop a:hover { background: url(/images/bg-nav-hover-shop.gif);}

/* sidebar stuff */
ul.cats {list-style: none; margin: 0 0 1em 0;}
ul.cats li {width: 100%; border-bottom: 1px solid #00FFFF;}
ul.cats li a {display: block; font-weight: bold; text-decoration: none; padding: 2px 0 2px 5px;}


ul.cats li a:link {}
ul.cats li a:visited {}
ul.cats li a:hover {color: #000000; background: #FF5E28;}



ul.cats li a:active {}
ul.subcats {list-style: none; font-size: 0.9em;}
ul.subcats li {width: 100%; border-bottom: 0px solid #00FFFF;}
ul.subcats li a {display: block; font-weight: normal; text-decoration: none; padding: 3px 0 3px 10px;}
ul.subcats li a:link {}
ul.subcats li a:visited {}
ul.subcats li a:hover {color: #FFFFFF; background: #4682B4;}
ul.subcats li a:active {}
ul.pageslist {list-style: none; margin: 0 0 1em 0;}
ul.pageslist li {width; 100%;}
ul.pageslist li a {display: block;}
.login { margin: 0 0 1em 0;}
.login label {}
.login input {margin: 0 0 2px 0;}

/* main content area bits */
.main ul { margin: 0 0 1em 2em;}
.main ol { margin: 0 0 1em 2em;}
.main li {line-height: 1.5em;}
.left {float: left; width: 48%;}
.right {float: right; width: 48%;}

/* products listings */
.section-desc {float: left; width: 100%; margin: 0 0 1em 0;}
.sections {float: left; width: 100%;}
.sections-item {float: left; width: 24.5%; text-align: center;}
.sections-title {font-weight: bold;}
.sectionshome-item {float: left; width: 48%; margin: 0 2% 1em 0;}
.sectionshome-item img {float: left; width: 100px; height: 100px; margin: 0 10px 0 0;}

.products {float: left; width: 100%; margin: 0 0 1em 0;}
.products-item {float: left; width: 22.5%; padding: 1% 1% 0 1%; text-align: center;}
.products-title {font-weight: bold; margin: 0;}
.products-price {}
.products-link {}
.products-info {margin: 0 0 1em 0;}
ul.pagination {float: left; width: 100%; list-style: none; font-size: 1.1em;}
ul.pagination li {float: left; padding: 2px;}
ul.pagination a {padding: 2px 5px; font-weight: bold; text-decoration: none;}
ul.pagination a:link {color: #FFFFFF; background: #FF69B4;}
ul.pagination a:visited {color: #FFFFFF; background: #FF69B4;}
ul.pagination a:hover {color: #FFFFFF; background: #FF69B4;}
ul.pagination a:active {color: #FFFFFF; background: #FF69B4;}

/* product */
.product {float: left; width: 100%; margin: 0 0 1em 0;}
.productinfo {float: left; width: 320px;}
.productinfo h1 {margin: 0 0 0.25em 0;}
.productinfo h3 {display: block; margin: 0 0 0.5em 0;}
.productoptions label {display: block; margin: 0 0 0.5em 0;}
.productextra {float: right; width: 320px;}
.product-image-extra {float: left; width: auto; padding: 2px; font-size: 0.9em; }
.flagnew {padding: 2px; background: #FF0000;}
.flagtop {padding: 2px; background: #FF9900;}
.flagspecial {padding: 2px; background: #009900;}
.associated {float: left; width: 100%;}
.recommended {float: left; width: 100%;}

/* forms */
.formrow {float: left; width: 100%; margin: 0 0 1em 0;}
.formrow label {float: left; width: 27.5%;}
.formrow input {border: 1px solid #000000;}
.formrow textarea {border: 1px solid #000000;}
.formrow select {border: 1px solid #000000;}
.formrow input:focus, .formrow textarea:focus, .formrow select:focus {background: #CCCCFF;}
.btn-submit {margin: 0 0 0 25%;}

/* cart and checkout */
table.cart {float: left; width: 100%; border-collapse: collapse; margin: 0 0 1em 0; clear: both;}
table.cart th {text-align: left; padding: 5px; background: #AE78FF;}
table.cart td {padding: 5px;}
table.cart td.carttotaltitle {text-align: right; background: #FFFFFF;}
table.cart td.carttotal { background: #FFFFFF;}
.cartlinks {float: left; width: 100%; text-align: center; margin: 1.5em 0; clear: both;}
.cartlinks a {font-weight: bold; padding: 3px 10px; background: #FF00FF; text-decoration: none;}
.cartlinks a:link, .cartlinks a:visited, .cartlinks a:hover, .cartlinks a:active {color: #000000;}
.cart-expresslink {font-size: 1.2em; font-weight: bold;}
.paymenttype {float: left: width: 98%; padding: 2px 1%; background: #AE78FF; clear: both;}
.important {font-size: 0.9em; font-weight: bold; padding: 5px 5px 5px 35px; border: 1px dotted #FF0000;}
.tagoff {background: url(/images/icon-tagoff.png) no-repeat left;}


.tagon {background: url(/images/icon-tagon.png) no-repeat left;}

.footer {}
.footer-info {float: left; width: 33%;}
.footer-links {float: right; width: 65%; text-align: right;}

/* rss box */
.rsscontainer {padding: 0 0 0 25px; background: url(/shopimages/icon-news.gif) no-repeat left; margin: 0 0 1em 0;}
.rsstitle {font-weight: bold;}
.rssdate {}


/* drop down menu */

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_a {
position:absolute;
top: 0;
border: 1px solid black; /*THEME CHANGE HERE*/
border-top-width: 1px; /*Top border width. Should match height of .ddcolortabsline above*/
border-bottom-width: 0;
font:normal 11px Arial;
line-height:15px;
z-index:100;
background-color: white;
width: 150px;
visibility: hidden;
}


.dropmenudiv_a a{
width: auto;
display: block;
text-indent: 5px;
border-top: 0 solid #678b3f;
border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
color: black;
}

* html .dropmenudiv_a a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/
background-color: #8a3c3d;
color: white;
}