/*
Theme Name: Mortar Bootstrap
Theme URI: http://www.mortarsprayer.com/
Description: A custom theme coded for Pacific Asset Development. All rights reserved.
Version: 3.0
Author: Sammy Russo
Author URI: http://www.click-refresh.com/
*/

/*list styling & typography*/
#content h1 {font-size: 5em; color:#6CC072; text-shadow: 2px 2px 2px #333; text-transform:capitalize; font-weight:normal; letter-spacing: -2px;}
#content h2 {font-size: 2.5em; color:#111; font-weight:normal;}
#content h3 {font-size: 4em; color:#6CC072; text-shadow: 1px 1px 1px #333; font-weight:normal;}
#content h4 {font-size: 1.8em; color:#000; padding: 2px 0px 5px 5px;}
#content h5 {font-size: 1.4em; color:#000; padding: 2px 0px 3px 5px;}
#content h6 {font-size:1.6em; color:#000 padding: 0px; border-bottom:1px solid #006699;}
#content p {font-size: 1.4em; line-height:1.5em;}
#content li {font-size: 1.4em;}
#content li ul li {font-size: 1em;}
#content h6 a, #content h6 a:visited, #content h6 a:active {text-decoration:none; color:#006699;}
#content h3 a, #content h3 a:active, #content h3 a:visited {color:#6CC072; text-decoration:underline;}
#content h3 a:hover {text-decoration:none;}
.hrule {width: 900px; height:0px; margin:0px auto; background-color:#fff; padding: 10px 0px; border-bottom:1px solid #666; margin-bottom: 10px;}
#content li p {font-size: 1.2em; color:#000;}
#content li h3 {font-size: 1.9em; color:#000;}

/*Sidebar List Styling & Typography*/
#sidebar h2 {background-color: #E8E8E8; font-size:2em; color:#000; padding: 3px 5px 3px 5px; font-weight:normal;}
#sidebar ul  {padding:0px 0px 15px 20px; margin: 0 0 2em 0; border-left: 2px solid #E8E8E8; border-bottom: 2px solid #E8E8E8;}
#sidebar li {font-size: 1.8em; list-style:none; padding: 5px 0px 2px 0px;}
#sidebar li a, #sidebar li a:visited {color:#006699; text-decoration:underline;}
#sidebar li a:active {color:#006699; text-decoration:none;}
#sidebar li a:hover {text-decoration:none;}
 

/*Footer List Styling & Typography
#footer h2 {font-size: 2.5em; color:#fff; font-weight:normal;}
#footer h3 {font-size: 2em; color:#6CC072; font-weight:normal; margin-bottom: -8px;}
#footer p {font-size: 1.4em; line-height:1.5em; color: #fff;}
#footer p.big {color:#fff; font-size:2em;}
.green {color:#6cc072;}
#footer h3 a, #footer h3 a:visited, #footer h3 a:active {color:#6cc072; text-decoration:none;}
#footer a, #footer a:visited, #footer a:active {color:#fff; text-decoration:none;}
#footer a:hover {text-decoration:underline}
#footer ul {width:220px; padding:0px; margin:0px; list-style:none}
#footer li {margin: 0px; padding: 5px 0px 0px 0px; width: 220px; border-bottom: 1px dashed #ccc; list-style:none; font-size: 1.4em;}
#footer li a {line-height: 2.2em;}
*/

/*3 columns
.col_contain {width:960px; margin:0px auto;}
.left_content { float:left; position:relative;  width:293px; padding:10px; margin-right:10px; margin-left:0px;}
.center_content {float:left; position:relative;  width:293px;  padding:10px; }
.right_content { float:right; position:relative; width:293px; padding:10px; margin-left:0px; }
*/

/*Boxes*/
.productBox {width:100%; border: 1px solid #ccc; background-color: #E8E8E8;}
.product_image {text-align:center; background-color: #fff; padding: 10px 5px;}
.imgBdr {border:1px solid #666;}

/*homepage slider*/
.content_slider {background:url(img/slider_bg.png) no-repeat; height:431px; width:920px;}
#featured ul {margin: 0px; padding: 0px;}
#featured li ul li {list-style-image:url(img/checkmark.png); margin:0px; padding:0px;}
#featured li {font-size:1.2em; font-weight: bold;}
.slider-cta { background:url(img/cta_bttn.png) no-repeat; font-size:1.2em; color:#FFFFFF; text-shadow: 2px 2px 2px #333; padding:10px; height:36px; margin: 0px auto;}
#featured h2 {font-size: 4.5em; color:#fff;}

/*-- MISC & GLOBAL STYLES --*/
.alignleft {float:left;}
.alignright {float:right;}
.tollfree { font-size:2em; color:#990000; padding-top: 1em; padding-left: 1em;}
li.tollfreeB { font-size:2em; color:#990000; padding-left: 5em;}
.entry {clear: both;}
ul.articles {line-height: 2em;}
.even, .alt {

	border-left: 1px solid #ddd;
}

/* =Comments
-------------------------------------------------------------- */
#commentContain p{font-size:1em;}
#comments {
	clear: both;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 24px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #ff4b33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #ff4b33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
#comments .pingback .url {
	font-size: 13px;
	font-style: italic;
}

/* Comments form */
input[type=submit] {
	color: #333;
}
#respond {
	border-top: 1px solid #e7e7e7;
	margin: 24px 0;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}
#respond .required {
	color: #ff4b33;
	font-weight: bold;
}
#respond label {
	color: #888;
	font-size: 12px;
}
#respond input {
	margin: 0 0 9px;
	width: 98%;
}
#respond textarea {
	width: 98%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	font-size: 14px;
	width: auto;
}
	
/*images*/
p img {margin: 0px 8px 10px 8px; max-width: 100%; border: 1px solid #666;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto;}
img.alignright {margin-left: 1em;}
img.alignleft {margin-right: 1em;}
.alignright {float: right;}
.alignleft {float: left;}
a img {border: 0px; padding: 0px;}

/* End Images */

/*Feature Box Sidebar From OLD SITE*/
.featurebox {width: 196px; margin:0 0 2em 0; padding:Opx 0px 0px 10px;}
.featuretop {height:16px; background: url(https://www.mortarsprayer.com/wp-content/themes/mortar/images/feature_top.gif) no-repeat;margin:0px; padding:0px;}
.featurebody {width: 196px; background: url(https://www.mortarsprayer.com/wp-content/themes/mortar/images/feature_bg.gif) repeat-y;margin:0px; padding:0px;}
.featurebottom {height:18px; background:url(https://www.mortarsprayer.com/wp-content/themes/mortar/images/feature_bottom.gif) no-repeat; margin-top:-1.2em; padding:0px;}
#sidebar p img {border: 0px;}
form {margin:0px; padding:0px;}

/*SOCIABLE*/
div.sociable { text-align:center; padding: 1em;}

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}
.gCustom {background-image:https://www.mortarsprayer.com/images/google-checkout.gif no-repeat; height:53px; width:120px;}

/*VIDEO TABLES*/
table tr td.leftCCC {width: 100px; vertical-align:top; text-align:center; background-color:#ededed;}
table tr td.rightCCC {width: 500px; vertical-align:top; font-size: 1em; background-color:#ededed;}
table tr td.leftE5 {width: 100px; vertical-align:top; text-align:center; background-color:#e5e5e5;}
table tr td.rightE5 {width: 500px; vertical-align:top; font-size: 1em; background-color:#e5e5e5;}


/*Cart66*/
.purAddToCart{ 
border:none !important; 
background:none !important; 
width:160px !important; 
height:27px !important; 
}

.purAddToCartCustom{ 
border:none !important; 
background:none !important; 
width:108px !important; 
height:42px !important; 
}
/*End Cart66*/

/*-- JOHNSON-SLIDER STYLES --*/
#page-wrap						{ background: white; width: 550px; margin: 0 auto; 
								  padding: 0 0 0 15px; }

#slider							{ background: white url(/images/slider-bg.jpg); height: 200px; overflow: hidden;
								  position: relative; margin: 10px 0; }
								  
                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover							{ width: 1440px; position: relative; }

.slide							{ padding: 10px 30px 20px 30px; width: 490px; float: left; position: relative; }
#slider h1						{ border-bottom: none; font-family: Helvetica, Sans-Serif; font-size: 25px; letter-spacing: -1px;
								  color: #FF9900;}
#slider p						{ color: #333; font-size: 1.4em; line-height: 18px; width: 300px; font-weight:normal;}
#slider img						{ position: absolute; left:26em; top:2em;}


#slider-stopper					{ visibility:hidden;}

/*links
a, a:link, a:active, a:visited { color:#006699; text-decoration: underline;}
a:hover {text-decoration:none;}
*/