html
{
height: 100%;
}



body
{
background: #ececec;
font-family: verdana, arial, sans-serif;
margin: 0;
height: 100%;
}

#container
{
background: #fff url('img/container_bg.png') repeat-y;
min-height: 100%;
height: auto !important;
height: 100%;
width: 90%;
min-width: 800px;
margin: 0 auto;
border: 1px solid #fff;
line-height: 130%;
overflow: visible;
}

#top
{
background: url('img/header_bground2.png') repeat-x;
margin-top: 0;
text-align: right;
border-bottom: 1px #fff;
height: 149px;
}

#handheld
{
display: none;
}

img 
{
behavior: url(iepngfix.htc) 
}

h1
{
background: url('img/header_oval.png') no-repeat;
margin: 0;
text-align: right;
height: 149px;
border: 0;
}


#leftnav
{
float: left;
background: #000 url('img/sidebar_long.png') no-repeat;
color: #fff;
min-height: 515px;
height: auto !important;
height: 515px;
width: 200px;
margin: 0;
font-size: .9em;
border-right: 1px solid #fff;
border-top: 1px solid #fff;
padding-top: 15px;
}


#leftnav ul
{
margin: 0;
list-style-type: none;
font-size: .9em;
text-decoration: none;
padding-left: 10px;
}

.current
{
color: #f00;
font-weight: bold;
}

#leftnav a
{
color: #fff;
text-decoration: none
}

#leftnav a:hover 
{
font-weight: bold;
text-decoration: underline;
}


#leftnav a:active
{
color: #f00;
}

#leftnav span
{
display: block;
font-size: .8em;
margin-top: -5px !important;
}

#content
{
background: #fff url('img/body_gradient.png') repeat-x;
min-height: 515px;
height: auto !important;
height: 515px;
border-top: 1px solid #fff;
margin-bottom: 20px;
margin-left: 201px;
padding: 30px 18px 30px 18px;
text-align: justify;
font-size: .9em;
}

/* hide from MacIE \*/  
* html #leftnav { margin-right: -3px; }  
* html #content { margin-left: 0; }  
/* end hide */  

/*Fixes the IE6 italics bug
p {
    height: 1%;
    overflow: visible;
}*/

strong
{
color: #d00;
}

img
{
border: 0;
}

#content img
{
margin: 0 auto;
}


li.thumbnail
{
list-style-type: none;
}

.click
{
margin-top: -15px;
margin-left: 50px;
/*margin-bottom: -5px;*/
list-style-type: none;
}

.enlarge
{
font-size: .8em;
font-weight: bold;
list-style-type: none;
margin-left: 20px;
}

.close
{
font: bold .8em verdana, arial, sans-serif;
text-align: right;
margin: 10px;
}

form
{
color: #000;
}

#leftnav form
{
color: #fff;
font-size: .9em;
font-weight: bold;
margin-top: 5px;
margin-left: 15px;
margin-bottom: 5px;
}

input.textbox
{
background: #fff url('img/input_text.png');
border: 1px solid #fff;
font-weight: bold;
color: #000;
margin-bottom: 5px;
margin-top: 5px;
padding-left: 5px;
width: 120px;
}

input.button 
{
background-image: url('img/input_text.png');
border: 1px solid #c0c0c0;
margin-bottom: 5px;
margin-right: 10px;
margin-top: 5px;
padding-left: 5px;
width: auto;
font-weight: bold;
}

input.button:hover
{
border: 1px solid #ececec;
}

input.checkbox
{
margin-left: 10px;
}

h2, h3, h4, dt
{
color: #d00;
font-weight: bold;
}




h2
{
border-left: 50px solid #d00;
text-align: left;
text-transform: uppercase;
font-size: 2em;
padding-left: 20px;
margin-bottom: 50px;
line-height: 120%;
}

h3
{
font-size: 1.5em;
}

h4, dt
{
font-size: 1em;
}

dd
{
margin-top: .5em;
margin-left: 1.5em;
}


.newsletters
{
text-align: center;
}

.newsdate
{
color: #d00;
text-align: left;
}

.right
{margin-left: 25%;
}

.newscontent
{
margin-left: 20px;
text-align: justify;
font-size: .9em;
}


#content ul, ol
{
line-height: 200%;
}

p.return
{
text-align: right;
font-size: .8em;
}

#welcome1
{
font-weight: bold;
}

#welcome2
{
font-weight: bold; 
font-size: 1.2em;
color: #d00;
margin-left: 5%;
}

.contactform
{
background: #ececec;
color: #000;
}

input.contactinput
{
margin-left: 20px;
}

table
{
border-collapse: collapse;
empty-cells: show;
width: 90%;
margin: 0 auto;
}

td, th
{
border: 1px solid #000;
padding: 5px;
}

th
{
color: #d00;
text-align: center;
font-weight: bold;
}

.name
{
width: 20%;
text-align: left;
}

.description
{
width: 40%;
}

.leftcol
{
width: 50%;
text-align: left;
}

.primary
{
width: 10%;
text-align: center;
}

.rightcol
{
width: 20%;
text-align: center;
}

.search
{
text-align: right;
font-weight: bold;
}

.adobe
{
text-align: right;
margin-top: 10px;
margin-bottom: 10px;
}

.name a
{
color: #d00;
font-weight: bold;
}

.name a:hover
{
color: blue;
}

.name a:visited
{
color: purple;
}

.menu
{
font-style: italic;
font-weight: bold;
}


.updatedownloads
{
margin: 0 auto;
padding: 10px;
width: 80%;
text-align: center;
border: 2px solid red;
}

.contactleft
{
position: relative;
width: 40%;
float: left;
text-align: left;
}

.contactleft p, .contactright p
{
margin-top: 0;
margin-bottom: 0;
}

.contactright
{
position: relative;
width: 40%;
margin-left: 10%;
float: right;
text-align: left;
}

#clear
{
clear: both;
}

/*#footer
{
background-color: #000;
border-top: 1px solid #fff;
clear: both;
color: #fff;
font-size: .8em;
height: 60px;
width: 90%;
margin: 0 auto;
margin-top: -75px;
position: relative;
bottom: 0;
padding: 7px 0;
text-align: center;
}

#footer a
{
color: #fff;
text-decoration: none;
font-weight: normal;
}

#footer a:hover
{
border-bottom: 1px dotted #fff;
color: #fff;
/*position-relative required to make ie8 display the border
position: relative;
}

#footer ul
{
text-align: center;
}

#footer ul li
{
display: inline;
border-left: 1px solid #fff;
text-align: center;
padding: 0 10px;

}

#footer ul li:first-child
{
border:none;
}
*/

#footer
{
background-color: #000;
border-top: 1px solid #fff;
clear: both;
color: #fff;
font-size: .8em;
height: 25px;
width: 90%;
margin: 0 auto;
margin-top: -34px;
/*position: relative;*/
bottom: 0;
padding-top: 7px;
text-align: center;
}

#footer a, #footer a:hover
{
color: #fff;
text-decoration: none;
font-weight: normal;
}

#footer a:hover
{
border-bottom: 1px dotted #fff;
position: relative;
}

#footer br
{
display: none;
}

.instructions
{
background-color: #fff;
font-family: verdana, arial, sans-serif;
font-size: .9em;
margin: 20px;
}

#hosting
{
position: absolute;
left: 40%;
top: 300px;
}

/*hosting login page*/
.tablelogoninfo
{
display: none;
}

/*sms page*/

#sms
{
width: 600px;
margin-left: 50px;
/*padding: 10px;*/
}

#sms table, #sms th, #sms td
{
border: none;
margin-left: 0;
}

td.quantity, th.quantity
{
width: 50px;
vertical-align: top;
text-align: left;

}

td.ttl, th.ttl
{
width: 125px;
text-align: right;
vertical-align: top;
}

.card
{
width: 200px;
}

.messages
{
width: 300px;
}

td.paymentlabel
{
text-align: left;
float: none;
font-weight: bold;
width: 50%;
}

#sms fieldset
{
width: 550px;
margin-top: 20px;
margin-bottom: 20px;
border: none;
padding: 0;
}

#sms legend
{
font-weight: bold;
color: #d00;
padding: 3px;
}

#sms label
{
margin-left: 0;
}

#qty, #month, #year, #cvc
{
width: 50px;
}

#total
{
width: 75px;
}

#sms input
{
float: none;
padding: 0;
}

#sms #qty
{
text-align: right;
}

#sms #total
{
font-weight: bold;
color: #000;
background: #ececec;
text-align: right;
}

#total
{
width: 75px;
}

p.error
{
color: red;
font-weight: bold;	
border: 1px solid red;
padding: 6px;
}

#sms input.button 
{
text-align: center;
margin-top: 20px;
margin-left: 200px;
}

input.recalc
{
background-image: url('img/input_text.png');
border: 1px solid #c0c0c0;
padding: 3px;
font-weight: bold;	
}

#receipt
{
width: 80%;
}

.invoice
{
text-align: center;
}

#printbutton
{
width: 5em;
display: block;
margin: 15px auto;
}

#payment p
{
margin-left: -15px;
}

.conditions label
{
text-align: left;
}

#conditions
{
background: #fff;
font-size: 0.8em;
margin-left: 20px;
}

/*feedback forms*/
.feedback table
{
width: 600px;
margin-left: 0;
}

.feedback td, .feedback th
{
border: none;
text-align: left;
}

.rating
{
font-weight: bold;
}

.questions td
{
border: 1px solid #000;
}

.radio
{
border: 1px solid #000;
}