/* CSS File for Marion Carsten Jewellery (www.marioncarsten.com) */
/*

Title: style.css
Browsers: All
Author: Sakchai Siripanyawuth (Artellectual.com)
*/



* {	margin: 0 auto 0 auto;	padding: 0; }

body {	font-family: Helvetica, Verdana, Arial, sans-serif;	margin: 0;	font-size: 12px;	line-height: 150%;	color: #ffb3e0;	background: #000; }

div, p, ul, img { padding: 0px;	margin: 0px; border: none; }

ul { list-style-type: none; }

a { outline: none;	text-decoration: none;	color: #fff; padding: 0; margin: 0; }
a img {	border: none; }

h1 { font-family: "Lucida Grande", Lucida, Verdana, sans-serif;	font-weight: bold;	font-size: 2.4em; }


h2 { background: url(i/titlebar.png) repeat-x; font-family: Georgia, "Times New Roman", Times, serif; color: #fff;
	 font-weight: bold;	font-size: 1.4em; font-weight: bold;	padding-left: 10px;	margin: 0;	line-height: 32px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
	 
h3 { font-family: "Lucida Grande", Lucida, Verdana, sans-serif;	font-weight: bold;	font-size: 1.2em; padding-left: 10px; }
h4 { font-size: 1.6em; }
h5 { font-size: 1.8em; }
h6 { font-family: Helvetica, Verdana, Arial, sans-serif; font-weight:bolder; font-size: 16px; color:#fff; margin-top: 10px; margin-left: 10px; }
strong {font-weight: bolder; }
.hr { border-bottom: 1px solid #454545;	border-left: none;	border-right: none;	border-top: none;	margin: 10px 0 20px 0; }

p { font-size: 1.2em; padding: 0; line-height: 1.4em; }
	
.clearer { clear: both; }

/* Background */

#top-area{ background: #000 url(i/bg_top.png) top center no-repeat; height: 241px; }
#content-area{ margin-top: -55px;}
#product-slide{  margin-top: 20px; }
#footer { margin-top: 20px; }
.center { width: 960px; height: 100%;	margin: 0 auto; padding: 0; }


/* Top Content Area */

.logo { padding-top: 35px; float: left; margin-left: 10px;}
h1 a { float: left; margin: 2px 0 0px 0; display: block; width:  457px;	height: 110px;	background: transparent url(../images/logo.png) no-repeat; text-indent: -9999px; overflow: hidden; }


/* Navigation */

.current_page_item, .current_page_ancestor { background: #454545; -moz-border-radius: 5px; -webkit-border-radius: 5px; }	 
#main-nav { float: right; margin-top: 90px;	margin-right: 10px; font-size: 12px; }
#sub-nav { font-size: 12px; width: 760px; margin-left: auto; margin-right:auto; margin-bottom: 20px;}
#sub-nav p{ padding: 0; }
#sub-nav .nav ul li{ float: left; display: block; color: #fff; position: relative; padding-right: 10px; padding-left: 10px; line-height: 25px; margin-right: 5px; margin-left: 5px; background:#454545; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #sub-nav .nav ul li:hover { background: #a30061; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#sub-nav .nav ul { margin-bottom: 20px; line-height: 25px; } #sub-nav ul li.current_page_item, #sub-nav ul li.current_page_ancestor { background: #a30061; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#sub-nav .nav ul li:hover ul { display: none; }
.nav ul li{float: left; display: block; color: #fff; position: relative; padding-right: 10px; padding-left: 10px; line-height: 25px; margin-right: 5px; margin-left: 5px;} 
.nav ul li:hover { background: #a30061; -moz-border-radius: 5px; -webkit-border-radius: 5px; } 
.nav ul li:hover a{ color: #fff; } .nav ul li:hover ul li a { color: #fff; }

/* Level 1 */
.nav ul ul{ position: absolute; top: 25px; left: 0px; display: none; width: 100px; background: #454545; border: 1px solid #818181; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding-top: 10px; padding-bottom: 10px; z-index: 2; }
.nav ul li:hover ul li:hover a { color: #fff; }
.nav ul ul li { width: 70%; }
.nav ul ul li a{ display: block; } 
.nav ul li:hover ul{ display: block; } .nav ul li:hover ul ul{ display: none; }

/* Level 2 */
.nav ul li:hover ul li:hover ul li a { color: #fff; }
.nav ul li:hover ul li:hover ul li:hover a { color: #fff; }
.nav ul li:hover ul li:hover ul{ display: block; z-index: 100; } .nav ul li:hover ul li:hover ul ul { display: none; }

/* Level 3*/
.nav ul li:hover ul li:hover ul li:hover ul { display: block; width: 200px; }

/* Content Area */
.home-two-col .col-1 { float:left; width: 220px; margin-left:80px; margin-top: 60px; background: #454545; padding: 20px;  height: 310px;  -moz-border-radius: 10px; -webkit-border-radius: 10px; vertical-align: middle;   }
.home-two-col .col-2{ float:right; width: 520px; margin-right:80px; margin-top: 60px; overflow:hidden;  -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#slideshow { height: 350px; z-index: 0; }
#content { background: #262626; border: 1px solid #454545; -moz-border-radius: 10px; -webkit-border-radius: 10px; min-height: 475px; } 
#content .two-col { margin-top: 50px; margin-bottom: 50px; clear:both; padding: 10px;}
#content .two-col .col-1{ float: left; width: 460px; margin-left: 80px; }
#content .two-col .col-2{ float: right; width: 220px; padding-left: 50px; margin-right: 80px; border-left: 1px solid #454545; }
.single-col { margin-top: 50px; margin-bottom: 70px; padding: 10px; } .single-col p { padding: 10px; }
.single-col .col-1 { width: 760px; margin-left: auto; margin-right:auto;}
.two-col p{	padding: 10px; }
.img-list img{ margin-bottom: 20px; border: 6px solid #454545; }
.post-item{ margin-bottom: 20px; padding-bottom: 5px;}
ul.press li{ }
.post-item ul{ padding: 10px; list-style-type: disc; font-size: 12px; margin-left: 20px; }
.meta { background: #454545; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding-right: 10px;	margin: 0;	line-height: 32px; color: #fff; text-align: right; }
img.alignleft{ float: left; margin-left: 10px; margin-right: 10px; margin-bottom: 10px; }
img.alignright{ float: right; margin-left: 10px; margin-right: 10px; margin-bottom: 10px; }
.three-col { clear: both; width: 740px; margin-left: auto; margin-right: auto; }
.three-col .col-1 { float: left; width: 33%; } .three-col .col-2 { float: left; width: 33%; } .three-col .col-3 { float: right; width: 33%; }
.addtoany_list { font-size: 12px; } .addtoany_share_save { display: block; text-align: center; border: 1px solid #a30061;  background: #5d0037; margin-top: 10px;  -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.cross-over li{ background: #454545; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-top: 10px;}
.cross-button { font-size: 12px; }

/* Carousel */
#carousel{ margin-left: 30px; margin-top: 12px; } 
#slide-content a.prev { float: left; display: block; background: url(i/prev-button.png) no-repeat; width: 19px; height: 154px; margin-left: 10px; margin-top: 14px; }
#slide-content a.next { float: right; display: block; background: url(i/next-button.png) no-repeat; width: 19px; height: 154px; margin-right: 10px; margin-top: -170px; }


/* Product Grid */
.product-grid { width: 730px; margin-left: auto; margin-right: auto; margin-top: 20px; } .product-grid li { width: 120px; display: inline; float: left; height: 180px; background: #454545; margin-top: 10px; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; padding: 20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; text-align: center; } .product-grid li img { margin-bottom: 5px; border: 3px solid #262626; }

/* Sidebar */
ul#sidebar { background: #5d0037; border:  1px solid #a30061; padding-left: 20px; padding-right: 20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding-bottom:  30px; }
.widget { border-bottom: 1px solid #a30061; padding: 10px;   }
.widget h2 { font-size: 16px; font-weight: bold; color: #ffb3e0; background:none; padding: 0; }
.widget ul { padding-left: 10px; } .widget ul li { margin-top: 5px; margin-bottom: 5px; font-size: 12px; }
#mailchimp-widget{ padding-top: 10px; padding-bottom:10px; padding-left: 0px; padding-right: 0px; }

/* Extra Content Slider Area */
.home-text { font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; text-align: center; padding-top: 30px; color:#fff; }
#slide-content{  background: #5d0037; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #a30061; }
.one-col{ padding: 10px; }

/* Footer Area */
.slide-strip { margin-top: 20px; }
.slide-strip img { border: 5px solid #ce67a5; }
.slide-strip li { float: left; display: inline; margin-left: 10px; margin-right: 10px; margin-bottom: 10px; }
#footer-content {  background: #262626; border: 1px solid #454545; -moz-border-radius: 10px; -webkit-border-radius: 10px;  margin-bottom: 20px; }
#footer-content p{ color:  #fff; }

/* Add to Cart Set */

.add-to-cart { background: #454545; -moz-border-radius: 10px; -webkit-border-radius: 10px;	} .add-to-cart .item_thumb { display:none; }
.button-set{ font-family: Georgia, "Times New Roman", Times, serif; padding-top: 10px; padding-bottom: 10px;  font-size: 12px; font-weight: bold;} 
.button-set p{ 	float: left; margin-left: 10%;  color:#fff; padding: 5px; }
.button-set .add-to-cart-button {float: right; margin-right: 10%; margin-bottom: 10px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; background: #5d0037; color: #fff; border:none; -moz-border-radius: 5px; -webkit-border-radius: 5px ; font-family: Georgia, "Times New Roman", Times, serif;  font-size: 14px; font-weight: bold; }
.button-set select { margin-left: 15px;  margin-top: 5px; }
#gocurrency {  width: 220px; padding: 5px; font-size: 12px;  }


#social { width:  100px; float:right; padding:  10px; }
#social ul li{ display: inline; margin-right: 5px; }