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

.textbox {
	width: 400px;
}

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

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

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

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


#container      
{
    background-image: url("graphics/page_elements/background.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: 14px; 
     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 50px;
     padding: 0; 
     width: 725px; 
     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 50px; 
     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/footer3.jpg"); 
     background-repeat: repeat-x; 
     text-align: left; 
     margin: 0; 
     padding: 0px 0; 
     width: 773px;
     height: 40px;
     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 }


#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*/
#column1       
{
     text-align: center; 
     padding: 0;
     position: relative;
     width: 775px }
#column1 table  { position: relative; font-size: 12px; margin-top: 0.75em; margin-bottom: 0.75em; width: 775px;  }
#column1 table td { text-align: center }
#column1 table p  { margin: 0; padding-top: 0; padding-bottom: 1em; }
element { }
#column1 table ul  { margin: 0 0 25px 20px; padding-top: 0; padding-right: 0; padding-left: 0 }
#column1 table li  { margin: 0 0 0.75em; padding: 0 }

     
#column2       
{
     text-align: left; 
     padding: 0; 
     position: relative; 
     width: 725px ;
     margin-left: 20
     }
     
#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: 675px;  }
#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 }

/* expandable box */
#expandable_note_box {
		
width: 160px;
		
min-height: 100px;
		
background-image: url("/graphics/page_elements/cssbox/top.jpg");
		
background-position: top left;
		
background-repeat: no-repeat;
		
padding-top: 20px;
		
font-size: 50%;
	}
	
	
#expandable_note_box .middle {
		
width: 160px;
		
background-image: url("/graphics/page_elements/cssbox/middle.jpg");
		
background-position: center;
		
background-repeat: repeat-y;
	}
	
	
#expandable_note_box .inside {
		
padding-left: 20px;
		
width: 117px;
	}

/* end expandable box */


/* 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 }