html,body {margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; background-color:#FFFFFF; color:#000000}
body {font: 76% arial,sans-serif; text-align: center}
p {margin:0px 0px 0px 0px; color:#000000}
a {color:#000000; text-decoration:none}
a:hover {color:#0363D7; text-decoration: underline}
form {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.clear { clear:both; line-height:1px; height:1px; color:white; padding:0px; margin:0px; font-size:1px}
p#unsubscribe {font-size:0.8em; margin:5px 0px 5px 0px}

div#container {text-align: left; width: 100%; margin: 0px auto 0px auto; }
div#ebulletin {text-align: left; width: 600px; margin: 0px auto 0px auto; }
div#sendtoafriend {text-align:left; width: 600px; margin: 0px auto 0px auto; }

/* header */
div#header {height:80px; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; background: #fff; color: #79B30B; display:block}
div#header .logo {margin:10px 0px 0px 10px; padding:0px 0px 0px 0px; float:left;}
div#header form.search {display:none}

div#header .myaccount {display:none}


div#header-bottom {height:16px; display:block; background:url(/images/sendtoafriend-header.gif) no-repeat}

/* navigation */
div#navigation {display:none}


/* panel */
div#panel {display:none}

/* left menu */
div#left {display:none}


/* main content */
div#content {width: 100%; margin-bottom:10px}
div#content .main-top {width: 100%; height:10px; font-size:8px; display:block; line-height:10px; margin:0px 0px 0px 0px; }
div#content .main-content {width: 100%; background-color:#FFFFFF; display:block; padding:0px 10px 10px 10px; margin:0px 0px 0px 0px;}
div#content .main-bottom {width: 100%; height:10px; font-size:8px; display:block; margin:0px 0px 0px 0px}
div#content h2 {font-size:1.5em; margin:0px 0px 5px 0px; padding:0px 0px 0px 0px}
div#content p {font-size:1em; line-height:1.5em; margin:0px 0px 5px 0px; padding:0px 0px 0px 0px; color:#000000}
div#content ul {font-size:1em; line-height:1.5em; margin:0px 0px 5px 15px; padding:0px 0px 0px 0px; color:#000000; list-style-type:disc}
div#content p strong {font-size:1em; line-height:1.5em; color:#000000}
div#content .thumbnail {width:100px; height:100px; margin-right:10px; float:left}
div#content .main {float:right; margin:5px 0px 5px 10px; width:200px; height:200px;}
div#content .line { background:url(/images/dotted-line.gif) repeat-x; line-height:3px; margin:0px 0px 5px 0px; padding:0px; font-size:3px; color:white}

.dpTable { position: relative; top:-18px; left: 18px; width:190px; border:1px solid black; background-color:#FFFFFF}
.dpTable .dpTR {background-color:#629DD6; font-size:10px;}
.dpTable .dpTitleTR {background-color:#629DD6; font-weight:bold; font-size:10px; color:#ffffff; text-align:center}

.dpTable .dpDayTR {background-color:#cccccc; font-weight:bold; font-size:10px; color:#333333; text-align:center}
.dpTable .dpTodayButtonTR {font-size:10px;}
.dpTable .dpTD {background-color:#eeeeee; font-size:10px; text-align:center;  cursor: pointer}
.dpTable .dpBlank {background-color:#eeeeee; font-size:10px; text-align:center;}
.dpTable .dpTitleTD {font-size:10px;}
.dpTable .dpButtonTD {font-size:10px;}
.dpTable .dpTodayButtonTD {font-size:10px;}
.dpTable .dpDayHighlightTD {background-color:#999999; font-weight:bold; font-size:10px; color:#333333; text-align:center}
.dpTable .dpTitleText {font-size:10px;}
.dpTable .dpDayHighlight {font-size:10px; background-color:#629DD6; font-weight:bold; color:#ffffff; text-align:center}
.dpTable .dpTodayButton {font-size:10px; background-color:#629DD6; font-weight:bold; color:#ffffff; text-align:center}
.dpTable .dpButton {font-size:11px; background-color:#629DD6; font-weight:bold; color:#ffffff; text-align:center}
#datepickeriframe { display:none;}

/* main content all */
div#all-content {width: 100%; margin-bottom:0px}
div#all-content .all-main-top {width: 100%; height:10px;  font-size:8px; display:block}
div#all-content .all-main-content {width: 100%; background-color:#FFFFFF; display:block; padding:10px}
div#all-content .all-main-bottom {width: 100%; height:10px; font-size:8px; display:block; margin-bottom:10px}
div#all-content .line { background:url(/images/dotted-line.gif) repeat-x; line-height:3px; margin:0px 0px 5px 0px; padding:0px; font-size:3px; color:white}

div#all-content .column-block {float:left; margin-right:10px; margin-bottom:0px}
div#all-content .column-block-right {float:left; margin-bottom:0px}
div#all-content .column-top {width: 180px; height:10px; font-size:8px; display:block}
div#all-content .column-content {width: 156px;  background-color:#FFFFFF; display:block; padding:0px 10px 0px 10px; text-align:center}
div#all-content .column-bottom {width: 180px; height:10px; font-size:8px; display:block; margin-bottom:10px}
div#all-content .column-content h2 {font-size:1.2em; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
div#all-content .column-content h2 a { text-decoration:none }
div#all-content .column-content h2 a:hover { text-decoration:underline }
div#all-content .column-content h3 {font-size:1em; margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; color:#000000}
div#all-content .column-content p {font-size:0.9em; line-height:1.5em; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:left; color:#666666}
div#all-content .column-content img {margin:5px 0px 5px 0px;}

div#all-content .column-content input.txt {border:1px solid #666666; font-size:1em; padding:1px; margin-top:0px; background:url(/images/field-background.gif) no-repeat top left}
div#all-content .column-content input.radio {padding:2px; margin-top:0px}


div#ebulletinpanel {margin-bottom:10px}
div#ebulletincontent {width: 600px; margin-bottom:10px}
div#ebulletin .ebulletin-top {width: 600px; height:10px; background:url(/images/ebulletin-top.gif) no-repeat; font-size:8px; display:block}
div#ebulletin .ebulletin-content {width: 576px; border-left:2px solid #0363D7; border-right:2px solid #0363D7; background-color:#FFFFFF; display:block; padding:0px 10px 0px 10px; text-align:center}
div#ebulletin .ebulletin-bottom {width: 600px; height:10px; background:url(/images/ebulletin-bottom.gif) no-repeat; font-size:8px; display:block; margin-bottom:0px}

div#ebulletin .ebulletin-content .item {border:1px solid #000000; padding:5px; width:45%; float:left; margin-right:10px; margin-bottom:10px; height:80px; text-align:left}
div#ebulletin .ebulletin-content .item h3 {font-size:1em; font-weight:bold; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}
div#ebulletin .ebulletin-content .item h3 a {color:#0363D7}
div#ebulletin .ebulletin-content .item strong {}
div#ebulletin .ebulletin-content .item p {font-size:0.9em; color:#000000; margin:0px 0px 0px 0px; }
div#ebulletin .ebulletin-content .item img {float:left; margin-right:5px}

div#ebulletin .ebulletin-content .item1 {border:1px solid #000000; padding:5px; width:45%; float:left; margin-right:0px; margin-bottom:10px; height:80px; text-align:left}
div#ebulletin .ebulletin-content .item1 h3 {font-size:1em; font-weight:bold; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}
div#ebulletin .ebulletin-content .item1 h3 a {color:#0363D7}
div#ebulletin .ebulletin-content .item1 strong {}
div#ebulletin .ebulletin-content .item1 p {font-size:0.9em; color:#000000; margin:0px 0px 0px 0px; }
div#ebulletin .ebulletin-content .item1 img {float:left; margin-right:5px}

div#ebulletin .clear { clear:both; line-height:1px; height:1px; color:white; padding:0px; margin:0px; font-size:1px}

div#sendtoafriend .sendtoafriend-top {width: 600px; height:10px; background:url(/images/ebulletin-top.gif) no-repeat; font-size:8px; display:none; }
div#sendtoafriend .sendtoafriend-content {width: 576px; border-left:2px solid #0363D7; border-right:2px solid #0363D7; background-color:#FFFFFF; display:block; padding:0px 10px 0px 10px; text-align:left}
div#sendtoafriend .sendtoafriend-bottom {width: 600px; height:10px; background:url(/images/ebulletin-bottom.gif) no-repeat; font-size:8px; display:block; margin-bottom:0px}

div#sendtoafriend .sendtoafriend-content .left {float:left; width:250px; display:block;}
div#sendtoafriend .sendtoafriend-content .right {float:left; width:320px; display:block; text-align:left}
div#sendtoafriend .sendtoafriend-content .right h3 {font-size:1.1em; font-weight:bold; margin:0px 0px 10px 0px; padding:0px 0px 0px 0px}
div#sendtoafriend .sendtoafriend-content .right p {font-size:1em; margin:0px 0px 10px 0px;}
div#sendtoafriend .sendtoafriend-content .right p strong {font-size:1.1em; }
div#sendtoafriend .sendtoafriend-content .right .line { background:url(/images/dotted-line.gif) repeat-x; line-height:3px; margin:0px 0px 5px 0px; padding:0px; font-size:3px; color:white}


.sendtoafriend-content form {}
.sendtoafriend-content form p {display:block; margin:0px 0px 10px 0px; width:100% }
.sendtoafriend-content form p label {float:left; display:block; width:130px; color:#000000}
.sendtoafriend-content form p input.txt {float:left; border:1px solid #000000; font-size:1em; padding:1px; margin-top:0px; background:url(/images/field-background.gif) no-repeat top left}
.sendtoafriend-content form p textarea.txt {width:180px; height:100px; float:left; border:1px solid #000000; font-size:1em; padding:1px; margin-top:0px; background:url(/images/field-background.gif) no-repeat top left}
.sendtoafriend-content form p input.title-txt {float:left; border:1px solid #000000; font-size:1em; padding:1px; margin-top:0px; background:url(/images/field-background.gif) no-repeat top left}
.sendtoafriend-content form p small {}
.sendtoafriend-content form p input.radio {float:left; }
.sendtoafriend-content form p select {float:left; border:1px solid #000000; font-size:1em; padding:1px; margin-top:0px; }





.options {border-bottom:1px solid #000000; margin-bottom:10px; height:30px}
.options h2 {font-size:2em; font-weight:bold; width:300px; float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}
.options a.print {display:none}
.options a.friend {display:none}

ul.trail {border-bottom:1px solid #78B5FE; margin:0px 0px 10px 0px ; padding:0px 0px 0px 0px; height:30px}
ul.trail li {float:left; margin-right:10px; height:25px} 
ul.trail li a {border:1px solid #eeeeee; padding:5px; display:block; width:150px; text-align:center}
ul.trail li a.hover {border:1px solid #78B5FE; background-color:#006699 }
ul.trail li strong {}

.document {}
.document img {border:1px solid #CCE0F7; float:right; margin:10px 0px 10px 10px}
.document p {}
.document strong {}
.document form {}
.document form legend {border:0px; display:none}
.document form fieldset {border:0px;}
.document form fieldset p {display:block; margin:0px 0px 10px 0px; width:100% }
.document form fieldset p label {float:left; display:block; width:130px}
.document form fieldset p input.txt {float:left; border:1px solid #000000; font-size:1em; padding:1px; margin-top:0px; background:url(/images/field-background.gif) no-repeat top left}
.document form fieldset p input.title-txt {float:left; border:1px solid #000000; font-size:1em; padding:1px; margin-top:0px; background:url(/images/field-background.gif) no-repeat top left}
.document form fieldset p small {}
.document form fieldset p input.radio {float:left; }
.document form fieldset p select {float:left; border:1px solid #000000; font-size:1em; padding:1px; margin-top:0px; }



div#content .section p {}
div#content .section strong {}

div#content .section .item {border:1px solid #000000; padding:5px; width:45%; float:left; margin-right:10px; margin-bottom:10px; height:80px}
div#content .section .item h3 {font-size:1em; font-weight:bold; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}
div#content .section .item h3 a {color:#000000}
div#content .section .item strong {}
div#content .section .item p {font-size:0.9em; color:#000000; margin:0px 0px 0px 0px; }
div#content .section .item img {float:left; margin-right:5px}

div#content .section .item1 {border:1px solid #000000; padding:5px; width:45%; float:left; margin-right:0px; margin-bottom:10px; height:80px}
div#content .section .item1 h3 {font-size:1em; font-weight:bold; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}
div#content .section .item1 h3 a {color:#000000}
div#content .section .item1 strong {}
div#content .section .item1 p {font-size:0.9em; color:#000000; margin:0px 0px 0px 0px; }
div#content .section .item1 img {float:left; margin-right:5px}




div#content .section .product { padding:0px 0px 0px 0px; width:200px; height:210px; float:left; margin-bottom:20px; background:url(/images/product-background.gif) no-repeat top left}
div#content .section .product h3 {font-size:0.9em; font-weight:bold; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}
div#content .section .product h3 a {color:#000000}
div#content .section .product strong {font-size:0.9em;}
div#content .section .product p {font-size:0.9em; color:#000000; margin:0px 0px 0px 0px; }
div#content .section .product .image {border:1px solid #EEEFF4; width:140px; height:140px; margin-bottom:10px;}

div#content .section .productend {background:url(/images/product-background.gif) no-repeat top left; padding:0px 0px 0px 0px; width:142px; height:210px; float:left; margin-bottom:20px; }
div#content .section .productend h3 {font-size:0.9em; font-weight:bold; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}
div#content .section .productend h3 a {color:#000000}
div#content .section .productend strong {font-size:0.9em;}
div#content .section .productend p {font-size:0.9em; color:#000000; margin:0px 0px 0px 0px; }
div#content .section .productend .image {border:1px solid #EEEFF4; width:140px; height:140px; margin-bottom:10px; }

div#content .section .paging {float:right; display:block; font-size:0.9em}
div#content .section .resultsPerPage { text-align:right; width:100%; border-bottom:1px solid #000000; padding-bottom:0px; margin-bottom:20px}
div#content .section .resultsPerPage select {font-size:0.8em; color:#000000}
div#content .section .resultsPerPage p {font-size:0.9em}


div#content .product {}
div#content .product .images {width:45%; float:left; margin-right:10px}

div#content .product .details {width:45%; float:left; background:url(/images/line-vertical.gif) repeat-y; padding-left:15px}
div#content .product .details .ring-size {background:url(/images/line-horizontal.gif) repeat-x bottom;  padding:10px 0px 10px 0px; margin-bottom:10px; height:25px}
div#content .product .details .ring-size .singleselect {width:140px; float:left; }
div#content .product .details .ring-size .singleselect select.txt {width:60px}
div#content .product .details .ring-size span.link {width:60px; float:left;}
div#content .product .details .metal-quality {width:135px; float:left; background:url(/images/line-vertical.gif) repeat-y right;}
div#content .product .details .stone {width:140px; float:left;  padding-left:5px;}
div#content .product .details .contact {width:100%; background:url(/images/line-horizontal.gif) repeat-x top; padding-top:10px; margin-top:10px}
div#content .product .details .buy {background:url(/images/line-horizontal.gif) repeat-x top; padding-top:10px; margin-top:10px}
div#content .product .details .buy .price {padding-top:0px; text-align:right; font-weight:bold; font-size:1.3em;}
div#content .product .details .buy .quanitity {background:url(/images/line-horizontal.gif) repeat-x top; padding-top:10px; margin-top:10px; text-align:right;}
div#content .product .blue-line {background:url(/images/line-horizontal-blue.gif) repeat-x top; margin-top:10px; padding-top:5px}

div#content .product .details p {color:#000000}
div#content .product .details p strong {color:#000000}
div#content .product .details form {color:#000000} 
div#content .product .details form select {color:#000000}
div#content .product .details form p {margin:0px; padding:0px}
div#content .product .details form p label {font-size:0.8em}
div#content .product .details form input.txt {border:1px solid #000000; font-size:1em; padding:1px; margin-top:0px; background:url(/images/field-background.gif) no-repeat top left}
div#content .product .details a.document {background:url(/images/icon-document.gif) no-repeat 5px 3px ; font-size:0.9em; color:#000000; font-weight:normal; width:100px; display:block;  margin-top:0px; padding-left:18px}



div#content .product .item {border:1px solid #000000; padding:5px; width:45%; float:left; margin-right:10px; margin-bottom:10px; height:80px}
div#content .product .item h3 {font-size:1em; font-weight:bold; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}
div#content .product .item h3 a {color:#000000}
div#content .product .item strong {}
div#content .product .item p {font-size:0.9em; color:#000000; margin:0px 0px 0px 0px; }
div#content .product .item img {float:left; margin-right:5px}

div#content .product .item1 {border:1px solid #000000; padding:5px; width:45%; float:left; margin-right:0px; margin-bottom:10px; height:80px}
div#content .product .item1 h3 {font-size:1em; font-weight:bold; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}
div#content .product .item1 h3 a {color:#000000}
div#content .product .item1 strong {}
div#content .product .item1 p {font-size:0.9em; color:#000000; margin:0px 0px 0px 0px; }
div#content .product .item1 img {float:left; margin-right:5px}



.membership form {}
.membership form legend {border:0px; display:none}
.membership form fieldset {border:0px;}
.membership form fieldset p {display:block; margin:0px 0px 10px 0px; width:100% }
.membership form fieldset p label {float:left; display:block; width:130px}
.membership form fieldset p input.txt {float:left; border:1px solid #000000; font-size:1em; padding:1px; margin-top:0px; background:url(/images/field-background.gif) no-repeat top left}
.membership form fieldset p input.title-txt {float:left; border:1px solid #000000; font-size:1em; padding:1px; margin-top:0px; background:url(/images/field-background.gif) no-repeat top left}
.membership form fieldset p small {}
.membership form fieldset p input.radio {float:left; }
.membership form fieldset p select {float:left; border:1px solid #000000; font-size:1em; padding:1px; margin-top:0px; }
.membership p.heading {background:url(/images/line-horizontal.gif) repeat-x bottom; padding-bottom:10px; margin-bottom:10px}
.membership table.orders tr.odd { background-color:#eeeeee; padding:3px; }
.membership table.orders tr.even {background-color:#ffffff; padding:3px}
.membership table.orders td {background-color:#ffffff; padding:3px}

.checkout {}
.checkout #basket-table {margin-top:40px}
.checkout #basket-table th {background:url(/images/line-horizontal.gif) repeat-x bottom; height:20px; padding:5px 0px 5px 0px}
.checkout #basket-table td.item {background:url(/images/line-horizontal.gif) repeat-x bottom; height:80px; padding:5px 0px 5px 0px; color:#000000}
.checkout #basket-table td {background:url() repeat-x bottom; padding:5px 0px 5px 0px; font-size:0.9em}
.checkout h3 {font-size:1.3em; margin:15px 0px 10px 0px; padding:0px 0px 10px 0px; background:url(/images/line-horizontal.gif) repeat-x bottom}
.checkout h4 {font-size:1.2em; margin:10px 0px 5px 0px; padding:0px 0px 0px 0px;}

.checkout form p {display:block; margin:0px 0px 10px 0px; width:100%}
.checkout form p label {float:left; display:block; width:200px}
.checkout form p input.txt {float:left; border:1px solid #000000; font-size:1em; padding:1px; margin-top:0px; background:url(/images/field-background.gif) no-repeat top left}
.checkout form p input.radio {float:left; }
.checkout p.heading {background:url(/images/line-horizontal.gif) repeat-x bottom; padding-bottom:10px; margin-bottom:10px}

.checkout form .details-table p {display:block; margin:0px 0px 10px 0px; }
.checkout form .details-table p label {float:left; display:block; width:100px}
.checkout form .details-table p input.txt {float:left; border:1px solid #000000; font-size:1em; padding:1px; margin-top:0px; background:url(/images/field-background.gif) no-repeat top left}
.checkout form .details-table p input.radio {float:left; }

.checkout form .card-table p {display:block; margin:0px 0px 10px 0px; }
.checkout form .card-table p label {float:left; display:block; width:130px}
.checkout form .card-table p input.txt {float:left; border:1px solid #000000; font-size:1em; padding:1px; margin-top:0px; background:url(/images/field-background.gif) no-repeat top left}
.checkout form .card-table p input.title-txt {float:left; border:1px solid #000000; font-size:1em; padding:1px; margin-top:0px; background:url(/images/field-background.gif) no-repeat top left}
.checkout form .card-table p small {}
.checkout form .card-table p input.radio {float:left; }
.checkout form .card-table p select {float:left; border:1px solid #000000; font-size:1em; padding:1px; margin-top:0px; }



form.form {font-size:0.9em;}
form.form p {border:1px solid #fff; clear:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
form.form p.required {font-weight:bold; }
form.form span.errorText {color: #CC0000; font-weight:normal; margin:0px 0px 0px 180px; padding:0px 0px 0px 0px}
form.form label {float:left; width:180px;}
form.form input.txt {float:left; width:200px; border:1px solid #000000; font-size:1em; padding:1px; margin-top:0px; margin-bottom:5px; clear:right; background:url(/images/field-background.gif) no-repeat top left}
form.form select.txt {float:left; width:200px; border:1px solid #000000; font-size:1em; padding:2px; margin-top:0px; margin-bottom:5px; clear:right;}
form.form textarea.txt {float:left; width:200px; border:1px solid #000000; font-size:1em; padding:1px; margin-top:0px; margin-bottom:5px; clear:right; background:url(/images/field-background.gif) no-repeat top left}
form.form input.checkbox {font-size:1em; padding:2px; margin-top:0px}
form.form input.button {}


div#footer {display:none}
div#c8 {display:none}
div#c8 a {color:#cccccc }

/*----------------------- system messages -------------------*/

.message { margin: 5px 0; }
.message p { padding: 5px 5px 5px 25px!important; margin: 0!important; border: 1px solid #382914; color: #382914; font-size:1.3em; font-family:Georgia, Times, serif }
p.ok { border: 1px solid #66CC66; color:#66CC66; }
p.info { border: 1px solid #00CCCC; color: #00CCCC; }
p.error { border: 1px solid #f80093; color: #f80093;}