/* 		JogjaCamp Standard CSS 				*/


/* Body Style */
body {
	font-size: 12px;
	color: #7b7b7b;
	margin: 0px;
	background: url(../images/bg.gif) top left repeat-x #7b7b7b;
}


body, p, h1,h2,h3,h4,h5,h6,div,ol,li,td,th,a,form,input,select,textarea,option,label {
	font-family: tahoma, Helvetica, sans-serif;
}

p, td, th, span, div{
	font-size: 11px;
	line-height: 130%;
}


p {
	text-align:left;
	margin: 4px 0px 4px 0px !important;
}

/* standard Hyperlink */
a {
	text-decoration: none;
	color: #413f40;
}

a:hover {
	text-decoration: underline;
	color: #413f40;
}

a.linked00 {
	padding: 5px 10px;
	color: #586f8a;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}
a.linked00:hover {
	color: #7ea7d9;
	text-decoration: none;
}
a.linked01 {
	padding: 5px 10px;
	color: #fff;
	background-color: #7ea7d9;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}
a.linked01:hover {
	color: #fff;
	background-color: #96bff2;
	text-decoration: none;
}
a.linked02 {
	padding: 5px 10px;
	color: #fff;
	background-color: #5a728e;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}
a.linked02:hover {
	color: #fff;
	background-color: #728dac;
	text-decoration: none;
}
a.linked03 {
	padding: 4px 9px;
	color: #586f8a;
	font-size: 10px;
	font-weight: bold;
	border: 1px solid #586f8a;
	text-transform: uppercase;
}
a.linked03:hover {
	color: #7ea7d9;
	text-decoration: none;
}


/* standard Form */
form {
	margin: 0px;
}

input,select,textarea,option,label {
}

/* standard form input text */
input.text {
	border: 1px solid #5f82b1;
	padding: 2px;
	font-size: 1.2em;
}
input.text2 {
	font-size: 12px;
	border-right: 2px solid #eee;
	border-bottom: 2px solid #eee;
}
input.button {
	border: none !important;
	background-color: #fff;
	padding: 1px;
	color: #163151;
	text-transform: uppercase;
	font-size: 1.4em;
	cursor: pointer;
	letter-spacing: 3px;
	font-family: arial;
	margin-top: 10px;
}
*html input.button {
	margin-bottom: -3px;
}
input.button2 {
	background-color: #7ea7d9;
	border: 0px;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	padding: 2px 4px;
	cursor: pointer;
}
*html input.button2 {
	padding: 2px;
	padding-top: 3px;
}

/* standard form button */

/* standard form select + option*/
select{
	background-color: #ffffff;
	border: 1px solid #000000;
}

/* standard form textarea */
textarea {
	border-top: 1px solid #154e66;
	border-right: 1px solid #2a7493;
	border-bottom: 1px solid #2a7493;
	border-left: 1px solid #154e66;
}

/* standard cell */
td, th {
	vertical-align: top;
	line-height: 150%;
}

td.text, td.form {
	padding: 4px;
}

img {
	border: none;
}
.floatRight{
 	float: right;
}
.floatLeft{
 	float: left;
}

.center{
	text-align: center;
}

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

.clear{
	clear: both;
	padding: 0px;
	margin: 0px;
	height: 0px;
	overflow: hidden;
}

/* --------- warper element -------- */
.body{
	text-align:center;
}
.mainPage{
	width: 908px;
	margin: 0px auto;
	text-align: left !important;
}

/* ----------------------------- header section ---------------------------------- */
.header {
	height: 105px;
}
a.sitename {
	float: left;
	display: block;
	height: 72px;
	padding: 0px;
	overflow: hidden;
}
.nav {
	height: 50px;
	margin: 0px !important;
	padding: 22px 13px 0px 0px;
	float: right;
	display: block;
	overflow: hidden;
}
.nav span{
	display: block;
	text-align: right;
}
.nav p{
	display: inline;
	text-align: right;
}
.nav a {
	font-weight: bold;
	color: #232323;
}
.nav a:hover {
	font-weight: bold;
	color: #232323;
	text-decoration: underline;
}
.nav p a{
	float: left;
	margin: 5px 0px 0px 10px;
	padding: 0px;
	padding-left: 10px;
	border-left: 1px solid #232323;
}
.nav p a.first{
	border: none !important;
}

.menu {
	clear: both;
}
.menu ul{
	margin: 0px !important;
	padding: 0px 10px 0px 0px !important;
	list-style: none;
	text-align: right;
	float: right;
}
.menu li{
	display: inline;
	margin: 0px;
	padding: 0px;
	font-family: lucida;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}
.menu li a{
	color: #fff;
	float: left;
	margin-left: 1px;
	margin-right: 1px;
	height: 33px;
	display: block;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
.menu li a:hover{
	color: #666;
	text-decoration: none;
	background-position: 0px 66px !important;
}
.menu li a.active, .menu li a.active:hover{
	color: #666;
	text-decoration: none;
	background-position: 0px 33px !important;
}

#mn01 {
	width: 63px;
	background: url(../images/menu/shop.gif);
}
#mn02 {
	width: 110px;
	background: url(../images/menu/whats_new.gif);
}
#mn03 {
	width: 139px;
	background: url(../images/menu/find_a_retailer.gif);
}
#mn04 {
	width: 78px;
	background: url(../images/menu/seen_in.gif);
}
#mn05 {
	width: 95px;
	background: url(../images/menu/about_us.gif);
}
#mn06 {
	width: 146px;
	background: url(../images/menu/customer_care.gif);
}
#mn07 {
	width: 91px;
	background: url(../images/menu/contact.gif);
}

/* ----------*/
#botmn01 {
	width: 54px;
	background: url(../images/menu/faq.gif);
}
#botmn02 {
	width: 123px;
	background: url(../images/menu/return_policy.gif);
}
#botmn03 {
	width: 144px;
	background: url(../images/menu/gendarmerie.gif);
}
#botmn04 {
	width: 148px;
	background: url(../images/menu/carriere_jewelry.gif);
}


/* ------------------------------ main  section ----------------------------*/
.warper {
	margin: 8px 0px;
}
.page {
	background-color: #fff;
	margin: 8px 0px;
}
*html .page {
	margin: 8px 0px 11px 0px;
}
.main {
	width: 647px;
	padding: 0px;
	float: left;
	display: block;
}
.mainSide {
	width: 738px;
	margin: 0px;
	padding: 0px;
	display: block;
	float: right;
	border-left: 1px solid #759dd3;

}
.pageContent {
	padding: 0px;
	color: #000;
	background-color: #fff;
	border-bottom: 1px solid #fff;
}
.content {
	padding: 30px;
}
.content p{
	margin: 10px 0px !important;
}
.content p.bigger{
	font-size: 1.1em;
}
.leftSide {
	width: 168px;
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
	background-color: #fff;
}
.leftSide ul{
	margin: 0px;
	padding: 30px 10px 30px 15px;
	list-style: none;
	font-weight: bold;
	font-size:11px;
}
.leftSide ul li{
	clear: both;
	font-weight: lighter;
	margin: 3px 0px 20px 0px;
}
.leftSide ul li a{
	padding: 0px 0px 0px 8px;
	color: #000;
}
.leftSide ul li a:hover{
	color: #413f40;
}
.leftSide ul li a.active{
	font-weight: bold;
	text-decoration:underline;
}
.leftSide ul li img{
	float: left;
	margin-top: -6px;
}

.leftCol {
	width: 454px;
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
	background-color: #fff;
}
.rightCol {
	width: 454px;
	margin: 0px;
	padding: 0px;
	display: block;
	float: right;
	background-color: #fff;
}

.sidebar {
	width: 252px;
	padding: 0px;
	float: right;
	display: block;
	overflow: hidden;
}
.sidebar img{
	margin-bottom: 8px;
}

.bottomPage {
	margin: 0px;
	height: 91px;
	overflow: hidden;
	background: url(../images/bgBottom.gif) top left repeat-x;
}
*html .bottomPage {
	margin-top: -3px;
}
.bottomPage .menu ul{
	margin: 0px !important;
	margin-left: 10px !important;
	padding: 0px !important;
	list-style: none;
	text-align: left !important;
	float: left !important;
}
*html .bottomPage .menu ul{
	margin-left: 5px !important;
}
.bottomPage .menu li a{
	color: #fff;
	float: left;
	margin-top: 1px;
	margin-left: 0px !important;
	margin-right: 0px !important;
	height: 30px;
	display: block;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
.bottomPage .menu li a:hover{
	color: #666;
	text-decoration: none;
	background-position: 0px 30px !important;
}

.newsletter {
	float: right;
	text-align: right;
	display: block;
	padding: 0px 40px 5px 10px;
	padding-top: 1.5%;
}
.newsletter form{
	margin: 0px !important;
	padding: 0px !important;
}
input.nsText {
	border: none;
	width: 166px;
	padding: 5px;
	font-size: 11px;
	display: block;
	margin: 6px 0px;
}
input.nsBtn {
	border: none;
	color: #fff;
	font-family: 'Lucida Sans';
	font-weight: bold;
	text-transform: uppercase;
	background-color: #272727;
	font-size: 11px;
}

/*--------------------------------- page title --------------------------------------------*/
.pageTitle {
	border-bottom: 1px solid #759dd3;
}
.pageTitle h1{
	background-color: #f7f7f7;
	border-bottom: 3px solid #fff;
	margin: 0px !important;
	padding: 0px !important;
}

.pageTitle h1 span{
	font-size: 30px;
	font-family: arial;
	font-weight: lighter;
	color: #444;
	line-height: 180%;
	letter-spacing: 0.1em;
	padding: 0px 30px;
}

/* ------------------------------------ product item --------------------------------------*/
h2.title {

	color: #000;

	font-size: 1.6em;

	border-bottom: 1px solid #eaeaea;

	margin: 0px !important;

	padding: 30px 30px 10px 30px !important;
	background-color: #fff;

}



.productList {

	padding: 0px 20px 40px 20px;

	margin-bottom: 20px;
	background-color: #fff;

}

.productList ul{

	margin: 0px !important;

	padding: 0px !important;

	list-style: none;

}

.productList ul li{

	clear: both;

	padding: 10px 0px 0px 0px;

	display: block;

}

.productName {
	text-align: center;
	font-size: 1.2em;

	font-weight: bold;

	padding: 10px 0px 0px 0px !important;

}

.productName a{

	color: #000;

}

.productName a:hover{

	color: #413f40;

}

.productImg {

	width: 140px;

	float: left;

	display: block;

}

.productItem {

	width: 500px;

	float: left;

}

.productDesc {

	width: 250px;

	float: left;

}

.productDesc p {

	text-align: left;

	padding-bottom: 5px;

	line-height: 110%;

}

.productPrice {

	color: #7394c1;

	font-weight: bold;

	padding: 0px 5px;

}

.productBtn {

	width: 250px;

	float: right;

	padding: 0px;

}

.productBtn img{

	border: none;

}

.productBtn img#btn1{

}

.productBtn img#btn2{

	margin-left: 40px;

}

.productBtn a, .productBtn a:hover{

	text-decoration: none;

}



.productList ul li.list01 .productBtn {

	padding: 0px 7px 0px 0px !important;

}

.productList ul li.list02 .productBtn {

}

.productList ul li.list03 .productBtn {

	padding: 0px 0px 0px 7px !important;

}

.map {
	padding-bottom: 30px;
}
.map p{
	font-size: 1.2em;
	line-height: 210%;
	margin: 0px !important;
}
.map object{
	margin-top: 0px;
	float: right;
	display: block;
}



/*------------------------ account -------------------- */
.accExt {
	padding: 50px 0px 100px 75px;
}
.accNew {
	padding: 50px 64px 100px 25px;
}
.accTbl {

}
.accTbl tr td{
	font-size: 11px;
	padding-bottom: 10px;
	vertical-align: middle !important;
	font-family: arial !important;
}
.accTbl tr td input{
	width: 200px;
	font-size: 12px;
	color: #333;
	border-right: 2px solid #eee;
	border-bottom: 2px solid #eee;
}

table.contTbl {
	margin: 40px 10px;
	padding: 10px 20px;
	float: left;
	display: block;
	overflow: hidden;
}
table.contTbl tr th, table.contTbl tr td{
	padding: 2px;
}
table.contTbl tr th{
	background-color: #f5f3f3;
}
table.contTbl tr td{
	color: #333;
}
table.contTbl tr td b{
	color: #111;
}

/* PRODUCT DETAIL */

img.imgDetProduct {

	float: left;

	margin:30px 25px 15px 18px;

}

.content p.price{

	font-size: 1.3em;

	font-weight: bold;

	color: #7394c1;

	margin: 14px 0px !important;

}

.content h1{

	padding: 0px;

	margin: 10px 0px;

	font-size: 1.6em;

}

input.stdButton {
	background-color: #f3f3f3;
	border-top : 2px solid #fbfbfb;
	border-left : 2px solid #fbfbfb;
	border-bottom : 2px solid #999;
	border-right : 2px solid #999;
	padding: 2px 20px;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
}
*html input.stdButton {
	padding: 2px 0px;
}


table.contTbl2 {
	margin: 10px 0px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
}
table.contTbl2 tr th, table.contTbl2 tr td{
	padding: 2px 5px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	font-family: arial;
}
table.contTbl2 tr th{
	background-color: #f5f3f3;
}
table.contTbl2 tr td{
	color: #333;
}
table.contTbl2 tr td b{
	color: #111;
}
table.contTbl2 tr td span {
	color: #000;
}


/* ervan # What's New product @ 29 Jan '08*/

productList ul li.New{
	width: 258px;
	padding: 10px 0px 0px 0px;
	border-left: 1px solid #e5e5e5;
	display: block;
	float: left;
}
.productList ul li.listNew01{
	width: 254px;
	border-left: none!important;
}
.productList ul li.listNew02{
}
.productList ul li.listNew03{
	width: 254px;
}

/*ervan # style a href link calculate shipping */
.calShipLink a{
	background-color: #7ea7d9;
	border: 0px;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	padding: 4px 4px;
	cursor: pointer;
}
*html .calShipLink a{
	padding: 4px;
	padding-top: 3px;
}

.calShipLink a:hover{
	text-decoration:none;
}
*html .calShipLink a:hover{
	text-decoration:none;
	color: #fff;
}

/* ------------------------------- footer ------------------------------------ */
.footer {

}
.footerCell {
	padding: 2px 20px;
	color: #fff;
	font-size: 10px;
}


/* style css rev style-rev.css 24 april */

.content2 {
	padding: 15px 15px 0px 15px;
}
.contentTop {
	background: url(../images/contentTop.gif) top left repeat-x #b3cde9;
	padding: 10px 60px;
}
*html .contentTop {
	padding-bottom: 14px;
}
.contentTop p{
	margin: 0px;
	padding: 6px;
	color: #fff;
	font-size: 1.3em;
	font-weight: bold;
	display: inline;
}
input.topcText {
	width: 125px;
	height: 19px;
	padding: 4px;
	font-size: 15px;
	font-weight: bold;
	background-color: #fff;
	color: #232323;
	border: 1px solid #7d98b8;
}
*html input.topcText {
	margin-bottom: -4px;
}
input.topcBtn {
	padding: 3px 4px 4px 4px;
	font-size: 15px;
	font-weight: bold;
	background-color: #7d98b8;
	color: #fff;
	border: 1px solid #7d98b8;
	cursor: pointer;
}
*html input.topcBtn {
	padding: 2px 3px;
	margin-bottom: -4px;
}


.sidebar2 {
	width: 105px;
	float: left;
	display: block;
	margin: 0px;
	padding: 3px;
	overflow: hidden;
	background-color: #8cc3e9;
	border: 1px solid #cbcbcb;
}
.sidemain {
	width: 720px;
	float: right;
	display: block;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

.sidebar2 h3 {
	margin: 0px !important;
	padding: 4px 3px;
	text-align: center;
	font-size: 0.9em;
	background-color: #ebebeb;
}
.sidebar2 ul {
	margin: 0px !important;
	padding: 3px !important;
	list-style: none;
}
.sidebar2 ul li{
	padding: 4px 0px;
}
.sidebar2 ul li img{
	float: left;
}
.sidebar2 ul li span{
	clear: both;
	display: block;
	font-size: 0.9em;
	color: #233442;
}

p.textLink {
	margin: 10px 0px !important;
	font-size: 16px;
	text-align: right;
}
p.textLink a{
	text-decoration: underline;
}
p.textLink a:hover{
	color: #232323;
	text-decoration: underline;
}


.related {
	clear: both;
	margin: 10px 0px 0px 0px;
}
.related h2 {
	margin: 0px !important;
	padding: 3px 10px !important;
	font-size: 1.3em;
	border-bottom: 1px solid #ccc;
}
.related ul {
	margin: 0px !important;
	padding: 0px !important;
	list-style: none;
}
.related ul li {
	width: 180px;
	margin: 5px;
	padding: 10px;
	float: left;
	display: block;
}
.related ul li p{
	margin: 0px !important;
	padding: 0px !important;
	line-height: 150%;
}
.related ul li img {
	margin: 10px 0px 5px 0px;
	border: none;
}

.logout {
	padding-bottom: 10px;
}

ul.infolist {
	margin: 20px 0px !important;
	padding: 0px !important;
	list-style: none;
}
ul.infolist li{
	width: 424px;
	padding: 0px;
	float: left;
	display: block;
	overflow: hidden;
}
.hdr-title {
	font-size: 1.3em;
	font-weight: bold;
	padding: 2px 25px;
	border-bottom: 1px solid #919191;
}
ul.infolist li .body{
	padding: 10px 25px;
	line-height: 150%;
}
ul.infolist li .body p{
	margin: 5px 0px 3px 0px !important;
	padding: 0px !important;
}
ul.infolist li .goRight{
	padding: 5px 0px;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 150%;
}
ul.infolist li .goRight a{
	color: #6f88a2;
}

.accountInfo {
	padding: 10px 25px;
}
.accountInfo p{
	margin: 20px 0px 40px 0px !important;
	padding: 0px !important;
}

table.infoTbl {
	border: none;
	margin: 10px 0px;
}
table.infoTbl tr th{
	padding: 5px 3px;
	background-color: #f5f3f3;
}
table.infoTbl tr td{
	padding: 3px 3px 5px 3px;
	color: #333;
}
table.infoTbl tr td b{
	color: #111;
}
table.infoTbl tr td.infoTdBorder {
	background: url(../images/hdotted.gif) bottom left repeat-x;
}

.notice {
	padding: 10px 0px;
}

.buttonDiv {
	padding: 10px 0px;
}
.buttonDiv input{
	background-color: #f3f3f3;
	border-top: 2px solid #fbfbfb;
	border-left: 2px solid #fbfbfb;
	border-bottom: 2px solid #969696;
	border-right: 2px solid #969696;
	font-size: 11px;
	padding: 2px 8px;
}