html {
	height:100%;
}
body {
	background: url(../background.png) #fff center center fixed;
	height:100%;
	margin:0;
	font:12px Verdana, Arial, Helvetica, sans-serif;
}
a {outline:none; color:#3b3f3d; text-decoration:none;}
img {border:none;}
#page {
	width:817px;
	margin:0 auto;
}
#header {
	width:100%;
	padding:9px 0 0;
}
.logo {
	background:url(../images/logo.png) no-repeat;
	width:378px;
	height:87px;
	display:block;
	text-indent:-9999em;
	margin:0 0 -13px;
	position:relative;
	cursor:pointer;
	z-index:1000;
}
.nav {
	width:797px;
	overflow:hidden;
	background:#000 url(../images/header.gif) no-repeat 0 0;
	font-size:11px;
	padding:0 10px;
	position:relative;
	line-height:41px;
}
.nav ul {
	margin:0;
	padding:0;
	list-style:none;
	text-transform:uppercase;
}
.nav a {
	text-decoration:none;
}
.nav a:hover {
	text-decoration:underline;
}
.nav li {
	float:left;
	margin:0 13px;
}
.nav .left {
	float:left;
}
.nav .left a {
	color:#fff;
}
.nav .right {
	float:right;
}
.nav .right a {
	color:#939a06;
}
#container {
	width:100%;
	overflow:hidden;
	background:#fff;
	position:relative;
	padding:14px 0 0;
}

.sidebar {
	float:left;
	width:130px;
}
.sidebar h1 {
	width:128px;
	height:36px;
	margin:0;
	text-indent:-9999em;
	overflow:hidden;
	margin:5px 0 0 30px;
}
.sidecategories {
	margin:0;
	padding:0;
	list-style:none;
	font:12px Arial, Helvetica, sans-serif;
	line-height:25px;
	margin:20px 0 0 35px;
}
.sidecategories a {
	color:#757b04;
	text-decoration:none;
}
.sidecategories a:hover {
	text-decoration:underline;
}
.main-column {
	float:right;
	padding:0 6px;
	width:633px;
	overflow:hidden;
}

.main-column img {
	float:left;
	margin:0 8px 0 0;
}

.main-column h2 {
    color:#333;
    border-bottom:1px solid #939a06;
    font-size:14px;
    padding:0 0 10px 0; }
    
.main-column h3 {
    color:#939a06;
    font-size:11px;
    text-transform:uppercase;
    padding:0 0 10px 0; }
    
#categories {
	float:right;
	padding:0 6px;
	width:633px;
	overflow:hidden;
}
#products {
	float:right;
	padding:0 6px;
	width:633px;
	overflow:hidden;
}
#footer {
	padding:55px 0 100px;
	margin:-55px 0 0;
	background:none;
}
#footer .inner {
	width:818px;
	margin:0 auto;
	overflow:hidden;
	padding:19px 0 0;
	background:url(/images/footer2.gif) no-repeat;
}
#footer ul {
	float:right;
	margin:0;
	padding:0;
	list-style:none;
	font-size:10px;
}
#footer li {
	float:left;
	margin:0 12px 0 0;
}
#footer a {
	color:#c71910;
	font-weight:bold;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
hr {display:none;}

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

#leftmenu h4{font-size:12px; color:#999; text-transform:uppercase; padding:10px 0 3px ; margin:0; font-family: sans-serif, "Microsoft Sans Serif", "Gill Sans", Arial, Verdana;font-size:11px;}
#leftmenu p{margin:0 0 -5px 0; padding:0 0 7px 0;font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px;}
#leftmenu p a{display:block; color:#ec6d9d; text-decoration:none;}
#leftmenu p a:hover{display:block; color:#b5416d;}

#leftmenu a.level0{font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px; color:#939a06; text-transform:lowercase;font-weight:bold; padding:5px 0 3px; margin:4px 0 0 0; display:block;}
#leftmenu a.level0:hover{color:#aeb610;}
#leftmenu a.level1{font-family: Verdana, Arial, Helvetica, sans-serif;display:block; color:#7b7b7b; text-decoration:none;text-transform:lowercase;line-height:18px;}
#leftmenu a.level1:hover{display:block; color:#666;}
#leftmenu a.level2{display:none;}

.detailname {color:#939A06; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; margin-bottom:25px;}


#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;}

.detExtraPrice{color:#333;float:left; font: Verdana, Helvetica; font-size:14px; }
.extraPrice {color:#666;}

.prodSummary{width:170px; 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:12px; height:40px; text-align: center; width: 150px;}
.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:#939a06; color:#FFFFFF; font-size:11px; font-weight:bold; padding:5px;}
table.cart td, table.orderlistingtable td, table.certListingTable td{border:1px solid #ececec; background:#f6f6f6; padding:5px; 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; width:100%; 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; width:450px; 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 {width:490px; float:left; position:relative;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:24px; text-align:left;}

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

#detailText{padding:15px; font-size:12px; color:#333; 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;}

.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; text-decoration:none!important;}
.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: Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#909090;}
#breadcrumb a {color:#c0c0c0;}
#breadcrumb a:hover {color:#74b230; text-decoration:underline;}

#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;}


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

/* new big popup image funk */

a img{border:0;}
.extraContent{display:none;}
.extraContentShow{position:absolute; top:0; left:0; bottom:0; right:0; height:100%;}
#fillTheBack{background:#fff; position:absolute; top:0; left:0; opacity: .8;  filter: alpha(opacity=80); z-index:999; height:100%; width:100%;}
 
.extraProdDetailBacking{display:block; position:absolute; top:0px; left:0px; bottom:0px; right:0px;  z-index:9999;}

#extraImgRap{width:583px; background:url(/images/extraImages/popup-rep.png) repeat-y top; margin:50px auto; padding:0; position:relative; z-index:99991; }
#extraImgPopupHeader{ height:305px; width:583px; background:url(/images/extraImages/popup-header.png) no-repeat top; margin:0; padding:0; position:absolute; top:-28px; left:0; z-index:99992;}
#extraImgPopupFooter{ height:80px; width:583px; background:url(/images/extraImages/popup-footer.png) no-repeat bottom; margin:0; position:absolute; padding:0;  bottom:-27px; left:0; z-index:99993;}

#extraImageX{position:absolute; z-index:999999; top:-3px; right:26px; width:21px; height:21px; border:0;}
#extraImageX:hover{background:url(/images/extraImages/X-mouseover.jpg) no-repeat;}


.extraImageThumbnails{padding:0; margin:0; position:absolute; list-style:none; top:6px; left:33px; height:115px; right:30px; z-index:99999;}
.extraImageThumbnails a{display:block; float:left; width:100px; height:117px; margin:0 26px 0 0; padding:0;text-decoration:none;}
.extraImageThumbnails a:hover{height:103px; border-bottom:12px solid #8EA5B9;}
.extraImageThumbnails img{width:100px; height:100px;}

.extraImageprodBig{padding:170px 0 30px 0 ; position:relative; z-index:99995; left:0px; text-align:center; margin:0;}
.extraImageprodBig img{padding:5px; border:1px solid #ccc; background:#fff;}

/* Now the same again, but for IE, because IE is not very nice */

* html .extraContentShow{position:absolute; top:0; left:0; bottom:0; right:0; height:100%;}
* html #fillTheBack{background:#fff; position:absolute; top:0; left:0; opacity: .8;  filter: alpha(opacity=80); z-index:999; height:100%; width:100%; right:0;}

* html #extraImgRap{width:551px; background:url(/images/extraImages/popup-rep-ie.jpg) repeat-y top; margin:50px auto; padding:0;  position:relative; z-index:99991; }
* html #extraImgPopupHeader{ height:305px; width:551px; background:url(/images/extraImages/popup-header-ie.gif) no-repeat top; margin:0; padding:0; position:absolute; top:-28px; left:0; z-index:99992;}
* html #extraImgPopupFooter{ height:80px; width:551px; background:url(/images/extraImages/popup-footer-ie.gif) no-repeat bottom; margin:0; position:absolute; padding:0;  bottom:-27px; left:0; z-index:99993;}

* html #extraImageX{position:absolute; z-index:999999; top:-19px; right:9px; width:21px; height:21px; border:0; }
* html #extraImageX:hover{background:url(/images/extraImages/X-mouseover.jpg) no-repeat;}

* html .extraImageThumbnails{padding:0; margin:0; position:absolute; list-style:none; top:-10px; left:17px; height:115px; z-index:99999; width:550px;}
* html .extraImageThumbnails a{display:block; float:left; width:100px; height:117px; margin:0 26px 0 0; padding:0;}
* html .extraImageThumbnails a:hover{height:103px; border-bottom:12px solid #8EA5B9; display:block;}
* html .extraImageThumbnails img{width:100px; height:100px;}

* html .extraImageprodBig{padding:170px 0 30px 0 ; position:relative; z-index:99995; left:0px; text-align:center; margin:0;}
* html .extraImageprodBig img{padding:5px; border:1px solid #ccc; background:#fff;}

/* end big popup image funk */



/* start email popup funk */
#emailPopupHeader{ height:305px; width:583px; background:url(/images/extraImages/email-header.png) no-repeat top; margin:0; padding:0; position:absolute; top:-28px; left:0; z-index:99992;}
#extraImgRap h3{font-size:20px;padding:0; margin:0; position:absolute; list-style:none; top:6px; left:33px; height:115px; right:30px; z-index:99999; line-height:30px;}

/* and again for IE */
* html #emailPopupHeader{ height:305px; width:551px; background:url(/images/extraImages/email-header-ie.gif) no-repeat top; margin:0; padding:0; position:absolute; top:-28px; left:0; z-index:99992;}