html { overflow: -moz-scrollbars-vertical; }
html, body  {padding:0; margin:0; font-family: "Helvetica Neue", helvetica, arial, sans-serif; background: #FFF; color: #000;}
body        {font-size: 76%;}
fieldset    {border:none;margin:0;padding:0;}
ul          {padding:0; margin:0; list-style:none;}
ul.normal { margin: 0.75em 1em 0.75em 2.5em; }
ul.normal li { list-style: disc; padding: 0.25em 0 0.25em 0;}
ul li       {list-style:none;}
a			{color:#1E4E6B;}
a img       {border:none;}
th		{text-align:left;}
textarea	{font-family: "Helvetica Neue", helvetica, arial, sans-serif; font-size: 1em;}

/* Checkout */
div.checkout		{padding-left:2em;}

/* Status Information & Errors */
ul.error		{margin: 0; padding: 0;}
ul.error li		{font-weight: normal; padding: 0.5em 0em 0.5em 2.5em;}
.error			{color:#cc0000; font-weight:bold;}
.error_field input,.error_field textarea 	{border: 2px solid #cc0000;}
.blink			{text-decoration:blink;}
.bold			{font-weight:bold;}

/* Widgets */
a.mini { margin: 0 0.5em 0 0; padding: 0; width: 16px; height: 16px; display: block; line-height: 16px; }
a.delete { background: url(/images/interface/mini_delete.gif) 0 0 no-repeat; }
a.delete:hover { background: url(/images/interface/mini_delete_hover.gif) 0 0 no-repeat; }
a.ok { background: url(/images/interface/mini_ok.gif) 0 0 no-repeat; }
a.ok:hover { background: url(/images/interface/mini_ok_hover.gif) 0 0 no-repeat; }
a.button { margin: 1em; }
select.attachable { width:160px; }

/* Behavioral classes */
.option 					{margin: 2px; padding: 1px; border: 1px solid #666; }
.option_selected 				{border: 2px solid #8ab6d7; padding: 0px; }

/* Layout */
#spinner        				{position: relative; bottom: 30px; left: 14px; z-index: 999; margin-top: -16px; }
#wrapper                        {clear:both; width: 818px; padding: 0 0 0 0; margin: 0 auto; color: inherit;
                                 background: #FEF5E4 url(/images/interface/background_fill.jpg) 0 0 repeat-y;}
#wrapperhook					{float:left; clear:both; width: 818px; background: url(/images/interface/background_top.jpg) 0 0 no-repeat;}
#wrapper h1                     {top:0; margin:18px 0 0 27px; display:block; width: 329px; height:78px; padding: 0; }
#wrapper h1 a					{display:block; position:relative; width: 329px; height: 78px; background: url(/images/interface/logo.jpg) 0 0 no-repeat; text-indent: -9999px;}
#bottom                         {width: 810px; margin: -100px auto 0 auto; height: 140px;
                                 background: #FEF5E4 url(/images/interface/background_bottom.jpg) -3px 100% no-repeat;}
#content                        {min-height: 440px; position:relative; border: 4px solid #8a450b; border-left:none; border-right:none; float:left; clear:both; margin: 0 0 0 20px; padding: 20px 35px 35px 20px; width: 723px;  clear:both;color: inherit;background: #FFF; line-height: 1.2em;}
#content h1                     {top:0; margin: 0; line-height: 1em; padding: 0; }
#innercontent                   {padding: 60px 25px; }
div.leftcolumn                  {float:left;width: 440px;padding-left: 1em;}
div.rightcolumn                 {float:right; width: 237px; margin-right: 0px;}

#subwrapper {margin: 0 auto 0 auto; padding: 0 0 0 0;}
#subwrapper div {
	position:relative;
	border-left:none;
	border-right:none;
	border-bottom:none;
	float:left;
	clear:none;
	margin: 1.15em 0.6em 0 1.75em;
	padding: 0;
	width: 240px;
	height: 124px;
	color: inherit;
}
#sub_a {
	border: 4px solid #a0b393;
	background: url(/images/copy/3easysteps.gif) no-repeat 0 0;
}
#sub_b {
	border: 4px solid #dcd15e;
	background: url(/images/copy/whyhandwritten.gif) no-repeat 0 0;
}
#sub_c {
	border: 4px solid #81aac0;
	background: url(/images/copy/casestudy.gif) no-repeat 0 0;
	right: 0px;
}


/* Util Nav */
#utilnav                        {float:right; margin: -89px 32px 0 0; padding: 0 0 0 10px; clear:right; height: 20px; background: url(/images/interface/topnav_left.png) 0 0 no-repeat;}
#utilnav li                     {float:left; display:block; height: 20px; padding: 0 1px 0 0; background: url(/images/interface/topnav_divider.gif) 100% 50% no-repeat;}
#utilnav li a                   {padding: 4px 8px 0 8px; height: 16px; color: #000; text-decoration:none; font-size: 0.8em; font-weight:bold; display:block;}
#utilnav li.selected a,
#utilnav li a:hover             {color: #8E5619;}
#utilnav li.cart				{padding-right: 12px; margin-right: -12px;  background:  url(/images/interface/topnav_right.png) 100% 0 no-repeat;}
#utilnav li.cart a              {padding: 11px 0 0 0; height: 20px; margin:0; text-indent: -9999px; width: 30px;
                                 background: url(/images/interface/shoppingcart.gif) 50% 4px no-repeat;}
#utilnav li.selected a.cart,
#utilnav li a.cart:hover        {background-position: 0 -11px;}
#utilnav img		{border: none; }


/* Primary Nav */
#nav                            {float:right; margin: -15px 20px 0 0; clear:right;}
#nav li                         {float:left; display:block; height: 22px;  margin: 0 0 0 9px; background: url(/images/interface/nav_tab_right.gif) 100% 0 no-repeat; padding-right: 5px;}
#nav li a                       {text-decoration:none; text-align:center; white-space:nowrap; font-weight:bold; color: #000; display:block; height: 16px; padding: 6px 5px 0 10px; background: url(/images/interface/nav_tab.gif) 0 0 no-repeat; font-size: 1.1em; line-height: 12px;}
#nav li a:hover                 {color: #8E5619;}
#nav li.selected				{background-position: 100% -30px;}
#nav li.selected  a              {background-position: 0 -30px; color: #FFF;}
#nav li.selected a:hover		{color: #FFF;}

/* Footer Nav */
#footer		{text-align: center; margin: 0 auto 0 auto; padding: 0; width: 790px; font-size: 0.9em; color: #666; font-weight: normal;}
#footer ul		{float: left; list-style:none; margin: 0; padding: 0; height: 24px;clear:none;}
#footer ul li		{float:left;margin:0;padding:0;}
#footer ul li a		{text-decoration: none; margin-bottom: 1em; padding: 0 0.5em 0 0.5em; border-right: 1px solid #ccc;color: #666;}
#footer ul li a:hover	{text-decoration:underline;}
#footer ul+ul		{float: right;}

/* Steps Navigation */
#steps                          {display:block;}
#steps li                       {display:block; float:left; width: 202px; height: 19px; padding-top: 6px; font-size: 0.9em; color: #333; text-align:center;
                                 background: url(/images/interface/steps_remaining.gif) 0 0 repeat-x;}
#steps li.processed             {background: url(/images/interface/steps_completed.gif) 0 0 repeat-x; font-weight:bold;}
#steps li.processed span        {color: #672702;}
#steps li.laststep              {width: 204px;}


/* headings and text*/
h2                              {color: #662200; margin: 7px 0 0 0; font-size: 1.1em;}
h2.homeSubHead					{font-size: 1.2em; color: #111111; line-height: .8em; font-weight: bold; padding 45px 0 0 0;}
h2.homepage						{color: #111111;font-size: 1.9em; font-weight: bold; line-height: 1.1em;font-family: arial, sans-serif;letter-spacing:0em; padding: 0 0 3px 0;}
h2.homeBodyText						{font-size: 1.15em; color: #555555; line-height: 1.3em; font-weight: lighter;}
h3                              {color: #2B2B2B; margin:0; font-size: 1.8em; font-weight:lighter;}
h4								{color:#8a450b; margin: 30px 0  8px  0; padding-left: 12px; background: url(/images/interface/h4triangle.gif) 1px 2px no-repeat; font-size: 1.2em;}
h4.intro						{padding:0; background:none; color:#000; font-size: 1.5em; margin: 10px 0 0 0;}
h4 + span							{font-weight:normal; color: #000; font-size: 1.2em;}
h4 +input + label						{font-weight:normal; color: #000; font-size: 1.2em;}
h4.hr                           {padding-bottom: 4px; margin: 2em 0 0 0; letter-spacing: 0.3em; text-transform:uppercase; clear:both;
                                color: #000000; font-size: 1em; background: url(/images/interface/horizontal_divider.gif) 0 100% repeat-x;}
h4.tab                          {margin: auto 0 0 0; padding: 3px 5px; font-size: 0.9em; background: #D3C076; float:left; clear:both; display:block;}
h5                              {padding: 0 0 0 8px; margin: 1.0em 0 0.5em 0; font-size: 1.1em; color: #79331F;
                                 background: url(/images/interface/h5decal.gif) 0 3px no-repeat;}
h6								{color:#8a450b; margin: 24px 0  8px  0; padding: 0; font-size: 1.4em; font-style: normal; background: none; }
#innercontent ul li             {color: #79331F; font-size: 0.9em; list-style: disc inside;line-height: 1.3em;}
#innercontent h4.smallintro     {margin-bottom:0; font-size: 1.4em;}
#innercontent p.smallintro      {margin-top:0.4em;font-size: 1.1em;line-height: 1.4em;color: #333333;}
p.explain                       {margin:0.2em 0;}
p.explain a                     {color: #8A634A; text-decoration:none; font-size: 0.9em; line-height:1em}
p.alignright                    {text-align:right;}
p.intro							{margin: 3px 0 8px 0; font-size: 1.2em; line-height: 1.4em;  padding:0;}
p								{padding-left: 12px;}
p.button						{clear:both; margin:14px 0 0 0; font-size: 0; line-height: 0.1em; background: #F00; display:block;}
p.button a 						{float:left; margin-right: 10px;}
p.button a img					{float:left;}
p.learn_more	{ font-size: 1.1em; line-height: 1.4em; padding: 0; }

h3                              {display:block; width: 290px; height:30px; margin:0; text-indent: -9000px;
                                 background-repeat: no-repeat; background-position: 0 0; overflow:hidden;}
h3.returning                    {width: 250px; background-image: url(/images/headings/returningcustomers.gif);}
h3.new                          {width: 245px; background-image: url(/images/headings/newcustomers.gif);}
h3.selectnote                   {background-image: url(/images/headings/selectyournote.gif); margin-bottom: 35px;}
h3.personalizenote              {background-image: url(/images/headings/personalizenote.gif);}
h3.returnaddress				{background-image: url(/images/headings/selectreturnaddress.gif);}
h3.choosemailing				{background-image: url(/images/headings/choosemailinglist.gif);}
h3.mailinglist                  {background-image: url(/images/headings/attachmailinglist.gif);}
h3.mailinginfo                  {background-image: url(/images/headings/attachmailinginfo.gif);}
h3.checkoutshipping             {background-image: url(/images/headings/checkout_shipping.gif);}
h3.checkoutpayment				{background-image: url(/images/headings/checkout_paymentinfo.gif);}
h3.checkoutbilling              {background-image: url(/images/headings/checkout_billingdetails.gif);}
h3.checkoutorder                {background-image: url(/images/headings/checkout_placeorder.gif);}
h3.shoppingcart                 {background-image: url(/images/headings/shoppingcart.gif);}
h3.ordercomplete     	        	{background-image: url(/images/headings/ordercomplete.gif);}
h3.account                      {/*float:left; */width: 143px; background-image: url(/images/headings/myaccount.gif);}
h3.hometext						{font-size: 1.15em; color: #555555; line-height: 1.3em; }

/* Support form */
div.contact                             {background: url(/images/interface/ContactBottom.gif) no-repeat left bottom; width: 350px;}
div.contact_top				{background: url(/images/interface/ContactTop.gif) no-repeat left top; width: 350px;}
font.question				{font-weight:bold;color:#8a450b;font-size:1.2em;}

/* Steps forms and layouts*/
/* Info side bar*/
div.rightcolumn h4                      {display:block;float:left;clear:both;padding: 6px 50px 4px 15px; color: #000; margin:0;font-size: 0.9em;
										 background: #FFF url(/images/interface/SummaryTop.png) no-repeat left top;}
div.summary                             {clear:both; padding: 28px 18px; border: 1px none #7F7F7F;
										background: #f7f8f2 url(/images/interface/BottomSummary.png) no-repeat left bottom;}
div.cart div.summary                    {background: #F4F7E6; border:none; width: 230px;}
div.cart h4                             {border:none;}
.summary dl dd                          {float:left; width: 67px;  padding:4px 0 0 0; margin:0; font-weight:bold; font-size: 0.9em; line-height:1.4em;}
.summary dl dd.noinfo                   {color: #9C9C9C;}
.summary dl dt                          {float:right;padding: 0 0 6px  70px;width: 131px;font-size: 0.9em;margin:-1.3em 0 0 0;color: #79331F;line-height: 1.3em;
										background: url(/images/interface/horizontal_divider.gif) 0 100% repeat-x;}
.summary dl dt.message                  {background:none;}
.summary dl dt input                    {font-size: 0.9em;}
.summary dl dt a                        {float:right; text-decoration:none; color: #5E6385; padding: 0 5px 0 1px;
                                         background: url(/images/interface/editarrow.gif) 100% 4px no-repeat;}
.summary dl.total						{margin-top:0;}
.summary dl.total a.preview				{float:left; position:absolute; margin-left: -85px;}
.summary dl.total dd                    {width: 70px; padding-left: 5px; margin-left: 85px; }
.summary dl.total dd span               {font-size: 0.85em; font-weight:normal;}
.summary dl.total dt                    {float:right; width: 52px; padding-right: 6px; margin-left: 90px; color: #000; font-weight:bold; text-align:right;}
.summary dl.total dd.last               {position:relative;}
.summary dl.total dt.last               {background: #FFFFD9; z-index: 1000;}


/* Step 1*/
#content form p.form                    {margin:0; font-size: 1em; font-weight:normal; padding:none;}
#content form p.form label	{ text-align: left; }
#content form p.topspace                {margin-top: 8px;}
form.item                               {display:block; float:left; width: 149px; padding: 0; margin:0 2em 3em 0;}
form.firstitem							{padding:0;}
/*form.item label                         {float:left; clear:both;  padding:0; margin: 0.3em 0 0.3em 0; font-size: 0.9em; white-space: nowrap; display:block;}
* html form.item label                  {margin: 0.2em 0 0 0;}
form.item label input                   {clear:none; margin:0 0.4em 0 0.2em; font-family: helvetica, sans-serif; font-size: 0.9em;}
*/
form.item input							{width: auto; height: auto; padding:0; border:none;}
form.item p.sample                      {margin:0 !important; padding:0; }
form.item p.sample img					{padding: 3px; border: 1px solid #bebcbf; background: #FFF; margin:0;}
form.item ul 							{min-height: 60px; padding-left: 27px; margin-bottom: 7px;}
form.item ul li							{list-style-type: disc; font-size: 0.9em;}
form.item h4							{margin: 3px 0; font-size: 1em; padding-left: 12px; background: url(../images/interface/h4triangle.gif) 1px 2px no-repeat;}
form.item p                             {margin-top: 0; color: #1A1A1A; padding-left: 12px;}
form.item p                             {font-size: 0.9em; margin-bottom: 7px;}
form.item p strong                      {margin:0;}
div#select_product			{margin-left:1.5em;}

/* Step 2*/
form.personalize label.first            {width: 80px;display:block;float:left;margin-left: 8px;margin-top: 1px;}
form.personalize label                  {font-size: 1em;}
form.personalize label input            {float:left; font-size: 1.1em; margin:0 0.4em 0 0;}
form.personalize label span             {font-size: 0.8em;}
form.personalize input.premiumcheckbox  {float:left; margin-bottom: 30px; margin-right: 5px;}
form.personalize input.selectfile       {clear:both; margin-top: 20px;}
div.messagecolumn                       {width: 240px; float:right;}
div.messagecolumn h5                    {margin:0 0 1em 0;}
form.personalize h5 label               {font-weight:bold; font-size: 1em;}
div.messagecolumn textarea              {width: 234px; height: 270px; padding: 2px; margin:0 0 0.4em 0; border: 1px solid #CCC;}
div.photocolumn                       	{width: 250px; height:150px; float:right;}
div.photocolumn li                      {background-image: url(/images/interface/FoldedNotePhoto.jpg);}

table.select							{width: 100%; font-size: 1.1em; border-top: 1px solid #b5b5b5; border-bottom: 1px solid #b5b5b5; padding 30px 0 3px 0;}
table.select th							{text-align:left; background: #E8EED8; padding: 5px; border-bottom: 3px solid #FFF;}
table.select td							{text-align:center; padding:5px;cursor:pointer;}
table.select td span					{font-size: 0.85em; font-weight:bold; color:#C00;}
table.select tr							{border-bottom: 1px solid #b5b5b5; }

table.steps								{width: 90%; font-size: .9em; border-top: 1px solid #b5b5b5;padding 30px 0 3px 0;}
table.steps th							{text-align:left; background: #E8EED8; padding: 5px; border-bottom: 3px solid #FFF;}
table.steps td							{text-align:left; padding:10px;}
table.steps td span						{font-size: 0.65em; font-weight:bold; color:#C00;}
table.steps tr.stripe td				{background: #eff0eb;}

table .left								{text-align:left !important;}
table .center							{text-align:center !important;}
table .right							{text-align:right !important;}


div.optiongroup							{float:left; clear:both; border: 1px solid #ccc; width: 384px; padding: 22px 0 7px 0; margin: 0 0 17px 14px;}
div.optiongroup h5						{padding:0 0 0 32px; color:#000; margin:5px 0 15px 0; font-size: 1.1em; background:none; display:block; width: 110px; float:left; clear:left;}
div.optiongroup h5 span					{font-weight:normal; font-size: 0.75em;}
div.optiongroup label					{width: 75px; display:block; float:left; text-align:center; margin: 0 0 15px 10px;}
div.optiongroup input					{float:left; margin:5px 0 15px 0;}

input.large								{width: 400px; border: 1px solid #000; font-size: 1.3em;}
textarea.large							{width: 400px; border: 1px solid #000; font-size: 1.3em;}

h4 span#wordsleft				{display:block; position:absolute; width: 388px; text-align:right; color: #8a450b; font-size: 0.85em;}
h4 span.right				{display:block; position:absolute; width: 388px; text-align:right; color: #8a450b; font-size: 0.85em;}
h4 span#wordsleft strong		{font-size: 1.35em;}
/* Step 3 */
label span,
label									{padding-left: 12px;}

p label									{display:block; width: 154px; padding: 5px 6px 0 0; text-align:right; clear:left; float:left; font-weight:bold;  margin:0;}
p input									{margin:0; padding: 1px 2px; width: 140px; background-color:#F7F8F2; border: 1px solid #e5e8d5;}
p textarea								{margin:0; padding: 1px 2px; background-color:#F7F8F2; border: 1px solid #e5e8d5;}
p select								{background-color:#F7F8F2; border: 1px solid #e5e8d5;}
p select:focus,
p input:focus							{background-color:#FFF; border-color: #d4e481;}
p input.state							{width: 30px;}
p input.zip								{width: 70px;}

p.address								{float:left; width: 178px;}
p.address input							{width: auto; float:left; margin: 0 8px; border:none; clear:none; padding:auto;}
p.address label							{width: 140px; text-align:left; font-weight:normal; clear:none; padding-top:0; margin-bottom: 15px;}

/* Step 4*/
table.mailinglists                      {clear:both; width: 300px; border: 1px solid #CCC; margin-top:0;}
table.mailinglists td                   {padding: 2px 3px; font-size: 0.9em; font-weight:bold;cursor:pointer;}
table.mailinglists tr.selected td       {background: #DEDEDE;}

table.list                              {width: 100%;}
table.list tr th                        {padding: 7px 4px ; background: #E8EED8; color: #000; text-align:left; font-size: 1.1em;  }
table.list tr td                        {padding: 2px 4px; font-size: 0.9em; line-height:1.4em}
table.list tr.stripe td                 {background: #EDEDED;}

fieldset.address		{border: 1px solid #e5e5e5; background-color: #eee; padding: 0.65em; text-align: center; margin:0;}
fieldset.address legend		{margin:0; font-size: 0.8em;}
fieldset.address form		{margin:0;padding:0;}
.address                            {float:left; display:block; width: 175px; margin: 6px 0 20px 10px;}
.address label                      {clear:none; float:left; font-size: 1.1em; line-height: 1.3em; width: 135px !important;}
.address input                      {font-size: 0.8em; margin-top: 8px;}

fieldset.newaddress label                   {float:left; width: 90px; padding: 6px 6px 0 0; font-weight:bold;  text-align:right; font-size: 0.9em;}
fieldset.newaddress p.info                  {width: 384px; padding-left: 96px; margin: 0 0 auto 0; color: #505155; font-size: 0.9em;}
fieldset.newaddress input.nolabel           {margin-left: 96px;}
fieldset.newaddress input.zip               {width: 66px;}
fieldset.newaddress input.submit            {font-size: 0.9em;}
fieldset.newaddress p select                {float:left; margin: 0 3px 0 0;}
fieldset.newaddress p input                 {float:left;}
fieldset.newaddress p                       {float:left; clear:both; width: 260px; margin: 0.6em 0;}

p.reviewed									{clear:both; }
p.reviewed input							{width:auto; float:left; margin: 7px 10px 0 0; border:none;}
p.reviewed label							{clear:none; width:205px; font-weight:normal; padding-top:0; font-size: 0.90em; text-align:left;}

/* Step 5 */
/*.creditcard label                   {font-size: 0.9em; font-weight: bold; text-align: left; padding: 6px 6px 0 0;}*/
.creditcard input.nolabel           {margin-left: 146px;}
.creditcard p.info                  {width: 334px; padding-left: 0px;}
.creditcard p.notice                {width: 314px; padding-left: 0px; font-size: 0.8em; font-weight:bold; }
.creditcard input.ccv               {width: 40px !important; float:left; margin-top:3px;}

h4.greentab                             {float:left; display:block; padding: 6px 60px 6px 8px; margin: 40px 0 0 0; font-size: 1em;
                                        border: 1px solid #9FA19C; border-bottom:none; background: #E9EED8;}
div.ordersummary                        {clear:both; border: 1px solid #D1D1D1; width: 706px; margin: 0 0 22px 0;}
div.ordersummary table                  {width: 700px; margin: 3px 0 3px 3px; font-size: 1em;}
div.ordersummary table tr td            {padding: 3px 5px;}
div.ordersummary table tr.bordertop td  {padding-top: 4px; background: url(/images/interface/horizontal_divider.gif) 0 0 repeat-x;}
div.ordersummary table tr td.summary    {text-align:right; font-weight:bold;}
div.ordersummary table tr.stripe td,
div.ordersummary table tr td.total      {background: #EDEDED;}

a.placeorder                        {float:right;}

div.infobox                             {float:left; padding: 20px; border:1px solid #D1D1D1; margin-right: 20px;}
div.infobox h4                          {margin-top:0; white-space:nowrap;}
div.infobox p                           {margin-top: 10px;line-height: 1.2em;}
div.infobox p.form                      {margin-bottom:0;}
div.infobox p.form input                {font-size :0.9em;}
div.infobox p.cc                        {float:right; width: 122px; }
div.shippingaddress                     {width: 174px; }
div.paymentinfo                         {width: 270px;}

p.shipping								{width: 400px; margin-bottom:0;}
p.shipping label						{width: 300px !important;}

/* Shopping Cart */
table.orders                            {width: 480px; font-size: 1.1em; margin: 50px 0 0 0; clear:both;}
table.orders tr th                      {text-align:left; color: #79331F; padding: 3px 3px 4px 3px;
                                        background: url(/images/interface/horizontal_divider.gif) 0 100% repeat-x;}
table.orders tr td                      {padding: 5px 3px;}
table.orders tr .first                  {padding-left: 27px;}
table.orders tr.selected td             {background: #F4F6E9;}
table.orders tr.selected td.first       {background: #F4F6E9 url(/images/interface/cartarrow.gif) 13px -1px no-repeat;}
p.orders                                {width: 480px; font-size: 1.1em; color: #666; line-height: 2em;
                                         background: url(/images/interface/horizontal_divider.gif) 0 0 repeat-x;}
p.orders span                           {color: #000; font-weight:bold; float:right; padding: 0 6px; background: #FFFED8;}
/* Login Page */
form.returning                          {padding: 15px 61px 30px 56px; margin-right: -1px;
                                         background: url(/images/interface/verticaldivider.gif) 100% 0 repeat-y; }
form.new                                {padding: 15px 0 30px 79px;}
form.login h3                           {margin: 7px 0 0 0;}
form.login h2                           {margin:0;}
form.login p                            {font-size: 1.1em;margin: 30px 0 0 0;color: #1D1D1D;line-height: 1.4em;}
form.login input,
form.login label                        {float:left; clear:both;}
form.login label                        {font-size: 0.9em; font-weight:bold; margin: 19px 0 4px 0;}
form.login input                        {margin:0; width: 157px;}
form.login input.submit                 {margin-top: 15px; width: auto;}

/* Accounts Pages*/
#panenav li								{float:left; width: 126px; height: 30px; padding: 0 0 0 4px; margin-left: 10px; display:block;
										background-position: 0 0; background-repeat: no-repeats;}
#panenav li a							{display:block; width: 122px; height: 20px; padding: 10px 4px 0 0; text-align:center; text-decoration:none; font-weight:bold; font-size: 1.15em; color:#000;}
#panenav li.notes						{background-image: url(/images/interface/tabs/notes_left.gif);}
#panenav li.notes a						{background: #9CB194 url(/images/interface/tabs/notes_right.gif) 100% 0 no-repeat;}
#panenav li.lists						{background-image: url(/images/interface/tabs/lists_left.gif);}
#panenav li.lists a						{background: #E3D97E url(/images/interface/tabs/lists_right.gif) 100% 0 no-repeat;}
#panenav li.history						{background-image: url(/images/interface/tabs/history_left.gif);}
#panenav li.history a					{background: #C4D6D2 url(/images/interface/tabs/history_right.gif) 100% 0 no-repeat;}
#panenav li.profile						{ float:right; }
#panenav li.profile a					{ color: #10498c; font-weight: normal; }

#account #innercontent					{padding-top: 30px; padding-bottom: 10px; background: url(/images/interface/accountdecal.jpg) 100% 0 no-repeat;}
#account  h4							{margin:0; font-size: 1.4em;}
#account .intro h4						{margin: 10px 0 0 0; line-height: 1.3em;}
#account .intro p						{width:60%; margin-top:0; line-height: 1.4em;}
#account .intro 						{height: 80px;}
#panes									{float:left; clear:both; width: 720px; padding-top: 10px; }
#panes .inner									{float:left; clear:both; padding:5px 10px 25px 10px; width: 700px;}
#panes .bg								{width: 695px; float:left; clear:both;}
.notes									{background: url(/images/interface/tabs/notes_top.gif) 0 0 no-repeat;}
.notes .inner							{background: #9CB194 url(/images/interface/tabs/notes_bottom.gif) 0 100% no-repeat;}
.lists									{background: url(/images/interface/tabs/lists_top.gif) 0 0 no-repeat;}
.lists .inner							{background: #E3D97E url(/images/interface/tabs/lists_bottom.gif) 0 100% no-repeat;}
.lists .bg								{background: url(/images/interface/tabs/lists_bg.gif) 0 0 repeat-y;}
.history								{background: url(/images/interface/tabs/history_top.gif) 0 0 no-repeat;}
.history .inner							{background: #C4D6D2 url(/images/interface/tabs/history_bottom.gif) 0 100% no-repeat;}
.history .bg							{background: url(/images/interface/tabs/history_bg.gif) 0 0 repeat-y;}
#list 									{float:left; width: 200px; height: 350px; margin: 0 10px 0 0; overflow:scroll; background: #FFF;}
#list ul								{display:block;}
#list ul li								{display:block; border-bottom: 1px solid #CCC; list-style:none; list-style-position: outside;}
#list ul li a							{display:block; padding: 5px 4px 5px 20px; color:#000; text-decoration:none; font-size: 1.125em; font-weight:bold;}
.lists #list ul li a span,
.notes #list ul li a span				{font-size: 0.80em; font-weight:normal;}
#list ul li.selected a,
#list ul li a:hover						{background-color: #F5F7E6 !important;}
#list ul li.add a						{padding: 10px 0 10px 35px; font-size: 1.1em;  color:#000;}
#list ul li.add a						{background: #FFF url(/images/interface/button_add.gif) 12px 54% no-repeat;}

tr#new_address input						{font-size: 0.8em; border: 1px solid #ccc; margin: 0.25em 0 0.25em 0;}

#itemheader								{float:left; width: 460px; height: 50px; padding: 10px 0 0 30px; margin-bottom: 10px; background: #F5F7E6;}
#item									{float:left; width: 490px; height: 280px; background: #FFF;}

#itemheader h4 a						{font-size: 0.575em; text-decoration:none;}
#itemheader p							{font-size: 0.9em; position:absolute; margin: 10px 0;}
#itemheader p.controls					{position:absolute; display:block; width: 420px;text-align:right;}
#itemheader p.controls a				{padding: 3px 0 3px 24px; margin: 0 0 0 16px; font-weight:bold; text-decoration:none; color: #000; line-height: 1.5em;}
#itemheader p.controls a.delete			{background: url(/images/interface/button_delete.gif) 6px 0 no-repeat;}
#itemheader p.controls a.duplicate		{background: url(/images/interface/button_duplicate.gif) 0 0 no-repeat;}
#itemheader p.controls a.print			{padding-left: 24px; background: url(/images/interface/button_print.gif) 0 3px no-repeat;}
#itemheader p.controls a.print			{ display:block; float:right;}


.notes #item form						{padding-left: 0px; float:left;clear:both; width: 490px;}
.notes #item form	label				{display:block; float:left; width: 100px; font-weight:bold;}
.notes #item form p span				{float:left; display:block;width: 220px; }
.notes #item form textarea				{font-family: sans-serif; float:left; width: 350px; height: 100px;}
.notes #item form p						{clear:both; float:left; display:block; width: 450px; margin:10px 0 0 0; font-size: 0.9em;}
.notes #item form p.submit				{text-align:right;}

.lists #list 							{overflow:auto;}
.lists #itemheader						{width: 455px;}
.lists #item							{width: 455px; height:auto;}
.lists #item table						{width: 90%; font-size: 0.9em;}
.lists #item table th					{padding-left: 20px; background:#FFF;}
.lists #item table td					{padding-left: 20px;}
.lists #item table td a.add				{color:#000; padding: 3px 0px 3px 24px; background: url(/images/interface/button_add.gif) 0 0 no-repeat; text-decoration:none; font-weight:bold;}

.history #list 							{width: 270px; overflow:auto ;}
.history #itemheader					{width: 385px;}
.history #itemheader p.controls			{width: 360px;}
.history #item							{width: 385px; padding: 0 10px 0 20px; overflow:auto; height:auto; overflow:auto;}

.history #list ul li a span.right		{position:absolute; padding-left: 160px; font-weight:normal;}
.history #list ul li a span.smaller		{font-weight:normal; font-size: 0.80em;}
.history #itemheader p 					{line-height: 1em;}
.history #itemheader * span				{position:absolute; margin-left: 140px; width: 100px;}

.history p.shipping,.history p.billing,.history p.payment
										{display:block; float:left; width: 136px; padding-right: 4px; margin:0; padding-top: 10px; line-height: 1.3em; color:#4D4D4D;}
.history p.shipping strong, .history p.billing strong, .history p.payment strong
										{color:#000;}
.history p.payment						{width: 100px; clear:right}
#item dl								{font-size: 0.9em; line-height: 1.5em;  width: 370px; }
#item dl dd								{width: 110px; padding-left: 30px;  margin:0; float:left; font-weight:bold; /*padding:0 0 4px 0;*/ }
#item dl dd span						{margin-left: -30px; width: 30px; display:block; float:left;}
#item dl dt								{/*float:left; */ padding-left: 140px;clear:right; display:block; margin:0; }
* html #item dl dd span						{margin-left: -15px; width: 27px;}
* html #item dl dt						{float:left; padding:0; width: 220px;}


#item div.hr							{height: 11px;}

div.hr      {height: 41px; background: url(/images/interface/horizontal_divider.gif) 0 50% repeat-x;}
 div.clear   {width: 100%;  height:1px; margin-top: -1px;clear:both; overflow:hidden; }
div.extra	{height: 50px;}

.clearfix:after {
	float:none;
	margin-top: -1px;
	overflow:hidden;
    width: 100% !important;
	content: "." !important;
    clear: both !important;
    height: 0 !important;
    visibility: hidden!important;
display: block !important;
/*background: #F00;*/
}

* html .clearfix {height: 1%;}

/* Place Order */
table.place_order th		{background-color:#f1f4e5;padding:.5em;font-size:1.1em;}
table.place_order p		{margin:0 1em 1em 1em;padding:0;}
table.order_contents th		{background-color:transparent;font-size:0.9em;padding-right:1em;border-bottom:1px solid #666;}
table.order_contents th.right	{text-align:right;border-bottom:none;}
table.order_contents tr.last th	{border-top:1px solid #666;border-bottom:none;}