/* CSS Document */

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote,
a, acronym, em, img, small, strike, strong, sub, sup, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{ padding: 0; margin: 0; border: 0; outline: 0; vertical-align:top; }

body { font-size:75%; font-family:arial, helvetica, sans-serif; text-align:center; color:#443322; background:#E7E6D8; }
.skipnav { position:absolute; left: -3000px; }

a:link { color:#663300; }
a:visited { color:#660000; }
a:hover { color:#000000; }

.clear { clear:both; }

/*STRUCTURE: 100% containers; 4 columns with 20px between and 30px on each side (cheat right margin -2px); 210px columns; subnav col 150px*/
div.containerhdr { width:100%; display:block; background:#ffffff url(images/hdrbkgrd.gif) bottom left repeat-x; }
div.containerfooter { width:100%; display:block; background: url(images/footerbkgrd.gif) top left repeat-x; }
div.contentcontainer { width:100%; display:block; background:#ffffff; min-height:350px; height:auto !important; height:350px; }

.col1left { width:210px; float:left; display:inline; }
.col1right { width:210px; float:right; display:inline; }
.twocol { width:440px; float:left; display:inline; }

/**HEADER/NAVIGATION***/

#hdr { width:900px; height:120px; margin:0px auto; text-align:left; vertical-align:top; }
#hdr h2 { font-size:18px; position:relative; width:200px; height:120px; float:left; display:inline; }
#hdr h2 span { position:absolute; width:100%; height:100%; background: url(images/logo.gif) bottom left no-repeat; }
#hdr h4.tagline { font-size:14px; line-height:18px; width:200px; height:50px; float:left; display:inline; font-weight:normal; margin:0; padding-top:38px; color:#B09A82; }
#login { width:210px; float:right; display:inline; margin:40px 30px 0 0; }
#hdr p { font-size:1em; line-height:120%; color:#865; padding:0 0 3px 19px; background: url(images/cart.gif) top left no-repeat; }
#hdr p a { padding:0 2px; text-decoration:none; }
#hdr p a:link, #hdr p a:visited { color:#865; }
#hdr p a:hover { color:#400; }

#navigation { width:700px; float:right; margin:8px 0 0 0; text-align:left; }
/**JSDDM Menu**/
ul#jsddm { margin: 0; padding: 0; vertical-align:bottom; border-right: 1px dotted #fff; }
	#jsddm li { float: left; list-style: none; font-size:13px; font-weight:bold; }
	#jsddm li a { display: block; padding: 4px 10px 5px 10px; text-decoration: none; width:auto; white-space: nowrap; }
	#jsddm li a:link,#jsddm li a:visited { background: transparent; border-left: 1px dotted #fff; color: #865; }
	#jsddm li a:hover { background: #f4f3f2; border-left:1px solid #fff; color:#400; }
	#jsddm li a.current {  color:#400; }
		#jsddm li ul {	margin: 0; padding: 0; position: absolute; visibility: hidden; border-bottom: 1px solid #fff; z-index:1000;  }
			#jsddm li ul li { float: none; display: inline; }
			#jsddm li ul li a { width:auto; padding: 5px 10px 5px 10px; margin:0; font-weight:normal; font-size:13px; }
			#jsddm li ul li a:link,#jsddm li ul li a:visited { background: #E7E1D7; color: #865; border-top:1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; filter:alpha(opacity=85); -moz-opacity:.85; opacity:.85; }
			#jsddm li ul li a:hover { background: #f0ede7; color:#300; border-top:1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }

/**CONTENT***/
#content { width:900px; margin:0px auto; text-align:left; vertical-align:top; background: url(images/matrix.gif) top left no-repeat; }
#maincontent { width:672px; float:right; display:inline; margin:0 28px 10px 0; } 
#maincontent h1 { font-size:1.4em; line-height:100%; margin:44px 0 1em 0; color:#420; }
#maincontent h1.order { margin-top:24px; }

/**Image replacement: no background image because that conflicts with UDM**/
	#maincontent h1.home1 { font-size:15px; margin:28px 0 .7em 0; width:670px; height:280px; }
	#maincontent h1.home1 span { position:absolute; left: -3000px; }
	
#maincontent h2 { font-size:1.2em; line-height:100%; margin:0 0 .6em 0; padding-top:.3em; color:#420; }
	#maincontent h2 span.title { font-size:92%; color:#443322; font-weight:normal; font-style:italic; }
	#maincontent .col1right h2 { font-size:1.1em; margin:0; line-height:140%; color:#600; } /*order forms**/
#maincontent h3 { font-size:1.1em; line-height:120%; margin:0 0 .4em 0; padding-top:.3em; }
	#maincontent h3 span.title { color:#443322; font-weight:normal; font-style:italic; }
#maincontent p { font-size:1.1em; line-height:180%; margin:0 0 .6em 0; }
	#maincontent .col1right p { font-size:1.1em; line-height:140%; margin:0 0 .4em 0; } /*order forms**/
	#maincontent p.home { font-size:1.2em; }
	#maincontent p.home a { font-weight:bold; text-decoration:none; }
	#maincontent p.plist { line-height:140%; padding-top:.2em; }
	#maincontent p.summary { font-weight:bold; font-style:italic; }
	#maincontent p strong { color:#554433; }
#maincontent ul { margin:0 0 .5em 1.3em; }
#maincontent ol { margin:0 0 .5em 2.3em; overflow:visible; }
#maincontent li { font-size:1.1em; line-height:150%; margin:0 0 .3em 0; }

#maincontent ul.sitemap { margin:0 0 .5em 0; list-style-type:none; }
#maincontent ul.sitemap li { font-weight:bold; font-size:1.1em; line-height:150%; margin:0 0 .3em 0; }
#maincontent ul.sitemap ul { margin:0 0 0 3.5em; list-style-type:none; }
#maincontent ul.sitemap ul li { font-weight:normal; font-size:100%; line-height:150%; margin:0 0 .3em 0; }
/*FAQ*/
#maincontent h1.faq { font-size:1.4em; line-height:100%; margin:44px 0 .7em 0; color:#420; }
#maincontent h3.faq { font-size:1.1em; line-height:120%; margin:0 0 .2em 0; padding-top:.7em; }
	#maincontent h3.faq span.h3link { font-size:90%; font-weight:normal; color:#666; }
#maincontent p.info { font-size:1.1em; line-height:160%; margin:0 0 .4em 0; }

#maincontent div.quote { width:206px; float:right; display:inline; margin:0 20px 0 8px; }
#maincontent div.quote p { font-weight:bold; font-style:italic; color:#998866; text-indent:-.6em;  margin:0 0 .1em 16px; }
#maincontent div.quote p.name { font-size:1em; font-weight:normal; font-style:normal; color:#887766; text-indent:0;  margin:0 0 0 16px; }

#maincontent div.quotepix { width:206px; float:right; display:inline; margin:0 5px 0 10px; }
#maincontent div.quotepix img { margin:.6em 0 .4em 0; }
#maincontent div.quotepix p { font-weight:bold; font-style:italic; color:#998866;   margin:0 0 .1em 0; }
#maincontent div.quotepix p.name { font-size:1em; font-weight:normal; font-style:normal; color:#887766; text-indent:0;  margin:0; }


/**landing pages**/
#maincontent div.testinfo { width:210px; float:right; display:inline; margin:.6em 1px 3px 20px; background:#EBE6DD url(images/testinfo.gif) bottom left no-repeat; padding:3px 0 6px 0; }
#maincontent div.testinfo h2 { margin:0 3px 3px 8px; paddign:0; color:#9A6D3F; }
#maincontent div.testinfo p { line-height:120%; margin:0 4px 3px 8px; }
#maincontent div.testinfo p.disclaimer { font-size:11px; line-height:14px; margin:0 4px 0 8px; color:#554433; display:block; clear:both; }
#maincontent p.disclaimer { font-size:12px; line-height:16px; font-style:italic; }
#maincontent div.testinfo a:link,#maincontent div.testinfo a:visited { text-decoration:none; color:#663300; }
#maincontent div.testinfo a:hover { text-decoration:none; color:#000000; }
#maincontent div.testinfo input.formbutton { font-size:12px; font-weight:bold; color:#ffffff; background:#B4804C; margin:6px 6px 9px 8px; border:2px outset #B4804C; }

img.imageright { float:right; display:inline; margin:.6em 5px .2em 10px; }

/*FORMS tableless*/
form.submitform { margin:.5em 0 1em 0;  }
form.submitform .fieldgroup { margin-bottom:20px; clear:both; display:block; }
form.submitform label { font-size:1em; font-weight:bold; width:95px; float:left; display:inline; margin:0 5px 0 0; color:#666; }
form.submitform label.widelabel { width:110px; }
form.submitform label span.small { font-weight:normal; font-size:.92em; }
form.submitform input,form.submitform textarea,form.submitform select { font-size:12px; padding:1px; font-family:arial,sans-serif; width:330px; border:1px solid #888888; margin-right:3px; }
form.submitform input.shortfield, form.submitform textarea.shortfield, form.submitform select.shortfield { width:150px; }
form.submitform input.checkbox { width:auto; display:inline; margin:0 2px 0 0; border:none; }
form.submitform div.checkbox { display:inline; margin-right:12px; vertical-align:baseline; white-space:nowrap; }
form.submitform input.formbutton, input.formbutton { font-size:11px; background:#B4804C; color:#ffffff; font-weight:bold; width:auto; padding:1px auto; margin:0 3px 0 0; border:2px outset #B4804C; }
form.submitform span.inline { font-size:12px; display:inline; margin:0 18px 0 2px; vertical-align:top; }
form.submitform .captcha input { width:176px; margin-bottom:2px; }
form.submitform .captcha img { display:block; margin-bottom:9px; }
.errormsg { color:#cc0000; }
#maincontent form.submitform p.formnote { font-size:.92em;  width:330px; line-height:100%; margin:2px 0 12px 8.6em; clear:both; }

/*ORDER FORM*/
#maincontent div.orderstep { /*float:left;*/ position:relative; top:10px; }
#maincontent div.orderstep p { display:inline; white-space:nowrap; padding:0 28px 0 0; color:#ccbb99; font-weight:bold; font-size:11px; }
#maincontent div.orderstep p.current { color:#754; }
#maincontent div.orderstep p.complete { color:#ccbb99;  background: url(images/complete.gif) top right no-repeat; }
form.submitform .fieldsetodd { padding:13px 0 3px 6px; background:#E7E6D8; margin-bottom:9px; }
form.submitform .fieldseteven { padding:10px 0 6px 6px; width:520px; }
form.submitform .fieldsetodd .fieldgroup, form.submitform .fieldseteven .fieldgroup { margin-bottom:10px; }
form.submitform .fieldsetodd .fieldgroup label, form.submitform  .fieldseteven .fieldgroup label { width:7.5em; }
#maincontent form.submitform h2 { padding-top:20px; }
img.creditcards { float:right; position:relative; bottom:66px; right:155px; }
form.submitform .formnote { vertical-align:top; }
form.submitform option.inactive { color:#ccc; }

table.formtable { width:99%; margin:6px 0 18px 0; }
table.formtable th { font-size:12px; line-height:100%; text-align:left; padding:2px 5px; background:#976; color:#fff; border-right:1px solid #fff; vertical-align:top; }
table.formtable td { font-size:13px; line-height:120%; text-align:left; padding:5px 2px 5px 5px; vertical-align:top; border-right:1px dotted #976; white-space:nowrap; }
table.formtable td.center,table.formtable th.center { text-align: center; }
table.formtable td.right,table.formtable th.right { text-align: right; padding-right:6px; }
table.formtable tr.odd td { background:#E7E6D8; }
table.formtable tr.toprow td { padding:0 2px 4px 0; line-height:110%; white-space:normal; border:none; }
table.formtable td.disclaimer { padding:4px 2px 4px 5px; line-height:110%; white-space:normal; font-size:11px; font-style:italic; color:#555; border:none; }
table.formtable tr.toprow td input { display:inline; width:56px; margin:0 2px 2px 0; }
table.formtable td.rightcol,table.formtable th.rightcol { border-right:none; padding-bottom:0; white-space:nowrap; }
table.formtable td.total { text-align:right; border-bottom:none; padding-bottom:0; }
table.formtable input,table.formtable textarea,table.formtable select { font-size:13px; padding:1px; font-family:arial,sans-serif; width:auto; border:1px solid #888888; background:#fff; }
table.formtable input.checkbox { width:auto; display:inline; margin:0; border:none; }
table.formtable div.checkbox { display:inline; padding-right:15px; vertical-align:baseline; white-space:nowrap; }
table.formtable input.formbutton  { font-size:11px; background:#B4804C; color:#ffffff; font-weight:bold; width:auto; padding:1px auto; margin:0 3px 0 0; border:2px outset #B4804C; }

form.submitform div.review { padding:5px 9px 6px 6px; margin-bottom:16px; border:2px solid #E7E6D8; }
form.submitform div.review label { font-size:1.1em; width:90px; color:#865; }
#maincontent form.submitform div.review p { font-size:1.1em; line-height:120%; margin-left:107px; }
#maincontent form.submitform div.review input.formbutton { margin:0; padding:auto; width:auto; margin-left:107px; }
table.total { clear:both; margin:0 0 5px 105px; }
table.total th { font-size:12px; line-height:100%; text-align:left; padding:2px 5px; background:#976; color:#fff; border-right:1px solid #fff; vertical-align:top; }
table.total td { text-align:right; margin:0; whitespace:nowrap; padding:0 6px 6px 2px; font-size:13px; }
table.total td.total { border-bottom:1px solid #333; }
#maincontent form.submitform .review table.total p { width:auto; padding:1px 3px; margin:0; float:none; }
#maincontent form.submitform .review table.total p.total { border-top:1px solid #333; }
table.total td.left, table.total td.left p { text-align:left; }

#maincontent .col1right p { line-height:140%; padding-top:.2em; }
#maincontent .col1right h2.address { margin:0 0 .1em 0; font-size:1.1em; }
#maincontent .col1right p.address { line-height:120%; margin-bottom:1em; }

/**Constant Contact**/
#maincontent form.ccsignup { margin:15px 0 2px 0; }
#maincontent form.ccsignup input { width:250px; font-size:12px; padding:1px; font-family:arial,sans-serif; border:1px solid #888888; float:left; display:inline; margin:0 3px 0 0; color:#555; }
#maincontent form.ccsignup input.formbutton  { font-size:11px; background:#B4804C; color:#ffffff; font-weight:bold; width:auto; padding:1px auto; margin:0 3px 0 0; float:none;display:inline; }
#maincontent form.ccsignup input.hidden { display:none; }

/**SUBNAV**/
#subnav { width:154px; float:left; display:inline; margin:6.8em 0 0 23px; text-align:center; }
#subnav ul { list-style-type:none; margin-left:15px; }
#subnav li { font-size:1.1em; font-weight:bold; line-height:120%; margin:0 0 .6em 0; }
#subnav li a { text-decoration:none; }
#subnav li a:link, #subnav li a:visited { color:#864; }
#subnav li a:hover { color:#400; }
#subnav li.current a:link,#subnav li.current a:visited,#subnav li.current a:hover { color:#400; }
#subnav li li { font-size:1em; font-weight:normal; line-height:120%; margin:0 0 .5em 0; }
#subnav li ul { margin:.5em 0 0 0; }
#subnav li.current li a:link, #subnav li.current li a:visited { color:#864; }
#subnav li.current li a:hover { color:#400; }
#subnav li li.current a { color:#400; }

#subnav ul.home { list-style-type:none; margin:100px 0 15px 15px; }
#subnav ul.home h3 { font-size:1em; color:#420; }
#subnav ul.home li { font-size:1.1em; font-weight:bold; line-height:120%; margin:0 0 .6em 0; color:#B09A82; }
#subnav li a { text-decoration:none; }
#subnav ul.home li a:link, #subnav ul.home li a:visited { color:#864; }
#subnav ul.home li a:hover { color:#400;}
#subnav ul.home li.small { font-size: 1em; font-weight:normal; color:#666; }

#subnav p { font-size:1.1em; line-height:120%; margin:0 0 .6em 15px; }

#subnav div.pricing { text-align:left; margin:12px 0 .6em 15px; }
#subnav div.pricing p { margin:0 0 .3em 12px; font-size:1em; color:#600; }
#subnav div.pricing h3 { font-size:1.1em; margin:0 0 .3em 0; color:#976; }



/**FOOTER***/
#footer { width:900px; margin:0px auto; text-align:left; vertical-align:top; height:45px; }
	#footer p { font-size:.92em; line-height:120%; color:#865; }
	#footer p a:link, #footer p a:visited { text-decoration:none; color:#865; }
	#footer p a:hover { text-decoration:none; color:#400; }
#footermain { width:670px; float:right; display:inline; margin:10px 30px 10px 0; }
#totop { width:150px; float:left; display:inline; margin:10px 0 0 30px; text-align:center; }
#totop a { padding-left:7px; background: url(images/toparrow.gif) top left no-repeat; }

/****jquery tooltip*****/
#JT_close_left, #JT_close_right {font-size: 1.1em;}
#JT_copy p, #JT_copy ul {font-size: 1.1em;}
#JT_arrow_left { background-image: url(images/jquery/arrow_left.gif); background-repeat: no-repeat; background-position: left top; position: absolute; z-index:101; left:-12px; height:23px; width:11px; top:-2px; }
#JT_arrow_right { background-image: url(images/jquery/arrow_right.gif); background-repeat: no-repeat; background-position: right top; position: absolute; z-index:101; height:23px; width:11px; top:-2px; left:1px;}
#JT { position: absolute; z-index:100; border: 1px solid #BFAF90; background-color: #fff; }
#JT_copy { padding:6px 10px 6px 10px; color:#333333; text-align:left; }
.JT_loader { background-image: url(images/jquery/loader.gif); background-repeat: no-repeat; background-position: center center; width:100%; height:12px; }
#JT_close_left { background-color: #BFAF90; color:#ffffff; text-align: left; padding-left: 8px; padding-bottom: 3px; padding-top: 2px; font-weight:bold; }
#JT_close_right { background-color: #BFAF90; color:#ffffff; text-align: left; padding-left: 8px; padding-bottom: 3px; padding-top: 2px; font-weight:bold; }
#JT_copy p { margin:3px 0; }
#JT_copy img { padding: 1px; border: 1px solid #BFAF90; }
.jTip { cursor:help; text-decoration:none; border-bottom:1px dotted #776655; }

/**Grakalic tooltip**/
#tooltip{ position:absolute; border-right:1px solid #000; border-bottom:2px solid #000; background:#622; padding:3px 6px; color:#fff; text-align:left; display:none; }

/***KT_tngtable***/
table.formtable td.KT_th,table.formtable td.noborder  { border-right:none; padding:5px 2px 5px 5px; }
#maincontent table.formtable h2 { padding-top:1em; }
table.formtable td.noborder input, table.formtable td.noborder select { width:420px; }
table.formtable td.noborder input.formbutton { width:auto; }