/* ==========================================================================
   CSS Reset - Edited for Cafepress
   ========================================================================== */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
 /* vertical-align: baseline;
  font-family: 'Roboto Condensed', sans-serif;*/
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
  font-size: 62.5%;
  font-family: 'Roboto Condensed', sans-serif;
  color: #333;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-text-size-adjust:none;
  overflow-x: hidden;
}

input {
  border-radius: 0;
}

input[type='text'], textarea { font-size: 1em; } /* Reset for iphone input animation */
input[type='submit'] {-webkit-appearance: none;}
a {
  text-decoration: none;
  color: #333;
}
a:hover {
	text-decoration: underline;
}
ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
::-webkit-input-placeholder {
   font-style: italic;
}

:-moz-placeholder { /* Firefox 18- */
   font-style: italic;  
}

::-moz-placeholder {  /* Firefox 19+ */
   font-style: italic;  
}

:-ms-input-placeholder {  
   font-style: italic;  
}

@viewport {
    width: device-width;
}

h1 { font-size: 2.8em; }
h2 { font-size: 2.8em; }
h3 { font-size: 2em; }
h4 { font-size: 1.8em; }

#helpDesk *, #helpDesk *:before, #helpDesk *:after, .bb * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  }
.light-gradient { background: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f3f3f3'); background-image: -webkit-linear-gradient(top,#fff,#f3f3f3); background-image: -moz-linear-gradient(top,#fff,#f3f3f3); background-image: -ms-linear-gradient(top,#fff,#f3f3f3); background-image: -o-linear-gradient(top,#fff,#f3f3f3); background-image: linear-gradient(top,#fff,#f3f3f3) }
.ribbon { padding: 10px 0 8px; text-align: center; }

/* =============== End reset =============== */


h1, h2, h3, h4 {
	font-family:'Roboto Condensed',sans-serif;
}

section#helpDesk {
	padding-bottom:100px;
	position:relative;
}

#helpDesk .section-title {
	text-align:center;
	font-size:3.6em;
	text-transform:uppercase;
	line-height:112px;
	margin:0;
	font-family:'Roboto Condensed',sans-serif;
}

/* help search bar */ 
#searchHelpContainer {
	border:1px solid #ddd;
	margin-bottom:10px;
	position:relative;
	height:43px;
}

#helpCategoryFilter {
	width:160px;
	position:relative;
	padding:11px 13px 0px 10px;
	border-right:1px solid #ddd;
	float:left;
	height:41px;
}

#helpSearchBox {
	margin:0;
	postion:relative;
}
#helpSearchInput {
	font-size:16px;
	font-style:italic;
	border:0;
	padding:10px 17px 0;
	margin:0;
	width:60%;
	float:left;
}
#helpSearchButton {
    background: none repeat scroll 0 0 #79A618;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    height: 41px;
		margin:0;
		float:right;
}

.category-value {
    color: #333333;
    display: block;
    float: left;
    height: 20px;
    line-height: 20px;
    max-width: 140px;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
		border:0;
		padding:0;
		margin:0;
		color:#333;
		font-size:16px;
		margin-right:-20px;
}
.category-after {
	position:absolute;
	top:12px;
	right:10px;
	width:10px;
	height:10px;
	display:block;
	font-size:1.6em;
}
/* --- */


.crumb, .crumb li {
	margin:0;
	padding:0;
	list-style:none;
}
.crumb {
	margin-bottom:40px;
}
.crumb li {
	display:inline-block;
	color:#999;
	font-size:1.2em;
	font-family:arial,sans-serif;
}
.crumb li a {
	color:#999;
}
#helpContentContainer h1 {
	font-size:2.2em;
	color:#79a618;
	margin:0 0 .5em;
	line-height:30px;
	padding-top:0px;
	font-weight:bold;
}
#helpContentContainer h2 {
	font-size:1.8em;
	color:#79a618;
	margin:0;
	line-height:30px;
	padding-top:30px;
}
.help-results {
	font-size:1.6em;
	font-family:arial,sans-serif;
	margin:7px 0 60px -5px;
}
.help-results li a {
	display:block;
	padding:7px 5px;
	line-height:1.2em;
}

.help-results li a:hover {
	background-color:#efefef;
}

.help-entry {
	font-size:1.4em;
	line-height:1.2em;
	font-family:arial,sans-serif;
}

.help-entry a, .help-entry a:link, .help-entry a:visited {color:#79a618;text-decoration:underline;}
.help-entry p {margin:1.4em 0;}
.help-entry ol, .help-entry ul {margin:1.4em 0;}
.help-entry ul {list-style:disc;}
.help-entry ol li, .help-entry ul li {margin-left:1.8em;}
.help-entry strong, .help-entry b {font-weight:bold;}
.help-entry em,.help-entry i {font-style:italic;}
.help-entry h2 {line-height:1.2em;color: #333333;font-family:'Roboto Condensed',sans-serif;font-size: 20px;font-weight: normal;margin: 1.2em 0;}
.help-entry h3 {line-height:1.2em;color: #333333;font-family:'Roboto Condensed',sans-serif;font-size: 18px;font-weight: normal;margin: 1.2em 0;}
.help-entry table {width:100%;}
.help-entry table td {padding:5px;}

.help-footer {
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:10px 7px;
	margin:30px 0;
}
.help-footer h3 {
	margin-top:0;
	color:#777;
	font-style:italic;
	font-size:1.6em;
}

.help-footer .half-column {
		width:50%;
		float:left;
		margin:10px 0;
	}

.contact-list, .contact-list li {
	margin:0;padding:0;list-style:none;
}
.contact-list li {
	font-size:1.4em;
	color:#777;
	display:inline-block;
	padding-left:25px;
	margin-top:13px;
	text-align:center;
}
.contact-list li:first-child {
	padding-left:0px;
}
.contact-list li a {
	color:#777;
	text-align:center;
	display:block;
}
.contact-list i {
	background-color:#797979;
	border-radius:25px;
	height:25px;
	width:25px;
	display:block;
	padding:.4em;
	margin:0 auto 6px;
}


.rate-article {
	margin-top:13px;
	font-size:1.2em;
	color:#777;
}

#relatedTable th {
	text-transform:uppercase;
	font-size:1.4em;
	text-align:left;
	padding:5px;
}
#relatedTable td {
	padding:5px;
	font-size:1.4em;
	line-height:1.2em;
}
#relatedTable td a {
	display:block;
}

.tabledata:hover {
	background-color:#efefef;
}

/* Survey Styling */
.rate-article span {
    float:left;
    margin:0 2px;
}
.rate-article span.surveyStar {
    width:11px;
    height:11px;
    cursor:pointer;
	 background: transparent url('../images/empty-star.png') no-repeat 0px 0px;
}
.rate-article span.starOn {
    background: transparent url('../images/1-star.png') no-repeat 0px 0px;
}

/* Override LivePerson styles */




	
/* ==========================================================================
   Large layout styles
   ========================================================================== */
	
#helpDesk .wrapper {	
	max-width:980px;
	position:relative;
}

.content-column {
	padding-left:220px;
}
		
#helpContentContainer {
	width:90%;
	margin:0 1% 0 auto;
}

/* ===  Navigation === */ 
.help-nav {
		float:left;
		width:220px;
		border:1px solid #ddd;
		box-shadow: 1px 1px 4px #CCCCCC;
	}
	.help-nav h3 {
		color:#79A618;
		font-size:1.8em;
		margin:0;
		font-weight:normal;
	}
	.help-nav ul, .help-nav li {
		margin:0;
		padding:0;
		list-style:none;
	}
	.nav-header {
		padding:20px;
	}
	.nav-footer {
		padding:20px 40px;
		line-height:36px;
		background-color:#fff;
		
	}
	.nav-footer a {
		font-size:1.4em;
		text-transform:uppercase;
		font-family: 'Roboto Condensed', sans-serif;
	}
	ul.nav-controls {
		margin:0;padding:0;list-style:none;
	}
	ul.nav-controls li {
		display:inline-block;
		padding:0 6px;
		border:1px solid #ddd;
		line-height:18px;
		font-size:12px;
		color:#999;
		margin:13px 3px 0 0;
		cursor:pointer;
	}
	ul.nav-links {
		border-top:1px solid #ddd;
		background-color:#fff;s
	}
	ul.nav-links li {
		border-bottom:1px solid #ddd;
	}
	
	ul.nav-links h4 {
		text-transform:uppercase;
		display:block;
		padding:0 0 0 20px;
		margin-right:50px;
		line-height:34px;
		color:#333;
		text-decoration:none;
	}
	ul.nav-links li a {
		text-transform:uppercase;
		display:block;
		margin-right:0px;
		line-height:34px;
		color:#333;
		text-decoration:none;
	}
	ul.nav-links h4 {
		position:relative;
		margin:0;
		font-weight:normal;
		font-size:1.4em;
        cursor:pointer;
	}
	ul.nav-links h4 span {
        display: block;
        cursor:pointer;
        height: 34px;
        line-height: 10px;
        position: absolute;
        right: 10px;
        top:0;
        vertical-align: text-bottom;
        width: 34px;
    }
	ul.nav-links h4 span:after {
        content: "+";
        cursor: pointer;
        font-family: Arial,sans-serif;
        position: absolute;
        right: 35%;
        top: 35%;
		font-weight:normal;
		font-size:1.2em;
	}
	ul.nav-links h4.active span:after {
		content: "-";
        cursor: pointer;
        font-family: Arial,sans-serif;
        position: absolute;
        right: 41%;
        top: 32%;
		font-weight:normal;
		font-size:1.2em;
	}
	ul.sub-links {
		display:none;
		padding-bottom:24px;
		background: #ffffff; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* IE10+ */
		background: linear-gradient(to bottom, #ffffff 0%,#f7f7f7 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-8 */
	}
	ul.nav-links ul.sub-links li {
		border:0;
	}
	ul.nav-links ul.sub-links li a {
		border:0;
		text-transform:none;
		line-height:24px;
		padding-left:30px;
		font-family:arial,sans-serif;
		padding-right:5px;
		font-size:1.4em;
	}
	ul.nav-links a:hover {
		color:#79A618;
		text-decoration:none;
		text-shadow:1px 1px 2px #ddd;
	}	
	
	
/* ======================== */ 
	
	

	
	
	
.mobile {
	display:none;
}
	
	
	
	
	
	
	
	
	/* ==========================================================================
   Medium layout styles
   ========================================================================== */
@media all and (max-width: 970px){

	#helpContentContainer {
		margin:0 auto;
	}

	.help-footer {
		padding:5px 0;
	}
	.help-footer .half-column {
		width:100%;
		float:none;
		margin:25px 0;
	}
	.contact-us {
		margin:10px 0;
	}
	
	#helpSearchInput {
		width:50%
	}
	
}




/* ==========================================================================
   Small layout styles
   ========================================================================== */
@media all and (max-width: 770px){
 
	#helpCategoryFilter {
		display:none;
	} 
 
} /* End small layout */

@media all and (min-width: 571px){
	.nav-dropdown{display:block !important;}
}

@media all and (max-width: 570px){
 .desktop {
 	display:none;
 }
 .mobile {display:inline-block;}
 section#helpDesk {
	padding-bottom:50px;
	min-height:400px;
}
	section#helpDesk {
		padding-bottom:0px;
	}

 .content-column {
 	padding-left:0;
 }
 
 #helpDesk .section-title {
 	line-height:65px;
	padding-top:8px;
 }
 
 .nav-dropdown {
 	display:none;
	position:absolute;
	border:1px solid #ddd;
	box-shadow:3px 3px 5px #ddd;
	top:0;
	left:0;
	z-index:100;
	width:220px
 }	
 .nav-close {
    display:block;
    width:220px;
    height:53px;
    cursor:pointer;
 }
 .help-nav {
		float:none;
		width:220px;
		margin:0 auto;
		position:relative;
		border:0;
		box-shadow:none;
		margin-bottom:10px;
	}
	
	.help-nav .nav-header h3 {
		width:188px;
		height:33px;
		margin:0 auto;
		text-align:center;
		border:1px solid #ddd;
		line-height:33px;
		color:#333;
		text-transform:uppercase;
		cursor:pointer;
		background: #ffffff; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #ffffff 0%, #f0f0f0 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #ffffff 0%,#f0f0f0 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-8 */

	}
	.nav-header {
		padding:10px 13px;
	}
 
 #helpContentContainer {
		width:87%;
		float:none;
		margin:0 auto;
		padding:0;
	}

 
	.help-footer {
		margin:30px -20px;
		text-align:center;
		padding:5px 0;
	}
	.help-footer  h3 {
		text-align:center;
	}
	.help-footer .half-column {
		width:100%;
		float:none;
	}
	
	.contact-list {
		margin:0 auto;
	}


	#helpSearchInput {
		width:70%
	}
	
}


/*Legacy*/

.selectedNav {font-size:1.2em;padding:5px 0;line-height:1.2em;}
.selectedNav ul {margin-left:10px;}
#menuWrap {margin-top:40px;}
#helpCategoryFilter select {border:0;width:100%;text-overflow:ellipsis;}