/* Merchandise Template */

/* global resets */
* {margin:0; padding:0; border:none; line-height:1;}
html, body {height:100%;}
/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, section, article, footer, address {display: block;}
.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	line-height: 0;
	height: 0;
}
*[data-bislr-editable-area] {min-width:50px; min-height:10px;}
div {word-break:break-word;}
/* /global resets */

/* global structural */
body {font-family:"Rokkitt", "Times New Roman", serif; color:#6d6e71; font-size:18px;}
h1 {font-size:65px; font-weight:normal; color:#018b9b;}
h2 {font-size:25px; font-weight:normal; line-height:0.9em;}
h3 {font-size:24px; font-weight:normal; line-height:0.9em; color:#018b9b;}
h4 {font-size:24px; font-weight:normal; line-height:0.9em; color:#000;}
h5 {font-size:18px; font-weight:normal; line-height:0.9em; color:#bebebe;}
h6 {font-size:15px; font-weight:normal; line-height:1.3em; color:#bebebe;}
aside h6 {text-transform:uppercase;}
aside p {font-size:15px; line-height:0.9em;}
label {font-size:18px;}
a {color:#000; text-decoration:none; line-height:inherit;}
a:hover {color:#018b9b; text-decoration:underline;}
p a,
h3 a,
h4 a {text-decoration:underline;}

table {width:100%; border-spacing:0;}
table tr:first-child td {border-bottom:2px solid #121212;}
table td {padding:10px 15px; font-size:16px; border-bottom:1px solid #cacaca; color:#000;}

form fieldset > div {margin:0 0 3px 0;}
form p {font-size:18px; margin-bottom:2px;}
form small {display:block; margin-bottom:3px; font-size:16px; color:#6D6E71;}
select {margin-bottom:7px; width:100%; border:1px solid #cacaca;}
input[type="checkbox"], input[type="radio"] {margin-right:3px;}
input[type="text"], input[type="email"], input[type="tel"], textarea {
    border:1px solid #cacaca;
    display:block;
    width:100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    margin-bottom:5px;
    font-size:18px;
    padding:6px 9px 4px;
		font-family:"Rokkitt", "Times New Roman", serif;
}
input[type="text"]:hover, input[type="email"]:hover, input[type="tel"]:hover, textarea:hover {background-color:#eee; cursor:pointer;}
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus {outline:1px solid #000; background:#f2f2f2;}
textarea {height:119px; resize:vertical; background:url(../images/input-bg.png) repeat-x;}
input[type="text"].x-invalid, textarea.x-invalid {background:#ffebec url(../images/error.png) 98.5% 6px no-repeat; outline:1px solid #eb1c23;}
.btn {border-bottom:1px solid #c0c0c0; float:right;}
button {
	cursor:pointer;
	font-size:18px;
	padding:0 14px;
	color:#000;
	border:1px solid #cacaca;
	line-height:28px;
	background:#fff;
	font-family:"Rokkitt", "Times New Roman", serif;
	float:right;
}
button:hover {background:#f5f5f5;}
button:active {background:#ececec;}
button.disabled {opacity:0.4;}

::-webkit-input-placeholder {color:#6d6e71;}
:-moz-placeholder {color:#6d6e71;}
.placeholder-text {color:#6d6e71;}

fieldset legend {display:block; padding-bottom:10px;}

/* Easy Select Box */
.easy-select-box {
	position:relative;
	margin-bottom:5px;
	font-size:18px;
	height:28px;
	line-height:28px;
	border:1px solid #cacaca;
}
.easy-select-box:hover {background-color:#eee;}
.easy-select-box .easy-select-box-disp,
.easy-select-box .easy-select-box-disp:visited {
	background: url(../images/select-bg.png) no-repeat 100% 0;
	display:block;
	padding-left:9px;
	height:30px;
	line-height:30px;
	text-decoration:none;
	color:#6d6e71;
	position:relative;
	top:-1px;
	right:-1px;
}
.easy-select-box .easy-select-box-disp:hover {
	position:relative;
	text-decoration:none;
}
select.x-invalid + .easy-select-box {background:url(../images/error.png) 87% 4px no-repeat; background-color:#ffebec;}
select.x-invalid + .easy-select-box .easy-select-box-disp, 
select.x-invalid + .easy-select-box .easy-select-box-disp:hover {outline:1px solid #eb1c23; background-color:transparent;}
.easy-select-box ul,
section.content .left .easy-select-box ul {
	width:297px;
	position:absolute;
	top:104%;
	right:-1px;
	left:auto;
	display:none;
	margin:0;
	z-index:99;
	background:#FFFFFF;
	border:1px solid #000;
}
aside .easy-select-box ul {width:200px;}
.easy-select-box li,
section.content .left .easy-select-box li {
    padding:0;
    list-style:none;
    background:none;
    font-size:15px;
    border:2px solid transparent;
    margin:auto;
    line-height:1em;
}
.easy-select-box li:hover,
section.content .left .easy-select-box li:hover {border:2px solid #018b9b;}
.easy-select-box ul li a,
.easy-select-box ul li a:visited{
	padding:3px 9px;
	display:block;
	color:#6d6e71;
	cursor:pointer;
	text-shadow:none;
}
.easy-select-box ul li a:hover{
	text-decoration:none;
}

section.main-nav {background:#000;}
section.main-nav ul {width:910px; margin:0 auto; text-align:right;}
section.main-nav li {padding:8px 0; margin-left:23px; display:inline-block;}
section.main-nav li a {color:#fff; font-size:16px; text-decoration:none; display:block;}
section.main-nav li a:hover {color:#6d6e71;}
section.main-nav li a:active {color:#018b9b;}

.container {width:910px; margin:0 auto;}

header.main {padding:12px 0 21px; background:url(../images/dashed-bg-double.png) repeat-x bottom left; margin-bottom:20px;}
header.main .left {float:left; max-width:360px; margin-top:15px;}
header.main .right {float:right; max-width:540px;}
header.main address h5 {font-size:13px; line-height:1em; color:#bebebe; font-style:normal; text-align:right;}

section.content {margin-bottom:45px;}
section.content .left {float:left; width:564px;}
section.content .left .content-main {min-height:250px;}
section.content.wide .left {width:597px;}
section.content .right {float:right; width:285px}

aside section {margin-bottom:14px;}
aside section .aside-heading {margin-bottom:10px; padding-bottom:4px; background:url(../images/dashed-bg-double.png) repeat-x bottom left;}
aside section.title-only h4 {background:none; padding:0;}
aside section img {margin-bottom:2px;}
.aside-feature {padding:12px; background:#ecebe3;}
.aside-feature h6 {border:none; margin-bottom:4px;}
.aside-feature img {margin-bottom:5px;}

footer.main {background:url(../images/dashed-bg.png) repeat-x;}
footer.main .left {float:left; max-width:750px; padding-top:12px;}
footer.main .right {float:right; max-width:150px; padding-top:12px;}
#footer-logo {max-width:160px; margin-right:20px; float:left;}
#footer-nav {float:left;}
#footer-nav nav {margin-bottom:5px;}
#footer-nav li {display:inline-block; margin-right:10px;}
#footer-nav li a {font-size:15px; color:#bebebe;}
#footer-nav li a:hover {color:#018b9b; text-decoration:none;}
#footer-nav p {font-size:14px; color:#bebebe;}

/* /global structural */

/* home */
section.feature {margin-bottom:26px;}
section.feature img {margin-bottom:7px;}
section.feature h2 {font-size:36px; color:#018b9b;}
section.feature h3 {font-size:22px; color:#6d6e71;}
section.sub-features {background:url(../images/dashed-bg.png) repeat-x bottom left;}
section.sub-features header {background:url(../images/dashed-bg-double.png) repeat-x bottom left; padding-bottom:6px;}
section.sub-features header h4 {color:#000; margin:0;}
section.sub-features p a {text-decoration:underline;}
section.sub-features article {float:left; width:175px; padding:7px 16px 15px 15px; border-right:1px dashed #cacaca;}
section.sub-features article.first {padding-left:0;}
section.sub-features article:last-child {padding-right:7px; border:none;}
section.sub-features article h5 {font-size:16px; color:#000;}
section.sub-features.two-col article {width:278px;}
section.sub-features.two-col article h4 {font-size:16px;}
section.sub-features.two-col .promo-title {margin-bottom:6px;}
section.sub-features.two-col .promo-img {margin-top:2px;}
section.sub-features.two-col .promo-img,
section.sub-features.two-col .promo-desc {float:left;}
section.sub-features.two-col .promo-desc {width:183px; margin-left:10px;}
section.sub-features.two-col .promo-desc p {line-height:1em; font-size:15px;}
section.sub-features.two-col .promo-desc a,
section.sub-features.standard a {display:block;}
section.sub-features.standard {background:none;}
section.sub-features.standard article {border:none;}
section.sub-features.standard.two-col article h4, section.sub-features.standard h4 {font-size:22px; line-height:1em;}
section.sub-features.standard p {font-size:18px;}
section.sub-features.one-col.standard article {width:auto; padding:0; margin-bottom:8px; float:none;}


/* /home */

/* content */
section.content .left ul, section.content .left ol,
aside ul, aside ol {margin:5px 0 20px 1.1em; padding:0;}
section.content .left li,
aside li {background:url(../images/li-bg.png) no-repeat left top; list-style-type:none; padding-left:19px; margin-bottom:10px;}
section.content .left ol li,
aside ol li {list-style-type:decimal; background:none; padding-left:0; margin-left:25px;}
/* /content */

/* blog */
.publish-details {font-family:Arial; color:#bebebe;}
.publish-details a {text-transform:uppercase;}
.recent-post {padding:5px 0 12px; line-height:0; background:url(../images/dashed-bg.png) repeat-x bottom left;}
.recent-post:first-child {padding-top:0;}
.recent-post:last-child {background:none;}
.recent-post img {float:left; margin-right:8px;}
.recent-post img + p {margin:10px 0 5px;}
.recent-post p {margin-bottom:0; font-size:18px;}
aside .recent-post p {font-size:15px;}
.recent-post small {font-size:11px; display:inline-block; font-family:Arial, Helvetica, Geneva, Tahoma; color:#bebebe;}
aside .recent-post small {font-size:10px;}
.recent-post h5 {font-size:18px;}
.recent-post a {color:#018B9B;}
.recent-post p a {color:#000; text-decoration:none;}
.recent-post p a:hover {text-decoration:underline;}

.blog {background:url(../images/dashed-bg.png) repeat-x bottom left; padding:27px 0;}
.blog:first-child {padding-top:0;}
.blog small {font-size:11px; margin-bottom:8px; display:inline-block;}
.blog small.tags {font-size:15px; margin:0;}
.blog h2 {font-size:45px; color:#018b9b;}
.blog img {margin-bottom:10px;}
.blog h2,
.blog p {margin-bottom:10px;}
.blog a {color:#018b9b;}
.blog p a {color:#000;}
.blog cite {font-style:normal;}

.pagination {margin-top:9px; float:right;}
.pagination > a {
    font-size:24px;
    background:url(../images/pagination.png) no-repeat right top;
    padding-right:19px;
		margin-top:4px;
    line-height:14px;
    display:inline-block;
		vertical-align:top;
}
.pagination > a.disabled {background-position:right -14px; color:#e2e2e2;}
.pagination > a.prev {padding:0 0 0 19px; background-position:0 -28px;}
.pagination > a.prev.disabled {background-position:0 -42px;}
.pagination .divide {display:inline-block; width:1px; height:24px; margin:0 12px; background:#e2e2e2;}

aside .tags a {text-decoration:none;}
aside .tags a:hover {text-decoration:underline;}
/* /blog */

/* form */
form {max-width:500px;}
form .form-status {margin-bottom:20px;}
form .form-status > img {background:url(../images/status-bg.png) no-repeat; width:66px; height:54px; margin-right:8px; float:left;}
form .form-status h3 {color:#0092e6; font-size:31px; margin:0;}
form .form-status p {color:#6d6e71;}
form .form-status.error h3 {color:#c50000;}
form .form-status.error > img {background-position:0 -54px;}
/* /form */

/* article listing */
.articles.three-col {margin-right:-6px;}
.articles.three-col article {width:195px; float:left; margin:14px 6px 19px 0;}
.articles.three-col h5 {color:#000; font-size:19px; margin:0;}
.articles.one-col {background:url(../images/dashed-bg.png) repeat-x; width:564px;}
.articles.one-col article {background:url(../images/dashed-bg.png) repeat-x bottom left; padding:12px 0;}
.articles.one-col .image {float:right; margin-left:50px;}
.articles.one-col .image + div {width:350px;}
.articles p {font-size:15px;}
.articles > article :last-child {margin:0;}
/* /article listing */

/* social styling */
.post_sns {height:20px;}
.post_sns .twitter_button {float:left; height:20px; max-width:96px; margin-right:13px; line-height:initial; font-size:initial;}
.twitter_button.small {margin-right:3px;}
.post_sns .google_button {float:left; height:20px; max-width:59px; margin-right:13px; line-height:initial; font-size:initial;}
.google_button.small {margin-right:3px;height:17px;}
.post_sns .linkedin_button {height:20px; float:left; margin-right:10px; line-height:initial; font-size:initial;}
.linkedin_button.small {margin-right:3px;}
.post_sns .facebook_button {float:left; height:20px; line-height:initial; font-size:initial;}
.facebook_button.small {margin-right:3px;width:49px;overflow:hidden;}
.facebook_comments {border-top:1px solid #e2e2e2; padding:8px 0 25px; margin-top:25px;}
.twitter-posts .twitter-list {border:1px solid #cacaca; max-height:200px; overflow:auto;}
.twitter-posts .twitter-post {padding:10px; border-bottom:1px dashed #cacaca;}
.twitter-posts .twitter-post:last-child {border:none;}
.twitter-posts .twitter-post p {margin-left:44px;}
.tweet-image {float:left; margin-right:8px;}
.tweet-image img {width:36px; height:36px;}
.tweet-author, .tweet-time {display:block;}
.tweet-time {color:#bebebe;}
.twitter-follow {text-align:right; margin-top:5px;}

/* weather styling */
#weather-city img {float:left; margin:0 10px 10px 0;}
#weather-city p {font-size:12px; margin-bottom:5px;}