/*** Editable Styles ----------------------------------------------------- ***/

.large-pink-text {
	/* Large Pink Subtitle */
	font-size: 2.3em;
    line-height: 1.7;
    font-weight: 300;
    color: #EC008C;
    margin: 0 0 1.5em 0;
}

.large-gray-text {
	/* Large Gray Subtitle */
	font-size: 1.2em;
    line-height: 1.7;
    font-weight: 300;
    color: #716327;
    margin: 0 0 1.5em 0;
}

.gray-text {
	/* gray Subtitle */
	font-size: 1em;
    line-height: 1.7;
    font-weight: 300;
    color: #716327;
    margin: 0 0 1.5em 0;
}
.small-gray-text {
	/* small gray text */
	font-size: .8em;
    line-height: 1.6;
    font-weight: 300;
    color: #716327;
    margin: 0 0 1.5em 0;
}

.pink-text {
	/* Pink Text */
    color: #EC008C;
}
.contacus-button {
	/* contact us button */
	border: 2px solid #e1e1e1;
    border-radius: 5px;
    display: block;
    padding: 0.5em 0;
    font-family: "Source Sans Pro",sans-serif;
    font-weight: 600;
    padding: 0.5em 0 0.5em 1em;
    text-transform: uppercase;
}

hr { color: #998dc1;}


/*** Reset --------------------------------------------------------------- ***/

html, body, p, td, th, ul, ol, li, form, h1, h2, h3, h4 { margin: 0; padding: 0; -webkit-font-smoothing: antialiased; color: #515151; font-family: Georgia, "Times New Roman", Times, serif; }
ul, li { list-style: none; }
a { text-decoration: none; }
img { border: none; }

body { cursor: default; font-family: 'Source Sans Pro', sans-serif; min-width: 320px; }
a { cursor: pointer; color: #851b4c; }
a:hover { color: #C32870; }
button { cursor: pointer ; color:#fb932d; }
input, textarea { cursor: auto; }

h1 { font-size: 1.8em; margin: 0 0 1em 0; font-weight: 500; color: #851b4c; }
h2 { font-size: 1.3em; line-height: 1.7; font-weight: 300; color: #39296d; margin: 0 0 1em 0; }
h3 { font-size: 1em; color: #39296d; }
h4 { font-size: 4em; margin: 0 0 .4em 0; font-weight: 500; color: #dedac4; /*font-family: 'Source Sans Pro', garamond book;*/ }

table { border-collapse: collapse; border-spacing: 0; color: #515151; }
form span { color: #515151; }
th { font-weight: bold; vertical-align: bottom; }
td { vertical-align: top; }


/*** Form ***/

input, textarea, select, button { margin-bottom: 4px; font-size: 0.85em; padding: 0; }
input[type="checkbox"], input[type="radio"] { margin-right: 0.3em; }
input[type="text"], textarea { width: auto; box-sizing: border-box; border: 1px solid #cccccc; padding: 0.5em 0.8em; /*min-width: 380px;*/ font-family: 'Roboto', sans-serif; }
input[size] { width: auto; }

/*button.btn-primary { background: #25aae1; border-bottom-color: #1f96c7; color: #fff; }
button.btn-primary:hover { background: #43b9ea; }*/
#form_errors { background: #e8e8e8; padding: 1em; margin: 0 0 1em 0; border: 1px dotted #C3C3C3; }
#form_errors li { list-style: bullet; margin: 0 0 .5em 2em; }
.c1-form label.label { display: block; }
.c1-form input[type="text"], textarea { min-width: 380px; }
.listing a, .listing .hover { display: block; min-height: 100px; padding: 10px 10px 25px 130px; }

/*** END Form ***/

button { width: auto; overflow: visible; color: #fff; background-color: #851b4c; border: 5px solid #851b4c; padding: 5px 10px; font-weight: 500; text-transform: uppercase; margin: 5px 0 20px 0; }
button span { color: #fff; }
input, textarea, select { padding: 5px; }

.clear { clear: both; display: block; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }

p, ul, ol { margin: 1em 0; font-size: 0.95em; line-height: 1.9; color: #3B3B3B; }
p { line-height: 1.7; color: #515151; }
p:first-child, ul:first-child, ol:first-child { margin-top: 0; }
ul li { list-style: disc outside none; }
ul ul li { list-style-type: circle; }
ul ul ul li { list-style-type: square; }
ol li { list-style-type: decimal; }
li { margin-left: 2em; margin-bottom: 0.25em; }

.reset, .reset p, .reset ul, .reset ol, .reset li, .listing li { margin: 0; padding: 0; }
.reset li, .reset ul li, .listing li, .listing ul li { list-style-type: none; }

label.label em img { width: 8px; }
.required em img { width: 8px; } 
.label em img { width: 8px; }
em img { width: 8px; }

body.bg { background: #DFE1EE; }
body.menu-active { overflow: hidden; }

/*** End Reset ***/
/*** New set up ***/

#news-list ul { margin: 0; padding: 0; border-top: none; }
#news-list ul li { margin: 0; padding: 0; list-style: none; }
#news-list .listing a, #news-list .listing .hover { padding: 10px 10px 25px 215px; display: block; min-height: 160px; position: relative; margin-bottom: 15px; }
#news-list .listing .image {
    background: none no-repeat scroll center center #ffffff;
    border: 1px solid #e2dede;
    border-radius: 6px;
    float: left;
    height: 185px;
    margin-left: -215px;
    width: 200px;
}
#news-list span.date { font-size: 11px; color: #6A747B; }
#news-list strong { font-size: 1.3em; font-weight: normal; }
#news-list span.teaser { color: #6A747B; display: block; padding: 5px 0; }
.more{ color: #1f96f4; font-size: 1em;  }

#news-list select { width: 240px; }
#news-list .listing-filter { margin-bottom: 20px; }

/*** End News list ***/
/*** Common --------------------------------------------------------------- ***/

.breadcrumbs { text-transform: uppercase; font-size: 0.8em; margin: 0 0 1.5em 0; }

/*** Common --------------------------------------------------------------- ***/
/*** Header --------------------------------------------------------------- ***/

/*#crystal-background { height: 1454px; position: absolute; width: 100%; background: url(../images/crystal-background1.jpg) 0 50% repeat-y; background-position: center top; }
*/
#container { width: 1000px; margin: 0 auto; position: relative; background: #fff; }
#header { height: 330px; background: #ffffff url(../images/header.jpg) center top no-repeat;  }
#header #logo { position: absolute; top: -17px; }
#header #text { float: right; text-align: center; width: 790px; }
#nav { background: #39296d; padding-left: 5px; }
#nav li { float: left; list-style: none; margin: 0; font-family: 'Source Sans Pro', sans-serif; text-transform: uppercase; }
#nav a { display: block; padding: 1em 0.9em; color: #fff; }

.cssmenu_sub { background: rgba(57, 41, 109, 0.94); padding: 1em; }
.cssmenu_sub a { color: #fff; }
.cssmenu_sub a:hover { color: #E0E0E0; }

#content-container { padding: 2.5em 1.8em; }
#left-column { width: 650px; float: left; padding: 0 30px 0 0; border-right: 1px dotted #E1E1E1; }
#left-column .c1-rotator { margin-bottom: 1.2em; }
#left-column img { max-width: 650px; height: auto; }

/*** Right Column --------------------------------------------------------------- ***/

#right-column { width: 235px; float: right; }
#right-column img { max-width: 235px; height: auto; }
#contact-details { margin: 3em 0 0 0; line-height: 1.7; font-size: 0.95em; font-family: Georgia, "Times New Roman", Times, serif; }

/*** Side Navigation ***/

#right-column #cssmenu li { font-weight: 600; list-style: none; margin: 0 0 1em 0; text-align: center; font-family: 'Source Sans Pro', sans-serif; text-transform: uppercase; }
#right-column #cssmenu a { display: block; padding: 0.5em 0; border: 2px solid #e1e1e1; border-radius: 5px; }
#right-column #cssmenu a:hover { background: #fbfbfb; }
#right-column #cssmenu .cart span { background: url(../images/cart-icon.png) no-repeat; background-size: 20px; padding: 0 0 0 2em; } 
#right-column #cssmenu .blog span { background: url(../images/cal-icon.png) no-repeat; background-size: 20px; padding: 0 0 0 2em; } 
#right-column #cssmenu .facebook span { background: url(../images/facebook-icon.png) no-repeat; background-size: 20px; padding: 0 0 0 2em; } 
#right-column #cssmenu .facebook a { color: #3C5A98 }

/*** Right Column --------------------------------------------------------------- ***/
/*** Category List --------------------------------------------------------------- ***/

#left-column .categories ul { margin: 0;  }
#left-column .categories li { float: left; width: 200px; height: 260px; margin: 0; list-style: outside none none; margin-right: 16px; }
#left-column .categories li.three { float: right; }
#left-column .categories .image { display: block; text-align: center; overflow: hidden; }
#left-column .categories .image img { height: 185px; width: auto; }
#left-column .categories .title { height: 40px; overflow: hidden; display: block; text-align: center; font-family: 'Source Sans Pro', sans-serif; line-height: 1.4; margin: 1em 0 0 0; }

/*** Category List --------------------------------------------------------------- ***/
/*** Product List --------------------------------------------------------------- ***/

#left-column .products ul { margin: 0;  }
#left-column .products li { float: left; width: 200px; height: 295px; margin-right: 20px; margin-bottom: 20px}
#left-column .products li.three { float: right; margin-right: 0; }
#left-column .products .image { display: block; text-align: center; overflow: hidden; }
#left-column .products .image img { height: 190px; width: auto; }
#left-column .products .title { height: 40px; overflow: hidden; display: block; text-align: center; font-family: 'Source Sans Pro', sans-serif; line-height: 1.4; margin: 1em 0 0 0; }
#left-column .products .price { font-weight: 700; color: #444444; display: block; text-align: center; font-family: 'Source Sans Pro', sans-serif; }

#left-column .products .listing a, #left-column .products .listing .hover { display: block; min-height: 100px; padding: 10px 10px 15px 10px; margin-bottom: 15px; }

/*** Product List --------------------------------------------------------------- ***/
/*** Product Detail --------------------------------------------------------------- ***/

#left-column #product .col1 { float: left; width: 180px; }
#left-column #product .col2 { float: right; width: 420px; }
#left-column #product .fields li { list-style: none; margin: 0; float: left; }
#left-column #product .fields .price { display: none; }
#left-column #product .fields .qty input { height: 21px; margin: 0 1em; }
#left-column #product .gallery .enlarge { position: relative; display: block; text-align: center; margin: 1em 0 0 0; font-family: 'Source Sans Pro', sans-serif; text-transform: uppercase; font-size: 0.9em; }
#left-column .gallery .gallery-image .image { background-image: none !important; height: auto; }
#left-column .gallery .gallery-image img { visibility: initial; width: 100%; height: auto; }
#left-column .product-gallery ul { width: 100% !important; }
#left-column .product-gallery .gallery-image { width: 100% !important; }
#product .gallery .gallery-thumb { display: none; }

/*** Product Detail --------------------------------------------------------------- ***/
/*** Footer --------------------------------------------------------------- ***/

#footer-wrapper { width: 1000px; margin: 0 auto; position: relative; background: #fff; }
#footer { padding: 1.5em 1.8em; }
#footer #copyright { float: left; margin: 0 0.3em 0 0; }
#footer #cssmenu { float: left; margin: 0 }
#footer .spacer { padding: 0 1em; }
#footer #cssmenu li { margin: 0; float: left; line-height: 1.3; list-style: none; }

/*** Footer ***/
/*** Cart -----------------------------------------------------------------***/

#cart table { width: 100%; }
#cart table td { padding: 5px; }
#cart table { margin-bottom: 15px; }
#cart table thead, #cart table tbody tr { border-bottom: 1px dotted #cccccc; }
#cart table th { text-align: left; font-size: 0.9em; font-weight: normal; padding: 5px; font-family: "Source Sans Pro",sans-serif; }
#cart table tfoot tr.subtotal th, #cart table tfoot tr.total th { text-align: right; }
#cart table tfoot tr.subtotal th.price, #cart table tfoot tr.total th.price  { text-align: right; }
#cart .buttons { text-align: right; }


/*** Cart ***/
/*** Payment Checkout ------------------------------------------------------***/

#payment-checkout h2 { margin: 1em 0 0.5em 0; background: #dfe1ee; padding: 0 0 0 10px; }
#payment-checkout table td { padding: 5px 5px 7px 0; }
#payment-checkout label.label { width: 150px; display: block; }
#payment-checkout table td input { width: 240px; }
#payment-checkout table .delivery-option td input[type="radio"] { width: 100px; }
#payment-checkout table td select { width: 250px; }

#payment-checkout .steps ul { float: left; background-color: #dfe1ee; height: 3em; border-radius: 0 1.5em 0 0; }
#payment-checkout .steps span { display: block; padding: 1em; line-height: 1em; color: #39296d; }
#payment-checkout .steps li { float: left; }
#payment-checkout .steps { height: 3em; margin-bottom: 3em; }
#payment-checkout .steps .active a { border-radius: 0 1.5em 0 0; padding-right: 2em; font-weight: bold; color: #ffffff; }
#payment-checkout .steps a { display: block; padding: 1em; line-height: 1em; border-left: 1px solid #ffffff; color: #ffffff; background: #39296d; }

#payment-summary .summary-items table { width: 100%; }
#payment-summary .summary-items table thead th { border-bottom: 1px dotted #cccccc; }  
#payment-summary .summary-items table td, #payment-summary .summary-items table th { padding: 5px 5px 5px 0; text-align: left;  } 
#payment-summary .summary-items table th { text-align: left; font-size: 0.9em; font-weight: normal; padding: 5px; font-family: "Source Sans Pro",sans-serif; }
#payment-summary .summary-items table td.qty { text-align: center; }
#payment-summary .summary-items table td.currency { text-align: right; }

#payment-summary .summary-items table tfoot tr.subtotal th { border-top: 1px dotted #cccccc; }
#payment-summary .summary-items table tfoot tr.total th { font-weight: 700; }


#payment-summary .summary-items table tr.subtotal th, #payment-summary .summary-items table tr.delivery th, 
#payment-summary .summary-items table tr.total th, #payment-summary .summary-items table tr.tax th { text-align: right; }
#payment-summary .summary-items table tr.subtotal th.currency { text-align: right; }

#payment-checkout table .card_expiry td input { width: 106px !important; }


#form_errors { padding: 15px; border-radius: 6px; background-color: #dfe1ee; }


/*** Google Map ------------------------------------------------------***/

#google_map { background: #ffffff; width: 99%; height: 360px; }

/*** News  ------------------------------------------------------***/

#news-article ul li { list-style: none; margin-left: 0; }
#news-article .siblings { border-top: 1px solid #39296d; margin-top: 10px; padding-top: 10px;}
#news-article ul.siblings li.next { float: right; text-align: right; width: 49%; }
#news-article ul.siblings li.prev { float: left; text-align: left; width: 49%; }
#news-article .siblings a, #news-article .siblings a { line-height: 17px; }
#news-article .links li { border: 2px solid #e1e1e1; border-radius: 5px; display: block; margin: 14px 0; padding: 0.5em 0; text-align: center; width: 235px; color: #777777; }
#news-article .links a { display: block;  font-size: 1em; height: 30px; line-height: 30px; font-family: "Source Sans Pro",sans-serif; }


#news-article .back { margin: 30px 0; }
#news-article .back span.arrow { font-size: 1.7em; vertical-align: top; color: #222222; height: 22px; line-height:17px; }

/*** Site Map styles ------------------------------------------------------------ ***/

#sitemap ul, #sitemap li { list-style-type: none; list-style-image: none; margin: 0 0 0 20px; }
#sitemap a { display: block; width: 55%; padding: 2px 2px 2px 5px; font-size: 14px; }
#sitemap li a.parent { border-bottom: 1px dotted #dcd8d7; color: #851b4c; }
#sitemap li li a.parent { border-bottom: none; border-bottom: 1px dotted #e2d8cd; color: #444444; width: 52%; }
#sitemap li li li a.parent { border-bottom: 1px dotted #e9e1d8; width: 50%; color: #888888; }
#sitemap ul li ul { margin-left: 10px; }
#sitemap li li a { font-size: 13px; }
#sitemap li li li a { font-weight: normal; width: 210px; }
#sitemap li a:hover.parent { color: #222222; }

/*** End Site Map ***/




