/* ==========================================================================
   Main Global CSS 
   ========================================================================== */

/**
 * All rules apply to elements on two or more views (pages, page templates 
 * etc) on the public facing site
 *  
 * The more global the CSS rule, the higher it should be on this document
 * 
 * CSS that is specific to only one public view will appear in 
 * main-single-views.css
 *
 */

 
/* Controlls Flashes of Unstyled Content (FOUC) caused by javaScript
   rendered content on pageload
   ========================================================================== */ 
   
/*
 * Animation FOUC Control (css animation classes added via JS)
 */
    
.loading .anim,
.loading #top-level span,
.loading .anim * { visibility:hidden; } 

.anim,
#top-level span
.anim * { visibility: visible; }

/*
 * Webkit fonts FOUC Control
 */

.wf-loading h1,
.wf-loading h2,
.wf-loading h3,   
.wf-loading h4,
.wf-loading h5,
.wf-loading h6,
.wf-loading p,
.wf-loading li,
.wf-loading input,
.wf-loading span,
.wf-loading textarea,
.wf-loading select,
.wf-loading a { visibility:hidden  }

.wf-active h1,
.wf-active h2,
.wf-active h3,   
.wf-active h4,
.wf-active h5,
.wf-active h6,
.wf-active p,
.wf-active li,
.wf-active input,
.wf-active textarea,
.wf-active select,
.wf-active span,
.wf-active a { visibility:visible  }

/* Body 
   ========================================================================== */ 
 
body { 
	background: #ffffff;  
	background-image: url(../images/bg-page.gif);	
	background-position: 0px 0px;
	background-repeat: repeat;	
	overflow-x:hidden;
	overflow-y:scroll;
} 

/* Typography 
   ========================================================================== */
   
body, 
select, 
input, 
textarea, 
p, 
li { 
	font-size:14px;
	color:#333;  
	font-family: "raleway-n4","raleway",sans-serif;
	font-style: normal;
	font-weight: 400; 
	line-height:1.5em;   
}

.rale-reg {
	font-family: "raleway-n4","raleway",sans-serif;
	font-style: normal;
	font-weight: 400;	
}

.rale-semi {
	font-family: "raleway-n6","raleway",sans-serif;
	font-style: normal;
	font-weight: 600;	
}

.rale-bold {
	font-family: "raleway-n7","raleway",sans-serif;
	font-style: normal;
	font-weight: 700;	
}

/*
 * Headers
 */

/* Header font & line-height controller */ 
h1, 
h2, 
h3, 
h4,
h5 { 
	font-family: "raleway-n7","raleway",sans-serif;
	font-style: normal;
	font-weight: 400;
	line-height:1.3em;
}

h4,
h5 {
	font-family: "raleway-n6","raleway",sans-serif;
	font-style: normal;
	font-weight: 600;		
}


h1 a, 
h2 a, 
h3 a, 
h4 a,
h5 a { 
	font-weight: inherit !important;
	font-family: inherit !important;
	font-style: inherit !important;
	font-weight: inherit !important;
	line-height: inherit !important;				
}

/* Header font-size controller */
/* Line-height, font-weight over-rider */
h1 { font-size:1.9em; }  

h1.matchh4 { font-size:1.2em; }

h2 { font-size:1.5em; } 

h2.matchh1 { font-size: 1.9em; }  

h3 { font-size:1.5em; }

h3.matchh1 { font-size: 1.9em; }  

h4 { font-size:1.2em; }  

h4.matchh1 { font-size:1.9em; font-weight:400;  } 

h5 { font-size:1em; }

h6 { font-size:1em; font-weight:700 } 

/*
 * Links
 */

a { 
	font-family: "raleway-n4","raleway",sans-serif; 
	color: #333; 
	font-weight: 600;
	text-decoration:none;
}

a:hover { color: #00adee; text-decoration:underline } 

/*
 * Default vertical margins
 */
 
p,
ul,
ol {
	margin-top:0; 
	padding-top:0; 
	margin-bottom: 1em; 
	padding-bottom:0; 
} 

li { margin-bottom: .2em; } 

ol li { margin-bottom: .3em }

h1, 
h2, 
h3, 
h4,
h5,
h6,
h1[class*="col_"], /* override grid margin top when h element uses the grid classes (col_n when 1 <= n <= 12 ) */
h2[class*="col_"],
h3[class*="col_"],
h4[class*="col_"],
h5[class*="col_"] { margin-top:0; margin-bottom: .5em; }

/*
 * List Items
 */

ul, 
ol { 
	margin-left:0; 
	padding-left:0; 
} 

ul li {
	list-style: disc;
	background-image: none;
	list-style-position: inside;
	padding-left:0;
}

ul.image li {
	list-style: none;
	/*background: transparent url(../images/blue-sqare-bul.png) no-repeat scroll 0px 9px;*/
	margin-left: 0;
	padding: .1em 0 0 1.1em;	
}

ul.flush li { list-style:none; }

ol { list-style-position:inside; }

/* 
 * Text Color (Main Colors) 
 */  
  
.orange-t { color: #f19429 !important } 
.green-t { color: #69b200 !important }
.blue-t { color: #00adee !important }
.red-t { color: #990066 !important }

/*
 * Modify text node (other than color)
 */

.center-t { text-align:center; }  

/*
 * Used to resctrict the width of content columns that would otherwise span
 * the width of the screen 
 */
 
h1.restrict-w,
h2.restrict-w,
h3.restrict-w,
h4.restrict-w,
h5.restrict-w,
h6.restrict-w,
.restrict-w h1,
.restrict-w h2,
.restrict-w h3,
.restrict-w h4,
.restrict-w h5,
.restrict-w h6,
.restrict-w li,
.restrict-w textarea,
.restrict-w input,
.restrict-w select,
.restrict-w p { max-width: 750px; }

/*
 * CSS Sprites (Responsive)
 *
 * Generated by http://responsive-css.spritegen.com
 */
.apple-reseller-horz, 
.logo-chat,
.logo-main, 
.logo-main-gray { 
	max-width: 100%; 
	background-size: 100%; 
	background-image: url('../images/global-sprite-resp.png');
 } 

/* Sprite Images (targets) */ 
.apple-reseller-horz { background-position: 0 0%; background-size: 100%; }
.logo-main { background-position: 0 32.374101%; background-size: 111.881188%; }
.logo-main-gray { background-position: 0 68.888889%; background-size: 113%; }
.logo-chat { background-position: 0 100%; background-size: 123.497268%; }

/* 
 * Content Entered into main WP WYSIWYG Editors
 */
 
/* Lists */  

.entry ol, 
.entry ul { margin-left: 1em; }
 
/* Tables */ 
.entry table { 
	margin-top: 1.5em; 
	border:none; 
	margin-bottom: 1em; 
}

.entry th { background: #eee; }

.entry tbody { border-color:#dcdcdc; }

.entry td, 
.entry th { padding: 4px 6px 4px 6px; border-color:#dcdcdc; }

/* General Layout
   ========================================================================== */ 

#header-bar,
#main-wrapper,
#footer-bar,
#graphics-wrapper {
	position:relative;	
}

/* Page Header
   ========================================================================== */ 

#top-bar {
	background: #222;
	z-index: 99999;
	position: fixed;
	width: 100%;
	height: 45px;
}

#top-content { 
	margin-left: 5px; 
	position: relative;
	}

#phone-hd {
	max-width: 625px;
	margin-left: auto;
	margin-right: auto;
}

#top-bar p { 
	text-align: center; 
	margin:0; 
	padding:0; 
	color:#fff;
	font-size:1.3em; 
}

#top-bar .hours a {  
	margin: 0;
	padding: 0;
	color: #fff;
	font-weight:normal;
	text-transform: uppercase;
	font-size: .9em;	
}

#cart-wr {
	position: absolute;
	right: 0;
	top: 0;
}


#hamburger-wr:before {
	content: "\f333";
	-webkit-font-smoothing: antialiased;
	vertical-align: top;
	display: none;
	cursor: pointer;
	display: inline-block;
	font: normal 30px/1 'dashicons';
	color: #fff;
}

/*
#hamburger:before	{
	content: "\f333";
	-webkit-font-smoothing: antialiased;
	vertical-align: top;
	display:none;
	cursor: pointer;	
	display: inline-block;
	font: normal 30px/1 'dashicons';
	color: #fff;
} 
*/ 	
#cart-wr:before {
	content: "\f174";
	-webkit-font-smoothing: antialiased;
	vertical-align: top;
	display:none;	
	display: inline-block;
	font: normal 25px/1 'dashicons';
	color: #fff;
	margin-top:3px;
}

#cart-wr { cursor:pointer; }

#cart-count { 
	display: inline-block;
	padding-top: 6px;
	padding-left: 1px;
	color: #fff;
}

.hasItems #cart-count,  #cart-wr.hasItems:before {
	color: #69b200; /* green */
	/*color: #f19429;  orange*/
}

#header-bar { background: #fff; padding-top: 45px;}

#page-header { 
	margin:0;
}

#logo_gr { margin-left:0;margin-top: 17px }

/* Navigation
   ========================================================================== */ 

#nav-note p { margin-top: 1em; }

/*  
 * Main Navigation
 */ 

#main-nav { 
	float: right; 
	margin:0; 
	padding:0;
	vertical-align:baseline; 
	position:relative;
}

nav#top-level { 
	z-index:100; 
	text-align:left; 
	float:left; 
	position:relative;  
}

ul#menu-main-menu { 
	z-index:100; 
	text-align:left;
	margin:0; 
	padding:0;
}

ul#menu-main-menu li {
	display: inline-block;
	margin:0;
	background-repeat:no-repeat;
	background-position:right;
	z-index:100;
	position:relative;
	text-transform: uppercase;
}
 
#main-nav li a { 
	font-weight:bold; 
	color: #070101;
	text-decoration: none;
	display: inline-block;
	position: relative;
	cursor: pointer;
	padding: 0 12px;
	margin:0;
	z-index:100;
	line-height:82px;
}

#main-nav a span {
	border-bottom: 9px solid transparent;
	display: block;
	height: 70px;
	position: relative;
	overflow: visible!important;
	font-size: 13px;
}

#top-level li:last-child a { padding-right:0; }
	
nav#top-level ul li:hover > a, 
nav#top-level ul li.active > a,
nav#top-level li.current-menu-item > a,
nav#top-level li.current_page_parent > a,
nav#top-level > ul > li.has_sub:hover > a {
	color: #00adee !important;
}	

#main-nav a:hover { text-decoration:none; }

#floaty { 
	border-bottom: 7px solid #00adee !important;
	position: absolute;
	bottom: 0px; 
}

/*
 * This is the frame that comes in from the left 
 */
#hamburger-men {
	display: block;	
	position: fixed;
	z-index: 9999;
	height: 100%;
	left: -30%; /* of window */
	top: 0px;
	width: 30%; /* of window */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow-x: hidden;
	overflow-y: auto;
	background: #3e3c3d;
}

#ham-logo {
	margin-top: 60px;
	margin-bottom:16px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

#hamburger-men ul {
    list-style: none;
    margin: 0;
    width: 100%;
    padding: 0;
}

#hamburger-men li {
	position: relative;
	overflow:hidden;
	list-style: none;
	font-size: 1em;
	text-align: center;
	font-weight: bold;
	border-bottom: 1px solid #373536;
	padding-left: 0;
	margin-bottom: 0;
}

#hamburger-men ul li:first-child{
	border-top: 1px solid #373536;
}


#hamburger-men li a {
    color: #fff;
    text-decoration: none;
	text-align:center;
	display: block; 
	padding: 15px;
	min-width: 100px;
	font-weight: 400;
	text-transform: uppercase;
}

#hamburger-men li a:hover{
	background-color:#393738;
}

/*
 * Jump Menu
 */
 
.jump-menu { 
	width: 100%;
	display: block;
	position: relative; 
}

.jump-menu ul { 
	display:block; 
	width:85%; 
	margin-left:auto; 
	margin-right:auto; 
	height:auto; 
	position:relative; 
}

.jump-menu ul li { 
	width: 18%; 
	padding-left: 1%; 
	padding-right: 1%; 
	text-align:center; 
}

.jump-menu ul li { padding-top: 1em; padding-bottom: .6em; }

.jump-menu ul li a { position:relative; }

.jump-menu ul li a:hover { text-decoration: none;  }

.jump-menu ul li span.label { margin-right: 0; }

.jump-menu li span.pointer:after {  
	content: "\f139";
	-webkit-font-smoothing: antialiased;
	vertical-align: top;
	display: inline-block;
	font: normal 21px/1 'dashicons';
} 

.jump-menu ul li span.pointer { position:absolute; }

/*
 * This is the frame that comes in from the right
 */
 
#cart-view {
	padding: 60px 1.5em 2em 1.5em;	
	display: block;
	position: fixed;
	z-index: 9999;
	height: 100%;
	right: -70%;
	top: 0px;
	width: 70%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow-x: hidden;
	overflow-y: auto;
	background: #3e3c3d;
}

#close-cartView { margin-bottom: .8em; cursor:pointer; }

#cart-view .cart-inner { background: #312f30; padding: 1.5em 1em 1.5em 1em; }

#cart-view p, 
#cart-view li,
#cart-view p a { color: #fff; }

#cart-view .col-var-sel {
  min-width: 60%;
  padding: 0.1em;
  border: 1px solid #fff;
  background-color: #dddddd;
  font-weight: 600;
  box-shadow: 0px 2px 3px rgba(0,0,0,0.7);
}

#cart-view .item-list li.item p{
  margin-bottom:0.3em;
}

#cart-view select option{ background-color:#ffffff; }

#cart-view p a { 
	text-decoration:none; 
	font-weight:normal; 
	display:inline; 
}

#cart-view p a:hover { text-decoration:underline; color:#00adee; }

#cart-view p.cart-num, 
#cart-view #cart-header li,
#cart-view #cart-totals li.label{ text-transform: uppercase;  }

#cart-view #cart-header {
	border-top: 1px solid #222021;
}

#cart-view #cart-header li {
	border-top: 1px solid #403e3f;
	border-bottom: 1px solid #222021;
	margin-bottom: 0;
	padding-top: .25em;
	padding-bottom: .25em;
}

#cart-view ul.item-list li { margin-bottom:0; }  

#cart-view li.item img { float:left; margin-right: .5em; }

#cart-list { margin-bottom:0; }

#cart-list .row { 
	padding-bottom: 1em; 
	padding-top: 1em; 
	margin-bottom:0; 
	border-bottom: 1px solid #222021; 
	border-top:  1px solid #403e3f; 
}

.item-list li.image { margin-right: 1em; }

.item-list li.remove,
#cart-header li.remove { min-width: 8%; }

li.remove .remove-icon:after {
	content: "\f153";
	-webkit-font-smoothing: antialiased;
	vertical-align: top;
	display: none;
	display: inline-block;
	font: normal 21px/1 'dashicons';
	color: #ed746c;
}

.item-list li.remove span {
	width: 1.5em;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1.6em;
	cursor: pointer;
}

.item-list li.item,
#cart-header li.item { min-width: 42%; max-width: 42% }

.item-list li.item p { 
	margin-bottom:0; 
	margin-top:1em; 
	padding-right: .5em; 
}

.item-list li.qty,
#cart-header li.qty { min-width: 20%; text-align:center; }

.qty-changer  {
	width: 5.1em;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.qty-changer span { 
	width: 1.7em;
	height: 1.7em; 
	/*display:inline-block;*/
	display:block;
	float:left;
}
	
.qty-changer span.qty-ch { background: #00a7e8; cursor:pointer; }

.qty-changer span.qty-val { background: white; color: #333; }

.qty-changer .qty-up:after {
	content: "\f132";
	-webkit-font-smoothing: antialiased;
	vertical-align: top;
	display: none;
	display: inline-block;
	font: normal 17px/1 'dashicons';
	color: #fff;
	padding-top: 4px;
}


.qty-changer .qty-dwn:after {
	content: "\f460";
	-webkit-font-smoothing: antialiased;
	vertical-align: top;
	display: none;
	display: inline-block;
	font: normal 20px/1 'dashicons';
	color: #fff;
	padding-top: 2px;
}

#cart-totals { 
	border-top: 1px solid #403e3f; 
	padding-top: 1em; 
	padding-bottom: 1em; 
}

#cart-totals li { 
	padding-bottom: 1em; 
	border-bottom: 1px solid #403e3f; 
	position:relative; 
}

#cart-totals li.spacer { border-bottom: none; }

#cart-totals .mock-border { 
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background: #222021;
}

.item-list li.buy,
#cart-header li.buy,
#cart-totals li.buytotal { min-width: 15%; text-align:center; }

.item-list li.lease,
#cart-header li.lease,
#cart-totals li.lsetotal { min-width: 15%; text-align:center; }

#cart-totals li.spacer { min-width:50%; max-width:50%}

#cart-totals li.label { min-width:20%; text-align:center; }

.item-list li.title,
.item-list li.qty,
.item-list li.buy,
.item-list li.lease { margin-top: 1em;}

.item-list li.title { font-weight: 600; }

#cart-buttons {  
 float:right; 
}

#cart-buttons li { margin-right: 5px; }

#cart-buttons .button,
#cart-cont-shopping {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

#cart-view .item-list li.item p { margin-top:0; }

#cart-view .item-list li.title, 
#cart-view .item-list li.qty, 
#cart-view .item-list li.buy, 
#cart-view .item-list li.lease { margin-top:0; }


/*
 * This is the frame that comes in from the top
 */

#cartAlert-view {
	background: #e2e2e2;
	z-index:99995; 
	padding-top:47px;
	min-height: 100px;
	position:fixed;  
	width:100%; 
	bottom: 100%; /* of window */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* Move down 47px due to the other fixed header*/
	transform: translate3d(0,47px,0);
    -webkit-transform: translate3d(0,47px, 0);
    -ms-transform: translate3d(0, 47px, 0);	 
}

/* Big Top Image & Text
   ========================================================================== */ 

/* @TODO -- Replace revolution slider with jQuery/CSS Transitions for all One-Step transition  */
   

/*
 * Social share buttons
 *
 * @TODO -- Utilize this for te blog posts
 */

ul.soc_icons { 
	overflow: hidden;
	margin-left: 0; 
	margin-bottom: 3px; 
}

.soc_icons .lin-button { margin-left: 1px; }

.soc_icons .fb-button { margin-top: -4px; margin-left: -21px; }

.soc_icons .twit-button { margin-left: 10px; width: 81px; }

.soc_icons .googPl-button { margin-left: 10px; } 

/* Content Wrappers
   ========================================================================== */
   
#main-container { background: #f4f4f4; top: 30px; }
   
#page-main { 
	margin-top: 2em; /* match .grid left/right padding */
	margin-bottom: 2em; /* match .grid left/right padding */
	overflow: hidden;
}  
 
/* Page Footer
   ========================================================================== */

#footer-bar { background: #ffffff; margin-bottom: 2em;}

#page-footer { 
	padding-top: .9em; 
	padding-bottom: .9em;
	overflow:hidden;
}

#ft-val-prop {
	font-size: 1em;
	display: block;
	margin-top: 1em;
	font-weight: 600;
}

#ft-logo-wr img { margin-bottom: .9em; }

#page-footer h3 {
	color: #990066;
	font-size: 1em;
	text-transform: uppercase;
	line-height: 1.1em;
	margin-bottom: .9em;
	font-weight: 600;
}

#page-footer ul.ft-links { margin-top: 0; margin-bottom: 2em; }

#page-footer ul li { 
	line-height:initial; 
	margin-bottom: .5em; 
	list-style:none; 
}

#page-footer ul li a { 
	font-size: .9em; 
	text-transform: uppercase;
	font-weight: 400;
}

#page-footer .social_menu {
	line-height: 0px;
	margin-bottom: 2em;
	margin-top: 3px;
}

#page-footer .apple-wr {
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	padding: .6em 0 1em 0;
	margin-bottom: 2em;
}

#page-footer p { padding-top:0; margin-top:0; }

#page-footer .column4 p { padding-top:0; margin-top:-3px; }

#page-footer p.foot-legal { 
	font-size:.8em; 
	color:#AAA; 
	width: auto; 
	padding:0; 
	margin:0; 
}

#page-footer p.foot-legal a { color: #aaa; }

/*
 * Chat Button & Launcher
 */
 
#chat-launch-wr {
	position: fixed;
	top: 100%;
	left: 3%;
	z-index: 99999;
}

#chat-launch-inner {
	padding: 2em;
	background: #f4f4f4;	
	z-index: inherit;
	position:absolute;	
	border: solid 4px #f78e0d;
	border-bottom: none;
}

#chat-launch-wr .title_with_line_holder {
	margin-top: 1.8em;
	margin-bottom: .4em;
}

#chat-launch-wr h4.title_with_line {
	font-size: .9em;
	line-height: 1em;
	text-align: center;
	min-width: 16%;
	margin-left: 39%;
	padding: 0 1em 0 1em;
}

#show-chat-wr { 
	position:absolute; 
	z-index:inherit;
	left: -4px;
	bottom: 100%;
	padding: 4px;
	padding-bottom: 0;
	background: #f78e0d;
}

#show-chat-wr a {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	text-transform: uppercase;
	font-size: 1.4em;
	font-weight: 400;
	padding: .8em 2.5em;	
}

#chat-launch-wr img {
	max-width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-bottom: 1.5em;
}

#chat-launch-wr p {
	font-size: 1.2em;
	font-weight: 600;
	max-width: 16em;
	margin-bottom: 0;
}

a.la-button { 
	font-size: 1.2em;
	font-weight: 600;
	padding: 1em 2em;	

 }

.la-button span { text-transform:none; }




/* Other Layout Elements
   ========================================================================== */ 

/* 
 * Top Graphics Section 
 */

#graphics-wrapper { background: #ffffff; overflow:hidden; z-index:0 }

#graphics { min-height:40px; }

/* 
 * Page Sub-headers with full line across
 */
 
h4.title_with_line, 
h1.title_with_line,
h3.title_with_line,
h5.title_with_line {
	text-align: left;
	display: inline-block;
	position: relative;
	z-index: 100;
	padding: 0 1em 0 0;
	margin-bottom:0;
	background: #f4f4f4;
	text-transform:uppercase;
	font-size: 1em; 
	line-height: 1em;
}

h3.title_with_line { font-size: 1.3em; }

h5.title_with_line {font-size:1em;text-transform: none;}
 
.title_with_line_holder {
	position: relative;
	display: block;
	margin-bottom: 10px;
}

.title_with_line_separator {
	position: absolute;
	top: 43%;
	left: 0;
	display: inline-block;
	width: 100%;
	height: 1px;
	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;
	z-index: 10;
}

/*
 * Box Shadows
 */

.box-shadow {
    background-color: #fff; 
	box-shadow: 0 1px 1px 1px #ccc;
	-moz-box-shadow: 0 1px 1px 1px #ccc;
	-webkit-box-shadow: 0 1px 1px 1px #ccc;
	-o-box-shadow: 0 1px 1px 1px #ccc; 
} 

.box-shadow-heavy {
	box-shadow: 2px 0px 10px 2px #bbb;
	-moz-box-shadow: 2px 0px 10px 2px #bbb;
	-webkit-box-shadow: 2px 0px 10px 2px #bbb;
	-o-box-shadow: 2px 0px 10px 2px #bbb; 
} 

.box-shadow-h-stacked {
	box-shadow: 2px 0px 10px 2px #bbb;
	-moz-box-shadow: 2px 0px 10px 2px #bbb;
	-webkit-box-shadow: 2px 0px 10px 2px #bbb;
	-o-box-shadow: 2px 0px 10px 2px #bbb; 	
}

/*
 * Content Boxes
 */
 
.box-hwben  {
	padding: 0 0 .5em;
	background-color: #fff;
	border-bottom: 4px solid #dcdcdc;	
	min-height: 20em;
}

.box-hwben  .num-box {
	width: 2.5em;
	height: 2.5em;
	position: absolute;
	background-color: #0099ff;
	text-align: center;
	line-height: 2.5em;
	color: #fff;
	font-weight: 600;
}

.box-hwben h4 {
	padding: 1em 1em 0 1em;
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: 700;
}

.box-hwben p {
	margin-bottom: .4em;
	margin-top: .4em;
	padding-right: 1em;
	padding-left: 1em;
	font-size: 1em;
}

.box-liz { 
	padding: 1.5em .5em 1.5em .5em; 
	margin-bottom: 1.5em;
} 

.box-liz img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;	
}

.box-liz h3 { 
	text-align: center; 
	text-transform:uppercase; 
	font-weight:600; 
}

.box-liz p { 
	font-size: 1.2em; 
	font-weight: 600; 
	text-align:center;
}

#box-start-here h3 { text-transform: uppercase; font-size: 1.5em; }

#box-start-here h3, 
#box-start-here p { font-weight:600; }

#box-start-here div.button-wrap { text-align:center; padding-top: 1em; }

/*
 * List of Software Logo Tile
 */
 
#sw_list li {	
	float: left;
	margin: 0;
	background: white;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	margin-right: 2%;
	margin-bottom: 2%;
	width: 18%;	
	list-style:none;
	
}

#sw_list li img {
	width: 90%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

/* 
 * Sections 
 */
 
/* @TODO - */  

.s-head { }

section,
.section,
.mock-section {  
}
   
/* UI
   ========================================================================== */
 
/*
 * Main Buttons
 */

a.button,
.gform_button,
#mktFrmSubmit,
a.more-link {
	width: auto;
	display: inline-block;
	margin: 0;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	white-space: nowrap;
	text-transform: uppercase;	
	text-align: center;
	-moz-box-shadow: 0 1px 1px 1px #ccc;
	-webkit-box-shadow: 0 1px 1px 1px #ccc;
	-o-box-shadow: 0 1px 1px 1px #ccc;		
	box-shadow: 0 1px 1px 1px #ccc;
}

.gform_button { 
	text-align: center;
	border: none;
	cursor: pointer;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}


/* Button Size values */
a.medium.button, 
.gform_button {
	font-size: 1.4em;
	line-height: 1.5em;
	font-weight:400;
	padding: 18px 45px;	
}

a.small.button,
a.more-link, 
#mktFrmSubmit {
	font-size: .8em;
	line-height: 1em;	
	padding: 13px 34px;
}

a.large.button {}

#mktFrmSubmit { border:none; font-size: 1em; font-weight:600 }

/* Button Color Values */
a.blue.button,
#mktFrmSubmit { background-color: #00adee; }

a.blue.button:hover,
#mktFrmSubmit:hover { background-color: #1ab4ee }

a.green.button { background: #69b200; } 

a.green.button:hover { background: #7abb1a; } 

a.orange.button { background: #f78e0d; } 

a.orange.button:hover { background: #fe991c;  } 

a.gray.button,
a.more-link { background: #666; }

a.gray.button:hover,
a.more-link:hover { background:#777; }

a.red.button { background: #990066; }

a.red.button:hover { background-color:#b0216e; }

p.help-phone {
	font-weight: 600;
	font-size: 1.2em;
}

/* icon font icons misc */

.help-phone:before {
	content: "\f470";
	-webkit-font-smoothing: antialiased;
	vertical-align: top;
	display: inline-block;
	font: normal 28px/1 'dashicons';
	color: #333;
	margin-right: .1em;
}

/* Button icon Values */
.button span.icon { width: 28px; height: 28px; }

.order span.icon:before {
	content: url(../images/order_icon.png);
	top: 5px;
	position: relative;
	right: 5px;
}

.lease span.icon::before {
	content: url(../images/lease_icon.png);
	top: 5px;
	position: relative;
	right: 5px;
}

.contact span.icon::before {
	content: url(../images/need_help_icon.png);
	top: 7px;
	position: relative;
	right: 8px;
}

.email span.icon::before {
	content: url(../images/contact_us_icon.png);
	top: 7px;
	position: relative;
	right: 8px;	
}

.call span.icon::before {
	content: url(../images/call_us_icon.png);
	top: 7px;
	position: relative;
	right: 8px;	
}

.chat span.icon::before {
	content: url(../images/chat_now_icon.png);
	top: 7px;
	position: relative;
	right: 8px;
}

/* Button with bottom border */
.button.wbotbord {
	border-bottom: 3px solid #ffffff;
	display:block;
}

.button.green.wbotbord { border-color: #619e04; }

.button.orange.wbotbord { border-color: #e37407;}

.button.blue.wbotbord { border-color: #1e8ebd; }

.button.red.wbotbord { border-color: #7b184d }

/* center buttons */

p.center-buttons { 
	text-align: center;
	margin-top: 1.5em;
	margin-bottom: 2em; 
}

p.center-buttons a { margin-right: .5em; }

/* Commenting buttons(blog post) link styling */
a.comment-reply-link, 
a#cancel-comment-reply-link,
#commentform #submit { 
	padding: 18px 45px;
	font-size: 1.1em;
	display: inline-block;
	background: #00adee;	
	color:white;
	line-height: 1em;
}

#commentform #submit { border:none; }

a.comment-reply-link, 
a#cancel-comment-reply-link { 
	display: inline;	
	padding: 13px 34px;; 
	font-size: .8em;
	line-height: 1em;
	background: #888888;
}

a#cancel-comment-reply-link { margin-left: 15px; }

a.comment-reply-link:hover, 
a#cancel-comment-reply-link:hover { background: #999999; text-decoration:none; }

/*
 * UI Close icon
 */
 
.closer { font-weight: 600; }

.closer:after {
	content: "\f153";
	-webkit-font-smoothing: antialiased;
	vertical-align: top;
	display: none;
	display: inline-block;
	font: normal 20px/1 'dashicons';
	color: #333;
	margin-left: 3px;
}

.closer.light { color: #fff; }

.closer.light:after { color: #fff; }

/*
 * Tooltip
 */

/* Tooltip trigger */ 

.pa-bug { 
	padding: 0 .2em 0 .2em;
	cursor: help;
}

.pa-bug .bug-inner { 
	color: #fff;
	background: #00adee;
	font-size: 13px;
	font-weight: 900;
	line-height: 1em;
	display: inline-block;
	padding: 3px 5px 2px 6px;
	position: relative;
	top: -1px;
	border-radius: 13px;
}
 
/* Tooltip Content - Required Styles */

#aToolTip {
	position: absolute;
	display: none;
	z-index: 99997;
}

#aToolTip .aToolTipContent {
	position:relative;
	margin:0;
	padding:0;
} 

/* Tooltip Content - Default Theme */

/*
 * Tooltip uses px instead of em
 * We want to tightly control size, etc
 *
*/

.tt_theme_default {
	background: #0cb1ee;
	width: 375px;
	height: 350px;
	color: #fff; 
	border: 6px solid #f8f8f8;
	position:relative;
	padding: 0 15px 25px 0;
}
	
.tt_theme_default .pa-highs-list li { list-style:none; }

.tt_theme_default .pa-header { margin-bottom: 25px; padding: 15px 0 0 15px; }

.tt_theme_default .pa-header h3 { 
	float:left; 
	text-transform:uppercase; 
	font-size: 16px; 
	font-weight:900; 
	line-height: 15px; 
	padding-top: 7px;
}

.tt_theme_default .pa-header img { 
	float:right; 
	height: 33px; 
	width:auto;  
	display:none;
}

.tt_theme_default li.num { position: absolute; width:100px }

.tt_theme_default li.num span { font-size: 35px; text-align: center; display:block; padding-top: 22px; }

.tt_theme_default li.pa-content { padding-left:100px }

.tt_theme_default .pa-high { margin-bottom: 20px; }

.tt_theme_default .pa-high li,
.tt_theme_default .pa-high p,
.tt_theme_default .pa-high h4 { color: #fff; }

.tt_theme_default .pa-high h4 { 
	font-size: 14px; 
	text-transform:uppercase; 
	margin-bottom: 3px;
}

.tt_theme_default .pa-high p { font-size: 14px; line-height: 20px; margin-bottom:0; }

.tt_theme_default .pa-high span.uppercase { text-transform: uppercase; }

.tt_theme_default .pa-high p.subscript { font-size: 12px; font-style:italic; }

/*
 * Tabs (with border)
 */
 
.tabs .tabs-nav {
	list-style: none outside none;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

.tabs .tabs-nav li {
	list-style: none outside none;
	float: left;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
}

tabs .tabs-nav li a {
	padding-left: 2em;
	padding-right: 2em;
}


.tabs .tabs-nav li a {
	height: 3.5em;
	line-height: 3.5em;
	display: block;
	color: #333;
	background-color: #ededed;
	font-size: 1em,;
	padding: 0 2.5em;
	text-decoration: none;
	-webkit-transition: all .2s ease 0s;
	-moz-transition: all .2s ease 0s;
	-o-transition: all .2s ease 0s;
	-webkit-transform: translateZ(0px);
	-moz-transform: translateZ(0px);	
	}

.tabs-nav li a.mock-tab { cursor:text; }

.tabs.with_border .tabs-nav li.active a {
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #ccc;
	background-color: #fff;
}

.tabs.with_border .tabs-container {
	border: 1px solid #ccc;
}

.tabs .tabs-container {
	margin: -1px 0 25px;
	overflow: hidden;
	width: 100%;
	background-color: #fff;
}

.tabs .tab-content {
	padding: 20px 25px;
}

/*
 * Tabs - Vertical 
 */
 
ul#vert-tab-nav { 
	margin: 0;
	padding: 2em .25em 2em .25em;
	background: #fff;
	border: solid 1px #ccc;
	border-right: solid 1px #fff;
	position: relative;
	left: 1px;
	z-index: 2;
}  

ul#vert-tab-nav li { 
	list-style:none;
}

ul#vert-tab-nav li a { 
	text-align: right; 
	text-transform: uppercase; 
	font-weight: normal; 
	display:block;
}

ul#vert-tab-nav li a:hover {
	text-decoration: underline;
	font-weight:bold;
	color: #333;	
}

ul#vert-tab-nav li.active a { 
	text-decoration: underline;
	font-weight:bold;
}
 
div.vert-tab-window { 
	display: none; 
	position: relative;
	background: #fff;
	border: solid 1px #ccc;
	padding: 2em;
}

div.vert-tab-window.active { display:block !important; }

.vert-tab-window div.prod-window-top,
.vert-tab-window div.button-wr { margin-top:0; }

.vert-tab-window div.button-wr { min-height: 80px; }

/* Vert tabs w/ products */

div.vert-tab-window .prod-title { 
	font-size: 1.7em;
	font-weight: 600;
	margin-left:0; 
	margin-bottom: .5em;
}

.prod-big-txt-wr { background: #f4f4f4; padding: 1em; margin-top: 1em;
margin-bottom: .75em;}

span.color-wr-label { float:left; margin-right: .5em; }

ul.colors { margin-bottom: 1em; }

ul.colors li span {
	display:block; 
	border: 1px solid #fff;
	width: 1em; 
	height: 1em; 
	text-indent: -99999px;
}

ul.colors li.color-black { background: #000 }
ul.colors li.color-red { background: #cc3333 }
ul.colors li.color-green { background: #339933 }
ul.colors li.color-blue { background: #0000FF;}
ul.colors li.color-yellow { background: #ffee00; }
ul.colors li.color-brushed {  background: #666666; }
ul.colors li.color-cream {   background: #ffffcc;}
ul.colors li.color-orange {  background: #ff9933; }
ul.colors li.color-white { background: #ffffff; }

ul.colors li a { 
	display:block; 
	border:1px solid #606060; 
	padding:0; 
	margin:0; 
}

ul.colors li.active { border:1px solid #606060; }

ul.colors li:hover { border:1px solid #606060; } 

ul.colors li {
	border:1px solid #f4f4f4;
	margin-right:.65em;
}

.prod-big-txt-wr .prices li { margin-bottom: .3em; list-style:none; }

.prod-big-txt-wr p { margin-bottom: .5em; }

.short-desc-wr .prod-det { float:right; font-size: .95em; line-height:1.2em; /*color: #00adee;*/ }

.prod-thumb-wrap { float:left; margin-left: 5px;}

.prod-thumb-wrap h4.cat-title { display:none; }

.prod-thumb-wrap ul.prod-thumbs {  
	width: 275px;
}

.prod-thumb-wrap ul.prod-thumbs li { 
	cursor:pointer;
	list-style:none;  
	margin:0; 
	padding:0;
	float:left;	
	margin-right: 20px;
	max-width: 115px;
}

ul.prod-thumbs li.active img { 
	cursor:auto; 
	-webkit-box-shadow: 0 0 10px #555;
    box-shadow: 0 0 10px #333;
}

.prod-thumb-wrap ul.prod-thumbs li.active img,
.prod-thumb-wrap ul.prod-thumbs li:hover img { border: 1px solid #606060; }

.prod-thumb-wrap .hw-sub-title { 
	font-size: .8em;
	line-height: 1.3em;
	padding-top: .5em; 
	height: 50px;
	overflow:hidden;
	margin-bottom: .25em;
}

.prod-thumb-wrap a:hover, 
.prod-thumb-wrap a:hover .hw-sub-title { 
	text-decoration:none;
}

.prod-thumb-wrap li.active .hw-sub-title {
	font-weight: 600;
}

ul.prod-thumb-nav {  
	margin-left: 10px;
	margin-right: 10px;
	padding-right: 10px;	
}

ul.top-thumb-nav { display:none; margin-top:0; margin-bottom:1em; }

li.pt-nav-left { width: 15% }

li.pt-nav-left:before {
	content: "\f341";
	-webkit-font-smoothing: antialiased;
	vertical-align: top;
	cursor: pointer;
	display: inline-block;
	font: normal 23px/1 'dashicons';
	color: #555;
}

li.pt-nav-counter { 
	width: 70%; 
	text-align:center; 
	font-weight:700; 
}

li.pt-nav-right { width: 15%; float:right; }

li.pt-nav-right:before {
	content: "\f345";
	-webkit-font-smoothing: antialiased;
	vertical-align: top;
	cursor: pointer;
	display: inline-block;	font: normal 23px/1 'dashicons';
	color: #555;

}

ul.prod-thumbs li img { border: 1px solid #ccc;	}

/*
 * Thumb rotator
 */

ul.prod-thumbs { display:none; } 

ul.prod-thumbs.active { display:block; }

div.prod-thumb-wrap ul.bot-thumb-nav { margin-bottom: 2em; }

/*
 * Big Image Area
 */ 


.prod-big-wr { 
	padding-left: 285px;
	min-height: 450px;
}

.prod-big-inner { overflow:hidden; }


.prod-big-img-wr { 
	border:solid 1px #ccc; 
}

.prod-big-img { 

	margin-left: auto; 
	margin-right: auto; 
	display:inline-block;
}

.prod-long-desc { background:#f6f6f6; padding: 1em; margin-top: 1em; }

.prod-long-desc a.cart.button { margin-right: 1em; }

/*
 * Accordion
 */
 
.accordion .accordion_item { margin: 0 0 2px 0; }

.accordion h5 {
	font-weight: 600;
	text-transform: uppercase;
	min-height: 60px;
	line-height: 62px;
	cursor: pointer;
	margin: 0;
	padding: 0 0 0 20px;
	background-color: #fff;
	overflow: hidden;	
}

.accordion h5.ui-state-hover { 
	background-color: #69b200; 
	color: #f4f4f4;
}

.accordion h5 span.control-pm {
	background-image: url(../images/plus.png);
	height: 60px;
	width: 55px;
	display: block;
	position: relative;
	float: right;
	margin: 0 0 0 10px!important;
	background-position: center;
	background-repeat: no-repeat;
}

.accordion h5.ui-state-hover span.control-pm { background-color: #69b200; }

.accordion div.accordion_content {
	padding: 1em 1.4em 1.6em;
	margin: 0;
	background-color: #fff;
}

.accordion div.accordion_content p {
	font-size: .9em;
	margin:0;
}

/*
 * Shopping Cart Alert
 */

#cartAlert-wr { position:relative; }

.cAlert-center { 
	position:relative;
	max-width: 740px;
	margin-left: auto;
	margin-right: auto; 
} 

#cartAlert-inner { min-height: 170px; padding-bottom: 20px; }
 
#cartAlert-inner .img-wr img { position:absolute; border: 1px solid #ccc; } 

#cartAlert-inner .text-wr { padding-left: 200px; margin-top: 20px; }

#cartAlert-inner .text-wr h2 { font-weight: 600; }

#cartAlert-inner .text-wr p {
	font-weight: 600;
	margin-bottom: 0.6em;
}

#cartAlert-inner .text-wr a { margin-right: 1em; }

#close-cartAlert { 
	position: absolute;
	bottom: 5px;
	right: 39px;
	cursor: pointer; 
}

/*
 * Shopping Cart Error
 */

.cart-error { 
  display:none;
  background: #e74c3c;
  border: 3px solid #c0392b;
  margin-bottom: .9em;
  padding: .5em;
  text-align: center;
}

.cart-error p { color:#ffffff; margin:0; }


/*
 * Modal Overlay
 *
 **/

#overlay {
  position: fixed;
  z-index: 9995;
  background-color: rgba(0,0,0,0.5);	
}

#overlay.active {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;	
}


/* Misc Reused CSS Rules
   ========================================================================== */
   
/*
 * Misc rules that are used across multiple views
 */   

.upperCase{text-transform:uppercase;}
.lowerCase{text-transform:none;}

h1.pageTitle,
h2.pageTitle { 
	text-align:center; 
	color: #990066; 
	text-transform:uppercase; 
}

.gradient-bg {
	-moz-box-shadow: inset 0 0 80px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0 0 80px rgba(0,0,0,0.3);
	box-shadow: inset 0 0 80px rgba(0,0,0,0.3);
	background-color: #fff;
	/*border: 1px solid #d3d3d3;*/		
}

#ind_dd {
	padding: 2px;
	margin-left: 0;
	width: 100%;
	margin-left:auto; 
	margin-right: auto;
	box-shadow: 0px 3px 4px rgba(0,0,0,0.2);
	border: 1px solid #0099ff;
	font-size: 16px;
	text-indent: 4px;
	min-height: 40px;
	margin-bottom:1.5em;
}

#box-helpMe_wide #box-copywr h4 {  
	margin-top: .4em;
	margin-bottom: .3em;
}

#box-helpMe_wide #ind_dd {
	margin-top: 5px;
}

.box-copy p, .box-copy{color:#fff;}


#sw_dd {
	padding: 4px;
	margin-top: 2px;
	margin-left: 0;
	width: 240px;
	box-shadow: 0px 3px 4px rgba(0,0,0,0.2);
	border: 1px solid #0099ff;
	font-size: 16px;
	text-indent: 4px;
	min-height: 40px;

}

/*
 * Help Bar
 */ 
 
div.help-bar { 
	background: #dfdfdf; 
	margin-bottom: 2em; 
	margin-top: 1em; 
	padding-top: 0; 
	padding-bottom:0; 
}

div.help-bar div[class*="col_"] { margin-top:0; margin-bottom:0 }

div.help-bar .salesguard { padding-top:3em }

.salesguard .img-wr img { 
	display: block; 
	margin-right: auto; 
	margin-left: auto; }

.help-bar .text-wr h5 { text-transform: uppercase; margin-bottom: .3em; }

div.help-bar .lizard .text-wr { padding-top: 3em; }

.help-bar span.help-phone,
.help-bar span.help-chat {

	font-weight: 600;
	font-size: 1.2em;
		
}

.help-bar span.help-phone { margin-right: .8em; }

.help-bar span.help-chat:before { 
	/*content: "\f125";*/
	-webkit-font-smoothing: antialiased;
	vertical-align: top;
	display: inline-block;
	font: normal 28px/1 'dashicons';
	color: #333; 
	margin-right: .1em;
}

.help-bar span.help-chat { cursor: pointer; }

.help-bar span.help-chat:hover {
	text-decoration:underline; 
	
	
}

/*
 * Hardware Specific rules used across multiple views
 */

ul.prices li,
ul.prod-list ul.prices li { margin-right: 1.5em; margin-bottom: 1.25em; } 

p.lse-price,
li.lse-price { 
	color: #00adee; 	
	font-weight:600; 
	font-size: 1.3em;
	margin-bottom:3px;
	line-height: 1em; 
}

p.sgpp-note {
	font-size: .9em;
	padding-left: 1em;
	margin-bottom: .5em;
	color: #000;
}

p.buy-price,
li.buy-price {
	color: #666666;
	font-weight: 600;
	font-size: 1.3em;
	line-height: 1em;		
}

ul.prod-list {
	overflow: hidden;	
	margin-bottom:0;
}

.prod-container ul.prod-list h3 {
	margin-bottom:0;	
}

ul.prod-list li {
	list-style:none;
	margin-bottom:2em;
}

ul.prod-list p.sub-head {
	font-size: 1.1em;
	color: #888;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: .2em;
}

ul.prod-list .item-copy a.button.cart { margin-right: 1em; }

h1.prod-title, 
h2.prod-title,
h3.prod-title { font-weight:600; }

.prod-container h3 { margin-bottom: .2em; }

.prod-container a.cart.button { margin-top: 1em; }

.prod-container img { border: 1px solid #ccc; }

/*
 * Tweak margins & padding
 */

.margin_0a0a {
	margin-top:0 !important;
	margin-bottom:0; !important;
}

/*
 General blog related archive stuffs
 ========================================================================== */

body.blog-page .button-load-posts { display:none; }
 

/*
 General blog sidebar stuffs 
 ========================================================================== */
 
body.blog-page .side-sec { 
	margin-bottom: 4em; 
	padding: 0 1em .25em 1em; 
}

body.blog-page .side-sec h3 { 
	color: #333; 
	font-weight: 600;
	font-size: 1.3em;
	text-transform: uppercase;
	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;
	padding-bottom: .3em;	
}	

body.blog-page .side-sec li { 
	margin-left: 0; 
	padding-left:0; 
	background-image:none;
	line-height:1.3em;
	margin-bottom: .5em;
}

body.blog-page .side-sec a {  
	font-size: .95em; 
	line-height: 1em;
	font-weight: normal;
	color: #666666;
	
}	
 
/* Blog Archive Pages ( Including blog home page )
   ========================================================================== */ 

/* Article List */
article.section .post_metadata,
body.single-post .post_metadata,
article.mock-section .post_metadata { 
	margin-top:0; 
	margin-right:0;
	margin-bottom:10px;
	text-transform: uppercase;
	color:#888888; 
	font-size:.90em 
}

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

article.section .post_metadata em,
body.single-post .post_metadata em,
article.mock-section .post_metadata em { text-transform: none; }

article.section .img_wrap img { padding-bottom:10px; }

.button-load-posts {
	margin-top: 2em;
	margin-bottom: 1.5em;
	margin-left: 2em;
}

.button-load-posts p {
	background:transparent url(../images/post-loader.GIF) no-repeat scroll 0px 10px;
	padding: 10px 0px 10px 30px;
	color: #f78f24;
	font-weight: bold;
}

.button-load-posts p.all_loaded { 
	background-image:none; 
	padding-left:0;
}

.button-load-posts p.loading { 
	background:transparent url(../images/post-loader.GIF) no-repeat scroll 0px 10px; 
	padding-left:30px
}

/* Wordpress HTML 5 element styling 
   http://bavotasan.com/2013/html5-support-in-wordpress-3-6/
   ========================================================================== */
   
/* =Assistive Text
-------------------------------------------------------------- */
.screen-reader-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
}

/* =Search Form
-------------------------------------------------------------- */
.search-field {
	width: 100%;
}

.search-submit {
	display: none;
}   
   
/* Global Styles From HTML5 Boilerplate 
   ========================================================================== */
   
/*
 *  HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/
 *  https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css
 *  Boilerplate helpers can be found in main-helpers.css 
 *    
 *  Base styles: opinionated defaults 
 *  
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/* A better looking default horizontal rule */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #dcdcdc;
    margin: 1em 0;
    padding: 0;
}

/* Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
svg,
video {
    vertical-align: middle;
}

/* Remove default fieldset styles. */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/* Allow only vertical resizing of textareas. */

textarea {
    resize: vertical;
}