@charset "utf-8";
/* CSS Document */


ul, li {
	margin: 0;
	padding: 0;
}



/* Headers 
---------------------------------------- */

#header {
	height: 85px;
	margin: 0 20px 20px;
	padding: 20px 0 0;
}

.logo {
	float: left;
	width: 180px;
	height: 85px;
}

#topNav {
	float: right;
	width: 756px;
	height: 85px;
}

#cartLogin {
	width: 756px;
	font-size: 1.1em;
	text-align: right;
	float: right;
	height: 30px;
}

#cartLogin ul {
	list-style-type: none;
}

#cartLogin li {
	float: right;
	margin-left: 10px;
}

#navBar {
	position: relative;
}

#navBar ul#nav {
	position:absolute;
	top:57px;
	left:4px;
	font-family: 'PT Sans Narrow';
	z-index:1000;
}

#navBar ul li a {
	text-decoration: none;
	color: #fff;
}

#navBar ul li {
	display: inline-block;
}

#navBar ul li.main {
	position:relative;
}

#navBar ul li.main > a {
	display:block;
	width: 148px;
	height:28px;
	background-image: url(../images/header/header_bg.png);
	background-repeat:repeat-x;
	font-size: 18px;
	line-height: 31px;
	position: relative;
	text-align: center;
}

#navBar ul li.main > a.no-drop {

}

#navBar ul li.main > a img {
	position: absolute;
	top: 9px;
	left: 13px;
}

#navBar ul li.main > a:hover {
	background-image: url(../images/header/header_bg_on.png);
}

#navBar ul li.main > a.orange {
	background-image: url(../images/header/header_orange_bg.png);
}

#navBar ul li.main > a.orange:hover {
	background-image: url(../images/header/header_orange_bg_on.png);
}

#navBar ul li.main:hover > ul {
	display: block;
}
#navBar ul li ul {
	display: none;
	position: absolute;
	top: 26px;
	left: -3px;
	border: 3px solid #fff;
	border-top: 0;
	background: #96ce23;
	min-width: 150px
}

#navBar ul li ul li {
	display: block;
	font-size: 16px;
	padding: 5px 15px 5px 18px;
	border-top: 2px solid #fff;
}

#navBar ul li ul li:hover {
	background: #2b9f4e;
}

#holiday {
	float: center;
	width: 940px;
	height: 35px;
}



/* Structure
---------------------------------------- */


body {
	margin: 0;
	padding: 0;
	position: relative;
}

#content {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}


#mainleft {
	width: 700px;
	margin: 0 0 20px 20px;
	float: left;
}

#rightcol {
	width: 240px;
	margin-right: 10px;
	float: right;
}

#leftCol {
	width: 240px;
	margin-left: 20px;
	margin-bottom: 20px;
	float: left;
}

#mainRight {
	width: 710px;
	margin-bottom: 20px;
	float: right;
	margin-right: 10px;
}

#sidenav {
	width: 188px;
	margin-left: 20px;
	margin-bottom: 20px;
	float: left;	
}

#sidenav #nav {
	font-family: 'PT Sans Narrow';
}

#sidenav #nav h2 {
	background:#0c7ebd;
	width: 177px;
	font-size: 26px;
	padding: 0 0 0 3px;
	line-height: 27px;
	margin-bottom: 6px;
}

#sidenav #nav ul {
	background: none;
	width: 180px;
	padding: 0;
}

#sidenav #nav li:before {
	content: '';
}

#sidenav #nav li a {
	display:block;
	width: 180px;
	background: url(../images/sidenav/sidenav_bg.png) 0 0 repeat-y;
	height: 20px;
	margin-bottom: 6px;
	color:#fff;
	text-decoration: none;
	font-size: 18px;
	padding-left: 10px;
	line-height: 20px;
}

#sidenav #nav li.active a{
	background: url(../images/sidenav/sidenav_bg_on.png) 0 0 repeat-y;
}

#main {
	width: 746px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 6px;
	float: left;
}

#mainOrder {
	width: 760px;
	margin-bottom: 20px;
	margin-left: 2px;
	float: left;
}

#mainFAQ {
	width: 746px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 6px;
	float: left;
}

.block {
	float: left;
	width: 210px;
	height: 100%;
	border-top:none;
	border-bottom: none;
	border-left: none;
	border-right: 2px solid #e6781e;
	padding: 10px;
	margin-top: 15px;
}

.first {
	border-left: 2px solid #e6781e;
	width: 211px;
}

#main .block {
	width: 226px;
}

.first {
	border-left: 2px solid #e6781e;
}

.bannerBox {
	width: 100%;
}

.bannerBox.main, 
.bannerBox.blurb,
.bannerBox.subscribe{
	width: 190px;
	height: 222px;
	color: #fff;
	padding: 20px;
	font-family: 'PT Sans Narrow';
	margin-bottom: 3px;
}

.bannerBox.main {
	background: #309cd4 url(../images/index/blue_bg.jpg) no-repeat 0px 0px;
}

.bannerBox.main h2,
.bannerBox.blurb h2,
.bannerBox.subscribe h2 {
	font-family: 'PT Sans Narrow';
	padding: 0;
	margin-bottom: 10px;
	font-size: 26px;
}

.bannerBox.main h2 {
	font-size: 25px;
}

.bannerBox.blurb {
	background: #1fa94e url(../images/index/green_bg.jpg) no-repeat 0px 0px;
	padding-top:25px;
	height:259px;
}

.bannerBox.blurb p {
	font-size:17px;
	padding-bottom:10px;
}

.bannerBox.blurb ul li {
	font-size:16px;
	padding-bottom: 5px;
	list-style:none;
	background: url('../images/index/check-mark.png') no-repeat 0 2px;
	padding-left:18px;
}

.bannerBox.shareThis {
	border: 1px solid #007ec0;
	width: 220px;
	padding: 2px 4px;
	margin-bottom: 20px;
	font-family: 'PT Sans Narrow';
	color: #007ec0;
	text-align: center;
}

.bannerBox.shareThis span {
	font-size: 16px;
	vertical-align: middle;
	line-height: 20px;
	display: inline-block;
	padding-right: 2px;
}

.bannerBox.shareThis a {
	display: inline-block;
}

.bannerBox.subscribe {
	background-color: #e6781e;
	height: auto;
}

.bannerBox.subscribe p {
	margin-bottom: 6px;
}

.bannerBox.subscribe a {
	color: #fff;
}

#home .block {
	border: 0;
}

#home .block a {
	color:#e97904;
	text-decoration: none;
}

#home .block a:hover {
	color: #D35610;
}

.boxGreen {
	border: 2px solid #2b9f4c;
	border-top:none;
	padding: 0 10px 10px;
	margin-left: 9px;
	margin-right: 19px;
	margin-bottom: 15px;
}

.boxShare {
	border: 2px solid #0c7ebd;
	border-top: none;
	padding-top: 0;
	padding-bottom: 10px;
	margin-left: 9px;
	margin-right: 19px;
	margin-bottom: 15px;
}

.boxBlue {
	border: 2px solid #0c7ebd;
	border-top: none;
	padding: 0 10px 10px;
	margin-left: 9px;
	margin-right: 19px;
	margin-bottom: 15px;
}

.boxOrange {
	border: 2px solid #e6781e;
	border-top: none;
	padding: 0 10px 10px;
	margin-left: 9px;
	margin-right: 19px;
	margin-bottom: 15px;
}

#footer {
	clear: both;
	height: 89px;
	width: 936px;
	margin-left: 20px;
	margin-right: 18px;
	margin-top: 10px;
	margin-bottom: 20px;
	border: 2px solid #80807a;
	background-color: #ecece6;
}

.addressCol {
	width: 163px;
	height: 72px;
	padding: 5px 0 14px 15px;
	float: left;
	margin-right: 25px;
	background-color: #80807a;
}

.footerCol {
	float: left;
	width: auto;
	height: 50px;
	padding: 5px 26px 0 16px;
}

#sideShare {
	border: 1px solid #0c7ebd;
	padding: 2px;
	width: 174px;
	margin-bottom: 6px;
}

#faqLeft {
	float: left;
	width: 503px;
	margin: -4px 0 0 0;
}
#aboutLeft {
	float: left;
	width: 495px;
}

#contactLeft {
	float: left;
	width: 485px;
}

.subscribeCol {
	width: 320px;
	margin-left: 40px;
	padding-top: 10px;
	float: left;
}

.subscribeCol h2,
#contactLeft h2 {
	color: #2B9F4C;
	border-bottom: 2px solid #0C7EBD;
	padding: 0 0 .2em;
	margin-bottom: .5em;
	float: left;
}

.subscribeCol h2 {
	float: none;
}

.subscribeCol h3,
#contactLeft h3 {
	clear: left;
	color: #e6781e;
	font-size: 1.24em;
}
.subscribeCol table,
#contactLeft table {
	border-spacing: 6px;
}

.subscribeCol td,
#contactLeft td {
	font-size: 1.16em;
}

.subscribeCol .label,
#contactLeft .label {
	text-align: right;
}

.subscribeCol input[type="text"] {
	width: 200px;
}

#contactLeft input[type="text"] {
	width: 155px;
}

#contactLeft select {
	width: 160px;
}

#contactLeft h3,
#contactLeft p,
#contactLeft table,
.subscribeCol h3,
.subscribeCol p,
.subscribeCol table {
	margin-left: 14px;
}

#contactRight {
	width: 205px;
	margin-right: 10px;
	float: right;
}

#contactRight h2 {
	color: #2B9F4C;
	border-bottom: 2px solid #0C7EBD;
	padding: 0 0 .2em;
	margin-bottom: .5em;
	margin-top: 1.3em;
}

#contactRight h2.first{
	margin-top: .5em;
	border-left: none;
	width: auto;
}

#contactRight h3 {
	color: #e6781e;
	font-size: 1.3em;
	margin-bottom: 0;
	margin-top: 1.2em;
}

#contactRight h3.first {
	margin-top: 0;
	width: auto;
	border-left: none;
}

#contactRight h3,
#contactRight p {
	margin-left: 14px;
}

#faqSearch {
	width: 240px;
	margin-right: -10px;
	margin-top: -18px;
	margin-bottom: 20px;
	float: right;
}

.faqCon {
	clear: both;
	width: 100%;
}

#sideNav {
	width: 170px;
	margin-bottom: 6px;
	padding: 5px;
	background-color: #ecece6;
}

#emailMap {
	clear: both;
	width: 100%;
	float: none;
}


/* Typography & Colors
---------------------------------------- */

body {
	font-family: "Trebuchet MS",Verdana,Tahoma,Arial,Helvetica,sans-serif;
	font-size: 62.5%;
	color: #341405;	
}

p {
	font-size: 1.3em;
	line-height: 1.2em;
	margin:0;
}

h1 {
	font-family: "dejarip-1","dejarip-2","Trebuchet MS",Verdana,Tahoma,Arial,Helvetica,sans-serif;
	margin: 0 0 5px 0;
	font-size: 2.2em;
	color: #0c7ebd;
}

h2 {
	font-family: "dejarip-1","dejarip-2","Trebuchet MS",Verdana,Tahoma,Arial,Helvetica,sans-serif;
	margin: 0;
	padding: 4px 0 0 10px;
	font-size: 1.8em;
	color: #ffffff;
}

.bannerGreen760 h2.disabled {
	color: #90c39e;
}

h3 {
	font-family: "dejarip-1","dejarip-2","Trebuchet MS",Verdana,Tahoma,Arial,Helvetica,sans-serif;
	margin: 0 0 5px 0;
	font-size: 1.6em;
	color: #2b9f4c;
}

h3.blue,
h4.blue {
	color: #0C7EBD;
}

h4 {
	font-family: "dejarip-1","dejarip-2","Trebuchet MS",Verdana,Tahoma,Arial,Helvetica,sans-serif;
	margin: 0 0 5px 0;
	font-size: 1.6em;
	color: #341405;
}

h5 {
	font-family: "Trebuchet MS",Verdana,Tahoma,Arial,Helvetica,sans-serif;
	margin: 0;
	font-size: 1.4em;
	font-weight: bold;
	color: #ffffff;	
	position: absolute;
	top: 7px;
	left: 470px;
	text-transform: uppercase;
}

h6 {
	font-family: "Trebuchet MS",Verdana,Tahoma,Arial,Helvetica,sans-serif;
	/*font-size: 1.1em;*/
	font-size: 1.4em;
	line-height: 1.1em;
	margin: 0 0 6px;
	font-weight: normal;
}

a:link {
	color: #0c7ebd;
	text-decoration: underline;
}

a:visited {
	color: #0c7ebd;
	text-decoration: underline;
}

a:hover {
	color: #e6781e;
	text-decoration: none;
}

a:active {
	color: #e6781e;
	text-decoration: underline;
}

img {
	border: none;
}

img.inset {
	float: left;
	margin: 0 12px 12px 0;
}

.inlineImage {
	float: left;
	margin: 0 12px 12px 0;
}

.inlineImage p,
.image_after_paragraph p {
	text-align: center;	
}

.inlineImage p.credit,
.image_after_paragraph p.credit {
	text-align: right;
	font-style: italic;
	font-size: 11px;
	margin-top: 3px;
}

.inlineImage p.caption,
.image_after_paragraph p.caption {
	margin-bottom: 0;
}

.image_after_paragraph {
	margin-bottom: 12px;
}

.endImage {
	margin-bottom: 8px;
}

.image_after_paragraph,
.image_after_paragraph img,
.endImage {
	max-width: 100% !important;
}

hr {
	border: 0;
	width: 100%;
	height: 2px;
	background-color: #0c7ebd;
	color: #0c7ebd;
	font-size: 0px;
}

.addressCol h6 {
	margin: 6px 0 0 0;
	font-size: 1.4em;
	text-decoration: none;
	color: #8cce0a;
	font-weight: bold;
}

.addressCol p {
	color: #ffffff;
	font-size: 1.1em;
}

.addressCol a:link {
	color: #8cce0a;
	font-size: 1.1em;
	text-decoration: none;
}

.addressCol a:visited {
	color: #8cce0a;
	font-size: 1.1em;
	text-decoration: none;
}

.addressCol a:hover {
	color: #8cce0a;
	font-size: 1.1em;
	text-decoration: underline;
}

.addressCol a:active {
	color: #8cce0a;
	font-size: 1.1em;
	text-decoration: underline;
}

.addressCol p {
	font-size: 1.1em;
}

.footerCol a:link {
	color: #80807A;
	text-decoration: none;
}

.footerCol a:visited {
	color: #80807A;
	text-decoration: none;
}

.footerCol a:hover {
	color: #8cce0a;
	text-decoration: underline;
}

.footerCol a:active {
	color: #8cce0a;
	text-decoration: underline;
}

.footerCol h6 {
	margin: 6px 0 0 0;
	font-size: 1.2em;
	color: #80807a;
	font-weight: bold;
}

.footerCol p {
	font-size: 1.2em;
}

.footerCol h6:hover {
	color: #8cce0a;
	text-decoration: underline;
}

.addthis_button_compact {
	font-size: 1.2em;
	font-weight: bold;
}

.phone {
	font-size: 1.2em;
	font-weight: bold;
	color: #e6781e;
}

.faqCon h3 {
	padding-top: 5px;
	padding-left: 5px;
}

.top {
	font-family: "Trebuchet MS",Verdana,Tahoma,Arial,Helvetica,sans-serif;
	padding: 2px 5px 0 0;
	font-size: 1.1em;
	font-weight: bold;
	color: #341405;	
	float: right;
}



/* Lists
---------------------------------------- */

#main ul {
	list-style: none;
	margin-left: 18px;
}

#main li {
	padding: 0;
	margin: 0;
	font-size: 1.3em;
	text-indent: -16px;
}

#main .schedule li {
	text-indent: 0;
}

#main ul li:before {
	font-size: 1.6em;
	font-weight: bold;
	color: #2b9f4e;
	content: "\00BB \0020";
}

#sidenav ul {
	list-style: none;
	background-color: #dcd8cc;
	width: 160px;
	margin: 0 0 6px 0;
	padding: 5px 5px 10px 15px;
}

#sidenav li {
	padding: 0;
	margin: 0;
	font-size: 1.1em;
}

#sidenav li:before {
	font-size: 1.4em;
	font-weight: bold;
	color: #2b9f4e;
	content: "\00BB \0020";
}

.faqCon ul {
	list-style: none;
	margin-left: 34px;
}

.faqCon li.q:before {
	font-size: 1.6em;
	font-weight: bold;
	color: #2b9f4e;
	content: "\0051 \003A \0020";
}

.faqCon li.ans:before {
	font-size: 1.6em;
	font-weight: bold;
	color: #e6781e;
	content: "\0041 \003A \0020";
}

.faqCon li.q {
	font-weight: bold;
	text-indent: -2.2em;
	padding-right: 10px;
	font-size: 1.3em;
}

.faqCon li.ans {
	text-indent: -2.1em;
	margin-bottom: 10px;
	padding-right: 10px;
	font-size: 1.3em;
}

#faqLinks li {
	font-size: 1.3em;
	font-weight: bold;
	color: #2b9f4e;
	margin-left: 10px;
	line-height: 1.8em;
}

#faqLinks li:before {
	font-size: 1.6em;
	font-weight: bold;
	color: #2b9f4e;
	content: "\00BB \0020";
}



/* Images
---------------------------------------- */

.preLoad {
	display: none;
}

.bannerGreen240 {
	height: 40px;
	background-image: url(../images/common/bannerGreen240.jpg);
	background-repeat: no-repeat;
}

.bannerBlue240 {
	height: 40px;
	background-image: url(../images/common/bannerBlue240.jpg);
	background-repeat: no-repeat;
}

.bannerOrange240 {
	height: 40px;
	background-image: url(../images/common/bannerOrange240.jpg);
	background-repeat: no-repeat;
}

.bannerGreen560 {
	height: 40px;
	background-image: url(../images/common/bannerGreen560.jpg);
	background-repeat: no-repeat;
	position: relative;
}

.bannerGreen710 {
	height: 40px;
	background-image: url(../images/common/bannerGreen710.jpg);
	background-repeat: no-repeat;
	position: relative;
}

.bannerGreen760,
.bannerGreen952 {
	height: 40px;
	background-image: url(../images/common/bannerGreen760.jpg);
	background-repeat: no-repeat;
	position: relative;
}

.bannerGreen952 {
	background-image: url(../images/common/bannerGreen952.png);
}

.bannerGreen710 a,
.bannerGreen760 a,
.bannerOrange710 a {
	display: block;
	position: absolute;
	font-size: 1.1em;
	color: #ffffff;	
	top: 8px;
	right: 50px;
}

.bannerOrange760 {
	height: 40px;
	background-image: url(../images/common/bannerOrange760.jpg);
	background-repeat: no-repeat;
	position: relative;
}

.bannerOrange710 {
	height: 40px;
	background-image: url(../images/common/bannerOrange710.jpg);
	background-repeat: no-repeat;
	position: relative;
}

#sidenav img {
	padding-bottom: 6px;
	border: 0;
}

#postit {
	float: right;
	padding-left: 10px;
	margin-top: -5px;
}

#blockRow {
	background-image: url(../images/common/blockRow.gif);
	background-repeat: repeat-y;
}



/* Order Accordions
---------------------------------------- */

.accordionPanel {
	border-top:none;
	border-left: 2px solid #2b9f4c;
	border-right: 2px solid #2b9f4c;
	padding-top: 0;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 24px;
	margin-left: 9px;
	margin-right: 19px;
	margin-bottom: 0;
}

.stepLast {
	margin-left: 9px;
	margin-right: 19px;
	margin-bottom: 0;
	border-bottom: 2px solid #2b9f4c;
	margin-bottom: 15px;
}




/* Form Elements
---------------------------------------- */

form {
	margin: 0;
	display: inline;
	padding: 0;
}

label {
	/*font-size: 1em;*/
	font-weight: bold;
	/*display: block;*/
	padding-left: 1px;
	/*white-space: nowrap;*/
}

form p {
	font-size: 1.1em;
	margin: 0 0 1em;
}

.small {
	font-size: 1em;
}

.subscribeCol td .small {
	font-size: .84em;
}

.orderFormTable {
	border-collapse: collapse;
	border-spacing: 0;
	width: 658px;
	/*margin-bottom: 1em;*/
}

.orderFormTable td {
	padding: 0;
	vertical-align: top;
	width: 212px;
}

.orderFormTable td.rfCol1 {

}

.orderFormTable td.rfCol2 {

	padding-left: 11px;
}

.orderFormTable td.rfCol3 {

	padding-left: 11px;
}

/*
TODO - can any of these formCols be combined/replaced with classes?
*/

#formCol1 {
	float: left;
	width: 215px;
}

#formCol2 {
	float: left;
	width: 211px;
	padding-left: 6px;
}

#formCol3 {
	float: left;
	width: 212px;
	padding-left: 10px;
}

#formCol4 {
	float: left;
	width: 436px;
	clear: both;
}

#formCol4h {
	float: left;
	width: 650px;
	clear: both;
}

#formCol5 {
	float: left;
	width: 212px;
	padding-left: 10px;
}

#formColCity {
	float: left;
	width: 108px;
}

#formColState {
	float: left;
	width: 30px;
	margin-left: 4px;
}

#formColZip {
	float: left;
	width: 63px;
	margin-left: 4px;
}

input[type="email"] {
	margin: 0;
	border: 1px solid #80807A;
	font-family: "Trebuchet MS",Verdana,Tahoma,Arial,Helvetica,sans-serif;
	color: #341405;	
	padding: 2px;
	/*display: block;*/
}

input[type="password"] {
	margin: 0;
	border: 1px solid #80807A;
	font-family: "Trebuchet MS",Verdana,Tahoma,Arial,Helvetica,sans-serif;
	color: #341405;	
	padding: 2px;
	/*display: block;*/
}

input[type="text"] {
	margin: 0;
	border: 1px solid #80807A;
	font-family: "Trebuchet MS",Verdana,Tahoma,Arial,Helvetica,sans-serif;
	color: #341405;	
	padding: 2px;
	/*display: block;*/
}

input[type="tel"] {
	margin: 0;
	border: 1px solid #80807A;
	font-family: "Trebuchet MS",Verdana,Tahoma,Arial,Helvetica,sans-serif;
	color: #341405;	
	padding: 2px;
	/*display: inline;*/
}

select {
	border: 1px solid #80807A;
	color: #341405;	
	/*display: inline;*/
	font-size: 1em;
	height: 21px;
	width: 65px;
	height: 20px;
	padding: 2px;
	margin-right: 4px;
}

option {
	font-family: "Trebuchet MS",Verdana,Tahoma,Arial,Helvetica,sans-serif;
	color: #341405;
	font-size: 1em;	
}

input[type="email"]:focus {
	border: 1px solid #e6781e;
}

input[type="password"]:focus {
	border: 1px solid #e6781e;
}

input[type="text"]:focus {
	border: 1px solid #e6781e;
}

input[type="tel"]:focus {
	border: 1px solid #e6781e;
}

select:focus {
	border: 1px solid #e6781e;
}

p.submitButton {
	text-align: right;
	margin-bottom: 0;
}

#login input[type="email"],
#login input.email,
#resetPw input[type="email"],
#resetPw input.email {
	width: 182px;
}

#login input[type="password"] {
	width: 182px;
}

#login label,
#resetPw label,
.orderForm label {
	margin-top: 10px;
}

#login h6 {
	padding-bottom: 0;
}

#login p.submitButton,
#resetPw p.submitButton {
	margin-top: 10px;
}

.orderForm input[type="email"] {
	width: 205px;
}

.orderForm input[type="password"] {
	width: 205px;
	/*display: inline;*/
}

.orderForm input[type="text"] {
	width: 205px;
}

.orderForm input[type="tel"],
.orderForm input.tel {
	width: 133px;
}

.orderForm input[type="tel"].sms,
.orderForm input.tel.sms {
	width: 205px;
}

.orderForm input[name="city"],
.orderForm input[name="shippingCity"]{
	width: 102px;
}

.orderForm input[name="state"],
.orderForm input[name="shippingState"],
.orderForm input[name="subscription_state"] {
	width: 24px;
}

.orderForm input[name="zip"],
.orderForm input[name="shippingZip"],
.orderForm input[name="subscription_zip"] {
	width: 59px;
}

.optional {
	font-size: 0.9em;
	font-weight: normal;
	float: right;
}

form p.optional {
	font-size: 1em;
	position: absolute;
	top: 0;
	right: 0;
}

input[type="checkbox"]:focus {
	border: 1px solid #e6781e;
}

.checkout-bar {
	margin-bottom: 10px;
}

.checkout-banner {
	margin: 30px 0 10px;
	text-align: center;
}

.addon-title {
	text-align: center;
	font-style: italic;
	font-weight: bold;
	color: #2b9f4c;
	background-color: #f4e1ae;
}
.public td.addon-title {
	font-size: 1.5em;
	padding: 6px;
}

.addon-available {
	background-color: #f9f0d7;
}

div.add-on-details {
	display: none;
}

.add-on-details h3 {
	margin-bottom: 10px;
}

.add-on-details p {
	margin-bottom: 8px;
}

td.addon,
.public td.addon {
	padding: 8px 6px;
	vertical-align: top;
}

.public td.cart-item-divider {
	background-color: #b1b1b1;
	padding: 1px;
}

input[type=submit].addon {
	background-color: #2b9f4c;
	border: none;
	color: #fff;
	border-radius: 4px;
	padding: 2px 6px;
}

div.icon {
	position: absolute;
	left: 2px;
	top: -2px;
}

div.addon-description {
	padding-left: 32px;
}

/*
TODO - these next three are only used in orderChooseSource.tpl.php
*/

.newOrderCol {
	float: left;
	display: inline;
	padding: 0 5px;
	border-left: 2px solid #0c7ebd;
	width: 224px;
}

.newOrderCol.first {
	border-left: none;
}

/*#orderCol1 {
	float: left;
	width: 225px;
	display: inline;
}

#orderCol2 {
	float: left;
	width: 235px;
	padding-left: 5px;
	padding-right: 5px;
	display: inline;
	border-left: 2px solid #0c7ebd;
	border-right: 2px solid #0c7ebd;
}

#orderCol3 {
	float: left;
	width: 225px;
	padding-left: 5px;
	display: inline;
}

#orderCol4 {
	float: left;
	width: 225px;
	padding-left: 5px;
	padding-right: 5px;
	border-left: 2px solid #0c7ebd;
	display: inline;
}*/

.orderCol4 {
	float: left;
	width: 470px;
	display: inline;
}

.orderCol4 .small {
	font-size: .92em;
}

.orderCol5 {
	float: left;
	width: 215px;
	padding-left: 10px;
	margin-left: 5px;
	padding-right: 5px;
	display: inline;
	border-left:  2px solid #0c7ebd;
	height: 270px;
	margin-bottom: 10px;
}


input[type="radio"] {
	/*border: 1px solid #e6781e;*/
	/*float: left;*/
}

input[type="radio"].floatLeft {
	margin-top: 1.1em;
	float: left;
}

.radioLabel {
	padding-left: 25px;
}

.continue {
	clear: both;	
}

/* Comment Scroller
---------------------------------------- */

#pscroller1{
	width: 100%;
	height: 182px;
	padding: 0px;
	background-color: none;
}

.pscroller1 p {
	text-decoration: none;
	font-size: 14px;
	margin: 0 0 0 0;
	padding: 3px 3px 0 3px;
	line-height: 15px;
	letter-spacing: 0.05em;
}



/* Theme scroller
-------------------------------------*/

.ui-iframe-scroller { 
	height: 420px; 
	margin-bottom: 10px;
	overflow: hidden; 
	scroll: auto;
}
.ui-iframe-scroller .items img { 

}

.ui-iframe-previewer {
	background-color: #fff;
	background-image: url("../images/order/flyerPreview.gif");
	overflow: hidden;
	float: right;
	padding: 6px;
	border: 2px solid #0c7ebd;
	height: 400px;
	width: 310px;
}

.scrollable {
	position: relative;
}

.scrollable .items { 
	position: absolute;
	height: 412px;
	overflow: auto;
	width: 355px;
	border: 2px solid #0c7ebd;
	padding-left: 15px;
}

.items div.scrollerElement {
	float: left;
	margin-left: 0;
	margin-right: 12px;
	font-size: 1.16em;
	text-align: center;
	padding-bottom: 6px;
}

.scrollerElement a {
	text-decoration: none;
}

/*.vertical { position: relative; overflow: hidden; }

.items { position: absolute; height: 20000em; }*/


.items h3 {
	/*margin-left: 10px;*/
	border-bottom: 2px solid #0c7ebd;
	font-size: 1.4em;
	padding: 4px;
	color: #341405;
	margin-top: 6px;
	margin-bottom: 4px;
	/*width: 320px;*/
}

.items div {
	/*margin-left: 10px;*/
}

.items div img { 
	margin: 4px 0;
}


/* Bob additions */

.alert {
	color: #b20019;
}

.message-obvious p.alert {
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 4px;
}

form.view-cart-checkout {
	display: block;
	padding: 8px 0;
	overflow: auto;
}

.view-cart-checkout p.submitButton {
	float: right;
}

.cart-add-item {
	float: left;
	margin: 4px 0 0 18px;
}

.clear { 
	clear: both; 
	height: 1px; 
	font-size: 0; 
	overflow: hidden; 
}

fieldset {
	margin-top: 1em;
}

legend {
	font-size: 1.2em;
	font-weight: bold;
}

fieldset p {
	margin-top: 1em;
}

fieldset table {
	width: 100%;
	border: 1px solid #ECECE6;
	border-collapse: collapse;
	margin-bottom: 1em;
	background-color: #f9f9f6;
}

fieldset th {
	background-color: #d9d9d2;
	padding: 2px 6px;
	font-size: 1.16em;
}

fieldset td {
	border: 1px solid #ECECE6;
	padding: 3px 6px;
	font-size: 1.16em;
}


table.order {
	width: 100%;
	border: 1px solid #ECECE6;
	border-collapse: collapse;
	margin-bottom: 1em;
	background-color: #f9f9f6;
}

.order th {
	background-color: #d9d9d2;
	padding: 2px 6px;
	font-size: 1.16em;
}

.order td {
	border: 1px solid #ECECE6;
	padding: 3px 6px;
	font-size: 1.16em;
}


/* Ryan's UI additions - to be merged */

.boxTips {
	border: 2px solid #b20019;
	padding: 10px;
	margin-left: 9px;
	margin-right: 19px;
	margin-bottom: 15px;
	/*margin-top: 100px;*/
	font-size: 1.3em;
	color: #341405;
	background-color: #ffe5de;
	position:relative;
}

.boxTips:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border: 12px solid transparent;
	border-left-color: #b20019;
	left: 100%;
	top: 6px;
}

.boxTips ul {
	margin-left: 1.3em;
}


input[type="number"] {
	margin: 0;
	border: 1px solid #80807A;
	font-family: "Trebuchet MS",Verdana,Tahoma,Arial,Helvetica,sans-serif;
	color: #341405;	
	padding: 2px;
}

.field {
	float: left;
	margin-right: 10px;
	/*display: block;*/
	position: relative;
}

.left {
	clear: both;
}

.photoUpload {
	margin-right: 10px;
	clear: both;
	margin-bottom: 20px;
}

.photoUpload p {
	float: right;
}

.right {
	margin-right: 0;
}

.bannerBox p.right {
	float: right;
	color: #fff;
	width: 50%;
	font-size: 1em;
	font-weight: bold;
	margin-top: 11px;
}

.chars {
	font-size: 0.9em;
	font-weight: normal;
	float: right;
}

textarea {
	margin: 0;
	border: 1px solid #80807A;
	font-family: "Trebuchet MS",Verdana,Tahoma,Arial,Helvetica,sans-serif;
	color: #341405;	
	padding: 2px;
	display: block;
	overflow:auto;
	font-size:1.4em;
}

textarea:focus {
	border: 1px solid #e6781e;
}

input[type="url"] {
	margin: 0;
	border: 1px solid #80807A;
	font-family: "Trebuchet MS",Verdana,Tahoma,Arial,Helvetica,sans-serif;
	color: #341405;	
	padding: 2px;
	display: block;
	width: 205px;
}

input[type="url"]:focus {
	border: 1px solid #e6781e;
}

.agentScroll {
	height: 240px;
	overflow: auto;
	font-size: 1.3em;
	padding-left: 34px;
}

.agentScroll input[type="radio"] {
	margin-left: -24px;
	margin-right: 0;
	float: left;
}

form .agentScroll p {
	font-size: .92em;
	padding-top: .2em;
	margin-bottom: 1em;
}

input[type="checkbox"] {
	/*position: absolute;*/
}

.subOrderItems {
	margin-left: 24px;
	padding-top: 4px;
}

form .subOrderItems p {
	margin-bottom: .5em;
	margin-left: 2.2em;
	text-indent: -2.2em;
}

.orderReview p {
	margin-bottom: 1em;
}

.orderReview label {
	color: #0c7ebd;
}

.orderPrintingOptionHeader p {
	font-size: 1.1em;
	margin-bottom: 0;
}

/*form h4 {
	font-size: 1.4em;
}*/

.public {
	border: 2px solid #0c7ebd;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

.public tr.alt {
	background-color: #dcd8cc;
}

.public td {
	padding: 3px 6px;
	font-size: 1.2em;
}

.grid td {
	border: 1px solid #dcd8cc;
}

.public th {
	background-color: #0c7ebd;
	font-size: 1.4em;
	color: #fff;
	padding: 3px;
	font-weight: bold;
}

.public h6 {
	padding-bottom: 0;
	font-size: 1.2em;
}



ol.schedule {
	margin-top:0;
	margin-left:-16px;
	font-size:1.4em;
}

.displayOrderStep {
	padding-top: 12px;
}



.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	background-color: #e6781e;
	background-image: none;
	font-weight: bold;
	color: #fff;
}

.mb1em {
	margin-bottom: 1em;
}


.productCat {
	float: left;
}

input.submitAfterText {
	vertical-align: bottom;
	margin-left: 12px;
}

.submitPhoto {
	vertical-align: bottom;
	padding: 0 0 2px 6px;
}

.letter {
	background-color: #dad7cb;
	padding: 30px 30px 20px;
}

.letter p {
	margin-bottom: 1em;
}

.productLists {
	width: 710px;
	margin-left: 25px;
	margin-top: 1em;
}

.productList {
	border-top:none;
	border-left: 2px solid #2b9f4c;
	border-right: 2px solid #2b9f4c;
	padding-top: 0;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	margin-left: 9px;
	margin-right: 19px;
	margin-bottom: 0;
}

.productThumb {
	float: left;
	text-align: center;
	width: 100px;
	margin-left: 8px;
	font-size: 1.16em;
	padding: 5px 0;
}

.productThumb img {
	margin-bottom: 3px;
}

#repeatFlyer {
	width: 700px;
	height: 500px;
}

ul.terms {
	margin-left: 18px;
}

ul.terms li {
	margin-bottom: .6em;
	font-size: 1.2em;
}

ul.terms ul {
	padding-top: .6em;
}

ul.terms li li {
	margin-left: 2em;
	font-size: 1em;
}

#form_search button.btn_search {
	background:url("../images/index/button-search.gif") 0 0 no-repeat;
	width:21px;
	height:20px;
	display:block;
	border:0;
	float:right;
}

.hideOnLoad {
	display: none;
}

.fieldHighlight {
	border: 1px solid #c00; 
	background-color: #fdd; 
	padding: 6px; 
	margin-bottom: 1em;
}

/* Proof Approval */

#approval {
	overflow: auto;
}

/* approval-form */
#approval-form {
	/*float: left;
	width: 340px;
	padding: 0 0 10px;
	margin-right: 10px;*/
}

#approval-form-left,
#approval-form-right {
	float: left;
	width: 340px;
	margin-right: 10px;
}

#approval-form textarea {
	width: 100%;
}

#approval-form td {
	vertical-align: top;
	padding-bottom: 15px;
}

#approval-form #send-options {
	display: none;
}

#approval-form #revisions-text {
	display: none;
}

#approval-form select {
	width: auto;
}

/* proof-review */
#proof-review {
	width: 100%;
}

#proof-review ul {
	list-style: none;
	margin: 0;
	border-bottom: 1px solid #ccc;
}

#proof-review li {
	display: inline-block;
	border: 1px solid #ccc;
	border-bottom: none;
	margin-right: 4px;
}

#proof-review li a {
	display: block;
	padding: 4px;
}

#proof-review li a.active,
#proof-review li a:hover {
	background-color: #ccc;
}

#iframe {
	border: 1px solid #ccc;
	border-top: none;;
}

#enlarge-container {
	float: right;
	background-color: #2B9F4C;
}

#enlarge {
	color: #fff;
}

/*.display-errors {
	display: none;
	color: #f00;
}*/

/* end proof approval */

@media print { 
	.noPrint {
		display: none;
	}
}

/*.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
	background-color: #fff;
	background-image: none;
	font-weight: normal;
	color: #363636;
}*/