/* CSS Document */

/* ------------------------------------------------
	
	Copyright © 2008 Duncan & Prudence
    Design by Flightless - www.flightless.co.nz 
	
--------------------------------------------------- */

/* Version 3.0 - 05.05.08 (GLOBAL STYLE SHEET) */

/* =GLOBAL RESETS */

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, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: inherit;
	font-style: inherit;
	font-size: 11px;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* =GLOBAL STYLES */

html, body {
	height: 100%;
}
a {
	text-decoration: none;
	color: #000;
}
a:hover {	
	text-decoration: none;
	color: #666;
}
p {
	font-size: 11px;
	color: #333;
}

/* =TEMPLATES */

/* Homepage Structure */
#outerwrapper_homepage {
	background: url(../images/background_tile.jpg) repeat top center #e1c39d;
	margin: auto;
	width: 100%;
	height: 100%;
}
#innerwrapper_homepage {
	background: url(../images/background_tile.jpg) repeat top center;
	margin: auto;
	width: 980px;
	height: 100%;
}
#innerwrapper_homepage .header {
	position: relative;
	height: 122px;
	padding: 52px 265px 0px 265px;
}
/* Logo Homepage */
#innerwrapper_homepage h1.logo { 
	height: 122px;
	width: 450px;
	text-indent: -3000px;
	background: url(../images/homepage_logo.png) no-repeat top right;
}
/* Homepage Content */
.intro {
	position: relative;
	margin: 0px;
	padding: 0px;
}
.content {
	margin: 0px 265px 0px 265px;
}

/* Homepage Global Navigation */
#navigation {
	width: 450px;
	height: 40px;
	margin: 36px 0px 0px 0px;
}	
#navigation li {
	display: inline;
}
#navigation li a {
	float: left;
	background: url(../images/navigation.gif) no-repeat top left;
	height: 40px;
	text-indent: -3000px;
}	

/* subpage navigation background positioning */
#navigation li.about_us a { background-position: 0px 0px; width: 134px; }

#navigation li.our_products a { background-position: -134px 0px; width: 162px; }

#navigation li.contact_us a { background-position: -296px 0px; width: 154px; }

/* navigation hover & current state */
#navigation li.about_us a:hover, #navigation li.about_us a.current { background-position: 0px -40px; width: 134px; }

#navigation li.our_products a:hover, #navigation li.our_products a.current { background-position: -134px -40px; width: 162px; }

#navigation li.contact_us a:hover, #navigation li.contact_us a.current { background-position: -296px -40px; width: 154px; }

p.blurb {
	font-size: 12px;
	text-align: center;
	line-height: 16px;
	color: #000;
	margin: 10px 0px 0px 0px;
}
#outerwrapper_homepage #footer p {
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	color: #000;
	text-align: center;
}

/* Subpage Structure */
#outerwrapper { 
	background: url(../images/subpage_texture.jpg) repeat-x top center;
	margin: auto;
	width: 100%;
}
#innerwrapper {
	background: url(../images/subpage_texture.jpg) repeat-x top center;
	margin: auto;
	width: 980px;
}
.header {
	position: relative;
	height: 40px;
	padding: 60px 0px 10px 0px;
}
/* Logo Subpage */
.logo_holder {
	float: right;
	width: 270px;
	height: 40px;
}	
h1.logo { 
	height: 40px;
	text-indent: -3000px;
	background: url(../images/subpage_logo.png) no-repeat top right;
}
h1.logo a { 
	display: block;
	height: 40px;	
}

/* =NAVIGATION */

/* Subpage Global Navigation + Sub Navigation */
#subpagenav {
	float: left;
	width: 410px;
	height: 40px;
}
#subpagenav ul {
	position: relative;
}	
#subpagenav li {
	display: inline;
}
#subpagenav li a {
	float: left;
	background: url(../images/subpage_nav.gif) no-repeat top left;
	height: 40px;
	text-indent: -3000px;
}	

/* subpage navigation background positioning */
#subpagenav li.about_us a { background-position: 0px 0px; width: 106px; }

#subpagenav li.our_products a { background-position: -106px 0px; width: 154px; }

#subpagenav li.contact_us a { background-position: -260px 0px; width: 127px; }

/* navigation hover & current state */
#subpagenav li.about_us a:hover, #subpagenav li.about_us a.current { background-position: 0px -40px; width: 106px; }

#subpagenav li.our_products a:hover, #subpagenav li.our_products a.current { background-position: -106px -40px; width: 154px; }

#subpagenav li.contact_us a:hover, #subpagenav li.contact_us a.current { background-position: -260px -40px; width: 127px; }

/* subnav */
#subnav_holder {	
	height: 30px;
}
#subnav_holder p, #subnav_holder a, #subnav_holder span {
	font-family: "Courier New", Courier, monospace;
}
.subnav {
	float: left;
	padding: 8px 0px 0px 5px;
}
.subnav li {
	display: inline;
}
.subnav li a, #subnav_holder span {
	font-weight: bold;
	font-size: 12px;
	color: #000;
	padding: 0px 5px 0px 5px;
}
.subnav li a:hover, .subnav li a.current, .subnav li span.current {
	color: #ccc;
}
.cartnav {
	float: right;
	padding: 8px 20px 0px 0px;
	font-weight: bold;
	font-size: 12px;
	text-align: right;
}		
a.cartlink {
	padding: 0px 25px 5px 0px;
	background: url(../images/cart_icon.gif) no-repeat top right;
}
a.cartlink:hover {
	background-position: right -22px;
}

/* =CONTENT */

.page_wrapper {
	padding: 30px 10px 30px 10px;	
}
h2.title {	
	font-family: "Courier New", Courier, monospace;
	font-size: 20px;
	font-weight: bold;
	margin: 0px 0px 25px 0px;
}
h3 {	
	font-family: "Courier New", Courier, monospace;
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0px 10px 0px;
	color: #333;
}
h3.faq_title {	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	margin: 10px 0px 5px 0px;
	color: #333;
}
a.white:hover {
	color: #FFF;
	text-decoration: underline;
}
.column_main a.top_link, .column_large a.top_link {
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
	text-decoration: underline;
}

/* Column Structure */
.column_main {
	float: left;
	width: 378px;
	margin: 0px 10px 0px 0px;
}
.column_large {
	float: left;
	width: 579px;
	margin: 0px 0px 0px 0px;
	padding: 0px 100px 0px 0px
}
.sub_column_note {
	float: left;
	width: 291px;
}
.sub_column {
	float: left;
	width: 281px;
	line-height: 18px;
}
.column_wrapper p { 
	line-height: 18px;
	padding: 0px 0px 15px 0px;
}
.column_main a, .column_large a {
	text-decoration: none;
	color: #999;
}
.column_main a:hover, .column_large a:hover {
	text-decoration: none;
	color: #000;
}
.image_inline {
	margin: 5px 0px 15px 0px;
}
/* Notepaper Expanding Shape */
.notepaper_holder {
	background: url(../images/notepaper/grey/tile.jpg) repeat-y top left;
	width: 291px;
}
.notepaper_header {
	background: url(../images/notepaper/grey/header.jpg) no-repeat top left;
	width: 291px;
	height: 20px;
}
.notepaper_header_promo {
	background: url(../images/notepaper/grey/header.jpg) no-repeat top left;
	width: 291px;
	height: 133px;
}
.notepaper_footer {
	background: url(../images/notepaper/grey/footer.jpg) no-repeat bottom left;
	width: 291px;
	height: 30px;
}
/* Notepaper Expanding Shape (with image) */
.notepaper_image_outerwrapper {
	background: url(../images/notepaper/image/tile.jpg) repeat-y top left;
	width: 291px;
}
.notepaper_image_innerwrapper {
	background: url(../images/notepaper/image/bottom.jpg) no-repeat bottom left;
	width: 291px;
	padding: 0px 0px 8px 0px;
}
.notepaper_column_holder {
	background: url(../images/notepaper/image/top.jpg) repeat-x top left;
	height: 100%;
}
.notepaper_col01 {
	float: left;
	width: 136px;
	padding: 20px 10px 10px 15px;
}
.notepaper_col02 {
	float: left;
	width: 119px;
	margin: 1px 0px 0px 0px;
}

/* Subcolumn Styles */
.notepaper_content {
	padding: 0px 30px 0px 15px;
}
.notepaper_content_promo {
	padding: 15px 30px 0px 15px;
}
.notepaper_col01 h4, .notepaper_content h4, .notepaper_content_promo h4 {
	color: #FFF;
}
.notepaper_col01 p, .notepaper_content p, .notepaper_content_promo p {
	color: #FFF;
	padding: 0px;
	margin: 0px;
}
.notepaper_col01 p {
	line-height: 16px;
	margin: 4px 0px 0px 0px;
}
.column_content {
	padding: 10px 30px 10px 15px;
}
h4 {
	font-weight: bold;
	font-size: 12px;
	color: #333;
	margin: 0px 0px 5px 0px;
}	
.column_content p {
	color: #666;
	padding: 0px 0px 10px 0px;
}
.column_content .address { 
	padding: 0px 15px 10px 20px;
	color: #666;
}
.links_holder {	
	background: url(../images/divider_tile_horizontal.gif) repeat-x top left;
	margin: 2px 0px 10px 0px;
	padding: 15px 0px 0px 0px;
}
.links_holder a {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	font-size: 11px;
	line-height: 14px;
}
.links_holder a:hover {
	text-decoration: none;
}
.link { 
	background: url(../images/link_icon.gif) no-repeat 0px 3px;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 8px 0px;
} 

/* =PAGE SPECIFIC STYLES */

/* faq anchor links */
.column_main ul.faq_list {	
	background: url(../images/divider_tile_horizontal.gif) repeat-x bottom left;
	margin: 2px 30px 20px 0px;
	padding: 0px 0px 10px 0px;
}
.column_main ul.faq_list a {
	color: #000;
	line-height: 14px;
}
.column_main ul.faq_list a:hover {
	text-decoration: none;
	color: #df7272;
}
/* inline links */
a.inline_link {
	color: #000;
	text-decoration: underline;
}
a.inline_link:hover {
	color: #ccc;
	text-decoration: none;
}
/* form layout */
.form_label {
	display: block;
	padding: 15px 0px 5px 0px;
}
button { border: none; margin: 0px; padding: 0px; cursor: pointer; display: block; }

button.send_button { text-indent: -3000px; background: url(../images/buttons/send_button.gif) no-repeat 0px 0px; width: 54px; height: 30px; }
button.send_button:hover { text-indent: -3000px; background: url(../images/buttons/send_button.gif) no-repeat 0px -30px; width: 54px; height: 30px; }

.purchase_button { display: block; text-indent: -3000px; background: url(../images/buttons/purchase_button.gif) no-repeat 0px 0px; width: 82px; height: 30px; }
.purchase_button:hover { text-indent: -3000px; background: url(../images/buttons/purchase_button.gif) no-repeat 0px -30px; width: 82px; height: 30px; }

.enter_order_details_button { display: block; text-indent: -3000px; background: url(../images/buttons/enter_order_details_button.gif) no-repeat 0px 0px; width: 169px; height: 30px; }
.enter_order_details_button:hover { text-indent: -3000px; background: url(../images/buttons/enter_order_details_button.gif) no-repeat 0px -30px; width: 169px; height: 30px; }

.submit_order_details_button { display: block; text-indent: -3000px; background: url(../images/buttons/submit_order_details_button.gif) no-repeat 0px 0px; width: 169px; height: 30px; }
.submit_order_details_button:hover { text-indent: -3000px; background: url(../images/buttons/submit_order_details_button.gif) no-repeat 0px -30px; width: 169px; height: 30px; }

.purchase_with_paypal_button { display: block; text-indent: -3000px; background: url(../images/buttons/purchase_with_paypal_button.gif) no-repeat 0px 0px; width: 169px; height: 30px; }
.purchase_with_paypal_button:hover { text-indent: -3000px; background: url(../images/buttons/purchase_with_paypal_button.gif) no-repeat 0px -30px; width: 169px; height: 30px; }


.checkbox {
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 15px 0px;
}
.checkbox_label {
	display: block;
	padding: 15px 0px 5px 0px;
}

.column_content p.testimonial {
	padding: 0px 0px 3px 0px;
}
.column_content p.customer {
	color: #666;
	padding: 0px 0px 10px 0px;
}
p.promo_link {
	font-weight: bold;
	padding: 5px 0px 0px 0px;
}
ul.tc {	
	list-style: circle;
	padding: 0px 0px 20px 15px;
	line-height: 14px;
	color: #333;
}
ul.tc li {
	padding: 2px 0px 2px 0px;
}

/* =TSHIRT BUILDER */

.tshirtbuilder_wrapper {
	background: url(../images/divider_tile_vertical.gif) repeat-y 675px 0px;
}
.column_tshirt {
	float: left;
	width: 655px;
}
.tshirt_builder_holder {
	width: 655px;
	height: 550px;
}
.column_cart {	
	width: 230px;
	float: left;
	padding: 12px 10px 12px 65px;
}
.column_cart .shopping_cart p, .column_large .shopping_cart p {
	font-family: "Courier New", Courier, monospace; 
	padding: 2px 0px 2px 0px;
}
.cart_icons {
	width: 190px;
	height: 38px;
}
.cart_title { 
	width: 112px;
	height: 20px;
	background: url(../images/shoppingcart_title.gif) no-repeat top left; 
	text-indent: -3000px;
	margin: 0px 0px 10px 0px;
}
.cart_item {
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px dotted #ccc;
}
p.cart_links { 
	margin: 0px 0px 10px 0px;
}
p.cart_pricing_info { 
	margin: 5px 0px 10px 0px;
}
.column_cart .shopping_cart p.quantity, .column_large .shopping_cart p.quantity {
	padding: 15px 0px 5px 0px;
}
.column_cart .shopping_cart a, .column_large .shopping_cart a, .cart_footer a {
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
	color: #000;
	text-decoration: underline;
}
.cart_footer {
	padding-top: 10px;
}
.cart_footer p {
	font-family: "Courier New", Courier, monospace;
	line-height: 12px;
}
.cart_note {
	padding: 0px 0px 10px 0px;
	font-style: italic;
	}
.cart_total {	
	font-weight: bold;
	font-size: 14px;
	margin: 10px 0px 5px 0px;
}
.column_cart .shopping_cart a:hover, .column_large .shopping_cart a:hover {
	color: #df7272;
}
.cart_message {
	padding-top: 10px;
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
	font-style: italic;
	color: #000;
}
.hidden_form {
	display: none;
}

/* =PURCHASE FORMS */

.formerror {
	margin: 2px 0px 5px 0px;
	color: #900;
}
.ordername {
	font-style: italic;
	padding-right: 5px;
}


.order_details div {
	margin-bottom: 4px;
}

.products_ordered {
	padding-top: 15px;
}

.order_totals {
	padding-top: 15px;
	padding-bottom: 15px;
}
.order_totals div {
	margin-bottom: 4px;
}

.products_ordered .cart_item {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	border-bottom: 1px dotted #ccc;
}

/* =CONTACT US */
.contact_form_thanks {
	margin-top: 40px;
	font-style: italic;
}

/* =FOOTER */

#footer {
	padding: 20px 5px 40px 5px;
	font-weight: bold;
}
#footer li {
	display: inline;
}
#footer a {	
	font-family: "Courier New", Courier, monospace;
	text-decoration: none;
	color: #333;
	padding: 0px 5px 0px 5px;
}
#footer a:hover { 
	color: #ccc;
}
p.copyright {
	font-family: "Courier New", Courier, monospace;
	color: #ccc;
	padding: 5px 0px 0px 5px;
}

/* =FIXES */

.spacer { height: 0.01px; clear: both; font-size: 0.01px; line-height: 0.01px; }