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

body {
	background: #ffdd4a url(Sources/body_bg.jpg) repeat-x;
}

#header {
	height: 180px;
}

.silver {
	background: url(Sources/header1_bg.jpg) no-repeat top;
}

.silverGold {
	height: 180px;
	background: url(Sources/header_silverGold_bg.jpg) no-repeat top;
}

.silverStones {
	height: 180px;
	background: url(Sources/header_silverStones.jpg) no-repeat top;
}

#container {
	overflow: hidden;
	background: url(Sources/container_bg.jpg) no-repeat bottom;
}

#columnsContainer {
	overflow: visible;
	background: url(Sources/container3columns_bg.jpg) no-repeat top;
}

#articleContainer {
	overflow: hidden;
	background: url(Sources/articleContainer_bg.jpg) no-repeat top;
}

#mainContent {
}

#footer {
	height: 50px;
	color: #2c3664;
	text-align: center;
	overflow: hidden;
	padding: 45px 0px 5px 0px;
	background: url(Sources/footer_bg.jpg) no-repeat top;
	vertical-align: bottom;
}

#footer ul, #footer li {
	font-weight: bold;
	display: inline;
	list-style: none;
}

#footer a:link, #footer a:hover, #footer a:active, #footer a:visited {
	color: #2c3664;
	text-decoration: none;
}

/*Here starts atributes for topMenu and shopping cartBox*/
#topContainer {
	height: 40px;
	top: 160px;
	position: absolute;
	background: url(Sources/topMenu_bg.jpg) repeat-x top;
}

#topMenu {
	padding: 10px 0px 10px 0px;
	overflow: hidden;
}

#topMenu a:link, #topMenu a:visited {
	color: #b3b9d8;
	font-weight: bold;
	text-decoration: none;
}

#topMenu a:hover {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}


#horizontalMenu ul {
	margin: 0px;
	list-style: none;
}

#horizontalMenu li {
	float: left;
	display: inline;
}

#cartBox {
	color: #b3b9d8;
	text-align: right;
}

#cartStatus {
	padding: 10px 20px 10px 10px;
}

#fc_minicart a:link, #fc_minicart a:visited {
	color: #b3b9d8;
	text-decoration: none;
}

#fc_minicart a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

/*Here starts atributes for smallMenu*/
#smallMenu {
	width: 940px;
	height: 20px;
	text-align: right;
	margin: 0px 10px;
	float: left;
	display: inline;
	overflow: hidden;
}

.smallSilver {
	background: url(Sources/smallMenu1_bg.jpg) no-repeat top;
}

.smallSilverGold {
	background: url(Sources/smallMenu_silverGold_bg.jpg) no-repeat top;
}

.smallSilverStones {
	background: url(Sources/smallMenu_silverStones_bg.jpg) no-repeat top;
}

#smallMenu a:link, #smallMenu a:visited, #smallMenu a:hover, #smallMenu a:active {
	color: #2c3664;
	text-decoration: none;
}

#smallMenu ul, #smallMenu li {
	margin: 0px;
	list-style: none;
	float: right;
	display:inline;
	padding: 0px 35px 0px 0px;
}

/*Here starts atributes for sidebar_left*/
#sidebar_left {
	height: 468px;
	background: url(Sources/sideBarLeft_bg.jpg) no-repeat top;
}

#lateralMenu ul {
	margin: 0px;
	list-style: none;
	list-style-image: none;
	text-align: center;
	padding: 15px 10px 10px 15px;
	font-size: 16px;
}

#lateralMenu li {
	margin: 0px;
	min-height: 30px;
	padding: 10px 0px 10px 0px;
	border-bottom: #d3d3cf solid 1px;
}

#lateralMenu a:link, #lateralMenu a:visited {
	color: #666666;
	text-decoration: none;
}

#lateralMenu li:hover {
	min-height: 30px;
	padding: 10px 0px 10px 0px;
	border-bottom: #d3d3cf solid 1px;
	background: url(Sources/lateralMenu_hover.jpg) no-repeat center;
}

/*Here starts atributes for content*/

#text_area1 {
	padding: 10px 30px 0px 20px;
	color: #333333;
	text-align: justify;
}

#text_area1 h1 {
	margin: 0px;
	font-size: 16px;
	color: #e8b23d;
}

#text_area1 h2 {
	margin: 0px;
	font-size: 14px;
	color: #90a16b;
}

#text_area1 h3 {
	margin: 0px;
	font-size: 14px;
	color: #2c3664;
}

#container2 p {
	margin-top: 10px;
	text-align: justify;
}

.title1 {
	margin: 0px;
	font-size: 16px;
	color: #e8b23d;
}

.title2 {
	margin: 0px;
	font-size: 14px;
	color: #90a16b;
}

.title3 {
	margin: 0px;
	font-size: 14px;
	color: #2c3664;
}

#featuredContainer {
	width: inherit;
	padding: 10px;
}

#featuredCol1, #featuredCol2, #featuredCol3 {
	padding-bottom: 10px;
	overflow: hidden;
}

.featuredItem {
	height: 100px;
	background: #FFFF66;
	margin-top: 10px;
}

img {
	border: none;
}

#lipsum img {
	margin: 0px 10px;
}

#formContainer {
	margin-top: 10px;
	margin-bottom: 10px;
	overflow: hidden;
}

#formCol1 {
	height: 438px;
	overflow: hidden;
	border-right: #CCC solid 1px;
}

#formCol1 img {
	margin: 0px 5px 0px 0px;
}

#formCol1 p {
	padding: 10px 30px 0px 10px;
}


#formCol1 h1 {
	margin: 20px 0px 0px 0px;
	font-size: 16px;
	color: #e8b23d;
}

#formCol2 {
	text-align: right;
	overflow: hidden;
}

#formCol2 {
	padding-top: 70px;
	padding-right: 20px;
	color: #2c3664;
}

#formCol2 span {
	margin: 0px;
	color: red;

}
/*Here starts atributes for sidebar_right*/

#sidebar_right {
	height: 468px;
	background: url(Sources/sideBarRight_bg.jpg) no-repeat top;
}

#newsletter {
	margin: 15px 0px 0px 0px;
	padding: 10px;
	line-height: 14px;
	color: #2c3664;
}

#newsletter form {
	margin: 0px;
	color: #333333;
	text-align: right;
}

#submit {
	width: 100px;
	background: #2c3664;
	padding: 5px;
	color: #fff;
}

.newsTitle {
	margin: 0px;
	font-size: 15px;
	color: #e8b23d;
	text-align: center;
	padding-bottom: 10px;
}

#rssBox {
	padding: 10px;
	background: url(Sources/sideBarRight_border.jpg) top no-repeat;
}

.featuredArticle {
	margin: 0px;
	padding: 5px;
}

.rssBoxTitle {
	margin: 15px 0px 0px 0px;
	font-size: 15px;
	color: #e8b23d;
	text-align: center;
	padding-bottom: 10px;
}

.featuredArticle ul, .featuredArticle li {
	margin: 0px;
	list-style: none;
	list-style-image: none;
}

.featuredArticle li {
	padding: 5px;
	font-size: 14px;
	text-align: center;
	border-bottom: #d3d3cf solid 1px;
}

.featuredArticle a:link, .featuredArticle a:visited {
	color: #90a16b;
	text-decoration: none;
}

/*Here starts atributes for CATEGORIES LEVEL*/
#categoriesContainer {
	width: inherit;
}

#categoriesCol1, #categoriesCol2, #categoriesCol3 {
	width: 33%;
	padding-bottom: 10px;
	float: left;
	display:inline;
	overflow: visible;
}

.categoryBox {
	height: 140px;
	margin: 0px 10px 0px 10px;
	overflow: visible;
	background: url(Sources/category_bg.jpg) no-repeat center;
}

.categoryImage {
	max-height: 99px;
	padding: 0px 10px 0px 10px;
}

.categoryDesc {
	height: auto;
	overflow: hidden;
}

/*Here starts atributes for SUB-CATEGORIES LEVEL*/
#subCategoriesContainer {
	width: inherit;
}

#subCategoriesCol1, #subCategoriesCol2, #subCategoriesCol3 {
	width: 33%;
	padding-bottom: 10px;
	float: left;
	display:inline;
	overflow: visible;
}

.subCategoryBox {
	height: 140px;
	margin: 0px 10px 0px 10px;
	overflow: visible;
	background: url(Sources/subcategory_bg.jpg) no-repeat center;
}

.subCategoryImage {
	max-height: 99px;
	padding: 0px 10px 0px 10px;
}

.subCategoryDesc {
	height: auto;
	overflow: hidden;
}

/*Here starts atributes for ITEMS LEVEL*/
#itemsContainer {
	width: inherit;
}

#itemsCol1, #itemsCol2, #itemsCol3 {
	width: 33%;
	padding-bottom: 10px;
	float: left;
	display:inline;
	overflow: visible;
}

.itemsBox {
	height: 140px;
	margin: 0px 10px 0px 10px;
	overflow: hidden;
	background: url(Sources/itemsCategory_bg.jpg) no-repeat center;
}

.itemsImage {
	max-height: 99px;
	padding: 0px 10px 0px 10px;
}

.itemsDesc {
	height: auto;
	overflow: hidden;
}

/*Here starts atributes for DETAIL PAGE*/
#detailsContainer {
}

#detailsCol1 {
	overflow: hidden;
}

#detailsCol2 {
	overflow: visible;
}

#detailsCol1 h3 {
	height: 50px;
	color: #e8b23d;
	font-size: 16px;
	margin-left: 10px;
	margin-top: 10px;
}

#itemPreview {
	height: 300px;
	margin-top: 10px;
	margin-left: 10px;
	overflow: hidden;
}

#soppingCartBox {
	height: 40px;
	margin: 10px 0px 10px 10px;
	text-align: center;
	font-size: 14px;
	line-height: 16px;
	padding-top: 3px;
	overflow: hidden;
	background: url(Sources/shoppingCartBox_bg.jpg) no-repeat center;
}

#soppingCartBox a:link, #soppingCartBox a:visited, #soppingCartBox a:hover, #soppingCartBox a:active {
	color: #000000;
	text-decoration: none;
}

#thumbnailsContainer {
	width: 100%;
}

.thumbnailContainer {
	position: relative;
	margin-top: 10px;
	/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

a.thumbnail img {
	border: 1px solid white;
	margin: 0 5px 5px 0;
}

a.thumbnail:hover {
	background-color: transparent;
}

a.thumbnail:hover img {
	border: 1px solid blue;
}

a.thumbnail span { /*CSS for enlarged image*/
	position: absolute;
	background-color: transparent;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

a.thumbnail span img { /*CSS for enlarged image*/
	margin: 0px;
	padding: 0px;
	border: none;
}

a.thumbnail:hover span { /*CSS for enlarged image*/
	visibility: visible;
	top: 71px;
	right: 547px; /*position where enlarged image should offset horizontally */
	z-index: 50;
}

#itemDescription {
	padding: 10px;
	overflow: hidden;
	text-align: justify;
}

#otherItemsContainer {
	overflow: hidden;
}

#feauredItem1, #feauredItem2, #feauredItem3, #feauredItem4 {
	height: 50px;
}

/*Here starts atributes for ARTICLE'S PAGE*/
#articleContent {
	min-height: 468px;
}

#article_top {
	margin: 0px;
	height: 34px;
	overflow: hidden;
	background: url(Sources/articleTop_bg.jpg) no-repeat top;
}

#article_middle {
	margin: 0px;
	min-height: 468px;
	overflow: hidden;
	background: url(Sources/articleMiddle_bg.jpg) repeat-y top;
}

#article_bottom {
	margin: 0px;
	height: 35px;
	overflow: hidden;
	background: url(Sources/articleBottom_bg.jpg) no-repeat bottom;
}

.articleImage {
	margin: 5px 10px;
	float: left;
	display: inline;
	overflow: hidden;
}

.articleTitle {
	margin: 0px;
	font-size: 16px;
	color: #2c3664;
}

.jewelryArticle {
	padding: 10px 30px 5px 20px;
	font-size: 13px;
	line-height: 15px;
	text-align: justify;
}

.jewelryArticle p {
	margin-top: 10px;
}

.author {
	padding: 5px;
	color: #2c3664;
	background: #e8b23d;
}

/*Here starts atributes for TESTIMONIALS*/
#testimonialsContainer {
}

#testimonialsContainer h3 {
	margin: 0px 0px 10px 100px;
	font-size: 16px;
	color: #e8b23d;
}

.testimonialContent {
	border-bottom: #CCCCCC solid 1px;
	margin: 20px 50px 10px 100px;
	padding-bottom: 10px;
}

.testimonial {
	color: #2c3664;
}

.testimonialName {
	color: #90a16b;
	font-size: 16px;
	font-style: italic;
	text-align: right;
}
/*Here starts atributes for DESCRIPTION MESSAGE for categories, subcategories and items levels*/
a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top: 10px;
	left: 0px; 
	width:15em;
	padding: 5px;
    border:1px solid #e8b23d;
    background-color: #ffffff; 
	color:#000;
    text-align: center}

/*Here starts atributes for NAVIGATION BAR */
#navBar {
	margin: 0px 20px 0px 0px;
	font-size: 14px;
	float:right;
	clear: both;
	display: inline;
	overflow: hidden;
}

#navBar2 {
	margin: 0px 20px 0px 0px;
	font-size: 14px;
	text-align: right;
}

#navBar a:link, #navBar a:visited, #navBar a:hover {
	color: #666666;
	text-decoration: none;
}

#navBar span {
	margin-left: 10px;
}

#navBar2 a:link, #navBar a:visited, #navBar a:hover {
	color: #666666;
	text-decoration: none;
}

#navBar2 span {
	margin-left: 10px;
}

#fc_checkout_cart li {
	background: none;
	list-style: none;
}