body {color: #333333;background:url(/images/fun-bg.png) repeat-x #d1e4f0; padding:0; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif;}

#wrapper {margin:0px auto; width:900px; position:relative; padding:0; margin:0;}
#header {position:relative; float:left; width:895px; height:120px; padding:0; margin:0; background:url(/images/logo.png) no-repeat top left #fff;}

#menu {background:#fff; position:relative; float:left; border-top:1px dashed #c7deee; border-bottom:1px dashed #c7deee; padding:4px; width:887px; height:25px;}
#menu ul {padding:0; margin:0 auto; height:20px;}
#menu li {padding: 3px 0 0 0; display:inline;margin:0 30px 0 0;color:#39a4a0;font-weight:normal;  font-size:12px; text-transform:capitalize;}
#menu ul a {color:#999999; text-decoration:none;}
#menu ul a:hover {color:#666666; text-decoration:none;}

#foot {position:relative; border-top:1px dashed #c7deee; padding:4px; width:895px; height:25px; text-align:right;}
#foot ul {padding:0; margin:0 auto; height:20px;color:#000}
#foot li {padding: 3px 0 0 0; display:inline;margin:0 20px 0 0;color:#000;font-weight:normal; font-size:10px; text-transform:uppercase;}
#foot ul a {color:#666; text-decoration:none;}
#foot ul a:hover {color:#dc4965; text-decoration:none;}

#left {position:relative; float:left; width:190px; padding:10px 5px 0 5px; background:#fff;overflow:hidden;}
#left p {font-size:11px;line-height:150%;color:#7b7b7b;letter-spacing: 1px;}
#left h1 {color:#97c2e3; font-weight:bold; font-size:11px;}
#left h2 {color:#97c2e3; font-weight:bold; font-size:11px; text-transform:uppercase; padding:5px 0 0px 0; margin:4px 0 10px 0;}
#left h2 span {color:#b5d5ee;}
#left select {width:160px; font-size:11px; background:#fff; border:1px solid #54331b; padding:2px;}
#left input{width:160px; font-size:11px; background:#fff; border:1px solid #54331b; padding:2px;}
#left h5 {font-size: 9px; letter-spacing:0px;}

/* STUFF FOR THE LEFT HAND SIDE MENU! (this is the categories and user CP menus and such ) */
#leftmenu{width:180px; font-size:12px; margin:-10px 0 0 0; padding:0 4px 20px 0; float:left; clear:none;}

#leftmenu h4{font-size:12px; color:#999; text-transform:uppercase; padding:10px 0 3px ; margin:0; font-size:11px;}
#leftmenu p{margin:0 0 -5px 0; padding:0 0 7px 0;font-size:11px;}
#leftmenu p a{display:block; color:#ec6d9d; text-decoration:none;}
#leftmenu p a:hover{display:block; color:#b5416d;}

#leftmenu a.level0{font-size:11px; color:#666666; text-transform:uppercase;font-weight:bold; padding:5px 0 0px 0; margin:4px 0 10px 0; display:block; text-decoration:none; width:190px; border-bottom:1px dashed #f4f4f4;}
#leftmenu a.level0:hover{color:#333333;}
#leftmenu a.level1{display:block; color:#71c8c5; text-decoration:none;text-transform:lowercase;}
#leftmenu a.level1:hover{display:block; color:#f190b6;}
#leftmenu a.level2{display:none;}

#rightButtons {position:relative; float:left; width:130px; padding:20px 0 0 0;}

#main {position:relative; float:left; width:650px; border-left:1px dashed #c7deee;font family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666666; line-height:18px; padding:4px; background:#fff;}
#main h2 {color:#b5d5ee; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; padding-bottom:15px;}
#main h3 {font family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#f190b6;}
#main p {font family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666666; line-height:18px;}
#main td input {border:1px solid #cfcfcf; background:#f5f5f5; font family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666666; }
#main select {border:1px solid #cfcfcf; background:#f5f5f5; Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666666; }
#main li {font family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666666; line-height:18px;}
#main a {color:#89bad4; font-weight:normal; text-decoration:underline;}

.left-on-sale {font-weight:bold; color:#e54a87; text-decoration:none; text-transform:uppercase; margin-bottom:20px; padding-bottom:20px;}

/* Front page */

#front-blurb { float:left; width:250px; font-size:12px; color:#666; padding:8px; }
#front-blurb a {color:#81c0f2; text-decoration:none;}
#front-blurb span {font-size:11px;}
#front-bottom {float:left;width:100%;}
#front-special {float:left; width:340px; display:block;}
#front-special img {margin:0 2px 2px 2px; padding:2px; border:1px solid #c7deee;}
#featured {width:550px; display:block; float:right;}
#front-photo {float:left; width:450px; height:357px; display:block; background:url(/images/front-summer.jpg) no-repeat;}
#front-top {margin:20px 0 10px 0; padding:0 0 10px 0; float:left; border-bottom:1px dashed #c7deee;}
#front-new {float:left; width:180px;}

#products  {position:relative; float:left; width:690px; border-left:1px dashed #c7deee; padding:4px;}
#products h2 {color:#b5d5ee; Verdana, Arial, Helvetica, sans-serif;font-size:16px; border-bottom:1px dashed #c7deee; padding-bottom:15px;}
#products h3 {font family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-transform:uppercase; color:#f190b6;}
#products a {text-decoration:none; color:#f190b6;}
#products a:hover {text-decoration:underline; color:#ec5c77;}
#products select {border:1px solid #cfcfcf; background:#f5f5f5; font family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666666; }
#products input {border:1px solid #cfcfcf; background:#f5f5f5; font family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666666; }
#photo {position:relative; width:590px; height: 348px; border-bottom:1px dashed #c7deee; background:url('/images/front-image.jpg') no-repeat top left #fff;}
#coveted {position:relative; width:590px; background:url(/images/currently-coveting.gif) no-repeat bottom left; padding:40px 10px 5px 10px;}
#coveted p {font-size:11px;line-height:150%;color:#7b7b7b;letter-spacing: 1px;}
#frontblurb {position:relative; width:560px; padding:40px 20px 5px 10px; border-top:1px dashed #c7deee;}
#frontblurb p {font-size:9px;line-height:110%;color:#7b7b7b;}

#breadcrumb { font-size:9px; color:#909090;}
#breadcrumb a {color:#c0c0c0;}
#breadcrumb a:hover {color:#74b230; text-decoration:underline;}

#cart {width: 100%; position:relative; height:20px; text-align:right;}
#cart span {font-family:Verdana, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; color:#84483e;}
#cart a {color:#84483e; text-decoration:none;}
#cart a:hover {color:#f18992; text-decoration:underline;}
#clearer, .clearer {clear:both; height:1px;}

#minicart {color:#919191; font-size:11px; font-family:sans-serif; float:right; width:281px; height:57px; background:url(/images/minicart-bg.gif) no-repeat top left; padding:10px 0 0 10px; position:relative; display:block;}
#minicart a {color:#919191; text-decoration:none;}
#minicart a:hover{color:#76b72f; text-decoration:none;}
#featured {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#909090; text-align:center;}
#featured a {color:#f18992; text-decoration:none;}

#bottommenu {width:780px; background:url('/images/menu-bar.gif') no-repeat bottom center; padding:0px; margin:0 auto; text-align:right; position:relative;}
#bottommenu ul {padding:0; margin:0; height:20px;}
#bottommenu li {display:inline;margin:0 25px 0 0;color:#fff;font-weight:bold; font-family:Verdana, Helvetica, sans-serif; font-size:10px; text-transform:uppercase;}
#bottommenu ul a {color:#fff; text-decoration:none;}
#bottommenu ul a:hover {color:#ecf383; text-decoration:none;}
#bulk {width:780px; padding:0; margin: 0 auto; position:relative; background:#fff;}
#bulk p {font-family:Verdana, Helvetica, sans-serif; line-height:16px; color:#333333; font-size:11px;}
#bulk h2 {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#c5cb4d; padding:0 0 20px 0;}
#bulk h3 {font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#844438; padding:20px 0 10px 0;}
#bulk table {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding:4px;}
#bulk a {color:#f0888f; text-decoration:underline;}
#bulk label {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333;}


#right {width:550px; float:right; position:relative; padding-left:8px; margin:0; font-family:Verdana, Helvetica, sans-serif; font-size:11px; }
#right p {font-family:Verdana, Helvetica, sans-serif; line-height:16px; color:#333333; font-size:11px;}
#right1 {width:550px; float:right; position:relative; padding-left:8px; margin:0; font-family:Verdana, Helvetica, sans-serif; font-size:11px; }
#right1 p {font-family:Verdana, Helvetica, sans-serif; line-height:16px; color:#333333; font-size:11px;}
.detExtraPrice{float:left; color:#000; font:Verdana, Arial, Helvetica, sans-serif; font-size:14px; }
.extraPrice {color:#c0c0c0;}

#relatedProds a {color:#73a2ba; font-weight:normal; font-size:11px; text-decoration:none;}
.prodSummary{width:160px; margin:0px; padding:5px; height:260px; float:left;}
a.prodSummaryImage{padding:0px 0; margin:3px 0; /*border-bottom:1px dashed #ccc*/; display:block; width:160px; background-repeat:no-repeat; height:150px; background-position:top;}
a.prodSummaryImage:hover{border:none;}
.prodSummaryButtons{padding:5px 0; border-bottom:1px dashed #ccc; margin:0;}
.prodSummaryButtons a{padding:0 5px;}
.prodSummaryName{padding:5px 0; /*border-bottom:1px dashed #ccc*/; margin:0; font-size:10px; height:40px; text-align: center; width: 150px; color:#73a2ba; font-weight:normal;}
.prodSummaryName p{padding:0; margin:0;}


/* user biots */
#userMainmenu{margin:0 0 0 7px; padding:0; background:#f7f7f7; text-align:right;}
#userMainmenu ul{list-style:none; padding:0; margin:0;}
#userMainmenu a {color:#acb62e; font-weight:normal; text-decoration:underline;}
#userMainmenu ul li{padding:3px; margin:1px; display:inline; font-size:11px; color:#acb62e; font-family:Georgia, "Times New Roman", Times, serif;}


/* cart stuff */
#cart{margin:0 0 20px 0;}
table.cart, table.orderlistingtable, table.certListingTable {width:100%;}
table.cart th, table.orderlistingtable th, table.certListingTable th{background:#d5edf9; color:#278885; font-size:11px; font-weight:bold; padding:5px;}
table.cart td, table.orderlistingtable td, table.certListingTable td{border:1px solid #fff; background:#fff; padding:2px; font-size:10px; color:#666;}
.cartsubtotal{text-align:right; font-weight:bold;}

a.incartProdname {font-size:10px;}
/* a.incartProdname span{display:none;}
/* a.incartProdname:hover span{display:block; width:160px; border:1px solid #CCC; position:absolute; top:1px; left:1px; z-index:24; padding:5px; height:160px;}
/* a.incartProdname:hover span img{display:block; border:1px solid #CCC; padding:2px;} */

#extraShippingLink, #normalShippingLink{margin:10px auto; width:400px; background:url(/shop/images/next.gif) no-repeat left;
padding:0 0 0 10px;}

#continueShopping, #checkoutButton{width:50%; float:left; margin:0; padding:0;}
#continueShopping a, #checkoutButton a{display:block; font-size:20px; border:1px solid #ccc; background:#f6f6f6; color:#999; padding:4px;text-align:center; margin:5px;}
#continueShopping a:hover, #checkoutButton a:hover{border:1px solid #ccc; background:#f6f6f6; color:#424242; }

/* prod Detail */
#buyStatusTag{position:relative; text-align:center;  float:left;}
.buyStatusDetailThin{text-align:right; font-family:Verdana, Helvetica, sans-serif; font-size:11px; color:#666666; background:url(/images/prodDetail/step-1.gif) no-repeat top left #f0f2d8; padding:135px 0px 0px 0px;}
* html .buyStatusDetailThin{position:relative; top:-280px; left:-260px; } /* srsly wtf ? */
#detailLeft{float:left; margin:0 0 0 10px; position:inherit;}
#detailQuantity{display:block; background:url(/images/prodDetail/quantity.jpg) no-repeat left; height:33px; position:relative;margin:5px 0 5px 90px; width:150px;}
.cartUpdate{display:block; padding:0 0 20px; width:100%;}
.updateKeepShopping{float:left; width:50%;}
.updateViewCart{float:right; width:50%;}

input#quantity{height:25px; width:33px; padding:2px; font-size:20px; font-weight:normal; color:#666; position:absolute; top:0; right:0; border:1px solid #CFCFCF; background:#F8F8F8;}

#detailOptions {float:left; position:relative;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:24px; text-align:left; width:100%;}
#detailOptions label {display:block; float:left; width:60px;}
#detailOptions input {float:left; width:100px; display:block;}
#detailOptions select {float:left; width:100px; display:block;}

#detailButtons{padding:5px; margin:10px 0; text-align:center;}
#detailButtons{margin:0 5px;}

#detailText{padding:15px; font-size:12px; color:#8C8C8C; line-height:150%;font-family:Verdana, Arial, Helvetica, sans-serif;}

#detailRight{float:right; width:300px; background:#FBFBFB; position:relative; padding:0; text-align:center;}
#detailPrice{position:absolute; width: 50px; top:7px; right:6px; font-size:28px; font-weight:normal; color:#666 !important;}
a.moreViewsLink{display:block; background:url(/images/prodDetail/more-views.jpg) no-repeat 5px 5px; padding:44px 0 0 0;}
a.moreViewsLink:hover{background:url(/images/prodDetail/more-views-over.jpg) no-repeat 5px 5px; }
a.moreViewsLink img{border:0;}

#relatedProds{clear:both;}



#categories {float:left; clear:none; background:url('/images/back-line.gif') repeat-y }
#catInSummary a {text-decoration:none;}
#catInSummary {text-align:center;}


.cartUpdate{display:block; padding:0 0 20px; width:100%;}
.updateKeepShopping{float:left; width:50%;}
.updateViewCart{float:right; width:50%;}

.brandDropDown {width:100px; font-family:Verdana, Helvetica, sans-serif; font-size:10px; color:#666666;}

.pageSelected {padding:2px; margin:2px; border:1px solid #cccccc; background:#f5f5f5;}

.shippingTable{width:300px; margin:10px;}
.shippingTable th{background:#e96f7a; padding:5px; font-size:13px; color:#fff; margin:20px 0 0 0;}
.shippingTable td{background:#fafafa; padding:5px; margin:1px; font-size:12px; color:#000;}

.extraPriceStrike {text-decoration:line-through; color:#c0c0c0;}
.discountedPrice {font-weight:bold; color:#FF3300;}

.detExtraPriceStrike {text-decoration:line-through; color:#c0c0c0;}
.detDiscountedPrice {font-weight:bold; color:#FF3300;}

/* Page Listing stuff 
.pageListing{clear:both; text-align:center; padding:20px 0;position:relative;}
*/

/* Luke's stuffing around. with this one, it appears on all pages, but it's left aligned, and just below the products
** instead of at the bottom of the page :( gluck :D
*/
.pageListing{float:left; text-align:center; padding:20px 0; border:1px solid #fff /*wtf? */; width:530px;}
.pageListing ul{margin:0; padding:0; list-style:none;text-align:center;}
.pageListing ul li{margin:0; padding:5px; display:inline; font-size:9px;}


.greyCell {background:#fff; border-bottom:#ddf271 solid 1px; border-top:#fbffe4 solid 1px; padding:2px; font-family:Verdana, Helvetica, sans-serif; font-size:12px; color:#666666;}
.pinkCell {background:#f54687; border-bottom:1px solid #db2c6d; border-top:1px solid #ff7aab; color:#fff;}

#catLargeImage {padding:0; margin:0; float:left;  width:500px; }


#breadcrumb {font-family:sans-serif, "Microsoft Sans Serif", "Gill Sans", Verdana, Verdana, Helvetica, sans-serif; size:10px; color:#c0c0c0;}
#breadcrumb a {color:#999999; text-decoration:none;}

#product {position:relative; width:100%; left:0; top:0;}
#product h2 {font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#824234; border-bottom:1px solid #f0f0f0;}
#product select {border:1px solid #d8daa9; background:#fff; padding:2px; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#6b433b;}
#product input {border:1px solid #d8daa9; background:#fff; padding:2px; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#6b433b;}

.required {color:#ff0000;}

/* Anna's note: for displaying images use e.g. <?=$data['smallImage']?> */

#row0 ul {}
#row0 li {list-style:none;display:inline; width:70px; padding:5px; margin:3px; line-height:280%; border:1px solid #cfcfcf; background:#f9f9f9; text-transform:uppercase; font-size:12px;}
#row0 li a {color: #cd2f4d; text-decoration:none;}

#row1 ul {}
#row1 li {list-style:none;display:inline; padding:5px; margin:5px; border:1px dashed #c7deee; background:#f9f9f9; font-size:11px; text-transform:none;}
#row1 li a {color: #cd2f4d; text-decoration:none;}

#uberProdListing {padding:10px; border:1px dashed #c7deee;}
#uberProdListing li {list-style:none;}

.style1 a {color:#cfcfcf;}