/*
Theme Name: ThirdStreetPOS
Theme URI: http://www.namisolutions.com
Description: Third Street POS Theme
Author: NAMI Solutions, Inc.
Author URI: http://www.namisolutions.com
version: 1.0
Tags: two-column, white, right-column
*/



/* basics */

html, body {
	margin:0px;
	padding:0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	background-image: url(images/site_background.jpg);
	background-repeat:repeat;
	background-position:top left;
}

th, td {font-size:12px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

/* images and misc. */

img {border: none; padding:0;}
img a {border:none;}

img.left{ float: left; border: none; padding: 0 15px 0 0; }
img.right{ float: right; border: none; padding: 0 0 0 15px; }

blockquote{
	border-left:1px solid #A5ABAB;
	margin:15px;
	padding:0 12px 0 12px;
}

code{font-family:"Courier New", Courier, monospace;}


/* links */

a {
	color:#999;
	text-decoration:none;
}

h1 {
	font-size:27px;
	font-weight:bold;
	color:#999;
	line-height: 25px;
}

h2 {
	font-size:17px;
	color:#000;
	font-weight:normal;
}

#header {
	padding: 5px 0 0 0;
	height: 140px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	min-width: 1000px;
	background-color: #504534;
}

#header-inner {
	width:1000px;
	margin:0px auto;
}

#header-inner .logo {
	float:left;
	height:125px;
}

.searchbox {
	float:right;
	height:26px;
	color:#fff;
	font-size:14px;
	margin:0 10px 0 0;
}
.searchbox table {height:28px;}
.searchbox td {font-size:14px;}
.searchbox #s {
	width:120px;
	height:16px;
	padding:0 5px 0 5px;
	color:#878787;
	font-size:12px;
}

/* main menu */
#menucontainer {clear:right;float:left;margin:30px 0 0 20px;}

#menuholder {
	display:block;
	float:left;
	height:30px;
	z-index:99999;
}

#menuholder .menu {list-style:none;margin:0 0 0 0px;padding:0;}
#menuholder .menu ul {padding:0;margin:0;}
#menuholder .menu li {display:inline; float:left; margin:0;padding:0 10px 0 0;}
#menuholder .menu li a {padding:0;display:block;float:left;color:#fff;font-weight:normal;font-size:14px;text-transform:uppercase;}
#menuholder .menu li a:hover {}
#menuholder .menu li.current_page_item a{text-decoration:underline;}

#menuholder .menu .sub-menu,
#menuholder .menu .children {
	background-color: #3a2c25;
	border-top: 0;
	display: none;
	padding: 0;
	position: absolute;
	left: 0px;
	top:18px;
	z-index: 99999;
	border:1px solid #999;
}

#menuholder .menu .sub-menu li {padding:0;}

#menuholder .menu .sub-menu a,
#menuholder .menu .children a {padding:10px;text-transform:none;text-decoration:none !important;}

#menuholder .menu .sub-menu ul,
#menuholder .menu .children ul {
	border-left: 0;
	left: 100%;
	top: -1px;
}

#menuholder .menu li {
	display: inline-block;
	position: relative;
}

#menuholder .menu li:hover > a,
#menuholder .menu li a:hover {
	/*background-color: #ccc;
	text-decoration:underline !important;*/
	color: #999;
}

#menuholder ul.menu li:hover > ul,
#menuholder .menu ul li:hover > ul {
	display: block;
	margin:0;
}

#menuholder ul.menu ul a,
#menuholder .menu ul ul a {
	color: #fff;
	margin: 0;
	width: 200px;
}

#menuholder .menu li ul ul {
	left: 100%;
	top: 0;
}

#bar {
	clear:both;
	padding: 0px;
	height: 10px;
	background-color: #b1a085;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	min-width: 1000px;
	-webkit-box-shadow: 10px 10px 5px 11px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 5px 11px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 5px 11px rgba(0,0,0,0.75);

}


#mainouter {background-color:#fff;}

#main {
	width:1000px;
	margin:0 auto;
}

#content {
	width:1000px;
	min-height:400px;
	padding:5px 0 0 0;
	float:left;
}

#contentfull {
	width:1000px;
	min-height:400px;
	padding:0px;
}

#contenthome {
	width:1000px;
	min-height:400px;
	padding:0px;
	margin:0;
}

#breadcrumbs {color:#999; list-style:none;margin:0;padding:0;font-size:11px;}
#breadcrumbs li {margin:0;padding:0;display:inline;}
#breadcrumbs a {color:#999; font-size:11px;}

#homeslider {display:none;width:1000px;height:350px;margin:0 auto;padding:0;}

#mainpanel {
	font-size: 16px;
	color: #333;
	text-decoration: none;
	line-height: 17px;
	font-weight: lighter;
	width: 280px;
	min-height:300px;
	margin: 0px 5px;
	float: left;
	padding: 10px 15px;
	background-image: url(images/gresser_smconcrete.jpg);
	background-repeat: repeat;
	text-align: center;
}
#mainpanel.first {margin-left:10px;}

#footer {
	clear:both;
	background-color: #3a2c25;
	margin:0 auto;
	min-width: 1000px;
	border-top:1px solid #b1a085;
	border-bottom:1px solid #b1a085;
}
#footer .content {
	padding: 5px 0 5px 0;
	font-size: 12px;
	color: #fff;
	text-align: center;
}
#footer .content a {font-size: 12px;color: #fff;}

.archivetitle {
	font: normal 18px georgia, sylfaen, baskerville, times, serif;
	color: #333;
	padding: 24px 0 0 30px;
}

.notfound {
	font: normal 18px georgia, sylfaen, baskerville, times, serif;
	color: #333;
	padding: 24px 0 0 30px;
}

.post {
	margin:0 0 0 0;
	padding:0;
	line-height: 14pt;
	color: #666;
}
	
.post .entry {font-size:14px;}
.post .entry p {margin: 5px 0 5px 0; line-height: 20px;}

.post ul {margin: 10px 0 10px 0; padding: 0 0 0 20px;}

.post li {padding: 2px 0 2px 0;}

.postborder {background: #f1f1f1; height: 1px; padding: 0; margin: 0;}

.postmetadata {
	padding:0;
	margin:12px 0 0 0;
	border-top:1px solid #f0f0f0;
	font-size: 11px;
	color: #999;
}
	
.postmetadata p {
	padding:6px 0 0 0;
	margin: 0;
}	
	
.postmetadata span {
	padding:8px 14px 0 0px;
	margin: 0 12px 0 0;
}
	
.postmetadata span.commborder {
	padding:8px 14px 0 0px;
	margin: 0 12px 0 0;
	border-right:1px solid #f0f0f0;
}
	
.postmetadata span a {
	padding:0;
	margin: 0;
}
	
.postmetadata span img {
	padding:0 4px 0 0;
	margin: 0;
	display: inline;
}
	
.navigation {
	font-size:11px;
	float:left;
	width:100%;
	background: #FAFAFA;
	border-top:1px solid #f1f1f1;
	letter-spacing: 1px;
	margin: 10px 0 0 0;
	padding:0;
	bottom:0;
}
	
.navigation a {
	border-bottom: none;
}
	
.alignleft{float:left; margin: 8px 8px 8px 30px;}
.alignright{float:right; margin: 8px 30px 8px 8px;}


/* sidebar */

.sidebar_default {}
.sidebar_blog {}

/*#sidebar-icon {float:left;width:39px;height:50px;background-repeat:no-repeat;margin:9px 0 0 0;}
#sidebar-image {float:left;width:64px;height:64px;overflow:hidden;margin:0 5px 5px 8px;}*/

#pagethumbnail {}
#pagethumbnail img {border:3px solid #fff;max-width:277px;}

#sidebar {
	font-size: 14px;
	color: #333;
	text-decoration: none;
	line-height: 17px;
	font-weight: lighter;
	width: 283px;
	min-height:200px;
	margin: 10px 0 10px 0;
	float: right;
	padding: 10px;
	background-image: url(images/gresser_smconcrete.jpg);
	background-repeat: repeat;
}

#sidebar-links {
	clear:right;
	float: right;
	font-size: 14px;
	color: #333;
	text-decoration: none;
	line-height: 17px;
	font-weight: lighter;
	width: 283px;
	margin: 10px 0 10px 0;
	padding: 10px;
}

#sidebar h1, #sidebar-links h1 {font-size:22px;margin:5px 0 5px 0;padding:0;}
#sidebar h2, #sidebar-links h2 {font-size:18px;margin:5px 0 5px 0;padding:0;color:#999;}

#sidebar-links ul {list-style:none;padding:0;margin:0;}
#sidebar-links ul li {padding:5px 0 5px 0;border-top:1px solid #ccc;}
#sidebar-links ul ul {list-style:none;padding:5px 0 0 0;margin:0;}
#sidebar-links ul ul li {padding:5px 0 5px 10px;border-top:none;}
#sidebar-links ul ul ul {list-style:none;padding:5px 0 0 0;margin:0;}
#sidebar-links ul ul ul li {padding:5px 0 5px 10px;border-top:none;}

/*#sidebar .textwidget {
	color:#5d5d5d;
	min-height:72px;
}*/

#sidebar p {margin:0; padding: 5px 0 5px 0;}

#sidebar img {width:100%;height:auto;padding: 2px 0 0 0; margin: 0;}

#sidebar ul {
	margin:0;
	padding:0;
	list-style-type: none;
}

#sidebar ul li {
	margin: 0;
	padding: 0;
	line-height: 14pt;
	list-style-type: none;
	}

#sidebar ul ul {
	margin: 5px 0;
	padding: 0;
}

#sidebar ul ul li {
	padding: 0 0 0 0px;
	list-style-type: none;
}
	
#sidebar ul ul ul {
	margin: 0;
	padding: 0;
}

#sidebar ul ul ul li {
	margin:0;
	padding: 0 0 0 15px;
	list-style-type: none;
}

#sidebar ul ul li a {padding:0;}

#sidebar-estimate {
	background-color:#fff;
	border:1px solid #ccc;
	margin:5px;
	padding:5px;
}

/* comments */

#commentssection {
	clear: both;
	margin:30px;
	padding:14px 30px;
	margin: 0;
	color: #666;
}
	
#commentssection h3 {
	font-family: georgia, times, verdana;
	font-size: 12pt;
	font-weight: 300;
	font-style: normal;
	color: #000;
	margin:20px 0;
}

#commentform {
	background: #FCFCFC;
	margin: 20px 0;
	padding:10px 20px 20px 20px;
}
	
#commentform label {
	font-family:georgia, arial;
}
	
#commentform p {
	color: #000;
	padding:0;
	margin:0;
}
	
#respond {margin:60px 0 0 0;}
	
#commentform a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;line-height: 14pt;}
	
#commentform h3 {
	font: normal 18px georgia, sylfaen, baskerville, times, serif;
	color: #333;
}
	
#commentbox {
	width:516px;
	margin:5px 0;
}

#author, #email, #url, #commentbox, #submit {
	background: #fff;
	font-family: arial, verdana, tahoma, sans-serif;
	font-size: 12px;
	margin:5px 5px 0 0;
	border: none; 
	padding: 6px;
	border-top: 1px solid #F1F1F1;
	border-right: 1px solid #F1F1F1;
	border-left: 1px solid #E8E8E8;
	border-bottom: 1px solid #E8E8E8;
}

#submit {
  font-family: georgia, verdana, arial, times;
	font-size: 11px;
	padding: 2px;
	margin: 2px 0 0 0;
	border: 1px solid #F0F0F0;
	background: #fff url(images/search.jpg);
	color: #000;
	width: 82px;
	text-transform: uppercase;
 }
  
#submit:hover {background: #fff;}

	
ol.commentlist {list-style-type: none;}

ol.commentlist li {
	margin:25px 0 12px 0;
	padding:0;
	overflow: hidden;
	background: none;
}

ol.commentlist li.alt {background: #fff; border-top: none;}
ol.commentlist li p {margin:6px 0; padding: 0 12px 0 0; line-height: 14pt; }

ol.commentlist a {color:#328599;}

cite {
	font-family: arial, verdana, tahoma;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
}
	
cite a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;}


.commentmetadata {
	padding:0;
	margin:0 0 8px 0;
	border-top:1px solid #f0f0f0;
	font-size: 11px;
	color: #999;
	overflow:hidden;
}
	
.commentmetadata p {
	padding:6px 0 0 0;
	margin: 0;
}	
	
.commentmetadata span {
	padding:8px 14px 0 0px;
	margin: 0 12px 0 0;
	border-right:1px solid #f0f0f0;
}
	
.commentmetadata span.noborder {
	padding:8px 0 0 0px;
	margin: 0 12px 0 0;
	border-right:none;
}
	
.commentmetadata span.reborder {
	padding:8px 0 0 12px;
	margin:0;
	border-left:1px solid #f0f0f0;
	border-right:none;
}
	
.commentmetadata span a {
	padding:0;
	margin: 0;
}
	
* html .commentmetadata span a {
	padding:-4px 0;
	margin: 0;
}
	
.commentmetadata span img {
	padding:0 6px 0 0;
	margin: 0;
	display: inline;
}
	
.commentmetadata span.commborder {
	padding:8px 0px 0 4px;
	margin: 0 12px 0 4px;
	border-left:1px solid #f0f0f0;
	border-right:none;
	width:10px;
}
	
.commentmetadata span.moderate {
	padding:0;
	margin:0;
	border-right:none;
	background:url(images/edit.png) left no-repeat;
}

	
.avatar {
	float:left;
	margin:0 14px 0 0;
	border-left:1px solid #f0f0f0;
	border-right:1px solid #f0f0f0;
	border-bottom:1px solid #f0f0f0;
}
	
.children{margin:20px;}


/* search */

#searchform {
	padding: 2px 3px 0px 0;
	font-family: verdana, arial, times;
	float: right;
}

#searchform input#s {
	font-family: georgia, verdana, arial, times;
	font-size: 11px;
	padding: 2px;
	margin: 2px 0;
	border: 1px solid #F0F0F0;
	color: #999;
	width: 141px;
	text-transform: uppercase;
}

#searchform input#searchsubmit {
	font-family: georgia, verdana, arial, times;
	font-size: 11px;
	font-weight: bold;
	padding: 2px;
	margin: 2px 0 0 0;
	border: 1px solid #F0F0F0;
	background: #fff url(images/search.jpg);
	color: #333;
	width: 82px;
	text-transform: uppercase;
}
	
#searchform input#searchsubmit:hover {background: #fff;}

/* the alternative search form is to allow you to float 
the search form left instead of right. The main menu requires it to float right. 
That's why this is available. */
	
#altsearchform {
	padding: 12px 3px 3px 30px;
	font-family: verdana, arial, times;
	float: left;
}

#altsearchform input#s {
	font-family: georgia, verdana, arial, times;
	font-size: 11px;
	padding: 2px;
	margin: 2px 0;
	border: 1px solid #F0F0F0;
	color: #999;
	width: 141px;
	text-transform: uppercase;
}

#altsearchform input#searchsubmit {
	font-family: georgia, verdana, arial, times;
	font-size: 11px;
	font-weight: bold;
	padding: 2px;
	margin: 2px 0 0 0;
	border: 1px solid #F0F0F0;
	background: #fff url(images/search.jpg);
	color: #333;
	width: 82px;
	text-transform: uppercase;
}
	
#altsearchform input#searchsubmit:hover {background: #fff;}
	
/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

#mobile_menu {display: none;}


.product {
	padding: 5px !important;
	margin-left: 5px !important;
	margin-right: 5px !important;
	margin-bottom: 20px !important;
}

.product img {max-width:185px !important;height:auto;}

li.product {background-color:#504534;}

.products li .button {left: 55px !important;}
.products li .product_type_variable {left: 46px !important;}

#woo-menu {padding:0 0 10px 0;}

.product-category h3, .products h3, .products .price {text-align:center;}
ul.products li.product a img {margin:0 auto !important;}
.count {
	display: none;
}