/* MAIN STYLES */
body { margin: 5px 0px 5px 0px; text-align: center; min-width: 1000px; /* for mozilla */ background: #FFFFFF url(images/bg.jpg) repeat-x top center fixed; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666;  }
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; color: #FF66CC; margin: 0px; }
h1 a { color: #FF00CC; text-decoration: none; }
h1 a:hover { color: #FFFFFF; }
h2 { font-size: 16px; font-weight: normal; color: #FF66CC; margin: 0px; }
h2 a { color: #FF66CC; text-decoration: none; }
h2 a:hover { color: #33CCCC; }
h3 { font-size: 13px; font-weight: normal; color: #FF66CC; margin: 0px; }
h4 { font-size: 13px; font-weight: bold; color: #666666; margin: 0px; }
h5 { font-size: 10px; font-weight: normal; color: #666666; margin: 0px; }
hr { width: 100%; color: #FFFFFF;  border: 1px dotted #2B2824; }
* { behavior: url(scripts/iepngfix.htc); }
img { border: 0px; }
a { color: #FF66CC; text-decoration: none; }
a:hover { color: #33CCCC; }
a img { opacity: 1; filter: alpha(opacity=100); }
a:hover img { opacity: 0.5; filter: alpha(opacity=50); }
/*table { border: 0px; width: 100%; }*/
th { text-align: right; vertical-align: text-top; padding: 5px 3px 0px 0px; }
td { vertical-align: top; padding: 5px 0px 0px 0px; }

/* PAGE STYLES */
#outer { margin: auto; width: 1000px; position: relative; }
#main { width: 998px; position: relative; text-align: left; background: #FFFFFF url(images/top-fade-main.jpg) repeat-x; border-top: 1px solid #000000; border-right: 1px solid #000000; border-left: 1px solid #000000; float: left; }
#maincopy { position: relative; float: left; margin: 0px 10px 0px 10px; width: 800px; }
#mainright { width: 285px; min-height: 200px; float: left; padding: 0px 0px 10px 10px; position: relative; border-left: 1px dotted #2B2824; }
#hero { position: relative; float: left; }

/* HEADER STYLES */
#header { height: 109px; width: 998px; margin-bottom: 10px; position: relative; overflow: hidden; }
#logo { position: relative; bottom: 99px; left: 10px; }

/* BASKET STYLES */
#basket { height: 75px; width: 140px; position: relative; bottom: 114px; left: 176px; margin: 10px; float: right; padding: 10px; text-align: center; }
#basketbg { position: relative; bottom: 104px; float: right; margin-right: 4px; }
#basket a { color: #000000; text-decoration: underline; }
#basket a:hover { text-decoration: none; }

/* RIGHT COLUMN */
#rightcolumn { position: relative; float: right; width: 164px; height: 430px; background: url(images/right-bg.jpg) no-repeat; margin: 0px 5px 0px 0px; padding: 10px 0px 0px 5px; text-align: center; }
.bestbox { width: 100px; height: 125px; margin-left: 32px; }

/* FOOTER STYLES */
#footer { width: 988px; position: relative; float: left; padding: 0px 7px 0px 5px; font-size: 10px; background: url(images/bottom-fade.jpg) no-repeat; }
#footerright { position: relative; float: right; margin: 0px 30px 0px 0px; }
#footerleft { position: relative; float: left; margin: 0px 0px 0px 30px; }
#footer img { position: relative; float: right; }
#mommo { position: relative; float: left !important; }

#credits { margin: 10px 10px 0px 0px; }
#credits img { float: none; }
.paypal { position: relative; top: 2px; margin-left: 5px; }

/* MENU STYLES */
#menucontainer { height: 25px; width: 998px; position: relative; overflow: hidden; background: #FF66CC url(images/menu.jpg) no-repeat; }
#menucontainer #menu  { margin: 0px; padding: 0px; }
#menucontainer #menu li { display: inline; font-size: 0px; }
#menucontainer #menu li a { float: left; height: 25px; padding-top: 25px; background: url(images/menu.jpg) no-repeat; }
#menucontainer #menu li#nav_home a { width: 59px; background-position: 0px 0px; }
#menucontainer #menu li#nav_silv a { width: 150px; background-position: -59px 0px; }
#menucontainer #menu li#nav_ethi a { width: 167px; background-position: -209px 0px; }
#menucontainer #menu li#nav_free a { width: 139px; background-position: -376px 0px; }
#menucontainer #menu li#nav_spec a { width: 122px; background-position: -515px 0px; }
#menucontainer #menu li#nav_cont a { width: 80px; background-position: -637px 0px; }
#menucontainer #menu li#nav_myac a { width: 101px; background-position: -717px 0px; }

#menucontainer #menu li#nav_home a:hover { background-position: 0px -25px; }
#menucontainer #menu li#nav_silv a:hover { background-position: -59px -25px; }
#menucontainer #menu li#nav_ethi a:hover { background-position: -209px -25px; }
#menucontainer #menu li#nav_free a:hover { background-position: -376px -25px; }
#menucontainer #menu li#nav_spec a:hover { background-position: -515px -25px; }
#menucontainer #menu li#nav_cont a:hover { background-position: -637px -25px; }
#menucontainer #menu li#nav_myac a:hover { background-position: -717px -25px; }

#menucontainer #menu li#nav_home a:active { background-position: 0px -50px; }
#menucontainer #menu li#nav_silv a:active { background-position: -59px -50px; }
#menucontainer #menu li#nav_ethi a:active { background-position: -209px -50px; }
#menucontainer #menu li#nav_free a:active { background-position: -376px -50px; }
#menucontainer #menu li#nav_spec a:active { background-position: -515px -50px; }
#menucontainer #menu li#nav_cont a:active { background-position: -637px -50px; }
#menucontainer #menu li#nav_myac a:active { background-position: -717px -50px; }

#menucontainer.home #menu li#nav_home a { background-position: 0px 0px !important; cursor: default; }
#menucontainer.silv #menu li#nav_silv a { background-position: -59px -75px !important; }
#menucontainer.ethi #menu li#nav_ethi a { background-position: -209px -75px !important; }
#menucontainer.free #menu li#nav_free a { background-position: -376px -75px !important; }
#menucontainer.spec #menu li#nav_spec a { background-position: -515px -75px !important; }
#menucontainer.cont #menu li#nav_cont a { background-position: -637px -75px !important; }
#menucontainer.myac #menu li#nav_myac a { background-position: -717px -75px !important; }


#maincopyfull { width: 800px; height: 378px; float: left; padding: 10px; position: relative; top: 1px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; }
.scroll { overflow: auto; }
.catscroll { overflow: auto; border-top-width: 1px; border-top-style: solid; border-top-color: #2B2824; }
.pdf { list-style-image: url(images/pdf-bullet.gif); }
.leftimg { float: left; margin: 0px 10px 10px 0px; }
.rightimg { float: right; margin: 0px 0px 10px 10px; }
.middle { margin-top: 130px; }
.middle h1 { margin-bottom: 10px; }
#homeflash { width: 280px; height: 350px; position: relative; float: left; overflow: hidden; margin-top: 20px; }

/* FORM STYLES */
#form { width: 470px; float: left; margin: 5px 10px 0px 0px; }
.error { color: #FF0000; }
.fielderror { background-color: #FF9999; }
.instructions {	font-size: 10px; }
.notes { font-size: 10px;text-align: left; vertical-align: text-top; padding: 10px 10px 10px 50px; }

/* JEWELLERY CATALOGUE STYLES */
#leftcol { position: relative; float: left; margin: 0px 0px 0px 5px; width: 170px; }
#filter { position: relative; float: left; margin: 0px 0px 0px 5px; width: 170px; }
/* FILTER STYLES */
#cfcontainer { height: 190px; width: 170px; position: relative; z-index: 9999; }
#cfcontainer #cf { margin: 5px 0px 5px 0px; padding: 0px; }
#cfcontainer #cf li { font-size: 10px; list-style: none; }
#cfcontainer #cf li a { float: left; height: 45px; width: 170px; text-indent: -9999px; background: url(images/filter-collections.jpg) no-repeat; }
#cfcontainer #cf li#nav_vdm a { background-position: 0px 0px; }
#cfcontainer #cf li#nav_tga a { background-position: 0px -45px; }
#cfcontainer #cf li#nav_gag a { background-position: 0px -90px; }
#cfcontainer #cf li#nav_all a { background-position: 0px -135px; }

#cfcontainer #cf li#nav_vdm a:hover { background-position: -170px 0px; }
#cfcontainer #cf li#nav_tga a:hover { background-position: -170px -45px; }
#cfcontainer #cf li#nav_gag a:hover { background-position: -170px -90px; }
#cfcontainer #cf li#nav_all a:hover { background-position: -170px -135px; }

#cfcontainer #cf li#nav_vdm a:active { background-position: -340px 0px; }
#cfcontainer #cf li#nav_tga a:active { background-position: -340px -45px; }
#cfcontainer #cf li#nav_gag a:active { background-position: -340px -90px; }
#cfcontainer #cf li#nav_all a:active { background-position: -340px -135px; }

#cfcontainer #cf li#nav_vdm a.selected { background-position: -340px 0px !important; }
#cfcontainer #cf li#nav_tga a.selected { background-position: -340px -45px !important; }
#cfcontainer #cf li#nav_gag a.selected { background-position: -340px -90px !important; }
#cfcontainer #cf li#nav_all a.selected { background-position: -340px -135px !important; }

#tpcontainer { height: 184px/* Should be 325px to allow for all product types! */; width: 170px; position: relative; overflow: hidden; }
#tpcontainer #tp { margin: 5px 0px 5px 0px; padding: 0px; }
#tpcontainer #tp li { font-size: 0px; list-style: none; }
#tpcontainer #tp li a { float: left; height: 45px; width: 170px; text-indent: -170px; background: url(images/filter-type.jpg) no-repeat; }
#tpcontainer #tp li#nav_ear a { background-position: 0px 0px; }
#tpcontainer #tp li#nav_pen a { background-position: 0px -45px; }
#tpcontainer #tp li#nav_bra a { background-position: 0px -90px; }
#tpcontainer #tp li#nav_nec a { background-position: 0px -135px; }
#tpcontainer #tp li#nav_rin a { background-position: 0px -180px; }
#tpcontainer #tp li#nav_cha a { background-position: 0px -225px; }
#tpcontainer #tp li#nav_all a { background-position: 0px -270px; }

#tpcontainer #tp li#nav_ear a:hover { background-position: -170px 0px; }
#tpcontainer #tp li#nav_pen a:hover { background-position: -170px -45px; }
#tpcontainer #tp li#nav_bra a:hover { background-position: -170px -90px; }
#tpcontainer #tp li#nav_nec a:hover { background-position: -170px -135px; }
#tpcontainer #tp li#nav_rin a:hover { background-position: -170px -180px; }
#tpcontainer #tp li#nav_cha a:hover { background-position: -170px -225px; }
#tpcontainer #tp li#nav_all a:hover { background-position: -170px -270px; }

#tpcontainer #tp li#nav_ear a:active { background-position: -340px 0px; }
#tpcontainer #tp li#nav_pen a:active { background-position: -340px -45px; }
#tpcontainer #tp li#nav_bra a:active { background-position: -340px -900px; }
#tpcontainer #tp li#nav_nec a:active { background-position: -340px -135px; }
#tpcontainer #tp li#nav_rin a:active { background-position: -340px -180px; }
#tpcontainer #tp li#nav_cha a:active { background-position: -340px -225px; }
#tpcontainer #tp li#nav_all a:active { background-position: -340px -270px; }

#tpcontainer #tp li#nav_ear a.selected { background-position: -340px 0px !important; }
#tpcontainer #tp li#nav_pen a.selected { background-position: -340px -45px !important; }
#tpcontainer #tp li#nav_bra a.selected { background-position: -340px -90px !important; }
#tpcontainer #tp li#nav_nec a.selected { background-position: -340px -135px !important; }
#tpcontainer #tp li#nav_rin a.selected { background-position: -340px -180px !important; }
#tpcontainer #tp li#nav_cha a.selected { background-position: -340px -225px !important; }
#tpcontainer #tp li#nav_all a.selected { background-position: -340px -270px !important; }

#colhead { width: 638px; height: 98px; position: relative; float: left; overflow: hidden; }
#catthumbarea { width: 640px; float: left; position: relative; margin-left: 5px; }
#catthumb { width: 160px; height: 250px; float: left; text-align: center; position: relative; }
#pages { width: 638px; position: relative; float: left; text-align: right; }

/* CATALOGUE DETAILS STYLES */
#catdetailarea { width: 640px; float: left; position: relative; margin-left: 0px; }

#catdetailimg { width: 260px; height: 360px; float: left; margin: 20px 0px 0px 0px; position: relative; }
#catdetailcopy { width: 380px; height: 350px; float: left; margin: 10px 0px 0px 0px; position: relative; /*border: 1px solid red;*/ }
.minithumb { width: 59px; height: 75px; overflow: hidden; border: 1px solid #666666; margin: 5px 1px 0px 0px; float: left; }
.thumb3d { width: 40px; height: 75px; overflow: hidden; border: 1px solid #666666; margin: 5px 0px 0px 0px; float: left; }
#add { width: 100%; position: relative; margin: 50px 0px 0px 0px; }
.out { width: 100%; position: relative; margin: 50px 0px 0px 0px; }
#detailbg { float: right; position: relative; width: 130px; height: 180px; }

#back { width: 100%; float: left; position: relative; bottom: 30px; margin: 0px 0px 0px 20px; }

/* WINDOW STYLES */
#window { width: 240px; height: 120px; float: left; padding: 0px; margin: 0px 5px 10px 5px; position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; background-repeat: no-repeat; }
#copy { position: relative; bottom: 120px; padding: 10px 10px 0px 10px; height: 85px; overflow: hidden; z-index: 9991; }
#link { color: #7F7F7F; position: relative; margin-top: -115px; padding: 0px 10px 0px 0px; text-align: right; z-index: 9996; }

#link a { color: #7F7F7F; text-decoration: none; }
#link a:active { color: #7F7F7F; }
#link a:visited { color: #7F7F7F; }
#link a:hover { color: #FFFFFF; }

#window.test { background: url(images/test-bg.jpg); }
#window.morals { background: url(images/morals-win-bg.jpg); }
#window.rated { background: url(images/rated-bg.jpg); }
.note { font-size: 10px; color: #FF66CC; margin: 10px 0px 0px 0px; text-align: right; }
.notelite { font-size: 10px; color: #FFFFFF; padding: 10px 0px 10px 0px; text-align: center; }
.finalnote { font-size: 10px; color: #FF66CC; margin: 0px; text-align: center; }
.warning { font-size: 12px; color: #FF0000; margin: 0px; text-align: center; }
.pushdown { margin-top: 160px; }
#login td { text-align: left; }

a.flatcopy { color: #FFFFFF; text-decoration: none; }

/* BASKET STYLES */
.basketsum { font-family :Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; margin-top: 0px; }
.basketcopytitle { vertical-align: middle; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; padding-top: 5px; padding-bottom: 5px; border-bottom: 2px solid #666666; }
.basketnumstitle { vertical-align: middle; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; padding-top: 5px; padding-bottom: 5px; border-bottom: 2px solid #666666; }
.basketcopy { vertical-align: middle; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; border-bottom: 1px solid #666666; }
.basketcollect { text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; }
.basketnums { vertical-align: middle; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; border-bottom: 1px solid #666666; }
.basketthumbs { vertical-align: middle; text-align: center; border-bottom: 1px solid #666666; padding: 1px 5px 1px 0px; }
.baskettotal { vertical-align: top; text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; padding-top: 5px; padding-bottom: 5px; border-top: 1px solid #666666; }
.basketbuttons { vertical-align: top; text-align: center; padding-top: 5px; padding-bottom: 5px; border-top: 1px solid #666666; }
#buttonarea { float: right; width: 100%; position: relative; padding-top: 5px; padding-bottom: 5px; }
.stepbutton { float: right; }
.previousbutton { float: left; }
.baskettotalcopy { vertical-align: top; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; border-top: 1px solid #666666; border-bottom: 2px solid #666666; padding-top: 5px; padding-bottom: 5px; }
.stepscopy { text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; font-weight: bold; padding: 10px; }

/* FACEBOX STYLES */
#facebox .b { background:url(images/b.png); }
#facebox .tl { background:url(images/tl.png); }
#facebox .tr { background:url(images/tr.png); }
#facebox .bl { background:url(images/bl.png); }
#facebox .br { background:url(images/br.png); }
#facebox { position: absolute; width: 100%; top: 0; left: 0; z-index: 9999; text-align: left; }
#facebox .popup { position: relative; }
#facebox table { margin: auto; border-collapse: collapse; }
#facebox .body { padding: 10px; background: #fff; width: 370px; }
#facebox .loading { text-align: center; }
#facebox .image { text-align: center; /*width: 480px; height: 470px; overflow: hidden;*/ }
/*#facebox .image img { position: relative; bottom: 20px; }*/
#facebox img { border: 0; }
#facebox .footer { padding-bottom: 5px; text-align: right; }
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br { height: 10px; width: 10px; overflow: hidden; padding: 0; }