/* === Tags ======================================================================================= */
html {
 height: 100%;
}

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Tahoma, Sans-serif, Helvetica;
	font-size: 11px;
	color: #000000;
	background-color: #ffffff;
	height: 100%;
	background-image: url(images/bgBody.gif);
 background-repeat: repeat-x;
 background-position: top;
}

img {
	border: 0;
	padding: 0;
	margin: 0;
}

form {
	margin: 0;
	padding: 0;
}
	
table {
	margin: 0;headerLinks
	padding: 0;
	border: none;
}

/*==============Links=================================================================*/

a {
 color: #BC8D29;
 text-decoration: underline;
}

a:hover {
 color: #BC8D29;
 text-decoration: none;
}

ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

/*===================================================================================================*/

input.inputText, textarea.inputText {
	border: solid 1px #ACA8B9;
	font-family: Arial, Tahoma, Sans-serif, Helvetica;
	font-size: 11px;
	color: #000000;
	width: 168px;
	background-color: #ffffff;
	padding: 2px;
}

select.inputText {
 border: solid 1px #ACA8B9;
	font-family: Arial, Tahoma, Sans-serif, Helvetica;
	font-size: 11px;
	color: #000000;
	width: 172px;
	background-color: #ffffff;
	padding: 2px;
}

input.inputText2, textarea.inputText2 {
 border: solid 1px #ACA8B9;
	font-family: Arial, Tahoma, Sans-serif, Helvetica;
	font-size: 11px;
	color: #000000;
	width: 120px;
	background-color: #ffffff;
}

select.inputText2 {
 border: solid 1px #ACA8B9;
	font-family: Arial, Tahoma, Sans-serif, Helvetica;
	font-size: 11px;
	color: #000000;
	width: 124px;
	background-color: #ffffff;
}

.inputTextSmall {
 width: 35px;
 text-align: center;
 border: solid 1px #ACA8B9;
 color: #000000;
 background-color: #ffffff;
 font-size: 11px;
}

/* === Base classes =============================================================================== */
.clear {
	clear: both;
	margin: 0;
	padding: 0;
}

.left	{
	float: left;
}

.right {
	float: right;
}

.advert {
	display:block;
}

.relative {
	position: relative;
}

.inline {
 display: inline;
}

/* === Id's ======================================================================================= */

#wrap {
	height: 100%;
	min-height: 100%;
	width: 100%;
}


/* ========Header=====================================================================================*/

#header {
	width: 990px;
	margin: 0px auto;
 padding: 0px;
 height: 185px;
}

#headerTop {
 width: 970px;
 height: 20px;
 padding-right: 20px;
 padding-top: 5px;
 text-align: right;
 color: #ffffff;
}

#headerTop a {
 color: #ffffff;
 text-decoration: none;
}

#headerTop a:hover {
 color: #ffffff;
 text-decoration: underline;
}

#headerBottom {
 height: 80px;
 padding-top: 40px;
 padding-left: 20px;
 padding-right: 14px;
}

#menu {
 width: 969px; 
 height: 34px;
 clear: both;
 padding-top: 6px;
 padding-left: 15px; 
}

#headerLinks a {
 display: block;
 float: left;
 height: 34px;
 background-repeat: no-repeat;
 background-position: left top;
}
#headerLinks a:hover { background-position: left bottom;}

/*===================================================*/

a#Home { width: 43px; background-image: url(images/mnHome.gif);}
a#AboutUs { width: 76px; background-image: url(images/mnAboutUs.gif);}
a#Products { width: 77px; background-image: url(images/mnProducts.gif);}
a#Jewelry { width: 71px; background-image: url(images/mnJewelry.gif);}
a#TradePassword { width: 117px; background-image: url(images/mnTradePassword.gif);}
a#CreditApplication { width: 137px; background-image: url(images/mnCreditApplication.gif);}
a#SpecialOrders { width: 110px; background-image: url(images/mnSpecialOrders.gif);}
a#KnowledgeCenter { width: 133px; background-image: url(images/mnKnowledgeCenter.gif);}
a#DesignYourOwnBand { width: 151px; background-image: url(images/mnDesignYourOwnBand.gif);}
a#ContactUs { width: 88px; background-image: url(images/mnContactUs.gif);}

/*===================================================*/

#headerLinks a.selectedPage {
 background-position: left bottom;
}

/*======Content=======================================================================================*/

#container1 {
 width: 985px;
 margin: 0px auto;
 padding: 0px;
 padding-left: 5px;
 background-image: url(images/bgCont1.gif);
 background-repeat: no-repeat;
 background-position: left top;
}

#container2 {
 margin: 0px;
 padding: 0px;
 padding-right: 5px;
 background-image: url(images/bgCont2.gif);
 background-repeat: no-repeat;
 background-position: right top;
}

#content {
 width: 100%;
 margin: 0px;
 padding: 0px;
 padding-top: 25px;
 padding-bottom: 15px;
 background-color: #ffffff;
 background-image: url(images/bgContent.gif);
 background-repeat: repeat-x;
 background-position: top;
}

#content2 {
 padding: 0px 11px 0px 12px;
}

/*=======================================================================================================*/

.leftBlock {
 width: 206px;
 padding-right: 8px;
}

.smallBlockTop {
 width: 206px;
 height: 33px;
 background-image: url(images/smallBlockTop.gif);
 background-repeat: no-repeat;
 color: #ffffff;
 font-weight: bold;
 text-transform: uppercase;
}

.smallBlockCenter {
 width: 170px;
 padding: 15px 18px 0px 18px;
 background-image: url(images/smallBlockCenter.gif);
 background-repeat: repeat-y;
}

.smallBlockBottom {
 width: 206px;
 height: 23px;
 margin-bottom: 10px;
 background-image: url(images/smallBlockBottom.gif);
 background-repeat: no-repeat;
}

.captionLeft {
 padding: 12px 0px 0px 15px;
}

.captionPic {
 padding: 9px 8px 0px 0px;
}

.level2 {
 padding: 7px 0px 5px 0px;
 background-image: url(images/bgSeparator.gif);
 background-repeat: repeat-x;
 background-position: bottom;
}

a.leftLinks {
 color: #000000;
 text-decoration: none;
 padding-left: 16px;
 background-image: url(images/bullet.gif);
 background-repeat: no-repeat;
 background-position: left center;
}

a:hover.leftLinks {
 color: #BC8D29;
 text-decoration: none;
}

.level {
 padding: 7px 0px 5px 0px;
}

a.leftLinksBig {
 color: #423762;
 text-decoration: none;
 font-weight: bold;
 text-transform: uppercase;
}

a:hover.leftLinksBig {
 color: #BC8D29;
 text-decoration: none;
}

/*=======================================================================================================*/

.rightBlock {
}

#tisser {
 width: 743px;
 height: 230px;
 background-image: url(images/tisser.jpg);
 background-repeat: no-repeat;
 background-position: center;
}

#contentText {
 width: 100%;
}

.blockCaptionLeft {
 height: 60px;
 width: 10px;
 background-image: url(images/blockCaptionLeft.gif);
 background-repeat: no-repeat;
}

.blockCaptionCenter {
 height: 40px;
 padding: 20px 8px 0px 15px;
 background-image: url(images/blockCaptionCenter.gif);
 background-repeat: repeat-x;
 background-position: top;
 vertical-align: top;
}

.blockCaptionRight {
 height: 60px;
 width: 15px;
 background-image: url(images/blockCaptionRight.gif);
 background-repeat: no-repeat;
}

.blockCenterLeft {
 width: 10px;
 background-image: url(images/blockCenterLeft.gif);
 background-repeat: repeat-y;
}

.blockCenter {
 padding: 5px 0px 15px 0px;
}

.blockCenterRight {
 width: 15px;
 background-image: url(images/blockCenterRight.gif);
 background-repeat: repeat-y;
}

.blockBottomLeft {
 height: 15px;
 width: 10px;
 background-image: url(images/blockBottomLeft.gif);
 background-repeat: no-repeat;
}

.blockBottomCenter {
 height: 15px;
 background-image: url(images/blockBottomCenter.gif);
 background-repeat: repeat-x;
}

.blockBottomRight {
 height: 15px;
 width: 15px;
 background-image: url(images/blockBottomRight.gif);
 background-repeat: no-repeat;
}

.buttonHome {
 padding-top: 25px;
}

.sepTd {
 width: 7px;
}

h1.pageCaption {
 font-size: 22px;
 font-weight: normal;
 color: #423762;
 margin: 0;
 padding: 0;
 font-family: Georgia;
 background-image: url(images/bgCaption.gif);
 background-repeat: repeat-x;
 background-position: bottom;
}

.textDiv {
 width: 100%;
 padding-top: 20px;
}

.textDiv2 {
 width: 100%;
 padding-top: 10px;
}

h1.subCaption {
 font-size: 14px;
 font-weight: bold;
 color: #423762;
 margin: 0;
 padding: 0;
 padding-bottom: 10px;
}

.readMore {
 padding-top: 5px;
}

.buttonDiv {
 width: 100%;
 padding-top: 20px;
 text-align: center;
}

.separator {
 width: 100%;
 height: 20px;
 background-image: url(images/bgSeparator2.gif);
 background-repeat: repeat-x;
 background-position: bottom;
}

.scroll {
 width: 100%;
 text-align: center;
 padding-top: 20px;
}

.scroll li {
 display: inline;
 padding: 2px 6px 2px 6px;
 font-size: 11px;
}

.scroll li.linkLi {
 display: inline;
 padding: 2px 6px;
 font-size: 11px;
 background-color: #E8E8E8;
 margin: 0px 2px;
}

.scroll li a {
 text-decoration: none;
}

.scroll li a:hover {
 text-decoration: underline;
}

.scroll ul {
 padding: 0px 4px;
}

.headerShop {
	height: 35px;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #DFDEDE;
}

.headerShop a {
 color: #000000;
 text-decoration: underline;
}

.headerShop a:hover {
 color: #000000;
 text-decoration: none;
}

.line {
 background-image: url(images/bgSeparator2.gif);
 background-repeat: repeat-x;
 background-position: center;
}

td.shopTd {
 padding: 10px;
}

.itemsDiv {
 text-align: center;
 padding: 0px 20px;
}

.rowTop {
 padding-top: 7px;
}

td.picture {
 width: 98px;
 height: 98px;
 padding: 4px;
 font-size: 0;
 text-align: center;
 vertical-align: middle;
 background-image: url(images/bgPicture.gif);
 background-repeat: no-repeat;
 background-position: center;
}

td.pictureBig {
 width: 266px;
 height: 266px;
 font-size: 0;
 background-image: url(images/bgPictureBig.gif);
 background-repeat: no-repeat;
 background-position: center;
}
/*
.diaTd {
 width: 33%;
 text-align: center;
 padding: 10px 20px;
}
*/
.containerTd {
 padding-bottom: 20px;
}
/*
.captionLeft {
 height: 25px;
 width: 5px;
 background-image: url(images/bgCaptionLeft.gif);
 background-repeat: no-repeat;
 background-position: left;
}

.captionCenter {
 height: 25px;
 background-color: #999999;
 color: #ffffff;
 padding-left: 6px;
 font-size: 14px;
 font-weight: bold;
}

.captionRight {
 height: 25px;
 width: 5px;
 background-image: url(images/bgCaptionRight.gif);
 background-repeat: no-repeat;
 background-position: left;
}
*/
.textContent {
 padding: 0px 20px;
}

.history {
 font-family: Tahoma;
 font-size: 10px;
 text-transform: uppercase;
}

.history a {
 color: #423762;
 font-weight: bold;
 text-decoration: none;
}

.history a:hover {
 color: #BC8D29;
 font-weight: bold;
 text-decoration: none;
}

/*======Footer=====================================================================================*/

#footer {	
	width: 100%;
	height: 150px;
 margin: 0;
 text-align: center;
 font-size: 11px;
 background-image: url(images/bgFooter.gif);
 background-repeat: repeat-x;
}

.footerContainerL1 {
 height: 125px;
 width: 985px;
 margin: 0 auto;
 padding-left: 5px;
 background-image: url(images/bgContL1.gif);
 background-repeat: no-repeat;
 background-position: left bottom;
}

.footerContainerL2 {
 height: 125px;
 padding-right: 5px;
 background-image: url(images/bgContL2.gif);
 background-repeat: no-repeat;
 background-position: right bottom;
}

.footerContainer {
 height: 113px;
 width: 100%;
 padding-top: 12px;
 background-color: #ffffff;
}

#footer li {
 display: inline;
 padding: 0px 2px;
}

#footer a {
 color: #000000;
 text-decoration: none;
}

#footer a:hover {
 color: #000000;
 text-decoration: underline;
}

#copyr {
 padding-top: 5px;
 width: 100%;
 text-align: center;
 color: #ffffff;
}

.cart {
 padding-top: 10px;
}

/*===================================================================================================*/

.important { color: #423762;}
.diaDesc { line-height: 1.7; padding-top: 20px;}
.alignLeft { text-align: left;}
.padTop15 { padding-top: 15px;}
.error { font-size: 11px; color: #CC3333;}
.upper {text-transform: uppercase;}
.noPad {padding-top: 0;}
