/*
	
	
	NBT Supplies
	-------------------------------------------------------------------------------------------------------------------------------------------------------------
	created by Mike Moreau, Jr
	harvestmedia.com






	=> Contents
	-------------------------------------------------------------------------------------------------------------------------------------------------------------
	Section 1		General Styles (Reset, Links, Common Classes, Base Typography, Etc.)
	Section 2		Page Layout (Columns, Grids, Etc.)
	Section 3		Page Components (Navigation, Calendars, FAQ's, etc.)
	Section 4		User Interaction (Forms, Error Messages, Etc.)






	=> Section 1 - General Styles
	-------------------------------------------------------------------------------------------------------------------------------------------------------------
	Begin Eric Meyer's Recommended Reset Styles (Slightly Modified)
	http://meyerweb.com/eric/tools/css/reset/
*/
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, font, 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{
	background:transparent;
	font-size:100%;
	font-weight:inherit;
	line-height:inherit;
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
}
ol, ul, li{
	list-style:none;
}
blockquote, q{
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after{
	content:'';
	content:none;
}
:focus{
	outline:0;
}
ins{
	text-decoration:none;
}
del{
	text-decoration:line-through;
}
b, strong{
	font-weight:bold;
}
em{
	font-style:italic;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
/*
	End Reset
*/



body{
	background:rgb(72,146,192);
	color:#222;
	font-family:Calibri, "Lucida Grande", "Lucida Sans", tahoma, "Trebuchet MS", Arial, sans-serif;
	font-size:13px;
	line-height:1;
}



/*
	Links
*/
a{
	outline:none; /* Remove Dotted Border */
}
a:link, a:visited{
	color:#000066;
	font-weight:bold;
	text-decoration:underline;
}
a:hover, a:active{
	text-decoration:none;
}


/*
	Common Classess
*/
.hide{
	display:none;
}
.superscript{
	font-size:xx-small;
	vertical-align:top;
}
.meta{
	font-size:13px;
	font-weight:normal;
}



/*
	Base Typography
*/
h1{
	color:#7AB2DA;
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	line-height:30px;
	margin:0 0 10px 0;
}
h2{
	border-bottom:1px solid #ccc;
	color:#444;
	font-size:15px;
	font-weight:bold;
	line-height:20px;
	margin:20px 0 10px 0;
	padding:0 0 10px 0;
}
h2.question{
	color:#F93;
	font-style:italic;
	font-size:18px;
	margin-top:50px;
}
h3, h4, h5, h6{
	font-size:13px;
	font-weight:bold;
	line-height:20px;
}
p{
	line-height:20px;
	margin-bottom:20px;
}
table{
	margin-bottom:20px;
	width:99.8%;
}
.quiet{
	font-size:11px;
	line-height:15px;
}


/*
	<div id="content"> and <div id="sidebar"> List Overrides
*/
#content ul, #content ol, .section ul, .section ol{
	line-height:1.5385em;
	list-style-position:outside;
	margin:0 0 20px 0;
}
#content ol, .section ol{
	margin-left:40px;
}
#content ul li, .section ul li{
	background:url(/_img/bullet_black.png) 5px .5em no-repeat;
	padding:0 0 0 20px;
}
#content ol li, .section ol li{
	list-style-type:decimal;
}
#content ul li, #content ol li, .section ul li, .section ol li{
	line-height:20px;
}
#content ul ul, #content ol ol, .section ul ul, .section ol ol{
	margin:0 0 20px 0;
}


/*
	<div id="sidebar"> Typography Overrides
*/
#sidebar h1{
	border-bottom:1px dotted #ddd;
	color:#333;
	font-size:20px;
	line-height:20px;
	margin-bottom:5px;
	padding-bottom:5px;
}
#sidebar h2{
	margin-top:50px;
}
#sidebar p, #sidebar div, #sidebar ul{
	color:#7f7f7f;
}


/*
	<div id="footer-inner"> Typography Overrides
*/
#footer-inner{
	color:#fff;
}
#footer-inner h1{
	color:rgb(220,242,255);
	font-size:20px;
	line-height:20px;
}
#footer-inner a:link, #footer-inner a:visited{
	color:#fff;
	font-weight:bold;
}
div.vcard li{
	margin-bottom:10px;
}
p.site-credits{
	color:#6bb3db;
	font-size:7px;
}
#footer-inner p.site-credits a:link, #footer-inner p.site-credits a:visited{
	color:#6bb3db;
	text-decoration:none;
}







/*
	=> Section 2 - Page Layout (2 column layout with floated divs and negative margins)
	-------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
#accessibility{
	display:none;
}
#masthead{
	background:url(/_img/masthead-bgd.jpg) repeat-x top left transparent;
	height:100px;
}
		#in-masthead{
			height:100px;
			margin:0 auto;
			position:relative;
			width:960px;
		}
		#logo a:link, #logo a:visited{
			background:url(/_img/logo.png) no-repeat left top transparent;
			color:#d87b05;
			display:block;
			float:left;
			height:47px;
			margin-top:42px;
			text-decoration:none;
			text-indent:-9999em;
			width:270px;
		}
		#in-masthead-account{
			background:rgb(207,112,0);
			color:#864901;
			height:13px;
			overflow:hidden;
			padding:10px;
			position:absolute;
			right:0;
			text-align:center;
			top:0;
			-moz-border-radius:5px;
		}
		#in-masthead-account a:link, #in-masthead-account a:visited{
			color:#f7d8b3;
			font-weight:normal;
			text-decoration:none;
		}
		#in-masthead-account a:hover, #in-masthead-account a:active{
			color:#fff;
		}
		
		
#pnav{
	background:rgb(207,113,0);
	height:40px;
	overflow:hidden;
}
#outer-content-wrapper{
	background:#fff;
}
		#inner-content-wrapper{
			margin:0 auto;
			overflow:hidden;
			width:960px;
		}
		#content{
			float:left;
			padding:19px 0;
			width:590px;
		}
		#choose{
			padding:19px 0;
			width:960px;
		}
		.billboard{
		}
		#sidebar{
			float:right;
			padding:19px 0;
			width:310px;
		}
		#sidebar .section{
			margin:0 0 20px 0;
		}
#footer-outer{
	background:url(/_img/footer-bgd.jpg) repeat-x left top transparent;
	border-top:5px solid rgb(72,146,192);
}
		#footer-inner{
			margin:0 auto;
			padding:20px 0 20px 0;
			width:960px;
		}
		div.vcard{
			width:590px;
		}

/*
	Page Layout Overrides
*/



/*
	Home Page
*/
div.start-order{
	margin:10px 0 0 0;
	text-align:right;
}
p.how-it-works{
	margin:10px 0 0 0;
	text-align:right;
}
p.how-it-works a:link, p.how-it-works a:visited{
	border-bottom:1px dotted #ccc;
	color:#777;
	font-weight:normal;
	padding: 0 0 5px 0;
	text-decoration:none;
}
p.how-it-works a:hover, p.how-it-works a:active{
	color:#333;
}

/*
	Overview Page
*/
div.product-list{
	overflow:hidden;
	width:590px;
}
body.overview h3{
	margin-top:40px;
}






/*
	=> Section 3 - Page Components (Navigation, Special Styling, Etc.)
	-------------------------------------------------------------------------------------------------------------------------------------------------------------
*/


/*
	Primary Nav
*/
#nav{
	margin:0 auto;
	overflow:hidden;
	width:960px;
}
#nav li{
	float:left;
}
#nav a:link, #nav a:visited{
	background:rgb(179,98,0);
	color:#fff;
	display:block;
	float:left;
	font-size:12px;
	font-weight:bold;
	height:12px;
	letter-spacing:.1em;
	margin:0 5px 5px 0;
	padding:8px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	-moz-border-radius:5px;
}
#nav a:hover, #nav a:active, #nav li.current a:link, #nav li.current a:visited{
	background:rgb(244,205,159);
	color:rgb(74,40,0);
}



/*
	Secondary Nav
*/
ul#subnav{
	margin-bottom:40px;
}
ul#subnav a:link, ul#subnav a:visited{
	background:url(/_img/bullet_go.png) no-repeat left center transparent;
	border-bottom:1px solid #dedede;
	display:block;
	font-size:13px;
	height:15px;
	line-height:15px;
	padding:10px 0 10px 20px;
	margin:0;
	text-decoration:none;
}
	ul#subnav li:first-child a{
		background-position:left top;
		padding-top:0;
	}
ul#subnav a:hover, ul#subnav a:active, ul#subnav li.current a:link, ul#subnav li.current a:visited{
	color:#286a1f;
	font-weight:bold;
}
ul#subnav ul{
	display:none;
}
ul#subnav li.current ul{
	display:block;
	margin-left:20px;
}
ul#subnav ul a:link, ul#subnav ul a:visited, ul#subnav li.current ul a:link, ul#subnav li.current ul a:visited{
}
ul#subnav ul a:hover, ul#subnav ul a:active, ul#subnav li.current ul a:hover, ul#subnav li.current ul a:active{
}



/*
	Breadcrumbs
*/
#breadcrumbs-outer{
	background:#fff;
}
#breadcrumbs-inner{
	border-bottom:1px dotted #ddd;
	font-size:12px;
	line-height:20px;
	margin:0 auto 0 auto;
	padding:10px 0 10px 0;
	width:960px;
}
#breadcrumbs-inner strong{
	font-weight:normal;
}
#breadcrumbs-inner, #breadcrumbs-inner a:link, #breadcrumbs-inner a:visited{
	color:#bbb;
	text-decoration:none;
}
#breadcrumbs-inner a:hover, #breadcrumbs-inner a:active{
	color:#CC9900;
}


/*
	Pagination
*/
.pagination{
	font-size:11px;
	overflow:hidden;
}
.pagination span{
	border-right:solid 1px #DEDEDE;
	float:left;
	margin-right:2px;
}
.pagination span.next{
	border:none;
	font-weight:bold;
}
.pagination span.previous{
	font-weight:bold;
}
.pagination .current{
	color:#000;
	font-weight:bold;
	display:block;
	padding:5px;
}
.pagination span.first, .pagination span.last{
	border:none;
}
.pagination a:link, .pagination a:visited{
	color:#0e509e;
	display:block;
	line-height:12px;
	padding:5px;
	text-decoration:none;
}
.pagination a:hover, .pagination a:active{
	text-decoration:underline;
}



/*
	Emphasized <ul>
*/
#content ul.emphasis-list li{
	background:url(/_img/star-bullit.png) left center no-repeat;
	font-size:15px;
	margin:0 0 5px 20px;
	padding-left:25px;
}
ul.emphasis-list li b{
	color:#000;
}


/*
	Emphasized <ol>
*/
ol.emphasis-list{
	color:rgb(157,90,7);
}
ol.emphasis-list li{
	color:rgb(157,90,7);
}
ol.emphasis-list h3{
	color:#000;
}
ol.emphasis-list p{
	color:#2a2a2a;
}



/*
	FAQ
*/
ol.faq{
	color:rgb(219,133,41);
}
ol.faq li{
	color:rgb(219,133,41);
}
ol.faq h2{
	color:rgb(219,133,41);
	font-style:italic;
	font-weight:normal;
}
ol.faq p{
	color:#2a2a2a;
}


/*
	Price Table
*/
.price-table{
	background:#FFFFCC;
	text-transform:capitalize;
}
.price-table tr{
	border-bottom:3px solid #fff;
}
.price-table th{
	background:#fff;
	color:#000;
	font-weight:bold;
	text-align:left;
	padding:5px;
}
.price-table td{
	border:1px solid #fff;
	padding:5px;
	vertical-align:top;
}
.price-table p{
	margin:0;
}
.price-table{
}

/*
	Proof and Review Item Data
*/
#review, #update-order{
	background:url(/_img/review_bgd.png) repeat-x left top #FFFFCC;
	border:10px solid #FFFFCC;
	color:#000000;
	padding:20px;
}
#review div{
	line-height:22px;
}
#final-warning, p.billing-report-note{
	line-height:20px;
	margin:0 20px 20px 20px;
}
/* flyers and door hangers*/
div.review-when, div.review-who, div.review-where{
	position:relative;
	margin-bottom:15px;
}
div.review-when div#review-when-label, div.review-who div#review-who-label, div.review-where div#review-where-label{
	font-size:10px;
	height:50px;
	left:0;
	letter-spacing:.08em;
	margin:0;
	position:absolute;
	text-align:right;
	text-transform:uppercase;
	top:0;
	width:70px;
}
div.review-when div, div.review-who div, div.review-where div{
	margin:0 0 0 100px;
}
div.preview-flyer-when_dates{
	font-size:18px;
	font-weight:bold;
}
div.preview-flyer-when_times{
	font-size:15px;
	font-weight:bold;
}
div.preview-flyer-when_registration{
	font-size:11px;
}
div.preview-flyer-where_name, div.preview-flyer-where_phone{
	font-weight:bold;
}

/* invite cards */

/* postcard */
.preview-pcard-when_dates{
	font-size:18px;
	font-weight:bold;
}
.preview-pcard-where_name{
	font-size:15px;
	font-weight:bold;
}
.preview-pcard-ra{
	font-size:10px;
	letter-spacing:.08em;
	text-transform:uppercase;
}
/* banner */
.preview-banner-where_name, .preview-banner-when_dates, .preview-banner-where_phone{
	font-size:18px;
	font-weight:bold;
	line-height:25px;
	text-align:center;
}
.preview-banner-who_ages{
	font-size:18px;
	line-height:25px;
	text-align:center;
}


/*
	My Order Table
*/
.my-order{
	background:#f1f1f1;
	text-transform:capitalize;
}
.my-order tr{
}
.my-order tr.alt{
	background:#f8f8f8;
}
.my-order tr:hover{
	background:#FFFFCC;
}
.my-order th{
	background:#fff;
	color:#000;
	text-align:left;
	padding:5px;
}
.my-order td{
	border:1px solid #fff;
	padding:5px;
	vertical-align:top;
}
.my-order td.product{
	width:25%;
}
.my-order td.quantity{
	width:25%;
}

/*
	Order History
*/
.my-order caption{
	font-size:15px;
	padding:15px 10px 5px 10px;
	text-align:left;
}
h3.order-history-year{
	color:#F90;
	font-size:18px;
}



/*
	Choose a Product and Design
*/
div#products, div#designs{
	overflow:hidden;
	width:960px;
}
div.product, div.design{
	background:#fff;
	float:left;
	height:300px;
	margin:0 60px 0 0;
	text-align:center;
	width:200px;
}
/*
	#content product choose override
*/
#content #products{
	width:590px;
}
div.product p a:link, div.product p a:visited, div.design p a:link, div.design p a:visited{
	color:#7AB2DA;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
}
div.product p a:hover, div.product p a:active, div.design p a:hover, div.design p a:active{
	color:#3581af;
}

/*
	Design Preview Link Text
*/
div.preview {
	font-size:12px;
	margin-bottom:5px;
}
div.preview a:link, div.preview a:visited, div.preview a:hover, div.preview a:active{
	color:#888;
	font-weight:normal;
	letter-spacing:.02em;
	text-decoration:none;
}


/*
	Admin Order Tables
*/
.admin-orders{
	background:#f1f1f1;
	text-transform:capitalize;
}
.admin-orders tr.alt{
	background:#f8f8f8;
}
.admin-orders tr:hover{
	background:#FFFFCC;
}
.admin-orders tr.rush-yes{
	background:#FFFF00;
}
.admin-orders th{
	background:#fff;
	color:#000;
	font-weight:bold;
	padding:5px;
	text-align:left;
}
.admin-orders td{
	border:1px solid #fff;
	padding:5px;
	vertical-align:top;
}
.admin-orders td.order-id{
	width:10%;
}
.admin-orders td.date-ordered{
	width:25%;
}
.admin-orders tfoot td{
	background:#fff;
}

p.order-cost{
	text-align:right;
}
span.nbt-cost{
	font-size:10px;
}

form#merge-able div{
	text-align:right;
}





/*
	=> Section 4 - User Interaction (Forms, Icons, Warnings, Etc.)
	-------------------------------------------------------------------------------------------------------------------------------------------------------------
*/


/*
	Messages, Instructions, Notes
*/
div.instruction{
	color:#888;
	font-size:16px;
	line-height:20px;
}
div.instruction strong{
	color:#000;
}
div.confirm-data{
	padding:5px;
}
h2.important{
	background:url(/_img/error.png) no-repeat left center transparent;
	border:none;
	color:#820;
	margin:20px 20px 0 20px;
	padding:10px 0 10px 20px;
}
.warning{
	color:#CC3300;
}
span.ajax-cost-data{
	color:#093;
	font-weight:bold;
}

/*
	Contact Area Order Forms
*/
form.order{
}
form.order fieldset{
	border-top:1px dotted #ccc;
	padding:20px 0 40px 0;
}
form.order legend{
	background:#fff;
	color:#7AB2DA;
	font-size:16px;
	font-weight:bold;
}
form.order div{
	margin-bottom:10px;
}
form.order textarea{
	display:inline;
}
form.order div.radio{
	margin-left:210px;
}
form.order label{
	color:#000;
	float:left;
	line-height:15px;
	padding:0 10px 0 0;
	width:200px;
	text-align:right;
}
form.order div.radio label{
	float:none;
	padding:0;
	width:auto;
	text-align:left;
}
/*
	Default Submit Buttons (no js)
*/
div.continue{
	border-top:1px dotted #ccc;
	height:40px;
	overflow:hidden;
	padding:20px 0 40px 0;
	position:relative;
	text-align:right;

}
div.continue input{
	background:url(/_img/form_submit_bgd.png) repeat-x left top #c8edb2;
	border:2px solid #c8edb2;
	color:#000;
	cursor:pointer;
	font-weight:bold;
	min-width:100px;
	padding:5px;
	text-align:center;
}
#proof-approve, #proof-change{
	left:0px;
	margin:0;
	position:absolute;
	top:40px;
	width:295px;
}
#proof-approve{
	left:295px;
}
/*
	Custom Submit Buttons
*/
a#form_next{
	display:block;
	float:right;
	height:40px;
	width:152px;
	text-decoration:none;
}
a#form_change{
	display:block;
	float:left;
	height:40px;
	width:102px;
	text-decoration:none;
}

/*
	The Big Red Buttons!
*/
div.continue div#proof-change input, form.delete input{
	background:#CC0000;
	border:2px solid #CC0000;
	color:#fff;
}

/* Notes in the forms */
form.order p.note{
	color:#888;
	margin:0 0 10px 210px;
}
form.login p.note{
	color:#888;
	margin:0;
}


/*
	Sidebar Login Form and Admin Forms
*/
form.login{
	padding:20px 0 0 0;
}
form.login fieldset{
	padding:10px 0 20px 0;
}
form.login legend{
	background:#fff;
	color:#7AB2DA;
	font-size:16px;
	font-weight:bold;
}
form.login div, form.admin div{
	margin-bottom:10px;
}
form.login label, form.admin label{
	display:block;
	font-weight:bold;
}
form.login input, form.admin input{
	display:block;
}
form.admin textarea{
	display:block;
}

form.admin fieldset{
	border:1px dotted #ccc;
	padding:0px 20px 20px 20px;
}
form.admin fieldset legend{
	color:#888;
	letter-spacing:.1em;
	padding:20px 10px 20px 10px;
	text-transform:uppercase;
}
#results{
	margin-top:20px;
	padding:0 20px 0 20px;
}
#results p{
	margin-bottom:5px;
}
#results p a{
	color:#00C;
	text-decoration:none;
}
#results p a:hover{
	color:#009;
	text-decoration:underline;
}


/*
	Validation Errors
*/
div.error{
	background:url(/_img/error.png) no-repeat left center transparent;
	color: #CC0033;
	padding:10px 0 10px 20px;
}
div.error-instruction{
	background:#FFFFCC;
	border:1px solid #FFCC00;
	margin:10px 0 20px 0;
	padding:10px;
}
div.error-instruction p{
	margin:0 0 5px 0;
}
form.order div.error{
	margin:0 0 0 210px;
}
form.order div.error-instruction{
	margin-left:210px;
}
form.login div.error{
}

/*
	Admin Messages
*/
div.message{
	background:#FFFFCC;
	color:#333;
	padding:10px;
}