/* ==========================================================================
   Main Single Views CSS 
   ========================================================================== */

/**
 * These rules apply to one view (single page, wordpress template, etc) only. 
 * 
 * Rules that apply to more than one public view can be found in   
 * main-global.css or main-helpers.css.  Most layout rules can be found in 
 * main-grid.css 
 *
 */

/*
 Home Page
 ========================================================================== */

body.page-template-page-home-php .pageTitle { 
	color: #6cb400; 
	font-size:1.9em 
} 

body.page-template-page-home-php .home-copy p { 
	font-size: 1.1em; 
	text-transform:uppercase; 
	padding-left: .75em;
	padding-top: .5em;		
}

body.page-template-page-home-php .home-copy a { margin-left:.85em; }

body.page-template-page-home-php .tile { 
	position:relative; 
	background: #fff; 
	min-height:15em; 
}

body.page-template-page-home-php .tile .home-img { margin-bottom:0; }

body.page-template-page-home-php .home-img img { 
	float: right;
	padding-top: .5em; 
	position: relative;
	top: 1px;
	padding-right: 0.3em;
}

body.page-template-page-home-php .tile a.button {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
} 

/*
 I'm New to mPOS
 ========================================================================== */

#basics-box, #box-helpMe {
	position: relative;
	margin-bottom:20px;
}

body.page-template-page-educate-php .box-copy {
	position: absolute;
	right: 0;
	top:0.8em;
	z-index: 1;
}

#basics-box .box-copy, #box-helpMe .box-copy {
	width:25%;
	padding:1em 1em 0.2em;
	
}

#basics-box .box-copy h4, #box-helpMe .box-copy h4 {font-weight:400;}

#basics-box .box-copy p, #box-helpMe .box-copy p {
	font-weight: 200;
	font-size: 0.9em;
}

#basics-box .box-copy {background: #0099ff;}

#box-helpMe .box-copy {background-color:#669900;}

#box-helpMe .box-pick {
	width:60%;
	padding-top:1em;
	padding-left: 1em;
	position: absolute;
	z-index: 10;
}

#box-helpMe .box-pick h4 {
	font-size: 1.7em;
	font-weight: 400;
}

body.page-template-page-educate-php .title_with_line_holder .col_12 { 
	margin-top: 10px;
	margin-bottom: 0;
}

body.page-template-page-educate-php #box-facts {
	clear:both;
	text-align:center;
	padding-top:10px;
	margin-bottom: 35px;
}
body.page-template-page-educate-php #box-facts #facts-list li {
	list-style: none;
	font-size: 18px;
	margin-bottom:15px;
}

#box-software {padding:25px;}

#box-software img {
	float:right;
	margin-top: 5px;
	margin-left: 10px;
}


/*
 I Have mPOS Software
 ========================================================================== */  

#box-hwonly h2,
#box-picksw h2 {
	font-size: 2em;
	line-height: 1.1em;
	margin-bottom: 8px;
}

#box-picksw,
#box-hwonly { min-height: 226px; }

#box-picksw .img-wr { margin-bottom:0; margin-right:0; }

#box-picksw .img-wr img { 
	float: right;
	margin-top: 1.5em;
	position: relative;
	left: 4px;	
}

#box-picksw p,  
#box-picksw select { margin-left: 1em; }

#box-picksw h2 { margin-left: .5em; }

#box-picksw select { 
	width: 90%;
	margin-bottom: .5em; 
}

#box-picksw h2,
#box-hwonly h2 { margin-top: .5em; font-size: 1.8em}
 
#box-hwonly p {  margin-right: 1em; text-align:right; }

#box-hwonly h2 { margin-right: .6em; text-align:right; }

#box-hwonly p,
#box-picksw p { font-size: .9em; }

#box-hwonly a { float:right; margin-right: 1em; }

#box-hwonly .img-wr { margin-bottom:0; }

#box-hwonly .img-wr img { padding-top: .7em; }  
 
/*
 Why POS Tablet
 ========================================================================== */   
 
 /*
  * Can target content area using: div#main-wrapper.transformer-1 <selector>
  */ 
  
.box-whyus { margin-bottom: 2em; }  

.box-whyus img { 
	min-width: 150px;
	height: auto;
	margin-bottom: 1.1em;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.box-whyus h2 { 
	font-weight:600; 
	font-size: 1.1em; 
	text-align:center; 
}

.box-whyus p { 
	font-size: .9em; 
	padding-left: 1.5em; 
	padding-right: 1.5em;
}
 
/*
 SalesGuard
 ========================================================================== */  

 /*
  * Can target content area using: div#main-wrapper.transformer-2 <selector>
  */ 

.sg-box { margin-bottom: 2em; min-height: 16.7em; } 

.sg-box img { 
	min-width: 60px; 
	height: auto; 
	padding-top: 1.4em; 
	margin-left: auto; 
	margin-right: auto; 
	display:block;
}

.sg-box h3 {
	font-weight:600; 
	font-size: 1.2em; 
	text-align:center; 
	padding-left: 1.5em; 
	padding-right: 1.5em; 
	text-transform:uppercase;
	margin-top: 1.2em;
}

.sg-box p {
	text-align:center;
	font-size: .9em; 
	padding-left: 1.5em; 
	padding-right: 1.5em;	
	margin-bottom:2.5em;
}

/*
 Lease or Buy
 ========================================================================== */  

 /*
  * Can target content area using: div#main-wrapper.transformer-3 <selector>
  */

.box-whylease,
.box-whybuy { 
	background-color: #fff; 
	padding: .5em; 
	position:relative; 
	margin-bottom: 1em; 
}  

.box-whylease img,
.box-whybuy img { position:absolute; }

.box-whylease .text-wr,
.box-whybuy .text-wr { padding-left: 90px; }

.box-whylease h3,
.box-whybuy h3 { 
	font-size: 1.1em; 
	font-weight: 600; 
	text-transform: uppercase; 
}

.box-whylease h3 { color: #990066; }

.box-whybuy h3 { color: #69b200 }

.box-whylease p,
.box-whybuy p { font-size: .9em }

/*
 Products
 ========================================================================== */ 
 
body.page-template-page-products-php #v_pageTitle { 
	margin-bottom: .2em; 
	text-transform:uppercase;
} 
#box_helpMe_wide{ margin-bottom: 1em;}
#bottom-help{ margin-top:2em; margin-bottom:2em;}
#bottom-help .button{ margin-top:1.5em;}

/*
 Portal Advantage
 ========================================================================== */ 
/*
 * body.page-template-page-transformer #main-wrapper.transformer-4 [selector] 
 */
   
#main-wrapper.transformer-4 #main-container { background: transparent; margin-top: 2em; }

#main-wrapper.transformer-4 div.pa-content { background: #f4f4f4; margin-top:0; }

#main-wrapper.transformer-4 div.pa-header { 
	background: #0cb1ee; 
	margin-bottom:0; 
	padding-top: .75em;
    padding-bottom: .75em;
}

#main-wrapper.transformer-4 div.pa-header h3 { margin-bottom: 0; }
#main-wrapper.transformer-4 div.pa-header img { margin-left: 1em; }

#main-wrapper.transformer-4 h3,
#main-wrapper.transformer-4 .uppercase,
#main-wrapper.transformer-4 h4,
#main-wrapper.transformer-4 h2 { text-transform: uppercase; }

#main-wrapper.transformer-4 h2.pa-head,
#main-wrapper.transformer-4 .pa-header h2, 
#main-wrapper.transformer-4 .pa-header h3,
#main-wrapper.transformer-4 .pa-highlights p,
#main-wrapper.transformer-4 .pa-highlights h4,
#main-wrapper.transformer-4 .pa-highlights a,
#main-wrapper.transformer-4 .pa-highlights a:hover { color: white; }

#main-wrapper.transformer-4 h3.sec-sub-hd { font-weight: 600; font-size: 1.1em; }

#main-wrapper.transformer-4 .pa-highlights p,
#main-wrapper.transformer-4 .pa-highlights h4 { text-align: center;}

#main-wrapper.transformer-4 .pa-highlights { 
	background: #0cb1ee; 
	margin-bottom: 1.5em;
	padding-top: .5em;
	padding-bottom: 1.5em;	
}

#main-wrapper.transformer-4 .pa-highlights p.num { font-size: 2.5em }

#main-wrapper.transformer-4 .pa-ben-wrap { margin-bottom: 2em; }

#main-wrapper.transformer-4 .pa-ben-wrap h4,
#main-wrapper.transformer-4 .pa-highlights h4 { margin-bottom:.25em; font-size: 1.1em; }

#main-wrapper.transformer-4 .pa-highlights p { margin-bottom:.25em }

#main-wrapper.transformer-4 .pa-header h3.text-r { text-align:right; padding-top:.8em; }

#main-wrapper.transformer-4 .pa-welcome { padding-top: 1.5em; }

#main-wrapper.transformer-4 .pa-welcome p { font-weight: 500; }

#main-wrapper.transformer-4 .pa-ben-wrap h4 { color: #0cb1ee; }

#main-wrapper.transformer-4 .pa-content p.subscript { 
	font-weight: 400; 
	font-size:.8em; 
	margin-bottom:0; 
	padding-top:0;
	padding-bottom:.2em;
}

#main-wrapper.transformer-4 .pa-head { margin-top:0.8em; margin-bottom:0.8em; }

#main-wrapper.transformer-4 div.pa-header h3, 
.pa-welcome p { padding: 0.5em 1em; }

#main-wrapper.transformer-4 .pa-highlights p { margin-left: 1em; margin-right: 1em; }

#main-wrapper.transformer-4 .pa-ben-wrap, 
#main-wrapper.transformer-4 h3.sec-sub-hd { padding-right: 1em; padding-left: 1em; }

#main-wrapper.transformer-4 .pa-content.buy { padding-bottom: 1.5em; }

/*
 Contact Us Page Template
 ========================================================================== */ 

body.page-template-page-contact-php .contact_form li { 
	margin-left:0; 
	padding-left:0; 
	list-style:none; 
	margin-bottom: 1em;
}

body.page-template-page-contact-php .contact_form label { 
	display:block; 
	font-weight:700; 
	margin-bottom: .5em; 
}

.mktInput input, .mktInput textarea {
	border: 1px solid #ddd;
}

.mktInput input[type="text"] { 
	padding: .75em .25em .75em .25em; 
	width: 90%; 
	min-width: 200px;	
}

.mktInput textarea {
	padding: .75em .25em .75em .25em; 
	width: 90%; 
	min-width: 200px;	
	height: 75px; 
}

.mktInput select {
	padding: .75em .25em .75em .25em; 
	width: 60%; 
	min-width: 200px;	
	border: 1px solid #ddd;
}

.mktField.req label:after {
	content: "\f155";
	-webkit-font-smoothing: antialiased;
	vertical-align: top;
	display: inline-block;
	font: normal 8px/1 'dashicons';
	color: #333;
	margin-left: .5em;
	color: #cc0000;
}

/*
 * Client form validation errors contact page
 */
#e_messages label.error { display:block; color:#fff; }

#e_messages label { margin-bottom: .3em; } 

input.error, 
select.error { border: 1px solid #c0392b !important; }

#e_messages {
	background: #e74c3c;
	border: 3px solid #c0392b;
	margin-bottom: 1em;
	padding: .5em;
	text-align: center; 
}
 
/*
 Thank You Page  page-id-4119
 ========================================================================== */
  
.page-id-4119 div.container_inner2 {
	min-height: 300px;
	text-align: center;
}

.page-id-4119  h2 {
	font-size: 28px;
	text-align: center;
	color: #990066;
	font-weight: 400;
}

.page-id-4119  p.intro {
	font-size: 20px;
	line-height: 1.3em;
	max-width: 850px;
	margin: auto;
	margin-top: 22px;
}

#thankYouLogoBox {
	margin: auto;
	margin-top: 3em;
	width: 162px;
}

/*
 Sitemap Page -- page-id-4157
 ========================================================================== */
 
body.page-id-4157 .entry h2 { color: #990066; margin-top: 1em }

body.page-id-4157 h2.wsp-pages-title { margin-top: 0; }

/*
 Checkout Page
 ========================================================================== */ 
 
body.page-template-page-checkout-php #cart-iframe { border: none; }

body.page-template-page-checkout-php #cart-iframe,
#mock-cart-iframe { margin-top: 2em; }

body.page-template-page-checkout-php #cart-wr { display:none; }

body.page-template-page-checkout-BETA-php #main-container,
body.page-template-page-checkout-php #main-container { padding-bottom: 3em; }

#sum-tot-inner { margin-top:0; }

#sum-tot-inner div { padding-top: .4em; }

#sum-tot-inner div.alpha { padding-top:0; }

#sum-tot-inner p .value { font-size: 1.2em; font-weight: 600 }

#sum-tot-inner div p { text-transform:uppercase; font-weight:600 }

#sum-tot-inner.lease p .value { color:#00adee } /* Blue */

#sum-tot-inner.buy p .value { color:#69b200 } /* Green */

#items-trig { 
	font-weight:700; 
	cursor:pointer; 
	border-left: 2px solid #dcdcdc; 
	padding-left: 2em; 
	/* kill highlighting */
  	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;	
}

#items-trig span:after {
	-webkit-font-smoothing: antialiased;
	vertical-align: top;
	display: none;
	cursor: pointer;
	display: inline-block;
	font: normal 20px/1 'dashicons';
	color: #333333;
	margin-left: .1em;
}

#items-trig span:after { content: "\f347"; }

#items-trig.open span:after { content: "\f341"; }

#cart-sum-items {
	border-top: 1px solid #dcdcdc; 
	border-bottom: 1px solid #dcdcdc; 
	box-shadow: 0 1px 0 #fff;
	-moz-box-shadow: 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 0 #fff;
	-o-box-shadow: 0 1px 0 #fff;
}

#sum-items-inner { 
	background: #ffffff; 
	padding: 1em; 
	padding-bottom:0;
	border-top: 1px solid #dcdcdc;  
	border-left: 1px solid #dcdcdc; 
	border-right: 1px solid #dcdcdc; 
}

#sum-items-inner img { 
	border: 1px solid #ccc; 
	width:70px; 
	height:70px; 
	position:absolute;
}

#sum-items-inner .text-wr { 
	padding-left: 85px; 
	min-height: 75px; 
	padding-top: .7em;  
}

#sum-items-inner .text-wr p { margin-bottom: .2em; font-weight:600 }

#sum-items-inner .text-wr p.line-tots { font-weight:600 }

#sum-items-inner.lease p.line-tots { color:#00adee } /* Blue */

#sum-items-inner.buy p.line-tots { color:#69b200 } /* Green */

#sum-items-inner.buy #non-leasable { display:none; }

#sum-items-inner.lease #non-leasable p.line-tots { color:#69b200; }

#no-lease-alert {
	border-bottom: 1px solid #dcdcdc; 
	box-shadow: 0 1px 0 #fff;
	-moz-box-shadow: 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 0 #fff;
	-o-box-shadow: 0 1px 0 #fff;	
}

#no-lease-alert p {
	text-align: center;
	padding: .5em 1em .5em 1em;
	margin-bottom: 0;
}

#non-leasable h4.title_with_line { background:#ffffff }

/*
 JS Cart Only Page
 ========================================================================== */

body.page-template-page-jscartonly-php #cart-wr { display:none; }

#cart-holder #cart-view { 
	position:relative; 
	width:auto;
	right:auto;
	padding-top: 1.5em; 
} 

#cart-holder #close-cartView { display:none; }

#cart-holder #cart-cont-shopping { display:none; }


/*
 Single Industry/Vertical Page
 ========================================================================== */
 
.single-pos_ind .num-box{
	width: 1.8em;
	height: 1.8em;
	position: absolute;
	font-size: 19px;
	background-color: #990066;
	text-align: center;
	line-height: 1.6em;
	color: #fff;
}

.single-pos_ind .box-rec_sw h2, 
.single-pos_ind .box-rec_sw h3, 
.single-pos_ind .box-rec_sw a { text-transform:uppercase; }

.single-pos_ind .box-rec_sw h4 { padding: 0 1em .3em 1em; }

.single-pos_ind .box_holder_border .learn-more { position: absolute; bottom: 5px; }

.single-pos_ind .box-rec_sw a { color:#00adee; }

.single-pos_ind .box-rec_sw.preferred { /*border-bottom:5px solid #00adee;*/ }

.single-pos_ind .box-rec_sw p { margin-top: 1em; margin-bottom: 1.5em; }

.single-pos_ind .box-rec_sw {
	background-color:#fff;
	padding-bottom: 1em;
	min-height: 27em;
}

.box-rec_sw {
	border-bottom:5px solid #dcdcdc;
}

.single-pos_ind .box-rec_sw.preferred {
	border-bottom: 5px solid #00adee;
}

.box-rec_sw h2 {
	color: #00adee;
	font-size: 1em;
	font-weight: 600;
	margin-bottom: 0;
	padding: 1em 1em 0 1em;
}

.box-rec_sw h3 {
	font-size: 1em;
	font-weight: 600;
}

.box-rec_sw h3, 
.box-rec_sw p, 
.box-rec_sw .learn-more {
	padding: 0em 1em;
}
 
/*
 Single Software/App Page
 ========================================================================== */


/*
 Single Bundle View
 ========================================================================== */
 
img.hw-bund-thumb { 
	display:block; 
	margin-left:auto; 
	margin-right:auto; 
	margin-top: 2em; 
} 

 
/*
 Single Hardware Page / Single tablet Page
 ========================================================================== */

body.single-pos_tab #page-main,
body.single-pos_hw #page-main { 
	background: #fff; 
	border: 1px solid #ccc; 
	padding: 1em; 
}

body.single-pos_tab #page-main h1,
body.single-pos_hw #page-main h1 { margin-bottom: .25em }

body.single-pos_tab p.buy-price,
body.single-pos_hw p.buy-price { margin-bottom:0; }

body.single-pos_tab img.wp-post-image,
body.single-pos_hw img.wp-post-image { 
	border: 1px solid #ccc; 
	margin-bottom: 1.8em; 
	display:block; 
}

body.single-pos_tab #main-container a.cart.button,
body.single-pos_hw #main-container a.cart.button { margin-bottom: 1.5em; margin-top:1.8em; }

 
/*
 Shopping Cart UI (Item Added / View Cart)
 ========================================================================== */   
 
#blog_sidebar li { list-style:none; }

/*
 POS University Home / Blog Home Page
 ========================================================================== */ 
 
/*
 * Includes some blog archive page CSS that is shared with the blog 
 * home page as well
 */
 
body.blog .subj-wr { padding-bottom: 2.5em; }

body.blog h2.matchh1 { margin-bottom:.25em; }

body.blog #posu-jump { padding-bottom:1em; }
 
body.blog h2.posttitle, 
body.category.blog-page h2.posttitle,
body.tag.blog-page h2.posttitle,
body.author.blog-page h2.posttitle,
body.date.blog-page h2.posttitle {
	padding-top:1em;
	margin-bottom:0.5em;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: 700;
}

body.blog #post_cont a.more-link, 
body.blog #post_cont a.gray.button {
	background:none;
	box-shadow:none;
	color:#000;
	padding:1em 0 0;
	font-weight:600;
}

body.blog #post_cont a.more-link:hover, 
body.blog #post_cont a.gray.button:hover{
	color:#00adee;
}

.blog-page h2.matchh1 {
 	text-align: center;
 }

body.blog .post {
	background-color: #ffffff;
	min-height: 23em;
	padding-bottom: 1em;
}

body.blog #subj-infographics .post { min-height: 26em; }

body.blog .post .posttitle, 
body.blog .post .txt_wrap, 
body.category.blog-page .posttitle, 
body.category.blog-page .txt_wrap,
body.date.blog-page .posttitle,
body.date.blog-page .txt_wrap,
body.author.blog-page .posttitle,
body.author.blog-page .txt_wrap,
body.tag.blog-page .posttitle,
body.tag.blog-page .txt_wrap {
	margin-left:1em;
	margin-right: 1em;
}

.subj-wr a.button:last-child {
	float:right;
	margin-right:0.5em;
	margin-left:0.5em;
	margin-top: 1em;
}

.post.category-hardware, 
.post.category-how-to-guides {
	border-top:6px solid #990066;
}

.post.category-software{
	border-top:6px solid #00adee;
}

.post.category-pos-news,
.post.category-infographics {
	border-top:6px solid #f19429;
}

.post.category-hardware, 
.post.category-software, 
.post.category-pos-news, 
.post.category-how-to-guides,
.post.category-infographics {
	border-bottom:5px solid #dedede;
}

/*
 Single POS U Subject / Single Blog Category Page / Single Tag Page
 ========================================================================== */   

body.category.blog-page article.post,
body.tag.blog-page article.post,
body.author.blog-page article.post,
body.date.blog-page article.post {
	margin-bottom:3.5em;
}

body.category.blog-page article,
body.tag.blog-page article,
body.author.blog-page article,
body.date.blog-page article {
	background: #fff;

}

body.category.blog-page .txt_wrap,
body.date.blog-page .txt_wrap,
body.author.blog-page .txt_wrap,
body.tag.blog-page .txt_wrap { margin-bottom: 1.5em; }

body.category.blog-page .il_pageTitle,
body.tag.blog-page .il_pageTitle,
body.author.blog-page .il_pageTitle,
body.date.blog-page .il_pageTitle  {
	text-align: center;
	text-transform: uppercase;
}


/*
 Single Blog Post / POS U Article
 ========================================================================== */   

body.single-post .blog-title-menu .s-drop-trigger {
	width: auto !important;
	padding-left: 15px;
	padding-right: 12px;
	max-width: 575px;
	overflow: hidden !important;	
}

body.single-post .s-demo-menu { display:none; }

body.single-post #soc_icons_tp { display:none; }

/* Post Layout */
body.single-post p#tags { margin-bottom: .75em; margin-top: 0px; }

body.single-post #blog_content { margin-top:0; }

body.single-post #comments { margin-top: 1.5em; }

body.single-post .il_pageTitle { margin-bottom: 0; font-weight: 600; }

body.single-post .postmetadata { padding-top:3px; padding-bottom:10px }

body.single-post .post.status-publish { border-top:none; border-bottom:none; }

body.single-post .entry { 
	padding-bottom: 0;
	margin-bottom: 2em;
	box-shadow: 0 1px 0 #fff;
	-moz-box-shadow: 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 0 #fff;
	-o-box-shadow: 0 1px 0 #fff;
	border-bottom:1px solid #dcdcdc;
}

body.single-post .entry b { font-weight:inherit;  }

/* Sidebar Layout */

body.single-post #blog_sidebar { margin-top: 2em; }

/* -- Post Meta Data -- */

body.single-post .entry h2 { clear: both }

body.single-post .post_metadata { margin-bottom: 1em; }

body.single-post .post_metadata,
body.single-post .post_metadata a { font-weight:normal;}

body.single-post .post_metadata a { color: #888888; }

body.single-post .post_metadata a:hover { text-decoration:underline; }

body.single-post p#tags span { 	
	color:#888888; 
	font-size:.9em; 
	text-transform: uppercase;
}

body.single-post p#tags span a { 
	font-style:normal; 
	font-weight:normal; 
	text-transform:none; 
}

/* Post Styles */

body.single-post .entry pre { 
	width:100%; 
	overflow:auto; 
	margin:1em 0; 
	display:block; 
	background:#fefefe
}

body.single-post .entry code { 
	padding:0 1em; 
	display:block; 
	font-size:1.1em
}

body.single-post .entry img { border: solid 1px #dcdcdc; }

body.single-post .entry img.wp-post-image { border:none; }

/* ---------- @ Comments -----------*/

.comment-list { 
	padding:0px 0 1em 0;
	margin:0;
}

.comment-list li { 
	list-style:none; 
	padding:1em 0 1em 0; 
	border-bottom:1px dotted #195B9B
}

.comment-list li li{ 
	border:none; margin:0 0 0 20px; 
	padding:1em 0 1em 1.5em; 
	border-bottom:1px dotted #195B9B; 
}

.comment-list li.bypostauthor{ background-color:#fefefe }

.comment-list code { background:#f2f2f2; padding:3px }

.comment-author { overflow:hidden }

.comment-author img { position:absolute }

.commentmetadata, 
.comment-wrap { 
	padding-left:115px; 
	padding-top:0; 
	padding-right:0; 
	padding-bottom:0
}

div.reply { padding:0 }

.comment-date{ 
	font-weight:normal; 
	font-size:.85em; 
	color: #888888;
	text-decoration:none; 
	padding:0;
	line-height:1em;
}

.commentmetadata cite.fn { 
	font-size: 1.2em; 
	font-style: normal; 
	color: #4077ac; 
	font-weight:normal; 
}

.commentmetadata cite.fn a { font-weight:normal; }

.commentmetadata a:hover, 
.commentmetadata a:active{ text-decoration:underline; }

.comment-wrap { margin-top: 1em; padding-bottom: 1.5em; }

/* Nested comments*/
.comment-list li li.depth-2, 
.comment-list li li.depth-3, 
.comment-list li li.depth-4, 
.comment-list li li.depth-5, 
.comment-list li li.depth-6 { 
	border-bottom: none; 
	margin-top:5px; 
	padding-bottom:0px; 
}  

#commentform textarea{ width:400px; height:150px }

#commentform textarea, 
#commentform input[type=text] { padding-left: .25em; }

#commentform label { padding-left: .75em;  }

/* @TODO -- Match other buttons */
.comment-button {
	background:#2d8b3a url(images/green_button_bk.jpg) repeat-x scroll 0 0; 
	border:1px solid #2d8b3a; 
	color:#fff; 
	cursor:pointer; 
	text-align:center; 
	font-size:14px; 
	padding:5px 15px; 
	font-weight:bold; 
	line-height:1.25
}

		
/*Images*/

body.single-post img.wp-post-image { 
	margin-bottom:1.5em;
}

/*
 * Tables in posts. Builds off #SMS table
 * @TODO responsive?
 */

body.single-post table td {
	padding: 1em .75em .25em .75em;
	vertical-align: top;
}

body.single-post table li {
	margin: 0 0 .75em 0px;
	list-style: none;
}

body.single-post table h2 { margin:0; padding:0;}

body.single-post table td:nth-child(1) { width: 135px; }

/*
 Author Archive
 ========================================================================== */

body.author.blog-page .auth-details h2 { margin-bottom:0; font-weight:600  }	


/*
 Shopping Cart Page
 ========================================================================== */
 
/*
 * This is a fallback if the javascript cart fails, should be seen only rarely
 *
 */ 

body.page-template-page-cart-php #cart-wr { display:none; }

body.page-template-page-cart-php #cart-iframe { border:none; }

/*
 Single View Media Queries (for responsive design -- KEEP AT BOTTOM)
 ========================================================================== */
 
/*
 * Global media queries can be found in main-grid.css.  Media Query CSS is only
 * to go in one of these two places
 *
 **/ 

@media all and (min-width: 1024px) and (max-width: 5000px) {
	
	
}

@media all and (min-width: 768px) and (max-width: 1024px) {
	
	/* 
	 * Floating Header (all pages & views )  
	 */
	#phone-hd .hours { display:none; }
		
	/* 
	 * Home Page 
	 */
	body.page-template-page-home-php .home-img img {
		float:none;
		padding-top:0;
		top:0;
		padding-right:0;	
		
	}
	
	/*
	 * All products (ala carte) view
	 */	
	#prod-big-img-wr { min-height:300px }
	
	/*
	 * I'm New / Start Here
	 */	
	#basics-box .box-copy,
	#box-helpMe .box-copy { display:none; }	
	
	#box-helpMe .box-pick { width: auto; margin-right: 1em; }
	
	/*
	 * Cart Page
	 */
	 #cart-iframe { overflow: scroll; }
	 	
}


@media all and (min-width: 480px) and (max-width: 768px) {
	
	/*
	 * Revolution slider - hide on all single column views 
	 */
	.rev_slider_wrapper { display:none !important; }
	
	/* 
	 * Floating Header (all pages & views )  
	 */
	#phone-hd .hours { display:none; }	
	
	/* 
	 * Home Page 
	 */
	body.page-template-page-home-php .home-img img {
		float:none;
		top:0;
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding: 1em;				
	}	
	
	body.page-template-page-home-php .home-copy p {
		text-align: center;
		padding: 1em;	
		margin-bottom:0;	
	}
	
	body.page-template-page-home-php .home-copy a {
		margin-left: auto;
		margin-right: auto;
		min-width: 75px;
		max-width: 100px;
		display: block;
	}

	body.page-template-page-home-php h2.pageTitle { margin-bottom: 1em; }
	
	body.page-template-page-home-php div.tile { margin-bottom:2em; }
	
	/*
	 * I have Software Page
	 */	
	body.page-template-page-haveSftw-php #box-picksw .img-wr,  
	body.page-template-page-haveSftw-php #box-hwonly .img-wr { display:none; }
	
	body.page-template-page-haveSftw-php #box-picksw,  
	body.page-template-page-haveSftw-php #box-hwonly { min-height:100px; padding: 1em; }
	
	body.page-template-page-haveSftw-php #box-picksw h2,  
	body.page-template-page-haveSftw-php #box-hwonly h2, 
	body.page-template-page-haveSftw-php #box-picksw p,  
	body.page-template-page-haveSftw-php #box-hwonly p { text-align:center; }	
	
	body.page-template-page-haveSftw-php #box-hwonly a {
		margin-left: auto;
		margin-right: auto;
		min-width: 75px;
		max-width: 100px;
		display: block; 
		float:none; 
	}
	
	/*
	 * I'm New / Start Here
	 */	
	#basics-box .box-copy,
	#box-helpMe .box-copy { display:none; }	
	
	#box-helpMe .box-pick { width: auto; margin-right: 1em; }	
	
	/*
	 * All products (ala carte) view
	 */
	#prod-big-img-wr { min-height:200px }
	
	/*
	 * Checkout Page
	 */
	 #cart-iframe { overflow: scroll; }
	 
	 
	/*
	 * POS U
	 */ 
	 #posu-jump.jump-menu ul {

		display: block;
		width: 50%;
		margin-left: 0;
		margin-right: 0;
		height: auto;
		position: relative;		  
	}
	
	#posu-jump.jump-menu ul li {
		padding-top: 1em;
		padding-bottom: .6em;
		clear: both;
		padding-left: 5%;
		padding-right:5%;
		width:auto;
	}
	
	#posu-jump li span.pointer {
		display: block;
		float: left;
		position:relative;
	}
	
	#posu-jump li span.label { float:left; }	
	
   /*
	* Portal Advantage Page
	*/
	#main-wrapper.transformer-4 div.pa-header h3,
	#main-wrapper.transformer-4 div.pa-header h3.text-r { text-align:center; }
	
	#main-wrapper.transformer-4 div.pa-header img { 
		margin-right: auto; 
		margin-left: auto;	
		display:block;			
	}
	
	#main-wrapper.transformer-4 .pa-content { padding-bottom: .25em; }
	
}

@media all and (max-width: 480px) {
	
	/*
	 * Revolution slider - hide on all single column views 
	 */
	.rev_slider_wrapper { display:none !important; }
	
	/* 
	 * Floating Header (all pages & views )  
	 */
	#phone-hd .hours { display:none; }	
	
	/* 
	 * Home Page 
	 */
	body.page-template-page-home-php .home-img img {
		float:none;
		top:0;
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding: 1em;				
	}	
	
	body.page-template-page-home-php .home-copy p {
		text-align: center;
		padding: 1em;	
		margin-bottom:0;	
	}
	
	body.page-template-page-home-php .home-copy a {
		margin-left: auto;
		margin-right: auto;
		min-width: 75px;
		max-width: 100px;
		display: block;
	}

	body.page-template-page-home-php h2.pageTitle { margin-bottom: 1em; }
	
	body.page-template-page-home-php div.tile { margin-bottom:2em; }	
	
	/*
	 * I have Software Page
	 */	
	body.page-template-page-haveSftw-php #box-picksw .img-wr,  
	body.page-template-page-haveSftw-php #box-hwonly .img-wr { display:none; }
	
	body.page-template-page-haveSftw-php #box-picksw,  
	body.page-template-page-haveSftw-php #box-hwonly { min-height:100px; padding: 1em; }
	
	body.page-template-page-haveSftw-php #box-picksw h2,  
	body.page-template-page-haveSftw-php #box-hwonly h2, 
	body.page-template-page-haveSftw-php #box-picksw p,  
	body.page-template-page-haveSftw-php #box-hwonly p { text-align:center; }	
	
	body.page-template-page-haveSftw-php #box-hwonly a {
		margin-left: auto;
		margin-right: auto;
		min-width: 75px;
		max-width: 100px;
		display: block; 
		float:none; 
	}	
	
	/*
	 * I'm New / Start Here
	 */	
	#basics-box .box-copy,
	#box-helpMe .box-copy { display:none; }	
	
	#box-helpMe .box-pick { width: auto; margin-right: 1em; }		
	
	/*
	 * All products (ala carte) view
	 */
	#prod-big-img-wr { min-height:200px }
	
	/*
	 * Checkout Page
	 */ 
	#cart-iframe { overflow: scroll; }	
	 
	/*
	 * Portal Advantage Page
	 */
	#main-wrapper.transformer-4 div.pa-header h3,
	#main-wrapper.transformer-4 div.pa-header h3.text-r { text-align:center; }	 
	
	#main-wrapper.transformer-4 div.pa-header img { 
		margin-right: auto; 
		margin-left: auto;	
		display:block;	
	}	
	
	#main-wrapper.transformer-4 .pa-content { padding-bottom: .25em; }
	 	
}