@charset "utf-8";
/* CSS Document */
/******************************************************************************/
/*general declarations for the whole site */
/******************************************************************************/
* {margin:0;padding:0;text-decoration:none; font-family: Georgia, "Times New Roman", Times, serif; font-size:small;color:#999999;}

/******************************************************************************/
/*general font style treatment*/
/******************************************************************************/

h3 {font-size:1.2em;color: #333333; margin:20px 0 0 10px; font-weight:normal; text-transform:uppercase;}
h2 {font-size:22px; font-weight:bold;margin:20px 0 0 10px;}
h4 {font-size:14px; margin:20px 0 0 10px;color:#444444;}
p {font-size:12px; color: #333333; margin:20px 0 0 10px;}
a {font-size:0.9em; color:#999999; font-weight:normal; text-decoration:none;}
a:hover {color:#CC0033;}
img {margin:0;padding:0; border:0;}
.strikeout {text-decoration:line-through;}

/******************************************************************************/
/*boxes on the page*/
/******************************************************************************/


body {background-color:#c3c3c3; text-align:center; background-image:url(../images/bodyback.jpg); background-repeat:repeat-x;}
#centrepage {margin:0em; width:100%; height:100%;}
#holder {width:900px; background-color:#ffffff; margin: 0 auto 0 auto; text-align: left;}
#outerborder {width:900px; border:#fff thin solid; float:left;}

#header {width:900px; height:75px; background-image:url(../images/header/hannahheader1.jpg); float:left; margin:0; border:0;}
#toptopmenu{width:900px; text-transform:uppercase; height:30px; background-color:#fff; text-align:left; float:left;margin:0; border:0;}
#emaillink{padding:5px 10px 5px 0; height:20px; float:right; width:300px;text-align:right;}
#sociallinks{float:right; text-align:right;}
#sociallinks img{margin-left:5px;}
#leftheadblock { width:300px; height:160px; margin:20px; float:left; text-align:left;}
#rightheadblock { width:300px; height:55px; margin:0px; float:right; text-align:right; padding:10px; background-image:url(../images/header/rightbox.jpg); background-repeat:no-repeat; background-position:right;}
#topmenu {width:890px;  height:20px; background-color:#000; text-align:left; float:left; padding:5px 0 5px 10px;}

#topmenuleft {width:500px;  height:20px; background-color:#000; text-align:left; float:left; padding:5px 0 5px 10px;}
#topmenuright {width:390px;  height:20px; background-color: #000; text-align:right; float:right; padding:5px 0 5px 0;}

#container {width:900px; height:auto; float:left; background-color:#fff;}
#product_category #container, #adminPage #container, #pendants #container, #productsPage #container {height:auto;}
#panelleft {width:400px; min-height:400px; float:left; padding:50px;}
#panelnews {width:400px; min-height:400px; float:left; padding:50px; overflow-y:scroll;}
/*like panelleft but for the product specific page*/
#productpanelleft {width:470px; height:auto; float:left; padding:10px 0 10px 20px;}
#infoblock {width:225px;float:left; padding:30px 10px 10px 10px;}
#imageblock {width:220px; height:300px; float:left; padding:0;}
#bottomblock {width:440px;  float:left; padding:0; }
#details {width:180px; height:300px; float:left; padding:0 0 0 10px;}

#infoblock p {padding:0px; margin:0px; font-size:1.2em; color:#999; width:225px;}
#infoblock h2,#infoblock h3 {padding:0px; text-transform:uppercase; margin:0px 0px 15px 0px; color:#999;}
#infoblock h4 {padding:0px; text-transform:uppercase;margin:14px 0px 3px 0px; color:#999;}
#infoblock p.productPrice {font-size:1.2em; color:#999; padding:0px 0px 15px 0px;}
#infoblock p.productDescription {font-size:1.2em; color:#999; padding:0px 0px 15px 0px;}
#infoblock p.buyNow{font-size:1.1em; color:#999; padding:10px 0px 15px 0px;}
#infoblock select {border:2px solid #ccc; }
#infoblock input.submit {float:left; width:200px; margin:10px 10px 0px 0px; text-transform:uppercase;background-color:#666; color:#ccc; border:2px solid #ccc; padding:5px 10px;}
#infoblock input.submit:hover {cursor:pointer; background-color:#333;}
#basketForm {padding:10px 0px 0px 0px;}
#infoblock p a {font-size:1em; padding:0px 0px 5px 0px;}

#categoryList {margin:10px 25px;}

#profilepix {width:440px; height:160px; float:left; padding:30px;margin:270px 0 0 0;}
#panelright {width:300px; height:400px; float:right; padding:50px; background-image:url(../images/sidebar/hannahBack.png); background-repeat:no-repeat;}

#panelrightscroll {width:300px; height:400px; float:left; margin:0; overflow-y:scroll; padding:0 20px 0 0;}

#bottommenu{width:900px;  height:30px; background-color:#222222; text-align:left; float:left;margin:0; border:0;}
#linksleft {width:500px; padding:5px 0 5px 10px; height:20px; text-align:left; float:left;}
#shaffdesignslink{padding:0 10px 0 0; height:30px; float:right; width:200px;text-align:right;}
#overflowScroll{width:300px; height:400px; float:left; margin:0; overflow-y:scroll; padding:0 20px 0 0;}

.thumbbox {width:70px; float:left; min-height:120px; text-align:center; padding:10px 5px 10px 5px;}
.thumbbox a img { border:2px #999 inset; margin:0 0 0 0;}
.thumbbox p {margin:2px;}
/*Basket*/



#basketTable {padding:10px 0px 20px 0px;}
#basketMain {padding:10px 0px 20px 0px;}

#basket {width:800px; padding:20px 20px 0px 20px; float:left;}
.basketTotal {font-weight:bold; font-size:1.1em; float:right; padding:0px 10px 0px 0px; width:160px;}
#basketBase {float:right; text-align:left;}
#basketBase p {float:right; padding:0px 10px 0px 0px;}
.tdTitle {font-weight:bold; font-size:1.1em; color:#666; padding:0px 0px 10px 0px;}
#basket table {border:1px solid #ccc;}
#basket td {color:#666; font-size:1.1em; padding:3px 5px; text-align:center; border:1px solid #ddd;}
#basket2 {width:800px; padding:0px 0px 0px 20px; margin:0px 0px 40px 0px; float:left;}

#paypal_logos {float:left; width:300px; margin:20px 0px 0px 0px;}

#mb_buttons {float:right; width:350px;}

#empty {width:350px; margin:20px 0px;}
#empty input.submit {float:right; background-color:#ccc; border:none;
padding:5px 10px 4px 10px; color:#666;}
#container #mb_buttons p.button a {background-color:#ccc; color:#666;
float:right; padding:5px 10px 5px 10px; margin:0px 0px 0px 0px; font-size:1.4em;}

#container #mb_buttons p.button {margin:0px 20px 0px 0px;}

p.mb_total {float:right; font-weight:bold; font-size:1.2em;padding:5px 0px 10px 0px; margin:0px;}
p.mb_delivery {float:right; font-size:1.2em;padding:0px 0px 0px 0px; color:#009900;}
.right {float:right;}

input.button {background-color:#ccc; color:#666; border:2px solid #333;
float:right; padding:5px 10px 5px 10px; margin:10px 0px; font-size:1.4em;}
input.button:hover {background-color:#333; color:#fff; cursor:pointer;}

#terms {float:right; width:350px; text-align:right;}
#terms a {color:#666; font-size:1em;}



#mini_basket h2.basket_title {font-size:1em; margin:0px; padding:0px;}
#mini_basket p {padding:0px; margin:2px 0px; font-size:1em;}
#mini_basket a {font-size:1em; color:#fff;}



/******************************************************************************/
/*font classes*/
/******************************************************************************/
#rightheadblock p {color:#999999;}
.redtext {color:#FF0000;}
#profilepix p{ color:#999999;margin:0 0 10px 0px;}
#imageblock p{ text-transform:uppercase; margin:0 0 10px 0; padding:0;}

/******************************************************************************/
/*classes for on page links*/
/******************************************************************************/

#home a.home, 
#profile a.profile ,
#news a.news ,
#links a.links ,
#stockists a.stockists ,
#contact a.contact ,
#earrings a.earrings ,
#bracelets a.bracelets ,
#pendants a.pendants ,

#rings a.rings ,
#mens a.mens ,
#termsPage a.terms ,
#misc a.misc {color:#CC0033;}

/******************************************************************************/
/*classes for background images*/
/******************************************************************************/
#profile #container {background-image: url(../images/main/profileback.jpg); background-repeat:no-repeat;}
#stockists #container {background-image: url(../images/main/stockistsback.jpg); background-repeat:no-repeat;}
#home #container {background-image: url(../images/main/homeback_ring.jpg); background-repeat:no-repeat;}

/******************************************************************************/
/*spry dropdown specific*/
/******************************************************************************/


#basketPanel {float:left;}


#basketTable {float:left;}

#basketTable .sidecartItem {width:280px; float:left;}

#container .sidecartItem p {margin:0px; float:left; padding:0px 10px 2px 0px;}
#container .sidecartLabels {width:200px; float:left;}
#sb_empty {float:left; width:100px;}

#basketTable .sidecartImage {padding:0px;}

#basketTable .sidecartImage a {float:left;}

#panelleft #ringGuide {float:left; width:600px;}
#panelright #ringGuide {float:left; width:300px;}
#guideImage {float:left; padding:10px;}
#ringGuide p {float:left; width:100px;}

#contact_form {float:left;}
#contact_form div {float:left; width:450px; margin:8px 0px;}
#contact_form label {text-indent:10px;float:left; font-size:1.2em; width:8em; text-transform:uppercase;padding:5px 0px;}
#contact_form input {width:300px; float:right; border:solid 1px #ccc;padding:5px 1px;}
#contact_form textarea {width:300px; height:120px; float:right; border:solid 1px #ccc;padding:5px 1px;}
#contact_form input.submit {width:100px; float:right; border:solid 1px #ccc;padding:5px 1px;
text-transform:uppercase; background-color:#555;}
#contact_form input.submit:hover {cursor:pointer; background-color:#333; color:#fff;}
#contact_form p.formError {margin:0px 10px; color:#f00; padding;0px;}
#contact_form input.inputError {border:1px solid #f00;}

#email_form {float:left;}
#email_form div {float:left; width:250px; margin:8px 0px;}
#email_form label {text-indent:10px;float:left; font-size:1em; width:5em; text-transform:uppercase;padding:2px 0px;}
#email_form input {width:160px; float:right; border:solid 1px #ccc;padding:2px 1px;}
#email_form textarea {width:300px; height:120px; float:right; border:solid 1px #ccc;padding:2px 1px;}
#email_form input.submit {width:100px; float:right; border:solid 1px #ccc;padding:5px 1px;
text-transform:uppercase; background-color:#555;}
#email_form input.submit:hover {cursor:pointer; background-color:#333; color:#fff;}
#email_form p.formError {margin:0px 10px; color:#f00; padding;0px;}
#email_form input.inputError {border:1px solid #f00;}

/************  Other  *************/
p.df_logo {width:100%; text-align:center;}
#christmaspanel { background-image: url(../images/christmasback.png); background-repeat:repeat; padding:20px;}