@charset "utf-8";
/* CSS Document */

body
{
width: 775px;
margin: 20px auto;
background-color: #695e39;
}

a img {border: 0px;}
clearLeft {clear: left;}
clearRight {clear: right;}
clearBoth {clear: both;}
.noBorder {border: 0px;}
.border1px {border-bottom: 1px solid #dedede;}

td {vertical-align: top; padding: 0px;}

h1
{

}

h2
{

}

h3
{

}

p
{

}

#masterContainer, #theLeftNav, #rightTopMast, #theLogo, #theNavigation, #theContentContainer, #theContentContainer_sub, .contentFloatLeft, #theContentContainer2, .footerDetails1, .footerDetails2, .footerDetails3, .newsletterSubscribe
{float: left;}

#masterContainer
{
width: 775px;
background-image: url(images/mainContainer_background.jpg);
background-repeat: repeat-y;
padding-bottom: 20px;
}

#Boriginal
{
width: 183px;
height: 26px;
float: right;
margin: 305px 15px 0px 0px;
}

#theLeftNav
{
width: 265px;
}

#rightTopMast
{
width: 505px;
}

#theLogo
{

}

/*  the right top mast styles */

#theTopMastNav
{
height: 53px;
background-image: url(images/rightNavBackground.jpg);
background-repeat: repeat-x;
}

#theTopMastNav ul
{
margin: 20px -1px -1px -1px;
}
/*
#theTopMastNav li
{
float: right;
display: block;
list-style-type: none;
margin: 30px 10px 0px 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
line-height: 16px;
color: #d1c5af;
font-weight: bold;
}

#theTopMastNav li a
{
color: #d1c5af;
text-decoration: none;
}

#theTopMastNav li a:hover
{
color: #663300;
}
*/
#theTopMastImg, #theTopMastImg_bracelet, #theTopMastImg_diamonds, #theTopMastImgMAP, #theTopMastImgStone, #theTopMastImgPearl, #theTopMastImgGold,  #theTopMastImgWedding
{
height: 336px;
background-color: #000000;
}

#theTopMastImg
{background: url(images/topMastImage.jpg) no-repeat;}

#theTopMastImg_bracelet
{background: url(images/topMastImageBracelet.jpg) no-repeat;}

#theTopMastImg_diamonds
{background: url(images/topMastImageDiamonds.jpg) no-repeat;}

#theTopMastImgMAP
{background: url(images/topMastMap.gif) no-repeat;}

#theTopMastImgStone
{background: url(images/topMastImage-moonStone.jpg) no-repeat;}

#theTopMastImgPearl
{background: url(images/topMastImagePearls.jpg) no-repeat;}

#theTopMastImgGold
{background: url(images/topMastImageGOLD.jpg) no-repeat;}

#theTopMastImgWedding
{background: url(images/topMastImageWedding.jpg) no-repeat;}

.mastMessage
{
width: 250px;
float: left;
margin: 20px 0px 0px 20px;
}

#theNavigation
{
min-height: 99px;
background: url(images/leftNavDeco.jpg) no-repeat;
width: 265px;
}

#theNavigation ul
{
margin: 20px auto 0px 6px;

}

#theNavigation li
{
font-family: Arial, Helvetica, sans-serif;
font-variant: small-caps;
width: 170px;
color: #CCCCCC;
font-size: 14px;
line-height: 30px;
margin-left: 15px; !important
margin-left: 16px; 
margin-right: 15px; !important
margin-right: 26px;
display: block;
background: url(images/bulletGraphic.png) no-repeat left;
text-indent: 20px;
list-style-type: none;
}

#theNavigation li a
{
text-decoration: none;
color: #CCCCCC;
}

#theNavigation li a:hover
{
color: #ddd78c;
}

#theContentContainer
{
margin: 0px 0px 20px 10px;
width: 765px;
background-color: #fff;

}

.pageContentSub
{

background-color: #F2F2F2;
padding: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 14px;
}

#theContentContainer2
{

border-top: 1px solid #999999;
border-bottom: 1px solid #999999;
width: 765px;
margin: 10px 0px 20px 0px;
background-color: #DBDBDB;
}

.contentFloatLeft
{
width: 33%;
margin-left: 2px;
height: 147px;
}

.addBlurb1
{
padding: 5px;
height: 60px;
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
line-height: 13px;
}

.picMargin1
{margin: 2px auto 2px 7px;}

.footerDetails1, .footerDetails2, .footerDetails3
{width: 170px; padding: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 15px;}

.footerDetails1 a, .footerDetails2 a, .footerDetails3 a
{text-decoration: none; color: #333333;}

.footerDetails1 a:hover, .footerDetails2 a:hover, .footerDetails3 a:hover
{color: #000;}

.footerDetails1
{

}

.footerDetails2
{

}

.footerDetails3
{

}

.newsletterSubscribe
{
width: 190px;
font-family: Arial, Helvetica, sans-serif; 
font-size: 13px; 
line-height: 15px;
padding: 10px 0px 10px 0px;
color: #333333;
}



.footerBold
{
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 15px;
font-weight: bold;
color: #666666;
}

#footerLinks
{
width: 765px;
font-family: Arial, Helvetica, sans-serif;
background-color: #695e39;
}

#footerLinks a
{
text-decoration: none;
color: #BDAB87;
font-size: 13px;
}

#footerLinks a:hover
{
color: #000;
}

#footerLinks li
{
display: block;
float: left;
margin-left: 22px;
list-style-type: none;
}

.phoneNumber
{
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #666666;
line-height: 20px;
}

.mastTitle1
{
font-family: Century, "Century Gothic";
font-size: 24px;
font-weight: bold;
line-height: 28px;
color: #fff;
}

.mastSubTitle1
{
color: #F2F2F2;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
line-height: 20px;
}

.mastSubTitle2
{
color: #CC3300;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
line-height: 20px;
}

/* Misc Styles */

#aboutPYgold, #aboutPYgold p
{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 14px;
color: #333333;
}

#aboutPYgold
{margin: 15px;}

#contentContact
{background: url(images/indexDefault_background.jpg) no-repeat right bottom;}

#contactSource, #theContactDetailRegion
{

border: 1px dashed #dedede;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 13px;
color: #993300;
float: left;
}

#contactSource
{margin: 20px auto 10px 70px;}

#contactSource li, #contactSource li a
{list-style-type: none; display: block; padding: 5px; background-color: #CCCCCC; text-decoration: none; color: #000;}

#contactSource li a:hover
{padding-left: 10px}

#theContactDetailRegion
{width: 45%; margin-top: 20px; padding: 0px 15px;}

.a8pxMargin {margin: 8px;}
.a12pxMargin {margin: 12px;}
.a12pxMarginLR {margin: 2px 12px}

.classyFloatRightQuotes
{float: right; padding: 10px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 17px; line-height: 19px; width: 130px;}

.featuredProductWrapper
{
width: 24%;
padding: 2px;
float: left;
height: 125px;
background: url(images/featuredBackground.jpg) no-repeat center center;
}

.featureTitle
{
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
font-size: 11px;
margin: 2px;
}

.featuredIMG
{float: left; width: 70px; margin: 8px 0px 0px 10px;}

.featuredLM
{
float: right;
width: 50px;
font-size: 11px;
line-height: 12px;
margin: 15px 18px 0px 0px;
}

.featuredDESC
{
clear: left;
font-size: 11px;
line-height: 12px;
margin: 2px;
}


.ubercolortabs{
padding: 0;
width: 100%;
overflow: hidden;
background: transparent;
}

.ubercolortabs ul{
font: bold 11px Arial, Verdana, sans-serif;
margin: 0;
padding: 0;
list-style: none;
}

.ubercolortabs li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform: uppercase;
}


.ubercolortabs a{
float: left;
color: white;
background: #804000 url(media/roundleft.gif) no-repeat left top; /*default background color of tabs, left corner image*/
margin: 0 2px 0 0;
padding: 0 0 1px 3px;
text-decoration: none;
letter-spacing: 1px;
}

.ubercolortabs a span{
float: left;
display: block;
background: transparent url(media/roundright.gif) no-repeat right top; /*right corner image*/
padding: 7px 9px 3px 6px;
cursor: pointer;
}

.ubercolortabs a span{
float: none;
}


.ubercolortabs a:hover, .ubercolortabs li.selected a{
background-color: #AE5300; /*background color of tabs onMouseover*/
color: white;
}

.ubercolortabs a:hover span{
background-color: transparent;
}


.ubercolordivider{ /*CSS for horizontal line.*/
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #804000; /*background color of horizontal line*/
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}