/* Styling hand produced by Richard Marsh (c) 2009 */

/*--------------------------------------------------------------------------------------------------- initialisation */

p, a, ul, li, ul ul, ol, td, tr, table, h1, h2, h3, h4, h5, h6, code, pre, span, div, form, fieldset, legend, input, dl, dd, dt {
margin:0;
padding:0;
}

fieldset, img {border:none;}

input {outline:none;}

/*--------------------------------------------------------------------------------------------------- main components */

body {margin:0 auto; padding:0; background:#222 url(../images/body_bg.jpg) no-repeat top left; color:#ccc; font-family:Arial, Helvetica, sans-serif; min-height:100%;}

/*body {background-color:#fff; background-image:none; color:#666;}*/

#wrap {width:980px; margin:0 auto; position:relative;}

/*--------------------------------------------------------------------------------------------------- logo */
#head {margin-top:20px; padding-bottom:10px;}

#head #logo span {display:none; visibility:hidden;}

/*--------------------------------------------------------------------------------------------------- searchbox */

#head #searchform {position:absolute; right:3px; top:60px;}

#head #searchform input {outline:none; border:none; float:left; background:url(../images/search.gif) no-repeat;}

#head #searchform input#stext {width:267px; height:20px; background-position:-69px -1px; background-color:#fff; padding:8px 6px 0px 6px;border:1px solid #222;}

#head #searchform input#sbtn {cursor:pointer; width:69px; height:30px; background-position:top left;}

#head #searchform input#sbtn:hover {background-position:bottom left;}

/*--------------------------------------------------------------------------------------------------- navigation bar */

#navbar {position:relative;}

.navl {background:url(../images/nav_lr.png) no-repeat top left; height:47px; width:10%; float:left; behavior: url(../js/iepngfix.htc);}

#nav_main { background:url(../images/nav_m.png) repeat-x top left; height:47px; width:80%; float:left; behavior: url(../js/iepngfix.htc);}

.navr {background:url(../images/nav_lr.png) no-repeat top right; height:47px; width:10%; float:left; overflow:hidden; }

#nav_sub {position:absolute; right:3px; top:20px; font-size:75%; }

.tel {position:absolute; top:90px; right:3px; font-weight:normal; text-align:right; font-size:80%; color:#333;}

.tel span {font-size:200%; color:#afafaf; font-weight:bold;}

#nav_sub a:link, #nav_sub a:visited { color:#afafaf; text-decoration:underline; margin:0px 6px; }

#nav_sub a:hover { color:#d3bf50; text-decoration:none;}

#nav_main ul { position:absolute; left:3px; top:0px; list-style:none;}

#nav_main li {float:left;}

#nav_main li a:link, #nav_main li a:visited { padding-left:20px; padding-right:20px; margin-top:2px; font-size:80%; font-weight:bold; text-decoration:none; color:#000; text-transform:capitalize; display:block; text-align:center; }

#nav_main li a:hover {color:#000; background:url(../images/nav_hover.gif) repeat-x top left; }

#nav_main li a:active {/*background:url(../images/nav_active.gif) repeat-x top left;*/ color:#666; }

.n1 {width:72px; border-right:1px solid #666; padding-top:4px; height:38px;}
.n2 {width:66px;border-right:1px solid #666; padding-top:4px; height:38px;}
.n3 {width:54px;border-right:1px solid #666; padding-top:4px; height:38px;}
.n4 {width:54px;border-right:1px solid #666; padding-top:4px; height:38px;}
.n5 {border-right:1px solid #666; padding-top:12px; height:30px;}

/*--------------------------------------------------------------------------------------------------- active nav */

#necklaces-pendants .necklaces, #bracelets-bangles .bracelets, #gemset-rings .gemset, #signet-rings .signet, #earrings .earrings, #brooches .brooches, #commissions .commisions, #gifts .gifts {background:url(../images/nav_hover.gif) repeat-x top left;}

/*--------------------------------------------------------------------------------------------------- bread */

.bread {margin:10px 3px 0px 3px; font-size:70%; color:#999;}

.bread a:link, .bread a:visited { color:#666; border-bottom:1px dashed #222; text-decoration:none; text-transform:capitalize; }

.bread a:hover { color:#d3bf50; border-bottom:1px dashed #d3bf50; }

/*--------------------------------------------------------------------------------------------------- main content */

#main { margin:0px; padding:20px 0; position:relative; /*background:url(../images/black.jpg) right 100px no-repeat;*/}

.product {margin-top:0px;}

/*--------------------------------------------------------------------------------------------------- main typography */

#main p {margin:12px 0; font-size:80%;}

#main a {text-decoration:underline; color:#d3bf50;}


/*--------------------------------------------------------------------------------------------------- index */

.index h1 {font-size:150%; color:#d3bf50;}

.index h2 {font-size:115%;}

.index .homeimg {float:right; margin:0 3px 20px 30px;}

.index p {line-height:1.5; text-align:justify;}

/*--------------------------------------------------------------------------------------------------- search results */
.list {display:block; width:100%; position:relative;}

.search {width:50%; float:left; margin-bottom:20px;}

.search .searchimg {float:left; border:1px solid #d3bf50; margin:0px;}
.search .searchimg:hover {border-color:#666;}

.search .searchdetails {margin:0 40px 0 120px;}

.search h2 {font-size:100%; font-weight:bold; margin-bottom:3px;}

.search h2 a:link, .search h2 a:visited { text-decoration:underline; text-transform:capitalize; color:#d3bf50;}

.search h2 a:hover { text-decoration:none; color:#999999; }

#main .search p { font-size:80%; text-align:justify; margin:0;}

/*--------------------------------------------------------------------------------------------------- paging */

.paging {display:block; margin:50px 0 0 0; clear:both; padding:3px 6px; background-color:#333;}

.paging p {text-align:center;}

.paging a, .paging span {margin:0 10px; display:inline;}


/*--------------------------------------------------------------------------------------------------- search results */

#results h1 em {border-bottom:1px dashed #ccc; margin-right:5px; }

#results .why h3 { color:#999999; margin-top:60px; text-align:center;}

#results .why p { font-size:80%; text-align:center; margin-top:10px; margin-bottom:60px; }

#results .why strong {color:#d3bf50;}

/*--------------------------------------------------------------------------------------------------- product detail */

.product .imgpanel {float:left; width:auto;}

.imgpanel img {border:1px solid #d3bf50;}
.imgpanel img:hover {border-color:#999;}


.product .infopanel {margin-right:10px; margin-left:400px;}

.infopanel h1 {margin-bottom:0px;}
.infopanel h2 {font-size:160%;}
.infopanel h4 {font-size:80%;}
.infopanel p {font-size:90%; margin-top:20px;}
.infopanel a:link, .infopanel a:visited {color:#d3bf50;}

.product .infopanel span a:link, .product .infopanel span a:visited {font-size:70%;}
.product .infopanel a:hover, .product .infopanel span a:hover { color:#666; text-decoration:none;}


.infopanel ul {margin-left:10px; list-style:none; font-size:75%;}

.infopanel li {padding-left:11px; margin:6px 20px 6px 0; font-weight:bold; text-transform:capitalize; background:url(../images/li_arrow.gif) center left no-repeat; height:16px;}


#main p#desc {margin-top:20px; line-height:1.3; font-size:90%;}

.infopanel p span {}

.infopanel p.contact {margin:40px 0 20px 0;}

/*--------------------------------------------------------------------------------------------------- generic typography */

h1 {font-size:160%; margin-bottom:20px;}

/*--------------------------------------------------------------------------------------------------- foot */

#foot {margin:0px 3px; padding-top:4px; border-top:1px solid #d3bf50; font-size:75%; color:#555; padding-bottom:30px;}

#foot a:link, #foot a:visited { color:#777; margin:0 3px; }

#foot a:hover, #foot a:active { color:#d3bf50; text-decoration:none;}

#foot #wem { text-align:right; margin-top:8px; font-weight:bold; text-decoration:none; color:#777;}

#foot #wem a:link {text-decoration:none;}

#wem a:hover {border-bottom:1px dashed #666;}

.logo1 {color:#777;}
.logo2 {color:#0066CC;}
.logo3 {color:#009900;}
.logo4 {color:#333333;}

/*--------------------------------------------------------------------------------------------------- 404 */

#e404 #main {text-align:center; margin:30px 0px;}

#e404 h1, #e404 p {margin-bottom:14px; }

#e404 p {font-size:90%; }

#e404 a {color:#d3bf50;}

#e404 a:hover { text-decoration:none; color:#666666; }

/*--------------------------------------------------------------------------------------------------- contact form */

.contact table tr td {padding:5px 15px;}

.contact table, .contact input, .contact textarea, .contact select { font-size:90%; font-family:Arial, Helvetica, sans-serif; }

.contact input, .contact textarea {border:1px solid #d3bf50; background-color:#eaeaea; padding:6px 4px;}

.contact input:focus, .contact textarea:focus {border:1px solid #666; background-color:#fafafa; }

.contact .btn {height:24px; width:70px; margin-right:20px; padding:0px;}

.contact textarea {padding:5px;}

/*--------------------------------------------------------------------------------------------------- various classes */
.error {border:1px solid #CC0000; color:#CC0000; background-color:#FFC6C6; padding:8px 6px;}

.error img, .success img {margin:0 6px 0 0;}

.success {border:1px solid #009900; color:#009900; background-color:#D5FFCA; padding:8px 6px;}

#signature {margin-left:20px;}
.red {color:#CC0000;}
.fl {float:left;}
.fr {float:right;}
.clear {clear:both;}
.clr {clear:right;}
.opt {display:none; visibility:hidden;}