/*
LK Jewelry Designs CSS File
Created by: Ricardo Zea - URL: www.ricardozea.net
Date: July of 2007
V1.0

////////////////////////////////////////////////////////////////////////////////////////////////////////
This file manages the Gallery/Collections visual styles, before modifying it make a backup/copy of it.
////////////////////////////////////////////////////////////////////////////////////////////////////////

*/

/* IDs
----------------------------------------------- */

#container {
	margin:auto;
	width:880px;
	background:#CECFCE;
	padding:20px;
	/*General font's settings here*/
	color:#666;
	font:75% "Trebuchet MS", Arial;
	text-align:justify;		
}

#inner-container {
	background:#D6D7D6;	
	padding:10px;
}

#content {
	background:#fff;	
	padding:7px;	
}

#header {	
	height:140px;
	text-align:left;
}

/*Internet Explorer special class only*/
#IEroot div.nav-header {
	margin-top:20px;
}

div.nav-header {	
	float:left;
	margin-left:14px;
	margin-top:8px;
	width:102px;
	font-size:110%;
	font-weight:bold;
}

#footer {
	width:100%;
	text-align:center;
	color:#999;
	background:#fff;
	font-size:0.9em;
	
}

#top-nav {
	float:left;
	width:100%;
	height:34px;
	background:url(bg-top-nav.gif) repeat-x;
	border: 1px solid #D1D1D1;
	margin-top:5px;
	font:100% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;	
}

#title {
	margin-top:80px;	
}

#title-pictures-edition {
	margin-top:0px;	
}

#title h1,
#title-pictures-edition h1 {
	font-size:150%;
	font-weight:bold;	
}

#credits {
	margin:auto;
	width:920px;
	padding-top:15px;
	text-align:center;
	color:#999;
	font:65% "Trebuchet MS", Arial;
}

#search {
	position:relative;
	top:-35px;
	left:-10px;
	float:right;
	text-align:right;
	white-space:nowrap;
}

#contact-form {
	width:80%;
	margin:auto;
	margin-bottom:20px;
	padding:20px;	
	border:#cecece 1px solid;
	background: #FBFBFB;	
}

/* DIVs
----------------------------------------------- */

div.left-nav {
	float:left;
	width:148px;	
	height:400px;
	text-align:center;
	font-size:100%;
}

div.inner-nav {	
	background:#EFEFEF;
	padding: 25px 5px 10px 0;/*top - right - bottom - left*/	
	font-size:15px;
	font-weight:bold;
}

div.collection {
	float:right;
	width:692px;	
}

div.descriptions {
	float:left;	
	margin-left:23px;
	width:280px;
}

html>body
div.descriptions {	
	margin-left:45px;
}


div.picture {
	float:left;
	width:284px;
	height:284px;
	margin-left:40px;
	margin-bottom:10px;
}

#IEroot div.picture {	
	margin-bottom:0;
	position:relative;
	top:2px;
}

div.other-products {
	float:left;	
	width:95%;
	margin:auto;
	margin-left:18px;
	padding:5px;
	padding-right:7px;
	border: #E4E4E4 1px solid;
	margin-bottom:10px;	
}

#IEroot div.other-products {
	position:relative;
	top:-30px;
	margin-bottom:0px;
	height:210px;

}

div.thumbnail-list {
	float: left;
	width:100%;
	height:160px;
	white-space: nowrap;
	overflow:auto;
	text-align:center;	
	border: 1px solid #999999;
}

div.pic-left {
	float:left;
	width:110px;
	text-align:center;	
}

div.pic-left p {	
	color:#000;
	font-size:15px;
	font-weight:bold;
	border:#ccc 1px solid;
	padding:5px;
	width:25px;
	margin:auto;
	margin-top:5px;
}

div.pic-right {
	float:left;
	width:280px;
	height:280px;
	margin-left:10px;
}

div.float-left {
	float:left;
}

div.float-right {
	float:right;
}

div.float-left,
div.float-right {	
	width:410px;
}

div.buttons,
div.upload {
	padding:0px;
	background:#FFF0F0;
	text-align:center;
	padding-bottom:0px;
	padding-top:20px;
}

html>body
div.buttons {
	padding:10px;
}

div.upload {	
	border:#7E0101 1px solid;		
	padding:16px;
}

div.product-info-left {
	float:left;
	text-align:left;
	font-weight:bold;
	padding-right:5px;
}

div.product-info-right {
	float:left;
	text-align:left;
	padding-left:5px;
}


/* STYLES
----------------------------------------------- */

.clear	{
	clear:both;
}

.center	{
	margin:auto;
}


.logo {
	float:left;
	margin-left:20px;
	margin-top:3px;
}

.banner {
	float:left;
	margin-left:40px;
	margin-top:3px;
}

h1, h3 {	
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #8A0000;
	background:#F7F7F7;
	padding:5px;
	margin-top:0;	
}

h2 {
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	color: #666;
	margin-left:45px;
}

h3 {
	color:#000;
}

.text {
	font-size:65%;
	font-weight:normal;
	color: #666666;
	line-height: 20px;
}

hr {
	clear:both;
	width:100%;
	margin-bottom:15px;
	height:1px;
	border-top:#999 1px dotted;
	border-bottom:0px;
	border-left:0px;
	border-right:0px;	
}

.no-border {
	border:0;
	vertical-align: sub;
}

.align-left {
	text-align:left;
}

.align-right {
	text-align:right;
}

.align-center {
	text-align:center;
}

.align-middle {
	vertical-align:middle;
}

.float-left-contact {
	float:left;
	padding-left:10px;
	white-space:nowrap;	
	margin-left:50px;
}


html>body
.float-left-contact {		
	margin-left:100px;
}

.float-right-contact {
	float:left;
	padding-left:10px;	
}

.float-left-contact p {
	line-height:1.79em;
}

#IEroot .float-left-contact p {
	line-height:2em;
}






/* LISTS & LINKS
----------------------------------------------- */

/*General links*/
a,
a:visited {	
	color: #7E0101;
	text-decoration:underline;
}

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


/*Header navigation on the right*/
div.nav-header ul {	
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;	
}

div.nav-header li {	
	padding-left: 13px;
	background: url(bullets.gif) no-repeat 0 0.5em;
}

div.nav-header a,
div.nav-header a:visited {	
	color: #7E0101;
	background: #fff;
	text-decoration:none;
}

html>body
div.nav-header a,
div.nav-header a:visited {	
	display: block;	
}

div.nav-header a:hover {		
	color: #666;
	background: #fff;
}

/*Top horizontal navigation*/
#top-nav ul {	
	white-space: nowrap;
	margin-left: 0;
	padding-left: 0;	
	font-size:110%;	
}

/*Internet Explorer special class only*/
#IEroot #top-nav li {
	position:relative;
	top:10px;
	left:72px; 
}

#top-nav li {	
	display: inline;
	list-style-type: none;
	padding-right: 20px;
	position:relative;
	top:-4px;
	left:72px;
}

#top-nav a,
#top-nav a:visited {
	font-size:95%;
	color:#666;
	text-decoration:none;
}

#top-nav a:hover {
	color:#7E0101;	
}

/*Left vertical navigation*/
div.inner-nav ul {	
	 list-style-type:none;
	 padding:0;
	 margin:0;
	 text-align:right;
	 line-height:30px;
}

div.inner-nav a,
div.inner-nav a:visited {
	font-size:95%;
	color:#7E0101;
	text-decoration:none;
}

html>body
div.inner-nav a,
div.inner-nav a:visited {	
	display:block;
}

div.inner-nav a:hover {		
	color: #666;
}

div.inner-nav ul ul {
	padding-bottom:8px;
}

div.inner-nav ul ul li {
	line-height:normal;
}

div.inner-nav ul ul a {
	padding-right:8px;
	text-decoration:none;
}

/*Thumbnail links*/
.thumbnail-link,
.thumbnail-product {
	border: 1px solid #fff;
	padding:2px;
	margin:10px;
}

.thumbnail-product {
	margin:0px;
}

a:hover .thumbnail-link,
a:hover .thumbnail-product {
	border: 1px solid #7E0101;
}

a:active .thumbnail-link,
a:active .thumbnail-product {
	border: 1px solid #7E0101;
}

div.picture-options ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

div.picture-options li {
	display:block;
	height:25px;
	margin-top:3px;
	border:#FFF0F0 1px solid;
}

div.picture-options a,
div.picture-options a:visited {
	display:block;
	height:25px;
	padding-left:3px;
}

div.picture-options a:hover,
div.picture-options a:active {	
	background: #FFF0F0;
}

div.picture-options {
	clear:both;
	margin-left:120px;
	margin-bottom:10px;
	width:268px;
	height:138px;
	border:#EFEFEF 1px solid;
	border-top:0;
	padding:5px;
	color:#000000;
}

/*Internet Explorer special class only*/
#IEroot div.picture-options {
	height:145px;	
}


/*Internet Explorer special class only*/
#IEroot .no-border {
	vertical-align: middle;	
}


/* FORMS
----------------------------------------------- */

.buttons {
	background: #7E0101;
	color:#FFF0F0;	
	border:1px solid #7E0101;
	height:30px;
}

.buttondel {
	background: #7E0101;
	color:#FFF0F0;	
	border:1px solid #7E0101;	
}

.buttons:focus,
.buttondel:focus {
	color:#7E0101;	
}

.buttons:hover {
	background:#ccc;
	color:#7E0101;
}

div.buttons .buttons,
div.upload .buttons {
	font-size:15px;
	padding:2px 10px 20px 10px;

}

div.upload .fields {
	height:22px;
	vertical-align: top;
	padding-top:6px;
	color:#000000;
	font:120% "Trebuchet MS", Arial;	
}

textarea {
	font:100% "Trebuchet MS", Arial;
	border:1px solid #999;
	background:	#fff;
	padding-left:5px;
}


input:focus,
select:focus,
textarea:focus,
.buttons:focus {	
	border:1px solid #7E0101;
	background:	#F7F7F7;	
}

/*Internet Explorer special class only*/
#IEroot input {
	border:1px solid #999;	
}

select, input {	
	border:1px dotted #7E0101;
	padding-left:3px;
	color:#666;
	font:100% "Trebuchet MS", Arial;
}

.fields {
	padding-left:5px;
	padding-right:5px;
}

/* SHOPPING CART TABLE
----------------------------------------------- */

.title-cells {
	padding:5px;
	background:#EFEFEF;
	color:#8A0000;
	font-size:110%;	
}

.data-cells {
	padding:2px;
	text-align:left;	
}