body { font-family: Trebuchet MS, Verdana, sans-serif; color: #444; text-decoration: none; word-spacing: normal; text-align: left; letter-spacing: 0; font-size: 75%; background: #39222A url(/bg.gif) }


/* from http://www.neuroticweb.com/recursos/2-columns-layout/ */
#wrapper { text-align: left; padding: 0px; width: 908px; position: relative; background: white; padding: 10px; border: 2px solid #3b1c25; margin: 0px auto; }
#header { height: 108px; position: relative; }
#container { padding: 0; }
#left { float: left; width: 184px; margin-bottom: 10px; } /* was 188? */
#body { margin: 0; float: left; width: 708px; height: 1%; /* background: green; /* Holly hack for Peekaboo Bug */ width: 724px; }
#footer { position: relative; clear: both; margin: 0px auto; width: 920px; margin-top: 4px; }

h1 { font-size: 2em; margin-top: 0px; color: #5C2C38; /* 10px × 2em = 20px */ margin: 0 0 10px 0; }
h2 { font-size: 1.8em; /* 10px × 1.8em = 18px */ color: #8c4355; margin: 20px 0 10px 0; }
h3 { font-size: 1.2em; color: white; margin: 10px 0 4px 0;  background-color: #c29da8; padding: 4px 4px 4px 8px; }
p { font-size: 1em; line-height: 1.4em; /* 10px × 1.2em = 12px */ margin: 0 0 8px 0; }
img { border:0 }
.pad10 { padding: 10px; }
a:link, a:visited { color: #603947; }
a:hover { color: red; }

#body ul { list-style: none; margin-left: 0px; padding-left: 1em; text-indent: -1em; }
#body li { list-style: none url(/li.gif); margin-left: 2em; }


#container.wide #body { width: 900px; }

/* HEADER RIGHT NAV */
#top_nav { padding: 4px 0 4px 0; position: absolute; top: 10px; right: 10px; }
#top_nav ul { white-space: nowrap; font-size: 1em; margin: 0; color: silver; padding: 0px; }
#top_nav li { display: inline; list-style-type: none; position: relative; }
#top_nav a { padding: 0px 4px 0px 4px; display: inline-block; }
#top_nav a:link, #top_nav a:visited { color: #727272; text-decoration: none; }
#top_nav a:hover, #top_nav li.active a:visited { color: white; text-decoration: none; background: #98475E; }

/* HEADER PINK NAV */
#topmenu { background: #f6eaee url(/bg_topmenu.gif); padding: 4px 0 4px 0; margin-top: 15px; }
#topmenu ul { white-space: nowrap; font-size: 1em; margin: 0; color: silver; padding: 0px; }
ul#accountmenu { float: right; }
#topmenu li { display: inline; list-style-type: none; position: relative; }
#topmenu a { padding: 0px 4px 0px 4px; display: inline-block; }
#topmenu a:link, #topmenu a:visited { color: #727272; text-decoration: none; }
#topmenu a:hover, #topmenu li.active a:visited { color: white; text-decoration: none; background: #98475E; }
#topmenu #nav { display: none; }

ul#accountmenu { float: right; }

/* LEFT HAND NAV SHOWN ON ALL SUBPAGES */
ul#leftnav { margin-left: 0; padding-left: 0; list-style-type: none; font-size: 1em; margin-top: 0px; width: 170px; }
ul#leftnav a { display: block; padding: 3px; width: 170px; border-bottom: 1px solid #eee; }
#leftnav li a:link, #leftnav li a:visited { color: black; text-decoration: none; }
#leftnav li a:hover, #leftnav li.active a  { color: #90435a; font-weight: bold; }


#left h4 { font-size: 1.3em; margin: 20px 0 4px 0; color: #bfafb8; }
ul#recent { margin-left: 0; padding-left: 0; list-style-type: none; font-size: 0.8em; margin-top: 0px; width: 170px; }
ul#recent a { display: block; padding: 3px; width: 170px; border-bottom: 1px solid #eee; }
#recent li a:link, #recent li a:visited { color: #977f8e; text-decoration: none; padding-top: 6px; padding-bottom: 6px; }
#recent li a:hover, #recent li.active a  { color: #90435a; }
#recent li img { float: left; margin-right: 10px; margin-bottom: 20px; }
#recent li { clear: both }


#footerboxes { position: relative; clear: both; margin-top: 10px; padding: 0; margin-bottom: 0px; height: 1%; }
#footerboxes div { float: left; display: inline-block; height: 108px; background: #4C2430; margin-right: 10px; position: relative; }
#footerboxes #box1, #footerboxes #box4 { width: 283px; }
#footerboxes #box2, #footerboxes #box3 { width: 152px; }
#footerboxes #box4 { margin-right: 0px; }

#left .box { position: relative; }
#left .box { background: url(/left_orange.png) no-repeat; width: 176px; height: 115px; padding: 6px; }
#left .pink { background: url(/left_pink.png) no-repeat; }
#left .box h2 { font-size: 15px; text-transform: capitalize; margin: 0px; color: red; }
#left .box.pink h2 { color: #632B39; }
#left .box p { color: white; font-size: 11px; line-height: 14px; width: 164px; }
#left .box div.botright .more { position: absolute; top: 90px; left: 106px; }
#left .box div.botright .signup { position: absolute; top: 90px; left: 90px; }
#left .box form { margin: 0; }
#left .box form p { display: inline; }
#left .box input { font-size: 10px; border: 1px solid silver; background: #F4EAED; width: 100px; margin-right: 10px; }


#footer ul { position: absolute; top: 0px; right: 0px; white-space: nowrap; font-size: 11px; margin: 0px; }
#footer li { display: inline; list-style-type: none; position: relative; color: silver; }
#footer ul a { padding: 2px 6px 2px 6px; display: inline-block; vertical-align: middle; }
#footer ul a:link, #footer ul a:visited { color: gray; text-decoration: none; margin: 0; }
#footer li a:hover, #footer li.active a:visited { color: #fff; text-decoration: none; background: #98475E }


#footer b { color: silver; margin: 0; font-size: 11px; padding: 0; position: absolute; top: 2px; padding-bottom: 20px; }



/* CATALOGUE SPECIFIC */

.items { height: 1%; margin-bottom: 15px; width: 724px; }
.items div { display: block; float: left; width: 150px; margin-right: 14px; margin-bottom: 18px; position: relative; height: 250px; background: #FBF7F8; border: 10px solid #FBF7F8; font-size: 11px; }
.items img { width: 120px; border: 15px solid white; background: white; display: block; margin-bottom: 10px; }
.items p { font-size: 11px; color: gray; }
.items p a { color: gray; }
.items p a:hover { color: red; }
.items p.price { position: absolute; top: 212px; right: 0px; }
.items p.buynow { position: absolute; top: 232px; right: 0px; }
.items a.buynow:hover { color: #ff9900; background: #803C50 url(/buynow.gif) 0 -20px; }
.items span.so { position: absolute; top: 2px; left: 1px; width: 148px; height: 13px; background: url(/item_so.gif); }
.items span.new { position: absolute; top: 2px; right: 3px; width: 30px; height: 13px; background: url(/item_new.gif); }
.items span.bs { position: absolute; top: 136px; left: 1px; width: 148px; height: 13px; background: url(/item_bs.gif); }

#heading { width: 100%; border-collapse: collapse; margin-bottom: 10px; }
#heading td { margin: 0; padding: 0; }
#heading h1 { margin: 0; }
.pages { text-align: right; vertical-align: middle; }


#body .pages ul { margin:0; padding:0; white-space: nowrap; margin-left: 5px; margin-right: 5px; font-size: 11px; display: inline; }
#body .pages li { display: inline; list-style-type: none; margin: 0; padding: 0; margin-left: 0; }
#body .pages a { padding: 0 4px 0 4px; }
.pages a:link, .pages a:visited { color: gray; border: 1px solid #DDD; text-decoration: none; }
.pages a:hover, .pages #active a:visited, .pages #active a { color: #fff; background-color: #CF98A9; text-decoration: none; }




#gallery { WIDTH: 587px; height: 500px; position: relative; }
#gallery UL { PADDING: 0px; FLOAT: right; MARGIN: 0px; WIDTH: 180px; LIST-STYLE-TYPE: none; POSITION: relative }
#gallery UL LI { DISPLAY: inline; FLOAT: left; MARGIN: 0px 0px 5px 5px; WIDTH: 52px; HEIGHT: 52px }
#gallery UL LI A { BORDER: gray 1px solid; DISPLAY: block; WIDTH: 50px; HEIGHT: 50px; TEXT-DECORATION: none }
#gallery UL LI A IMG { BORDER: 0px; DISPLAY: block; WIDTH: 50px; HEIGHT: 50px; }
#gallery UL LI A:hover { BORDER-COLOR: #ddd; WHITE-SPACE: normal; }
#gallery UL LI A:hover IMG { BORDER: gray 1px solid; RIGHT: 185px; WIDTH: auto; POSITION: absolute; TOP: 0px; HEIGHT: auto; width: 400px; height: 400px; }
#gallery img.start { position: absolute; top: 0px; right: 185px; width: 400px; height: 400px; BORDER: gray 1px solid; }



	
a.btn_100, a.btn_150 { color: white; padding: 0px; text-decoration: none; width: 100px; height: 18px; text-align: center; background: #B15672 url(/btn_100.gif) no-repeat; display: inline-block; padding-top: 2px; }
a.btn_100:hover, a.btn_150:hover { color: #fefefe; background: #803C50 url(/btn_100.gif) 0 -20px; }

a.btn_150 { width: 150px; background: #B15672 url(/btn_150.gif) no-repeat; }
a.btn_150:hover { background: #803C50 url(/btn_150.gif) 0 -20px; }

tfoot { background: #faf3f5; }






/* LIGHTBOX STUFF */

#overlay1 { background: #333; position: absolute; top: 0px; left: 0px; z-index: 90; width: 100%; height: 100%; filter: Alpha(Opacity=40); -moz-opacity: 0.4; opacity: .40; }
* html #overlay { background-color: #333; background-color: transparent; /*background-image: url(/lightbox/overlay.png);
						filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/lightbox/overlay.png", sizingMethod="scale");		/* "/lightbox/overlay.png" */ }
#box { background:#FFFFFF; margin: 0; padding: 0; border:2px solid #000000; }
#box #close { position:absolute; top:4px; right:4px; cursor:pointer; }
#box #boxContents { margin-top:12px; margin: 0; }
#box h1 { top: 0px; left: 0px; margin: 0; background-color: #517AB0; color: white; height: 26px; padding: 4px; margin-bottom: 10px; font: bold 14px Verdana, Arial, Helvetica, sans-serif; }
#box p, #box form { padding-left: 6px; padding-right: 6px; }
#box p.default { text-align:center;  background: url(/spinner.gif) 0px 0px no-repeat; margin-left: 20px; margin-top: 12px; height: 30px; }
.select-free { position:absolute; z-index:10;/*any value*/ overflow:hidden; /*must have*/ width:33em; /*must have for any value*/ }
.select-free iframe {  display:none; display/**/:block; position:absolute; top:0; left:0; z-index:-1; filter:mask(); width:3000px; height:3000px; display:block; }
#coverselects { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0); z-index: 10; }

.colour h2 { background: #dec7cf; padding: 3px; font-size: 1.2em; margin: 0; padding-left: 8px; }
.colour .row { padding: 6px; padding-left: 10px; background: #f8f3f4; }
.colour .row input { border: 1px solid gray; }
.colour .row label { margin-right: 10px; }


table.basket { width: 100%; border-collapse: collapse; background: #f8f3f4; }
.basket img { float: left; margin-right: 10px; }
.basket tr { vertical-align: top; }
.basket td { border-right: 2px solid #f8f3f4; padding: 15px; border-bottom: 1px dotted #dec7cb; }
.basket input { width: 30px; border: 1px solid silver; }
.basket thead { background: #c29da8; height: 30px; color: white; font-weight: bold; }
.basket thead tr { vertical-align: middle; }
.basket thead th { border-bottom: 1px solid white; padding: 0px 15px;}
.basket .price { font-weight: bold }
.basket a { text-decoration: none; color: #444; }
.basket a:hover { text-decoration: underline }
.basket tfoot td { padding: 5px 15px; font-weight: bold; font-size: 1.2em; }


/* HOME PAGE STUFF */

.hp td { vertical-align: top; }
.hp p { FONT-SIZE: 1.1em; }

.hp_items { height: 1%; }
.hp_items h2 { font-size: 1.1em; padding: 3px 0 3px 0; margin: 4px 0 4px 0; }
.hp_items div { display: block; float: left; width: 92px; margin-right: 20px; margin-bottom: 8px; height: 92px; }
.hp_items img { width: 76px; background: white; border: 6px solid white; margin-top: 2px; }
.hp_items a { border: 2px solid white; }  .hp_items a:hover { border: 2px solid #EEE; }


/* SINGLE ITEM PAGE */
.item span.so { background: red; padding: 0 4px 0 4px; color: white; }
.item span.price { font-size: 1.3em; }
hr { height: 1px; background-color: #f6eaee; color: #f6eaee; border: none; padding: 0; margin: 0.2em 0 0.6em 0; }


/* FROM http://www.evotech.net/blog/2007/09/css-image-replacement-method/ - Thank you! */
.imgr { display:-moz-inline-box; display:inline-block; background:transparent none 0 0 no-repeat; text-indent:-3000px; font:0/0 Arial; overflow:hidden; color:rgba(255,255,255,0); vertical-align:bottom; border: 0; cursor: hand; }
a.imgr.addtobasket { background-image: url(/btn_buy.gif); width: 110px; height: 20px; }
a.imgr.register { background-image: url(/btn_register.gif); width: 80px; height: 20px; }
a.imgr.signin { background-image: url(/btn_signin.gif); width: 80px; height: 20px; }
.imgr.continue { background-image: url(/btn_continue.gif); width: 80px; height: 20px; }
.imgr.checkout { background-image: url(/btn_checkout.gif); width: 146px; height: 20px; }
.imgr.submit { background-image: url(btn_submit.gif); width: 75x; height: 20px; }
a.imgr.continueshop { background-image: url(/btn_shop.gif); width: 140px; height: 20px; }
a.imgr.altaddress { background-image: url(/btn_altaddress.gif); width: 225px; height: 20px; }
a.imgr.address { background-image: url(/btn_address.gif); width: 176px; height: 20px; }
a.imgr.apply { background-image: url(/btn_apply.gif); width: 74px; height: 20px; }
a.imgr.more { background-image: url(/btn_more.gif); width: 74px; height: 20px; }
a.imgr.signup { background-image: url(/btn_signup.gif); width: 80px; height: 20px; }
a.imgr:hover { background-position: 0 -20px; }

input.imgr.continue { background-image: url(/btn_continue.gif); width: 146px; height: 20px; border: 0; }
input.imgr.checkout { background-image: url(/btn_checkout.gif); width: 146px; height: 20px; border: 0; }
input.imgr.update { background-image: url(/btn_update.gif); width: 146px; height: 20px; border: 0; }
input.imgr.address { background-image: url(/btn_address.gif); width: 146px; height: 20px; border: 0; }
input.imgr.submit { background-image: url(/btn_submit.gif); width: 75px; height: 20px; border: 0; }
input.imgr.apply { background-image: url(/btn_apply.gif); width: 74px; height: 20px; border: 0; vertical-align: top; margin-top: 2px; }
input.imgr.removecode { background-image: url(/btn_removecode.gif); width: 74px; height: 20px; border: 0; vertical-align: top; }
input.imgr.remove { background-image: url(/btn_remove.gif); width: 45px; height: 20px; border: 0; vertical-align: top; margin-top: 4px; }
input.imgr:hover { background-position: 0 -20px; }


input.imgr.pay { background-image: url(/btn_pay.gif); width: 80px; height: 20px; }


/* ACCESSIBLE NAV */
#accessible_nav ul { padding: 0; margin: 0; list-style: none; }
#accessible_nav li { padding: 0; margin: 0; list-style: none; display: inline; }
#accessible_nav a:link, #accessible_nav a:visited { position: absolute; top: 0px; left:12px; overflow: hidden; width: 0; height: 0; font-size: 1em; z-index: 1002; }
#accessible_nav a:active, #accessible_nav a:focus { position: absolute; overflow: visible; color:#000; width: auto; height: auto; border: 0; margin: 0; padding: 5px; background: #FFF;
	z-index: 10000; text-decoration:underline; font-weight:bold; }

	
	
	
/* CHECKOUT PAGE */

.checkout { width: 100%; margin: 0px auto; border-collapse: collapse; }
.checkout tr {	height: 30px; }
.checkout td { border: 1px dotted silver; text-align: center; width: 25%; background-color: #ffeed4; }
.checkout td.active { background-color: #ffc46a; font-weight: bold; }


#header .dev { position: absolute; top: 10px; left: 400px; color: white; text-decoration: none; display: inline; font-weight: bold; font-size: 1em; margin-left: 4px; background-color: red; padding: 6px; }


#image { height: 360px; margin-top: 6px; }

#thumbs .a { COLOR: #606 }
#thumbs .a:visited { COLOR: #606 }
#thumbs { POSITION: relative; HEIGHT: 60px; padding-top: 4px; padding-left: 10px; background: #EFEFEF; text-align: left; }
#thumbs b { visibility: hidden; font-weight: normal; Z-INDEX: 1; LEFT: 9px; background-color: #F0F7FB; COLOR: #444; position: absolute; top: 82px; WIDTH: 400px; HEIGHT: 320px; }

A.gallery, A.gallery:visited { BORDER: 1px solid #FFF; display: inline-block; MARGIN: 4px 4px; WIDTH: 60px; HEIGHT: 45px; CURSOR: default; COLOR: #000; POSITION: relative; TEXT-DECORATION: none; cursor: hand; }
A.gallery SPAN { background-color: white; VISIBILITY: hidden; WIDTH: 60px; HEIGHT: 60px; CURSOR: default;
						COLOR: #000; POSITION: absolute; TOP: 0px; LEFT: 5px; TEXT-ALIGN: left; }

A.slidea SPAN { LEFT: -15px; TOP: -370px; }
A.slideb SPAN { LEFT: -89px; TOP: -370px; }
A.slidec SPAN { LEFT: -163px; TOP: -370px}
A.slided SPAN { LEFT: -237px; TOP: -370px}

A.gallery:hover {	BORDER: 1px solid #000; Z-INDEX: 100; WHITE-SPACE: normal; }
A.gallery:hover SPAN { Z-INDEX: 100; VISIBILITY: visible }
A.gallery:hover SPAN IMG { Z-INDEX: 100; MARGIN: 0; POSITION: relative; width: 350px; height: 350px; }
/*A.gallery:active { BORDER: 1px solid #c00; Z-INDEX: 10; }*/
A.gallery:unknown { BORDER: 1px solid #c00; Z-INDEX: 10; }
/*A.gallery:active SPAN {	Z-INDEX: 10; VISIBILITY: visible }*/
A.gallery:unknown SPAN { Z-INDEX: 10; VISIBILITY: visible }
/*A.gallery:active SPAN IMG { BORDER: 1px solid #000; Z-INDEX: 10; MARGIN: 0; POSITION: relative; }*/
A.gallery:unknown SPAN IMG { BORDER: 1px solid #000; Z-INDEX: 10; MARGIN: 0; POSITION: relative; }