/*** Editable Styles ------------------------------------------------------------- ***/

.subtitles {
	/* Subtitles 18 red */
	color: #ac0310;
	font-size: 18px;
}
.subtitlesr {
	/* Subtitles 16 red */
	color: #ac0310;
	font-size: 16px;
}
.subtitless {
	/* Subtitles 16 blue */
	color: #1f96f4;
	font-size: 16px;
}
.titles {
	/* Titles 20 blue */
	color: #1f96f4;
	font-size: 20px;
	font-weight: normal;
}
.titles1 {
  	/* Titles 20 red */ 
	 color: #ac0310;
	 font-size: 20px;
	 font-weight: normal;
}
.picture-frame {
    /* Picture frame green tiny*/
}
img.picture-frame, p.picture-frame img {
	border: 1px solid #e2dede;
	border-radius: 5px;
}
.picture-frame2 {
    /* Picture frame gray thick */
}
img.picture-frame2, p.picture-frame2 img {
	border: 10px solid #d9e1e7;
}
.picture-frame3 {
    /* Picture frame with margin on left */
}
img.picture-frame3, p.picture-frame3 img {
	border: 10px solid #d9e1e7;
	margin-left: 30px;
}
a.moreinfo {
	color: #666666;
	cursor: pointer;
	font-size: 20px;
	height: 25px;
	line-height: 25px;
	overflow: hidden;
	padding: 20px 30px;
	border-radius: 4px;
	background-color: #dcf3fb;
	border: 2px dashed #c9d5de;
	width: 220px;
}
a:hover.moreinfo {
	color: #000000;
}
.moreinfo {
	/* Button look Link*/
	display: inline-block;
}
.general {
	/* General table style*/
}
.general tr td {
    border-bottom: 1px dotted #cccccc;
    margin: 0;
    padding: 4px 6px;
	color: #333333;
	font-size: 17px;
}
.general tr:hover td {
    background: #f7f7f7 none repeat scroll 0 0;
}

/*** End Editable Styles ***/
/*** Reset ----------------------------------------------------------------------- ***/

html, body, p, td, th, ul, ol, li, form, h1, h2, h3, h4 { margin: 0; padding: 0; }
ul, li { list-style: none; }
a { text-decoration: none; color: #ac0310; }
img { border: none; alight:  }

body { cursor: default; font-size: 15px; font-family: 'Source Sans Pro', sans-serif; }
a, button { cursor: pointer; }
input, textarea { cursor: auto; }

h1 { font-size: 1.6em; font-weight: normal; color: #1f96f4; margin-bottom: 10px; text-transform: uppercase; font-family: 'EB Garamond', serif;}
h2 { font-size: 1.4em; font-weight: normal; color: #1f96f4; margin-bottom: 10px; }
h3 { font-size: 1.3em; font-weight: normal; color: #1f96f4; }
h4 { font-size: 1em; font-weight: normal; }
h5 { font-size: 1.67em; font-weight: normal; }
h6 { font-size: 1.4em; font-weight: normal; color: #1d91ea; }

table { border-collapse: collapse; border-spacing: 0; }
th { font-weight: bold; vertical-align: bottom; }
td { vertical-align: top; }

button, input, select, textarea { margin: 0; padding: 0; font-family: 'Source Sans Pro', sans-serif; }
button { width: auto; overflow: visible; }
input, textarea, select { padding: 10px; /*min-width: 400px;*/ }
input[type="text"], input[type="password"], textarea, select { border: 1px solid #d1d1d1; color: #000000; margin: 4px 3px 3px 0; padding: 8px; width: 270px; }

.clear { clear: both; }
.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; }
p:first-child, ul:first-child, ol:first-child { margin-top: 0; }
ul li { list-style: disc outside none;  list-style-image: url('../images/dot.gif')}
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; }

/*** End Reset ***/

/*** Layout ---------------------------------------------------------------------- ***/

body.bg { background-color: #e2f5fd; background-image: url(../images/funcy-bg-linked.jpg); background-repeat: repeat-y; background-position: center 0; background-attachment: local; }
.super-container { margin: 0 auto; position: relative; font-family: 'Source Sans Pro', sans-serif; }
#body-container { width: 1000px; margin: 0 auto; }
#header-container { margin: 0 auto; padding: 0px 20px; }
#nav-container {  height: 60px;  padding: 0px 20px;}
#content-container { min-height: 700px; margin: 0 auto; padding: 0px 20px; }
#footer-container { width: 960px; margin: 0 auto; border-top: 1px dashed #b8ada9; bottom: 9px; padding: 20px 0px 0px;}

.nav { margin: 0 auto; }

/*** End Layout ***/

/*** Header --------------------------------------------------------------------- ***/

#header { width: 100%; height: 100%; margin: 0 auto; position: relative;  padding: 20px 10px 5px 0px;}
#header .header_content { width: 960px; margin: 0 auto; height: 140px; background: transparent url(../images/logo.png) no-repeat scroll 0; }
#header .logo { margin: 0 auto; float: left;}
#header .logo a { display: block; padding-top: 140px; overflow: hidden; width: 450px;}
#header .logo span { display: block; font-weight: bold; color: #FFFFFF; text-align: center; font-size: 140%; }

#header #contact { float: right; width: 380px;  color: #FFFFFF; text-align: right; padding: 10px 20px 20px 0; position: relative; }
#header #contact .c-ph { display: block; font-size: 2em; float: right; padding-top: 5px; }
#header #contact .cart { display: block; font-size: 1em; padding-top: 18px; float: left; color: #fcfcfc; }
#header #contact .cart a { color: #fcfcfc; }
#header #contact .c-address { font-size: 1.2em; }

#header .social_panel {}
#header .social_panel ul { margin: 0; padding: 0; height: 60px; float: right; list-style: none; }
#header .social_panel li { margin: 2px; display: inline; float: left; width: 53px; }
#header .social_panel a { display: block; height: 60px; background: transparent url(../images/social.png) no-repeat scroll left top; }
#header .social_panel .social1 a { background-position: left 3px; }
#header .social_panel .social2 a { background-position: left -58px; }
#header .social_panel .social3 a { background-position: left -119px; }
#header .social_panel .social4 a { background-position: left -179px; }

/*** End header ***/
/*** Navigation ----------------------------------------------------------------- ***/

#navigation { height: 52px; border-bottom: 2px dashed #bbc4c6; /*background: transparent url(../images/nav-bg.png) repeat-x scroll center 0;*/}
#navigation ul { height: 50px; list-style-type: none; margin: 0; padding: 5px 0px; }
#navigation li { position: relative; float: left; list-style: none; margin-left: 0; list-style-image: none; text-transform: uppercase; }
#navigation a { color: #1e92ed; display: block; line-height: 25px; padding: 10px 20px 10px 5px; }
#nav-text { padding: 10px; }
#navigation a:hover, #navigation .on a, #navigation .active a { color: #666666; }

/*** End Navigation ***/
/*** Sub Navigation ------------------------------------------------------------ ***/

#cssmenu_submenus ul { list-style-type: none; margin: 0; padding: 0; background: none repeat scroll 0 0 #d5ebf6; }
#cssmenu_submenus li { height: 40px; position: relative; }
#cssmenu_submenus a { color: #202020; display: block; border-bottom: 1px dashed #ffffff; height: 40px; line-height: 40px; text-indent: 10px; width: 229px; }
#cssmenu_submenus a:hover, #cssmenu_submenus .active a { color: #000000; background: none repeat scroll 0 0 #cae1ec; }

/*** End Sub Navigation ***/

/*** Promotional Rotator ---------------------------------------------------- ***/

#promotional-rotator .c1-rotator { margin: 0 auto; width: 1000px; height: 145px; }
#promotional-rotator .c1-rotator-images { position: relative; }
#promotional-rotator .c1-rotator-image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #fff; }
#promotional-rotator .c1-rotator-image a { display: block; height: 100%; color: #fff; }
#promotional-rotator .c1-rotator-image-bg { background: transparent none no-repeat scroll center top; background-size: auto 100%; height: 100%; border-radius: 4px; background-size: cover; }

/*** End Promotional Rotator ***/
/*** Rotator ---------------------------------------------------- ***/

.c1-rotator { position: relative; }
.c1-rotator-images { position: relative; }
.c1-rotator-image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #fff; }
.c1-rotator-image a { display: block; height: 100%; color: #fff; }
.c1-rotator-image-bg { background: transparent none no-repeat scroll center top; background-size: auto 100%; height: 100%; background-size: cover; }

.c1-rotator-images .c1-rotator-caption {
	color: #ffffff;
    font-size: 1.5em;
	font-weight: normal !important;
    left: 0;
	bottom: 0;
	padding: 10px !important;
    max-width: 950px;
    position: absolute;
    text-align: right;
    background-color: rgba(0,0,0,0.4);
}
.c1-rotator-images .c1-rotator-caption strong { font-weight: normal !important; }
.c1-rotator ul { position: absolute; left: 30px; bottom: 25px; margin-right: 0; line-height: 0; z-index: 15; }
.c1-rotator ul li { float: left; list-style: none; list-style-image: none; margin-left: 7px; }
.c1-rotator ul { margin-bottom: 0; }

/*** End Rotator ***/

/*** Content -------------------------------------------------------------------- ***/

#content-text { padding: 10px 15px; }

/*** End content ***/
/*** layout-2c ------------------------------------------------------------------------ ***/

.layout-2c, .layout-3c { width: 100%; min-height: 40px; padding: 10px; }
.layout-1c { min-height: 40px; padding: 10px;}
.layout-testimonials { min-height: 40px; padding: 0px; }

.layout-3c .c-left { float: left; width: 306px; padding-right: 20px; text-align: center; }
.layout-3c .c-right { float: left; width: 306px; text-align: center; }

.layout-2c .col-left { float: left; width: 632px; padding-right: 20px;}
.layout-2c .col-right { float: right; width: 306px; }

h1.page-title { font-size: 1.6em; font-weight: normal; color: #1f96f4; margin-bottom: 10px; text-transform: uppercase; font-family: 'Times New Roman', serif; }


/*** End Home layout ***/
/*** Gallery styles ------------------------------------------ ***/

#gallery-list { margin-bottom: 25px; }
#gallery-list ul li { width: 190px; height: 180px; list-style-image: none; list-style: none; margin: 0 10px 40px 0; float: left; border: 10px solid #d3d3d3; }
#gallery-list a { color: #666666; }
#gallery-list a:hover { color: #1f96f4;	 }
#gallery-list ul li span.name { display: block; margin: 16px 0; text-align: center; }

#gallery-browse ul li { width: 190px; height: 180px; list-style-image: none; list-style: none; margin: 0 25px 40px 0; float: left; border: 10px solid #d3d3d3; }
#gallery-browse ul li span.name { display: block; margin: 16px 0; text-align: center; }
p.page-list { clear: both }

/*** End Gallery ***/
/*** Footer ****/

#footer { margin: 0 auto; }
#footer a { color: #4c3b37; }

#footer li { padding-bottom: 5px; list-style: none; margin: 0; }

#footer a:hover { color: #1f96f4; }
#footer .left { float: left; width: 25%; padding-bottom: 5px;}
#footer .mid { float: left; width: 25%;  text-align: left; padding-bottom: 5px; }
#footer .mid .f-ttl { font-size: 1.1em; font-weight: bold; color: #666666; }
#footer .right { float: right; width: 25%; text-align: right; padpadding-bottomding: 5px;}
#footer .right .social-txt { display: block; width: 205px; text-align: left; }
#footer .mid .facebook-link { display: block; width: 140px; height: 35px;  }

#footer .mid .foot_col { display: block; float: left; width: 135px; }
#footer .mid .foot_col strong { font-weight: normal; display: block; padding-bottom: 5px; }
#footer .facebook { display: inline-block; width: 35px; height: 33px; background: transparent url(../images/social.png) no-repeat scroll left top; margin: 5px 3px 2px 0; }
#footer .twitter { display: inline-block; width: 35px; height: 33px;
	background: transparent url(../images/social.png) no-repeat scroll right top;
	margin: 5px 0 2px 0;
}

/*** End Footer ****/
/*** About us styles -------------------------------------------------------------- ***/

.vcard .org { font-size: 1.3em; font-weight: normal !important; font-family: 'Times New Roman', serif; text-transform: uppercase; }
.vcard .con-ph { float: right; width: 170px; padding: 45px 90px 0 0; }
.map { background: #ffffff; border: 12px solid #cecdc2; }

/*** End About ****/
/*** Forms --------------------------------------------------------------- ***/

p.required {
	margin: 0 0 0.5em 0;
	float: right;
	padding-right: 35px;
}
p.buttons {
	padding-left: 115px;
}
button {
	background-color: #cccccc;
	border-radius: 0px;
	border: solid 1px #8e8e8e;
	padding: 3px 14px 5px 14px;
	margin-top: 10px;
	color: #000;
}
label.label { display: block; padding-right: 15px; position: relative; }
td label.label { width: 170px; }
label.auto { width: auto; padding-right: 0; }
label.label em { top: 0; font-size:large; float: left; padding-right: 5px; padding-top: 5px; }
form ul { margin: 0; }
form li {
	margin: 0;
	padding: 5px 0 0 115px;
	list-style-type: none;
	list-style-image: none;
	position: relative;
}
form li label.label { position: absolute; left: 0; }
.c1-form td { padding: 3px 0; }
#form_errors { padding-bottom: 15px; color: #8f2626; }


/*.c1-form textarea { font-family: 'Source Sans Pro', sans-serif; }*/

/*** End Forms ***/
/*** Categories ------------------------------------------------------ ***/

#shop-category .per-page input[type="text"] { width: 100px; }
.categories li {
	float: left;
	list-style: none outside none;
	margin: 0 11px 30px 0;
}
.categories li span.image {
	display: block;
	height: 190px;
	width: 220px;
	text-align: center;
	border: 1px solid #f5f1ee;
}
.categories li a:hover span.image { border: 1px solid #dfdad6; }
.categories a {
	display: block;
	width: 220px;
	color: #1f96f4;
}
.categories a:hover {
	color: #121212;
}
.categories .title {
	display: block;
	padding-top: 10px;
	font-size: 16px;
	letter-spacing: 1px;
	text-transform: lowercase;
	text-align: center;
}
.products li {
	float: left;
	list-style: none outside none;
	margin: 0 9px 30px 0;
	height: 285px;
}
.products li span.image {
	display: block;
	height: 190px;
	width: 220px;
	text-align: center;
	border: 1px solid #f5f1ee;
}
.products li a:hover span.image { border: 1px solid #dfdad6; }
.products .category {
	color: #c0c0c0;
	display: block;
	padding-top: 10px;
	font-size: 14px;
	font-weight: bold;
	width: 220px;
}
.products .title {
	color: #888888;
	display: block;
	width: 220px;
	padding-top: 5px;
	font-size: 14px;
	font-weight: normal;
}
.products .price {
	display: block;
	padding-top: 5px;
	font-size: 18px;
	letter-spacing: 1px;
	color: #222222;
	font-weight: bold;
}

/*** End Categories ***/
/*** Product tpl ------------------------------------------------------ ***/

#product .layout-2c { padding: 20px 0; }
#product .layout-2c .col1 { float: left; width: 600px; color: #222222; }
#product .layout-2c .col2 { float: right; width: 330px; color: #595959; }
#product h1 {
	padding-left: 0; 
	padding-top: 0;
	padding-bottom: 25px;
	font-size: 24px;
	line-height: normal;
	font-family: 'Times New Roman', sans-serif; 
}
#product .price { color: #202020; font-size: 1.6em; margin: 0; }
.product-gallery .gallery .gallery-image .image { background-position: center top !important; }
.product-gallery .gallery .enlarge {
	color: #FFFFFF;
    display: block;
    height: 40px;
    line-height: 14px;
    overflow: hidden;
    padding: 17px 0 0 85px;
    width: 75px;
	background: transparent url(../images/dvm_sprite.png) no-repeat scroll 0 -57px;
	text-transform: lowercase;
}
#product .lwh {
	display: block;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 15px 0 5px 2px;
}
#product .lwh .dimensions { width: 100px; padding-right: 30px; }

.add-to-cart ul.fields .label { display: none; }
.add-to-cart ul.fields li.qty { padding: 20px 0; }
.add-to-cart ul.fields li.qty input { border: 1px dotted #cccccc; width: 70px; }
.add-to-cart ul.fields li.price { display: none; }
.add-to-cart ul.fields li.submit { padding: 5px 0 10px 0; }
.add-to-cart ul.fields li.submit button {
	border-radius: 4px;
	padding: 10px 20px 12px;
	width: 300px;
	height: 42px;
	border: 0 none;
	color: #FFFFFF;
	font-size: 17px;
	text-align: right;
	margin-bottom: 8px;
	background: #4478fb url(../images/dvm_sprite.png) no-repeat scroll -315px 3px;
}
#subscribe td.submit { text-align: center; }
.add-to-cart li { list-style: none; list-image: none; margin-left: 0; }

.gallery .gallery-thumb-scroll {
    padding-top: 20px;
}
.gallery .gallery-thumb-active a {
    border-color: #FFFFFF !important;
	font-size: 0px;
}
.gallery .gallery-thumb a {
    border-color: #e2d8d4 !important;
	font-size: 0px;
	margin-right: 2px;
}
.gallery .gallery-thumb a:hover {
    border-color: #d3c9c4 !important;
	font-size: 0px;
}
.gallery li.gallery-thumb {
    margin-right: 2px;
}

/*** End Product ***/

/*** Order form ----------------------------------------------------------------------- ***/

#cart table { width: 100%; }
#cart table thead tr th { padding: 5px 0 10px 10px ; text-align: left; font-weight: normal; border-bottom: 1px dotted #bebebe; color: #888888; }

#cart table td.qty-qty input[type="text"]  { width: 100px; }
#cart table tr td  { padding: 5px 0 10px 10px; border-bottom: 1px dotted #bebebe; }
#cart table tr td.image { width: 200px; }
#cart table tr.item td.image  { padding: 5px 0 5px 5px; background-color: #ffffff; }
#cart table tr.item td.qty span.pricing  { display: block; font-size: 12px; }
#cart table tr.item td.detail, #cart table tr.item td.price, #cart table tr.item td.remove, #cart table tr.item td.qty-qty { vertical-align: middle; }

#cart table tr.item td.detail strong { font-weight: normal; }

#cart table del { color: #666666; }
#cart table tfoot th { padding: 5px 0 5px; text-align: right; padding-right: 20px; }
#cart table tfoot th.price { text-align: center; padding-right: 0; }
#cart table tfoot .discount th { color: #ca9002; }

/*** End Order form ***/
/*** Payment styles ------------------------------------------------------------ ***/

#payment-billing label.label, #payment-contact label.label { width: 160px; }
#payment-checkout #payment-delivery-same input[type="radio"] { margin-right: 4px; }
#payment-summary .layout-2c { padding: 0; }
.summary-items { display: block; padding: 30px 0; border-bottom: 1px solid #bebebe; margin-bottom: 20px;}
.summary-items table { width: 100%; }
.summary-items table thead th { text-align: left; border-bottom: 1px dotted #cccccc; }
.summary-items table tbody td { padding: 4px 0; }
.summary-items table tfoot tr.subtotal { border-top: 1px dotted #cccccc; }
.summary-items table tfoot th { text-align: right; }
.summary-items table th.currency, .summary-items table td.currency { text-align: right; }
.summary-items table tfoot .totaldiscount th { color: #ca9002; }
.summary-items del { color: #666666; }
.summary-billing { float: left; }
.summary-delivery { float: right; }

p.buttons button[type="button"]  { background-color: #d5ebf6; border: 0 none; color: #1f96f4; margin-top: 5px; padding: 7px 15px; }

#payment-checkout .steps ul { float: left; background-color: #d5ebf6; height: 3em; border-radius: 0 1.5em 0 0; }
#payment-checkout .steps span { display: block; padding: 1em; line-height: 1em; color: #1f96f4; }
#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: #d5ebf6; background: #1f96f4; }
#payment-checkout h2 { margin: 0 0 20px 0; }
#payment-checkout p.buttons { padding-left: 184px;}

#payment-delivery-method label.label { width: 164px; }

#payment-credit label.label { width: 162px; }
#payment-credit .card_expiry input { width: 119px; }

#payment-summary .summary-items thead th { padding-bottom: 10px; } 

#payment-checkout .print .print-button button[type="button"]  { background-color: #012442; border: 0 none; border-radius: 4px; color: #fff; margin-top: 5px; padding: 7px 15px; }

#payment-checkout #payment-cardmessage textarea { width: 350px; }

/*** End Payment styles ***/
/*** Cart styles ----------------------------------------- ***/

#cart table th, #cart table td { padding: 2px 0 10px 0; }
#cart table thead th { border-bottom: 1px dotted #cccccc; font-size: 0.8em; }
#cart table td.detail, #cart table td.price, #cart table td.qty, #cart table td.subtotal, #cart table td.remove { padding: 10px 20px 5px; }
#cart table td.image { padding: 10px 0; }
#cart table tfoot tr.subtotal th { border-top: 1px dotted #cccccc; text-align: right; }
#cart table tfoot tr.subtotal th.price { text-align: center; }
#cart table tfoot tr.total th { border-top: 1px solid #d49d83; text-align: right; }
#cart table tfoot tr.total th.price { text-align: center; }
#cart .submit button { display: block; line-height: normal; }

button { font-size: 1em; padding: 10px 20px; width: 200px; height: 40px; border: 0 none; color: #FFFFFF; text-align: center; margin: 15px 0; background-color: #1f96f4; }

/*** End Cart ***/

#google_map { background: #ffffff none repeat scroll 0 0; border: 2px dashed #a22228; height: 420px; width: 930px; }


