/*
	�2008 Copyright Bukoo Gifts. All Rights Reserved.
	Images and content may not be reproduced or reused in any fashion.

	Feel free to use any of the styles below, however this unique combination and layout is copyright.
*/

/* 
	Eric Meyer's CSS Reset 
	http://meyerweb.com/eric/tools/css/reset/
	v1.0 | 20080212
*/

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 {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}

body {line-height:1}
ol, ul {list-style: none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content:none}

/* remember to define focus styles! */
:focus {outline:0}

/* remember to highlight inserts somehow! */
ins {text-decoration:none}
del {text-decoration:line-through}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse;border-spacing:0}


/* ------- END CSS RESET --------- */
body {font:12px/1.5 "Lucida Grande", Helvetica, Arial, sans-serif;color:#222222;background:#daeef7 url(../images/body_bg.jpg) repeat-x 0 71px}

/* ------------- General Classes ----------------- */
.clear:after {content: ".";display:block;height:0;clear:both;visibility:hidden}
.clear {display: inline-table;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */

.skip {display:none;/* \*/display:block;/* */position:absolute;left:-5000px;top:-5000px;width:1px;height:1px}


/*------------- Element Styles ------------------- */

/*---- <a> ----*/
/* Hide dotted outlines in mozilla */
a {outline:none;color:#ce1a07}
a:hover {text-decoration:none}

a.view-all {padding-left:16px;font-size:11px;color:#444444}

/*---- <h*> ----*/
#content h1 {font-size:19px;font-weight:bold;margin-bottom:.5em}
#content h2 {font-size:19px;color:#ce1a07;font-weight:bold;margin-bottom:.5em}
#content h3 {font-size:16px;color:#222222;font-weight:bold;margin-bottom:.5em}
#content h4 {font-size:12px;color:#222222;font-weight:bold;margin-bottom:.75em}

/*---- <p> ----*/
p {margin-bottom:1.5em}
p.intro {font-size:19px;line-height:1.3;margin-bottom:1.3em}
p.note {color:#555555;margin-bottom:.5em;}

/*---- <small> ----*/
small {font-size:11px}

/*---- <ul, ol> ----*/
#content ul {margin:0 0 1.5em 1.5em;list-style:disc}
#content ol {margin-bottom:1.5em}

ul.product-listing {width:100%;float:left;list-style:none;margin:0 0 0 0!important;display:inline;}
	ul.product-listing li {display:block;float:left;width:128px;height:205px;margin:0 18px 2em 0;display:inline}
		ul.product-listing li span.product-thumb {display:block;height:150px}
		ul.product-listing li img {display:block;margin:auto}
		ul.product-listing li span.product-title {display:block;height:49px;padding-top:6px;font-size:10px;text-align:center;color:#333;text-decoration:none}
		ul.product-listing li a:hover span.product-title {color:#fff;font-weight:bold;background-color:#ce1a07;}

ul.cats {padding-bottom:1.5em}
	ul.cats li {display:block;border-top:1px solid #efeeee} 
		ul.cats li a {display:block;font-size:11px;padding:5px 0 7px 10px;color:#333;text-decoration:none}
		ul.cats li a:hover,
		ul.cats li.current a {font-weight:bold;color:#fff;background-color:#ce1a07}
		
/*---- <img> ----*/

/*---- <div> ----*/
#products {padding:.5em 0 12em 0}
#products h2 {margin:0;font-size:1.2em;border-bottom:1px dotted #ccc;padding-bottom:5px;line-height:1;text-transform:uppercase;margin-bottom:1.5em;font-weight:bold}
	#products h2 a {color:#333;text-decoration:none}
	#products div {width:100%;float:left;position:relative;padding-top:.5em}
#products a.view-all {position:absolute;top:3px;right:18px;font-size:11px}


#product-detail {width:100%;padding-bottom:3em}
	#product-detail h2 {font-size:21px;font-weight:bold;margin-bottom:.5em}
	
	#product-image 	{float:left;width:290px}
		#product-image img	{display:block}
	#product-desc {float:left;width:271px;font-size:15px;padding:0 12px 0 12px;display:inline}
	#product-desc strong {font-size:11px;text-transform:uppercase;letter-spacing:2px;color:#555}

div.messageStack {width:100%;overflow:hidden}
	div.messageStack_error {width:96%;text-align:center;padding:2%;background-color:#fceaea;font-size:11px;font-weight:bold;margin-bottom:1em}

div.toggled {display:none}

div.actions-bar {width:100%;font-size:11px;padding:6px 6px 14px 16px;border-bottom:1px dotted #ccc;margin-bottom:1.5em}

div.notice {width:33%;padding:8px 8px 12px 8px;margin:0 0 1.5em 18px;border-top:1px dotted #cccccc;border-bottom:1px dotted #cccccc;background-color:#efeeee}

div.address {margin-bottom:1.5em}

/*---- <table> ----*/
table {width:100%;margin-bottom:1.5em}
	thead th {height:21px;padding-top:4px;background:transparent url(../images/thead_bg.png) repeat-x 0 0;font-size:11px;letter-spacing:1px;color:#fcfdfd;text-transform:uppercase;text-align:center}
		thead th a {font-size:11px;letter-spacing:1px;color:#fcfdfd;text-transform:uppercase}
	thead th.first {height:25px;background:transparent url(../images/thead-left_bg.png) no-repeat 0 0;text-align:left;padding-left:15px}
	thead th.last {height:25px;background:transparent url(../images/thead-right_bg.png) no-repeat 100% 0;}

table td {text-align:center;padding:5px 0 4px 0}
table td.focus {font-weight:bold}
table td.title {padding-left:15px;text-align:left;}
	table td.title a {font-weight:bold;text-decoration:none}
		table td a strong {font-weight:bold;text-decoration:none !important}
		
table.summary {margin-bottom:1.5em;background-color:#fef3d4}
	table.summary td {font-size:14px;text-align:left;border-bottom:1px dotted #cccccc;text-align:right;padding:5px 18px 4px 0}
	table.summary td.first {font-weight:bold;padding:5px 0 6px 8px;text-align:left}
	table.summary td.order-status {text-transform:uppercase}

/*----------------------- Layout Styles ----------------------*/
#partner-page-menu{

}
#partner-page-menu li {
	list-style: none;
	display: inline;
	margin: 5px;
	width: 33%
}

#header-wrap {width:100%;height:71px;background-color:#fff}
	#header {width:821px;margin:0 auto 0 auto;padding-top:13px;position:relative}

#heading {width:821px;margin:29px auto 9px auto}
	#heading h1 {height:43px;text-indent:-9999px;line-height:1;margin:0 0 0 26px}
	
	#heading #login			{background:transparent url(../images/headers.jpg) no-repeat 0 0}


#stage-wrapper {width:821px;margin:22px auto 2em auto;background:#fff url(../images/stage-top-home_bg.jpg) no-repeat 0 2px;padding:2px 0 0 0}
#stage-wrapper-root {width:821px;margin:0 auto 2em auto;background:#fff url(../images/stage-top_bg.jpg) no-repeat 0 0;padding:2px 0 0 0}

	#nav {width:100%}
		#nav li {display:inline}
			#nav li a {float:left;width:137px;height:28px;margin-right:3px;text-decoration:none;color:#333333;text-align:center; padding-top:6px;font-size:14px;}
			
			#stage-wrapper a#nav-one 		{background:transparent url(../images/nav_bg.jpg) no-repeat -276px -34px}	
			#stage-wrapper a#nav-two 		{background:transparent url(../images/nav_bg.jpg) no-repeat -276px -34px}
			#stage-wrapper a#nav-three		{background:transparent url(../images/nav_bg.jpg) no-repeat -276px -34px}	

			#stage-wrapper a#nav-one:hover,
			#stage-wrapper #nav li.current a#nav-one 		{background:transparent url(../images/nav_bg.jpg) no-repeat -276px 0; color:black;}	
			#stage-wrapper a#nav-two:hover,
			#stage-wrapper #nav li.current a#nav-two 		{background:transparent url(../images/nav_bg.jpg) no-repeat -276px 0; color:black;}
			#stage-wrapper a#nav-three:hover,
			#stage-wrapper #nav li.current a#nav-three		{background:transparent url(../images/nav_bg.jpg) no-repeat -276px 0; color:black;}	

	#subnav {width:99%;padding:14px 0 14px 1%;border-bottom:1px solid #e9948b}
		#subnav li {float:left;height:21px;margin:0 8px 0 8px;padding:0 16px 0 0;overflow:hidden}
		#subnav li.current {background:transparent url(../images/subnav-active-right_bg.jpg) no-repeat 100% 0}
			#subnav li a {height:20px;display:block;float:left;padding:1px 0 0 16px;color:#222222;text-decoration:none}
			#subnav li.current a {background:transparent url(../images/subnav-active-left_bg.jpg) no-repeat 0 0}
			#subnav li.purchase a {color:#ce1a07}
			#subnav li a:hover {color:#ce1a07}

	#stage {width:819px;background:#fff url(../images/stage-btm_bg.jpg) no-repeat 0 100%;padding:0 1px 25px 1px;border-top:1px solid #e4e4e4;}
	#stage-wrapper-root #stage {width:819px;background:#fff url(../images/stage-btm_bg.jpg) no-repeat 0 100%;padding:.5em 1px 24px 1px;margin-top:1.5em;border-top:0}

	#main {background:#fff url(../images/main_bg.jpg) repeat-y 0 0;min-height:300px;height:auto !important;height:300px;}
		
		#content {float:left;width:576px;padding:1.5em 20px;background:#fff;min-height:300px;height:auto !important;height:300px;display:inline}

		#company {float:left;width:201px;padding:0 0 0 2px;display:inline}
		#stage-wrapper-root #company {width:194px;padding:1.5em 0 0 9px}
		
			#company-logo {padding:8px 0 6px 0;margin-bottom:1em;background-color:#fff;text-align:center;border-bottom:1px solid #dbd9d5}
			
			#tools {padding-left:1.5em}
				#tools p {margin-bottom:.5em}
					#tools ul {}
						#tools ul li {display:block;padding-left:1.3em;margin-left:.2em;background:transparent url(../images/toolsnav-rarr.png) no-repeat 0 5px}
							#tools ul li a {font-size:11px;color:#222222}
					
	#article {width:563px;float:left;padding:0 0 0 50px;display:inline}
	
		
#footer-wrapper {width:821px;margin:0 auto 0 auto;background-color:#daeef7}
	#footer {width:752px;padding:18px 0 18px 69px;background:#cee1e9 url(../images/footer-top_bg.png) no-repeat 0 0}
		#footer div {width:124px;float:left;padding-left:7px;margin-right:7px;display:inline}
			#footer div p {margin-bottom:0;color:#333333}
			#footer ul li a {font-size:11px;color:#333333;text-decoration:none}
			#footer ul li a:hover {background-color:#333;color:#cee1e9}
				
		
	#footer-wrapper #copyright {width:821px;background:#daeef7 url(../images/footer-btm_bg.png) no-repeat 0 0;text-align:right;padding-top:40px;font-size:11px;color:#777777}

/*--------- Home Page Specific ------------*/
	#front #stage-wrapper a#nav-one 		{background:transparent url(../images/nav-home_bg.jpg) no-repeat 0 -34px}	
			#front #stage-wrapper a#nav-two 		{background:transparent url(../images/nav-home_bg.jpg) no-repeat -138px -34px}	

			#front #stage-wrapper a#nav-one:hover,
			#front #stage-wrapper #nav li.current a#nav-one 		{background:transparent url(../images/nav-home_bg.jpg) no-repeat 0 0}	
			#front #stage-wrapper a#nav-two:hover,
			#front #stage-wrapper #nav li.current a#nav-two 		{background:transparent url(../images/nav-home_bg.jpg) no-repeat -138px 0}	
	
	#front #stage {border-top:0;background:#fff url(../images/stage-btm-front_bg.jpg) no-repeat 0 100%;padding:0 1px 7px 1px}
	#front #main {background:none}
	#front #content {display:block;float:none;width:819px;padding:1.5em 0 0 0 !important}
	
	#front #hero {width:794px;height:251px;padding:0 12px 0 13px;margin-bottom:1em;background:transparent url(../images/hero.jpg) no-repeat 12px 0}

	#front #opening {width:794px;padding:0 12px 0 13px}
		#front #opening div.col {width:40%;float:left;padding:0 5% 1.5em 5%}
		#front #opening p {font-size:14px}
		#front #opening ul {margin:0 0 1.5em 3.5em;padding:0;list-style: disc}
			#front #opening ul li {font-size:14px}
		#front #buy {display:block;margin:0 auto 1.5em auto;width:278px;height:74px;text-indent:-9999px;background:transparent url(../images/sign-up-today.jpg) no-repeat 0 0}

	
	#front #copyright {background:none}

/*------------------------ Forms --------------------- */
	form fieldset {width:100%;padding-bottom:.5;margin-bottom:.5em;position:relative;border-bottom:1px dotted #cccccc}
	fieldset.last {padding-top:.5em;border-bottom:0}
	
	form dl {width:100%;clear:both;padding-bottom:1em}
		form dl dt {width:37%;float:left;text-align:right;padding:8px 1% 0 0;display:inline}
			form dl dt label {font-size:12px}
		form dl dd {width:57%;float:left;padding:3px 3% 2px 1%;margin-bottom:0;}
			form dl dd input,
			form dl dd select {display:block;margin-bottom:.5em;font-size:14px;padding:2px 0 2px 2px}
			form dl dd select {width:100%;margin-top:2px}
			
			form dl dd input.text {width:100%}
			
			form dl dd textarea {width:100%;display:block;margin-bottom:.5em}
			
			form div.checkbox {float:left;width:100%;margin-bottom:0 !important}
			form div.checkbox label {float:left;margin-top:3px;display:inline}
			form div.checkbox input {float:left;display:inline}
			
			form div.toggled {display:none;width:100%;float:left;font-size:11px;border:1px solid #efeeee;margin:.5em 0 1em 0;padding:.5em .5em 1em .5em}
			form div.toggled p {font-weight:bold;margin-bottom:.5em}
			
			form div.inline table {width:auto !important;border:none !important;margin-bottom:0 !important} 
				form div.inline table tbody td {border:none !important;padding:0 !important}
				form div.inline table tbody td.calendarDateInput {border-bottom:1px solid #ccc !important;padding:3px 2px 3px 3px !important}

			fieldset dl dd.pick-date-field select {width:50px;font-size:12px}
			fieldset dl dd.pick-date-field {padding:0 3% 2px 1%!important}
			

			fieldset dl dd.pick-date-field table {width:auto !important;border:none !important;margin-bottom:0 !important} 
				fieldset dl dd.pick-date-field table tbody td {border:none !important;padding:0 !important}
				fieldset dl dd.pick-date-field table tbody td.calendarDateInput {padding:3px 2px 3px 3px !important}
			
			fieldset dl dd table td {padding-right:7px;vertical-align:middle}
			fieldset dl dd table td table td {padding-right:0}
			
			fieldset dl dd.state-field input {float:left}
				fieldset dl dd.state-field #customer_state {width:32px;margin-right:7px;display:inline}
				fieldset dl dd.state-field label {width:32px;float:left;margin-right:7px;padding-top:6px;text-align:right;display:inline;}
				fieldset dl dd.state-field #customer_zip	{width:62px;}

				fieldset dl dd.pick-date-field select {font-size:12px}
				fieldset dl dd.card-exp-field select {width:70px;font-size:12px;display:inline}

			fieldset dl dd.card-type-field input {display:inline}

			fieldset dl dt.security-field,
			fieldset dl dd.security-field {height:49px}
			fieldset dl dd.security-field #card_cvv2 {width:62px}

			
			fieldset dl dd.text {padding-top:8px}
			
			fieldset dl dd.checkbox {font-size:11px;padding-top:8px}
			fieldset dl dd.checkbox input,
			fieldset dl dd.checkbox label {display:inline}

	input.hidden {display:none}		
	
	dl dd.submit {padding:0}
		dl dd.submit input {display:inline !important;font-size:14px;padding:0 !important}

/*Added by Jason for new addition*/
#newcontent{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	width:740px;
	line-height:100%;
}
#bigredbox{
	border-color:red;
	border-width:1px;
	border-style:solid;
	padding-top:10px;
	padding-left:10px;
	padding-right:30px;
	background-image:url('/images/bukoo_guy.gif');
	background-position:center;
	background-repeat:no-repeat;
}




