/******************************************************************************/
/*       <link href="css/styles.css" type="text/css" rel="stylesheet" />      */
/******************************************************************************/
/*                     styles for jewerly                 2009                */
/******************************************************************************/ 
@import url("reset.css");

.basis{
	margin: auto;
	width: 850px;	/* width of basis */
}

.header{
	height: 79px;	/* height of header */
}


.leftpanel{
	width: 156px;	/* width of left column */
	float: left;
}
.rightpanel{
	width: 690px;	/* width of right column */
	float: right;
}

.footer
{
	width: 850px;
	margin: auto;
}

/*** standard classes ***********************************************************************************************/
.clear{
	clear:both;
	display: block;
}






/*** follow sections can edit *****************************************************************************/
BODY
{
	background-color: #ffffff;
	behavior: url("js/csshover.htc");
	background: url(../images/body-bg.png) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#3A2212;
}

BODY#homepage{
	background-position:-10000px 0px;
}

A,
A:visited
{
	color: #a26e1b;
	text-decoration: none;
}
A:hover
{
	color: #000000;
	text-decoration: underline;
}



h2{
	font-size:18px;
	margin-bottom:10px;
}
strong{
	font-weight:bold;
}
h2 a,h2 a:visited{
	color:#000;
}

P{
	margin-bottom:15px;
}



/*** header **************************************************************/
.header
{
	position: relative;
/*
	background: url(../images/header-bg.png) no-repeat 0px 75px;
*/
}


/*** menu ***/
.header .menu
{
	position: absolute;
	top: 45px;
	right: 0px;
}
.header .menu UL
{
}
.header .menu UL LI
{
	float: left;
	padding: 0px 0px 0px 15px;
}
.header .menu UL LI A,
.header .menu UL LI A:visited
{
	color: #a26e1b;
	text-decoration: none;
}
.header .menu UL LI A:hover
{
	color: #ffffff;
}



/*** searchpanel ***/
.header .searchpanel
{
	position: absolute;
	top: 25px;
	right: 0px;
	padding-right: 72px;
}
.header .searchpanel INPUT
{
	border: 2px solid #c4a169;
	padding: 2px 2px 2px 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #9c6917;
	width: 150px;
	height: 17px;
}
.header .searchpanel BUTTON
{
	border: 2px solid #9c6917;
	padding: 2px 2px 2px 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 60px;
	height: 25px;
	color: #000000;
	background-color: #c4a169;
	position: absolute;
	top: 0px;
	left: 162px;
}
.header .searchpanel BUTTON:hover
{
	border: 2px solid #ffffff;
}



.header .user_area{
	position:absolute;
	top:20px;
	left:190px;
	color:#c4a169;
	font-size:24px;
}

.header .user_area em{
	color:#fff;
}


.header .user_area .links{
	font-size:12px;
	text-align:right;
}

.header .user_area .links A{
	margin-left:10px;
}

.header .user_area .links A:hover{
	color:#c4a169;
	text-decoration:underline;
}




/*** contents ***********************************************************/
.contents
{
	/*background: url(../images/contents-bg.jpg) no-repeat 156px 0px;*/
}

/*** leftpanel ***********************************************************/
.leftpanel
{
	height: 450px;
	position: relative;
	z-index: 20;
}
#left_menu{
	top:-80px;
	position:absolute;
}

#left_grad
{
	position: absolute;
	top: -79px;
	left: 0px;
	width: 0px;
}
#left_grad IMG
{
	width: 190px;
	height: 585px;
	behavior: url(js/iepngfix.htc);
}
.leftpanel A#logo
{
	position: absolute;
	top: -65px;
	left: 25px;
	display: none;
}
.leftpanel #menu
{
	position: absolute;
	top: 80px;
	left: 5px;
}
.leftpanel #menu UL
{
}
.leftpanel #menu UL LI
{
	padding: 0px 0px 15px 0px;
}
.leftpanel #menu UL LI A,
.leftpanel #menu UL LI A:visited
{
	text-decoration: none;
	color: #3b2313;
	width: 123px;
	height: 19px;
	padding: 3px 10px 0px 10px;
	display: block;
}
.leftpanel #menu UL LI A:hover
{
	color: #9C6917;
}


/*** rightpanel *********************************************************/
.rightpanel
{
	width: 660px;
	padding: 20px 0px 0px 30px;
	position: relative;
	font-size:12px;
}
.rightpanel H1
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 42px;
	color: #9c6917;
	margin-bottom: 20px;
}



/*** breadcrumb *************/
.breadcrumb
{	
	position: absolute;
	top: 10px;
	right: 0px;
	font-size: 11px;
	/*font-family: "Myriad Pro", Arial, Helvetica, sans-serif;*/
}
.breadcrumb A,
.breadcrumb A:visited
{
	background: url(../images/breadcrumb-arrows.png) no-repeat 100% 4px;
	padding: 0px 12px 0px 0px;
	margin-right: 2px;
}
.breadcrumb A:hover
{
}
.breadcrumb A.current,
.breadcrumb A:visited.current,
.breadcrumb A:hover.current
{
	color: #392212;
	text-decoration: none;
	cursor: default;
	background-image: none;
	padding-right: 0px;
	margin-right: 0px;
}



/*** pager ******************/
.pager
{
	background: url(../images/pager-bg.png) no-repeat 0px 0px;
	position: absolute;
	top: 40px;
	right: 0px;
	padding: 0px 0px 0px 10px;
	height: 23px;
}
.pager A,
.pager A:visited
{
	padding: 3px 6px 0px 6px;
	display: block;
	height: 23px;
	float: left;
}
.pager A:hover
{
	text-decoration: none;
	color: #ffffff;
}
.pager .points
{
	float: left;
	height: 23px;
	display: block;
	padding: 3px 3px 0px 3px;
	color: #b57612;
}
.pager A.next
{
}
.pager A.last
{
	background: url(../images/pager-right-bg.png) no-repeat 100% 0px;
	padding-right: 15px;
}
.pager A.current,
.pager A:visited.current,
.pager A:hover.current
{
	background: url(../images/pager-current-bg.png) repeat-x 0px 2px;
	color: #392212;
	cursor: default;
}





/*** list_designers ********************/
.list_designers
{
}
.list_designers UL
{
	margin-right:-20px;
}
.list_designers UL LI
{
	width: 296px;
	padding: 7px;
	border: 2px solid #c4a169;
	float: left;
	background-color: #eadecb;
	font-size: 11px;
	margin: 0px 20px 20px 0px;
}
.list_designers UL LI.odd
{
	margin-right:0px !important;
}
.list_designers UL LI:hover
{
	border: 2px solid #a57932;
}
.list_designers UL LI .photo
{
	display: block;
	font-size: 0px;
	margin-bottom: 5px;
}
.list_designers UL LI .name
{
	float: left;
}
.list_designers UL LI .name BIG
{
	font-weight: bold;
	font-size: 13px;
	color: #392212;
}
.list_designers UL LI .more
{
	float: right;
	padding: 2px 0px 0px 13px;
	background: url(../images/icon-star.png) no-repeat 0px 4px;
}



/*** list_works *********************/
.list_works
{
	position: relative;
}
.list_works UL
{
}
.list_works UL LI
{
	width: 196px;
	background-color: #c4a169;
	position: relative;
	float: left;
	display: inline;
	margin: 0px 25px 15px 0px;
}

.list_works UL LI.odd{
	margin-right:0px !important;
}
.list_works UL LI .designer
{
	margin-bottom: 150px;
	position: relative;
	display: block;
	padding: 5px 0px 0px 8px;
}
.list_works UL LI .designer .photo
{
	display: block;
	width: 45px;
	float: left;
	font-size: 0px;
}
.list_works UL LI .designer .photo A IMG,
.list_works UL LI .designer .photo A:visited IMG
{
	border: 1px solid #ffffff;
	filter: alpha(opacity=40);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	-moz-opacity: 0.40; opacity:0.40;
}
.list_works UL LI .designer .photo A:hover IMG
{
	filter: alpha(opacity=100);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
}
.list_works UL LI .designer .name
{
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #4a2913;
}
.list_works UL LI .designer .more
{
	display: block;
	font-size: 11px;
	margin-top: -2px;
}
.list_works UL LI .designer .more A,
.list_works UL LI .designer .more A:visited
{
	color: #ffffff;
}
.list_works UL LI .designer .more A:hover
{
}
.list_works UL LI .image
{
	background-color: #000000;
	position: absolute;
	top: 35px;
	left: 8px;
	width: 195px;
	height: 143px;
	border: 2px solid #efdec3;
	font-size: 0px;
}
.list_works UL LI .title
{
	display: block;
	padding: 5px 5px 5px 8px;
	color: #4a2913;
	font-size: 11px;
}


.list_works UL LI:hover
{
	background-color: #4c2a13;
}
.list_works UL LI:hover .designer .name
{
	color: #ffffff;
}
.list_works UL LI:hover .designer .more A,
.list_works UL LI:hover .designer .more A:visited
{
	color: #c4a169;
}

.list_works UL LI:hover .image
{
	border: 2px solid #c4a169;
}
.list_works UL LI:hover .title
{
	color: #ffffff;
}



/*** work **************************/
.work
{
}
.work .leftcnt
{
	width: 357px;
	float: left;
}
.work .image
{
	font-size: 0px;
	background-color: #000000;
	border: 2px solid #c4a169;
	width: 357px;
	display: block;
	margin-bottom: 5px;
}
.work .descripton
{
	float: right;
	width: 290px;
}
.work .descripton .designer
{
	border-top: 1px solid #c4a169;
	border-bottom: 1px solid #c4a169;
	padding: 3px 0px 3px 0px;
	margin-bottom: 10px;
}
.work .descripton .designer .photo
{
	float: left;
	padding: 4px 10px 0px 0px;
	font-size: 0px;
}
.work .descripton .designer .photo IMG
{
	border: 1px solid #c4a169;
}
.work .descripton .designer .name
{
	font-size: 16px;
	font-weight: bold;
	color: #3a2212;
}
.work .descripton .designer .more
{
	font-size: 12px;
	margin-top: -3px;
}
.work .descripton .txt
{
	line-height: 20px;
	padding: 0px 0px 10px 0px;
	font-size: 12px;
	color: #3a2212;
}
.work A.link_add2wish
{
	padding: 0px 0px 0px 15px;
	background: url(../images/icon-plus.png) no-repeat 3px 3px;
	font-weight: bold;
}



/*** designer_single **************************/
.designer_single
{
}
.designer_single .left
{
	float: left;
	width: 300px;
}
.designer_single .image
{
	font-size: 0px;
	background-color: #000000;
	border: 2px solid #c4a169;
	width: 295px;
}
.designer_single .left .more
{
	font-size: 12px;
	padding: 5px 0px 0px 5px;
}
.designer_single .left .more A.linkmore
{
	padding: 0px 0px 0px 13px;
	background: url(../images/icon-star.png) no-repeat 0px 3px;
}
.designer_single .left .more A.website
{
	padding: 0px 0px 0px 14px;
	background: url(../images/icon-website.png) no-repeat 0px 4px;
	font-weight: bold;
}
.designer_single .descripton
{
	line-height: 20px;
	padding: 0px 0px 10px 0px;
	font-size: 12px;
	color: #3a2212;
	float: right;
	width: 350px;
}







/*** homepage **************/
#homepage .rightpanel { height: 520px; }
#homepage .rightpanel H1
{
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 30;
}



/*** splash ************/
#splash
{
	position: absolute;
	top: 0px;
	left: -156px;
	z-index: 10;
}








/*** footer **************************************************************/
.footer
{
	text-align: center;
	color: #3b2313;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 10px 0px 0px 0px;
}
.footer .menu
{
}
.footer .menu A,
.footer .menu A:visited
{
	color: #a26e1b;
	text-decoration: none;
}
.footer .menu A:hover
{
	color: #a26e1b;
	text-decoration: underline;
}









/*** event_item *********/
.event_item{
	margin-bottom:20px;
}
.event_item H2{
	margin-bottom: 5px;
}
.event_item .date{
	color: #9c6917;
	font-size: 11px;
	margin-bottom: 10px;
	border: 1px solid #e9dbc4;
	padding: 2px 5px 2px 18px;
	background: #f4efe8 url(../images/icon-calendar.png) no-repeat 5px 4px;
	/*background: url(../images/icon-calendar.png) no-repeat 5px 5px;*/
}
.event_item A.more
{
	background: url(../images/breadcrumb-arrows.png) no-repeat 100% 5px;
	padding: 0px 8px 0px 0px;
	font-weight: bold;
}

.event_item .image{
	float:left;
	margin:0 15px 15px 0;
}

.leftpanel #menu
{
}

.leftpanel A#logo
{
	display: block !important;
}

.error{
	color:#f00;
	margin-bottom:10px;
}

.common_form{
	width:306px;
}

.common_form label{
	xfloat:left;
	display:block;
	width:100px;
}

.common_form input.text,.common_form textarea{
	display:block;
	width:200px;
	margin-bottom:10px;
	border:1px solid #C4A169;
	color:#9C6917;
	padding:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

.common_form input.file{
	margin-bottom:10px;
	color:#9C6917;
	padding:2px;
}

.common_form select{
	display:block;
	margin-bottom:10px;
	border:1px solid #C4A169;
	color:#9C6917;
}

.common_form button {
	background-color:#C4A169;
	border:2px solid #9C6917;
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	height:25px;
	left:162px;
	padding:2px;
	xfloat:right;
	margin:10px 0;
}

.registration_form{
	width:400px;
}

.registration_form label{
	width:150px;
}
.registration_form input.text{
	width:243px;
}
.registration_form .checkboxes label{
	width:auto;
	float:none;
	padding-top:3px;
}

.registration_form .checkboxes input{
	float:left;
	margin-right:5px;
}

.registration_form INPUT#userZip{
	width:50px;
	margin-right:190px;
}

.registration_form INPUT#userPhone1,.registration_form INPUT#userPhone2{
	width:100px;
	margin-right:90px;
}

.registration_form INPUT#userAnniversary{
	width:70px;
	margin-right:140px;
}

.feedback_form{
	width:500px;
}

.feedback_form label{
	width:250px;
}

.feedback_form select{
	width:150px;
}
.feedback_form textarea{
	width:243px;
}

.list_repairments{}

.list_repairments TD{
	vertical-align:top;
	padding:5px;
	border-bottom:1px solid #C4A169;
}

.list_repairments TH{
	vertical-align:top;
	padding:5px;
	font-weight:bold;
}

.list_repairments THEAD{
	border-bottom:3px solid #C4A169;
}



/** wishes **/
.list_wishes{}

.list_wishes TD{
	vertical-align:top;
	padding:5px;
	border-bottom:1px solid #C4A169;
}

.list_wishes TH{
	vertical-align:top;
	padding:5px;
	font-weight:bold;
}

.list_wishes THEAD{
	border-bottom:3px solid #C4A169;
}
.list_wishes TD.action A{
	padding: 0px 0px 0px 11px;
	background: url(../images/icon-remove.png) no-repeat 0px 3px;
}
.list_wishes TD.product
{
	font-weight: bold;
}
.list_wishes TD.photo IMG
{
	padding: 1px;
	background: #ffffff;
	border: 1px solid #c4a169;
}


/****** vendor form *******/

.vendor_form{
	width:400px;
}


.vendor_form label{
	width:150px;
}

.vendor_form input.text,.vendor_form textarea{
	width:214px;
}
.vendor_form button{
	margin-right:30px;
}


.contact_form{}
.contact_form{
	width:500px;
	margin-bottom:20px;
}

.contact_form label{
	width:200px;
}

.contact_form input.text{
	width:293px;
}
.contact_form textarea{
	width:293px;
}

.contact_form INPUT#formZip{
	width:50px;
	margin-right:243px;
}

.map ADDRESS{
	width:200px;
	float:left;
}
.map .gmap{
	float:right;
}