body    { font-size: 12px; font-family: "Trebuchet MS", Verdana, sans-serif; background-color: #999; text-align: center; margin: 0 }

.textbox {
	width: 400px;
}

.textarea {
	width: 400px;
	height: 75px;
}

.htmltextarea {
	width: 450px;
	height: 600px;
}

.templatetextarea {
	width: 400px;
	height: 400px;
}

div.responsebox {
	padding-bottom: 5px;
	width: 450px;
	margin: 0px;
	overflow : hidden;
}

#container      { background-image: url("graphics/page_elements/background2.jpg"); background-repeat: repeat-y; margin: 0 auto; padding: 0; width: 775px }

#contentarea     { margin: 0; padding: 0; width: 775px }

/*Headers start*/
#headers    { margin: 0; padding: 0 }
#header   { background-image: url("graphics/page_elements/header/images/headgraphic_v3_01.jpg"); text-align: center; width: 775px; height: 103px }
#header2    { background-image: url("graphics/page_elements/header/images/headgraphic_left.jpg"); margin: 0; padding: 0; width: 775px; height: 33px }
#nav   { text-align: left; margin: 0 0 10em 1px; padding: 0; width: 200px; float: left }
#nav ul    { line-height: 1em; padding-left: 0 }
/*Headers end*/

/*Header 2 navimages start*/
a#join   { background-image: url("graphics/page_elements/header/images/headgraphic_v3_03.jpg"); display: block; margin: 0 auto; width: 163px; height: 33px; float: right }
a#join:hover   { background-image: url("graphics/page_elements/header/images/headgraphic_v3r_03.jpg"); width: 163px; height: 33px }
a#news   { background-image: url("graphics/page_elements/header/images/headgraphic_v3_04.jpg"); display: block; margin: 0 auto; width: 101px; height: 33px; float: right }
a#news:hover   { background-image: url("graphics/page_elements/header/images/headgraphic_v3r_04.jpg"); width: 101px; height: 33px }
a#find   { background-image: url("graphics/page_elements/header/images/headgraphic_v3_05.jpg"); display: block; margin: 0 auto; width: 126px; height: 33px; float: right }
a#find:hover   { background-image: url("graphics/page_elements/header/images/headgraphic_v3r_05.jpg"); width: 126px; height: 33px }
a .alt { display: none }
a#imagelast { display: block; margin: 0 auto; width: 149px; height: 33px; float: right }
/*Header 2 navimages end*/

#listmenutwo          { font-size: 10px; background-image: url("graphics/page_elements/menu4/images/headgraphic_v4_05.jpg"); background-repeat: no-repeat; background-position: 100% 0; text-align: left; margin: 0 0 0 240px; padding: 0; width: 535px; height: 33px }
#listmenutwo ul       { list-style-type: none; display: block; margin: 0; padding: 0; height: 33px; float: left }
#listmenutwo li    { margin: 9px 0 0; padding: 0 0 0; float: left }
#listmenutwo a { color: #fff; text-decoration: none; background-image: none; background-repeat: repeat-x; padding: 11px 10px }
#listmenutwo a:hover  { text-decoration: underline; background-repeat: repeat-x }
* html #listmenutwo ul  { float: left }
#breadcrumbs             { font-size: 11px; background-image: url("graphics/page_elements/breadcrumbs/breadcrumbs.jpg"); background-repeat: no-repeat; background-position: 100% 0; text-align: left; margin: 0 0 0 201px; padding: 10px 0 10px 40px; width: auto; height: 44px }
#breadcrumbs a:link { color: #999 }
#breadcrumbs a:visited  { color: #999 }
#breadcrumbs a:hover { text-decoration: none }
#footer        { background-image: url("graphics/page_elements/header/footer/footer2.jpg"); background-repeat: repeat-x; text-align: left; margin: 0; padding: 10px 0; width: 773px; border-top: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #000 }
#footer h1     { color: #fff; font-size: 10px; font-weight: normal; margin: 0; padding: 0 }
div.clearfloats { clear: both }
/*menu start*/
#listmenu     { font-size: 11px; font-weight: bold; line-height: 1.5em; text-align: left }
#menuList   { font-size: 11px; height: auto }
#menuList ul   { }
#mainMenu      { color: #000; font-weight: bold; padding-top: 0; padding-right: 0; padding-bottom: 0; width: 200px; border-left: medium none }
#mainMenu a       { padding-top: 4px; padding-bottom: 4px }
#mainMenu ul    { margin-top: 0; margin-bottom: 0; margin-left: 0 }
#listmenu ul     { margin-top: 0; margin-bottom: 0; margin-left: 0 }
#listmenu li       { list-style-type: none; padding-top: 0; padding-right: 0; padding-bottom: 0; position: relative }
#listmenu li ul li  { }
#listmenu a         { color: #000; text-decoration: none; display: block; margin: 0; padding-top: 4px; padding-bottom: 4px; padding-left: 20px }
#listmenu a:hover   { color: #3760a0; text-decoration: none }
li.menubar       { font-size: 11px; background-image: url("graphics/page_elements/square2.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: 5px 5px; list-style: none; width: 175px }
.menubar    { width: 175px }
.menubar a    { padding-left: 20px }
.menubar li a   { }
a.actuator       { color: #000; text-decoration: none; display: block; width: 100% }
a.actuator:hover  { color: #3760a0; text-decoration: none; display: block }
.menu, .submenu                { color: #000; font-weight: bold; display: none }
.menu          { }
.submenu        { background-image: none }
.menu li, .submenu li               { background: url("graphics/page_elements/square3.gif") no-repeat 20px 5px; list-style: none; padding-left: 16px }
.menu li a, .submenu li a        { color: #000; text-decoration: none; display: block }
.menu li a:hover, submenu li a:hover  { color: #3760a0; text-decoration: none }
span.key { text-decoration: underline }
* html div#listmenu ul li ul { border-top: 0 none; border-left: 0 none }
/*menu end*/

#contact     { list-style-type: none; padding-top: 1em; padding-left: 5px }
#contact a:link { color: #3760a0; text-decoration: underline }
#contact a:visited { color: #3760a0; text-decoration: underline }
#contact a:hover { color: #000; text-decoration: none }
#logo  { text-align: center; margin-bottom: 1em; margin-left: 15px; padding-bottom: 1em; width: 160px; border-bottom: 1px solid #ccc }

/*main column*/
#column2       { text-align: left; margin: 0 50px 10em 240px; padding: 0; position: relative; width: 480px }
#column2 p { font-size: 12px; line-height: 1.5em }
#column2 li { margin-top: 1em }
#column2 ul  { line-height: 1.5em; margin-left: 20px; padding-left: 0 }
h5 { font-size: 0.9em; font-weight: normal; line-height: 1.5em; margin: 1.67em 0; padding-bottom: 10em }
#column2 h1  { padding: 0 }
#column2 h2  { color: #3460a0; font-size: 21px; font-style: italic; font-weight: bold; margin: 0; padding-bottom: 0.25em }
#column2 h3 { color: #3460a0; font-size: 1.25em; margin: 0; padding-top: 2em; padding-bottom: 0; border-bottom: 1px solid #666 }
#column2 table  { font-size: 12px; margin-top: 0.75em; margin-bottom: 0.75em; width: 480px }
#column2 table p  { margin: 0; padding-top: 0; padding-bottom: 1em; }
element { }
#column2 table ul  { margin: 0 0 25px 20px; padding-top: 0; padding-right: 0; padding-left: 0 }
#column2 table li  { margin: 0 0 0.75em; padding: 0 }
.reps   { font-size: 12px; line-height: normal; list-style-type: none; margin: 0; padding: 0 }
.question { font-size: 16px }
.reps a:link   { color: #3760a0; text-decoration: underline }
.reps a:visited  { color: #3760a0; text-decoration: underline }
.reps a:hover  { text-decoration: none }


#tabs      { font-size: 12px; line-height: normal; background-image: url("graphics/page_elements/slidingdoors/bg.gif"); background-repeat: repeat-x; background-attachment: scroll; background-position: 50% bottom; margin-bottom: 1em; width: 100%; float: left }
#tabs ul { list-style: none; margin: 0; padding: 10px 10px 0 0 }
#tabs li    { background: url("graphics/page_elements/slidingdoors/norm_right.gif") no-repeat right top; margin: 0; padding: 0 5px 0 0; float: left }
#tabs a     { color: #3760a0; font-weight: bold; text-decoration: none; background: url("graphics/page_elements/slidingdoors/norm_left.gif") no-repeat left top; display: block; padding: 5px 7px 4px 12px; float: left }

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#tabs a { float: none }
/* End IE5-Mac hack */
#tabs a:hover { color: #000 }
#tabs #current    { background-image: url("graphics/page_elements/slidingdoors/norm_right_on.gif") }
#tabs #current a    { color: #333; background-image: url("graphics/page_elements/slidingdoors/norm_left_on.gif"); padding-bottom: 5px }
/*main column end*/

h4 { font-size: 11px; font-weight: normal; line-height: 1.5em; margin: 0; padding-left: 15px }
.indent { padding-left: 2em }
#search   { margin-top: 1em; padding-left: 15px }
.listone   { line-height: 1.5em; list-style-type: disc; margin: 1em 0 0 1.5em; padding: 0 }
.listone a:link  { color: #3760a0; text-decoration: underline }
.listone a:visited  { color: #3760a0; text-decoration: underline }
.listone a:hover  { text-decoration: none }
.dimensions  { line-height: 1.5em; list-style-type: disc; margin-left: 0; padding-left: 1.25em }
.orderedlist   { margin-left: 0; padding-left: 1.25em }
.listspace  { font-size: 12px; margin-bottom: 0.75em }
#adminLink  { font-size: 10px; margin: 0 10px 0 0; padding: 0; float: right }
#adminLink a:link { color: #3760a0; text-decoration: underline }
#adminLink a:visited { color: #3760a0; text-decoration: underline }
#adminLink a:hover { text-decoration: none }
#copyright { margin: 0 0 0 10px; padding: 0; float: left }
/* ================================================== */
/* apply the .noEscape class to any object that needs
to contain a float object.  see documentation: 
http://www.positioniseverything.net/easyclearing.html */
.noEscape:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.noEscape {display: inline-table;}
/* Hides from IE-mac \*/
* html .noEscape {height: 1%;}
.noEscape {display: block;}
/* End hide from IE-mac */
/* ================================================== */
.textleftcol   { font-size: 12px; margin: 0; padding: 0; vertical-align: top }
.textrightcol   { font-size: 12px; margin: 0; padding: 0 0 20px 10px; vertical-align: top }
.textrightcol p { margin: 0; padding: 0 }
.tableheader  { vertical-align: top }
.tableheader h1   { color: #3760a0; font-size: 13px; margin-right: 20px; margin-bottom: 1em; border-bottom: 1px solid #000 }
.captiontext  { font-size: 10px; font-weight: bold; text-align: left; margin: 0; padding: 0 }
.caption { margin: 25px 0; padding: 0 }
.admin-productcatselect { margin-bottom: 0; padding-bottom: 0 }
.admin-renamedelete { margin-top: 0; padding-top: 0 }