html { 
	font-size: 100%; /* ie hack */ 
	font-family: "Lucida Grande", Verdana, Arial, Geneva, Helvetica, sans-serif;
}

body {
	font-size: 62.5%;
	line-height: 1.5em;
	background-color: #efefef;
	width: 78em;
	margin: 0 auto;
}

#container {
	font-size: 1em;
	border: 0.1em solid #999;
	margin: 1em 0;
	background-color: #fff;
}

img	{
	border: none;
}

.trustlogo_left {
	float: left;
	margin: 3em 3em 3em 0;
	}


.size_330_60 {
	font-size: x-small;
	width: 33em;
	height: 6em;
}

.size_100_45 {
	font-size: x-small;
	width: 10em;
	height: 4.5em;
}

p.indent {
	text-indent: 2em
}

a:link    {
	color: #990000; 
	font-weight: bold;
	text-decoration: underline;
}
a:visited    {
	color: #660000; 
	font-weight: bold;
	text-decoration: underline;
}
a:hover, a:active {
	color: #CC0000; 
	font-weight: bold;
	text-decoration: underline;
}

#menu {
	margin: 0px 0px 0px 5px;
	padding: 0px;
}
	
#menu li {
	color: #666;
	float: left;
	font-size: 10px;
	font-weight: normal;
	margin: 0px; 
	padding: 5px;
    display: inline;
  	list-style-type: none;
}

#menu a:link, #menu a:visited {
	color: #666;
	float: left;
	font-size: 10px;
	font-weight: normal;
	text-decoration : none;
}

#menu a:hover {
	color: #990000;
}

#menu a:link.active, #menu a:visited.active {
	color: #000;
}

#content {
	font-size: 11px;
	margin: 0; 
	padding: 1em 2em 0.5em 2em; 
	background-color: #fff;
}

#header {
	margin: 0; 
	padding: 0;
}

#header h2 {
	font-size: small;
}

#pathway {
	font-size: x-small;
	margin: 0; 
	padding: 0.5em;
	border-bottom: 0.1em dotted #999;
}

#pathway a {
	color: #000; 
	font-weight: normal;
	text-decoration: underline;
}

#pathway a:hover, #pathway a:active {
	color: #CC0000; 
	font-weight: normal;
	text-decoration: underline;
}

#footer {
	font-size: x-small;
	text-align: center;
	margin: 1em 0 0 0; 
	padding: 0.5em;
	border-top: 0.1em solid #999;
}

.tip, .highlight, #stock-curr strong, *:target {
	background: #ffffcc;
}

form {
	padding:0; 
	margin:0;
}

h1 {
	font-size: x-large;
	line-height: 1.2em;
	color: #990000;
}

h2 {
	font-size: medium;
	line-height: 1.2em;
}

h3 {
	font-size: small;
	line-height: 1.2em;
}

h4 {
	font-size: x-small;
	line-height: 1.2em;
}

h1.align_to_box, form h1 {
	margin: 0.5em 0.25em 0.5em 0.25em;
	padding: 0.25em;	
}

ul {
	list-style-type: square;
}

.sectiontableheader
{
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background: #990000;
	vertical-align: middle;
	height: 20px;
	border-right: 1px solid #fff;
	padding: 0px 10px;
}

.sectiontableentry1, .sectiontableentry1-news
{
	background: #f5f5f5;
}
.sectiontableentry1 td, .sectiontableentry1-news td
{
        padding:5px;
}


.sectiontableentry2, .sectiontableentry2-news
{
	background: #d5d5d5;	
}
.sectiontableentry2 td, .sectiontableentry2-news td
{ 
        padding:5px;

}


.form_field {
    padding: 0.3em;
}

.form_radio {
    padding: 0.3em 0.7em;
}

.form_checkbox {
    padding: 0.3em 0.7em;
}

.form_checkbox_2 {
    padding: 0.3em 0.7em;
	margin-left: 8em;
}

.form_radio label, .form_checkbox label, .form_checkbox_2 label {
	float:none;
	margin-left: 0.5em;
}

input[type="text"], input[type="password"]  {
	font-size: x-small;
	width: 25em;
}

input[type="text"].wide  {
	font-size: x-small;
	width: 60.6em;
}

input[type="checkbox"]  {
	margin: 0.3em 0 0 4em; 
}

#my_qualityssl_login input[type="submit"] {
	margin: 0.5em 0 0.5em 15em;
}

textarea  {
	font-size: x-small;
	width: 37em;
}

textarea.tac  {
	font-size: x-small;
	width: 54em;
}

textarea.wide  {
	font-size: x-small;
	width: 61em;
}

fieldset {
	width: 56em;
	margin: 1.5em 1em 1.5em 1em;
	padding: 1em 2em;
	border: 0.1em solid #999;
	background: #f5f5f5;
}

fieldset .left_inside_box {
	width: 27em;
}

fieldset .right_inside_box {
	float: right;
	width: 27em;
	margin-left: 2em;
}

legend {
	font-weight: bold;
	color: #fff;
	background: #990000;
	padding:0.2em 1em;
	border: 0.1em solid #999;
}

label {
	float:left;
	text-align: right;
	width: 15em;
	padding-right: 1em;
	margin: 0.3em 0 0 0;
}

#customer_login .trustlogo, #my_qualityssl_login .trustlogo {
	float:right;
	padding-right: 1em;
	margin: 0;
}

.box_without_borders {
	text-align: right;
	width: 54.5em;
	padding: 0em 1em 0em 4.5em; 
	border: 0.1em solid #fff;
	margin: 2em 1em 2em 1em;
} * html .box_without_borders { height: 3.5em; }

.buy_now {
	font-size: 1.8em;
	font-weight: bold;
	margin: 1em 0.5em;
}

.buy_now a {
	color: #990000;
	text-align: center;
	text-transform: capitalize;
	text-decoration: none;
	background-image: url(/images/cart_button.gif);
	background-position: 0em;
    background-repeat: no-repeat;
	padding: 0.5em 0em 0.5em 2.7em;
}

.buy_now a:link, .buy_now a:visited {
	color: #990000;
	text-decoration: none;
}

.buy_now a:hover, .buy_now a:active {
	color: #CC0000;
	text-decoration: underline;
}

.processing_message {
	background: #f5f5f5;
	background-image: url(/images/loader.gif);
	background-position: 50% 2.4em;
    background-repeat: no-repeat;
	width: 60em;
	padding: 5em 0em 1em 0em; 
	border: 0.1em solid #999;
	margin: 2em 1em 2em 1em;
	text-align: center;
	color: #990000;
}

.message {
	background: #f5f5f5;
	background-image: url(/images/message.gif);
	background-position: 1em 0.3em;
    background-repeat: no-repeat;
	width: 54.5em;
	padding: 0em 1em 0em 4.5em; 
	border: 0.1em solid #999;
	margin: 2em 1em 2em 1em;
}

.alert {
	background: #ffffaa;
	background-image: url(/images/alert.gif);
	background-position: 1em 0.3em;
    background-repeat: no-repeat;
	width: 54.5em;
	padding: 0em 1em 0em 4.5em; 
	border: 0.1em solid #ffcc00;
	margin: 2em 1em 2em 1em;
}

.error_message {
	background: #ffdddd;
	background-image: url(/images/error.gif);
	background-position: 1em 0.3em;
    background-repeat: no-repeat;
	width: 54.5em;
	padding: 0em 1em 0em 4.5em; 
	border: 0.1em solid #cc0000;
	margin: 2em 1em 2em 1em;
}

.note {
	background-image: url(/images/message.gif);
	background-position: center left;
    background-repeat: no-repeat;
	padding: 3.5em; 
	border: 0.1em solid #ffcc00;
	margin: 2em 10em 2em 1em;
} * html .note { height: 3.5em; }

.form_field.error {
	background: #ffdddd;
	background-image: url(/images/error.gif);
	background-position: 1em 0.5em;;
	background-repeat: no-repeat;
	padding: 1em 0 1em 0;
	border: 0.1em solid #cc0000;
	margin: 0.5em 1em 0.5em 1em;
}

.form_field.error label {
	margin: 0.3em 0 0 -0.7em;
 }

.form_checkbox.error {
	background: #ffdddd;
	background-image: url(/images/error.gif);
	background-position: 1em 0.5em;;
	background-repeat: no-repeat;
	padding: 1em 0 1em 0.5em;
	border: 0.1em solid #cc0000;
	margin: 0.5em 2em 0.5em 0;
}

.form_checkbox label {
	width: 50em;
}

fieldset .message {
	background: #f5f5f5;
	background-image: url(/images/message.gif);
	background-position: 1em 0.3em;
	background-repeat: no-repeat;
	width: 50em;
	padding: 0em 1em 0em 4.5em; 
	border: 0.1em solid #f5f5f5;
	margin: 1em 0 1em 0;
}

fieldset .alert {
	background: #ffffaa;
	background-image: url(/images/alert.gif);
	background-position: 1em 0.3em;
    background-repeat: no-repeat;
	width: 50em;
	padding: 0em 1em 0em 4.5em; 
	border: 0.1em solid #ffcc00;
	margin: 1em 0 1em 0;
}

fieldset .error_message {
	background: #ffdddd;
	background-image: url(/images/error.gif);
	background-position: 1em 0.3em;
    background-repeat: no-repeat;
	width: 50em;
	padding: 0em 1em 0em 4.5em; 
	border: 0.1em solid #cc0000;
	margin: 1em 0 1em 0;
}

.form_field_text {
	font-size: x-small;
	width: 35em;
	margin: 0 0 0 18em;
}

.login_button {
	font-size: x-small;
	margin: 1.5em 0 0 18em;
}

#order_navigation {
	font-size: x-small;
	width: 35%;
	margin: 0 auto;
}

.order_navigation_left {
	float: left;
}

.order_navigation_right {
	float: right;
}

#order_item_table {
	width: 56em;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
}

#order_item_table th {
	border-bottom: 0.1em solid #999;
}

#order_item_table .item {
	text-align: left;
	vertical-align: top;
	width: 40em;
	padding-left: 1em;
}

#order_item_table .item_price {
	text-align: right;
	vertical-align: top;
	width: 8em;
	padding-top: 1em;
	padding-right: 1em;
}

#order_item_table .price_desc {
	text-align: right;
	width: 10em;
}

#order_item_table .price {
	text-align: right;
	width: 8em;
	padding-right: 1em;
}

#order_item_table .top_border {
	border-top: 0.1em solid #999;
}

#step_indicator {
	width: 60.2em;
	margin: 2em 1em 2em 1em;
	padding: 0em; 
	background: #f5f5f5;
	border: 0.1em solid #999;
	border-collapse: collapse;
}

#step_indicator td {
	padding: 0.5em; 
	text-align: center;
	vertical-align: middle;
}

#step_indicator td.active {
	font-weight: bolder;
	color: #990000;
}

table.datatable, .datatable tr {
	border: 0.1em solid #999;
	border-collapse: collapse;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	vertical-align: middle;
}

.datatable caption {
	padding: 1em;
}

.datatable td, .datatable th {
	border: 0.1em solid #999;
	border-collapse: collapse;
	padding: 0.3em 0.5em;
}

.datatable thead {
	font-weight: bold;
	background: #990000;
	color: #fff;
}

.datatable tfoot {
	background: #990000;
	color: #fff;
}

table.datatable tr.even td {
	background: #ddd;
}

.results_navigation a:link, .results_navigation a:visited {
	text-decoration : none;
	color: #fff;
}

.results_navigation a:hover {
	text-decoration : underline;
	color: #ddd;
}

.results_navigation a:active {
	text-decoration : underline;
	color: #aaa;
}

.results_navigation strong {
	font-size: small;
	color: #fff;
}

.link_button {
	font-size: x-small;
	text-align: right;
	width: 55.7em;
	padding: 0.5em 0.5em 0.5em 4.5em; 
	margin: 2em 1em 2em 1em;
}

.link_button a {
	color: #000;
	background: #f5f5f5;
	border: 0.1em solid #999;
	padding: 0.5em;
	text-decoration: none;
}

.link_button a:hover {
	color: #fff;
	border: 0.1em solid #999;
	background: #990000;
}

.link_button a:link.active, #menu a:visited.active {
	color: #000;
}


/* MAIN NAVIGATION
--------------------------------------------------------- */

#main_nav { /* all lists */
	margin: 0;
	padding: 0;
	height: 2em;
	line-height: 2em;
}

#main_nav img { /* all lists */
	vertical-align: text-bottom;
	padding-right: 0.1em;
}

#main_nav ul { /* all lists */
	margin: 0;
	padding: 0;
}
	
#main_nav li { /* all list items */
	margin: 0;
	padding: 0;
	background: none;
	display: block;
	float: left;
	cursor: pointer;
}

#main_nav li ul { /* second-level lists */
	position: absolute;
	z-index: 99;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	width: 18.4em;
	height: auto;
}

#main_nav li ul ul { /* third-and-above-level lists */
	margin: -1.5em 0 0 16.4em;
}

#main_nav li li {
	padding: 0 1em 0 0;
	margin: 0;
	width: 17.4em;
}

#main_nav ul a {
	width: 18.4em;
}

#main_nav li:hover ul ul, #main_nav li:hover ul ul ul,
#main_nav li.sfhover ul ul, #main_nav li.sfhover ul ul ul {
	left: -999em;
}

/* This "unhides" the sub-menus (left: -999em is what hides them) */
#main_nav li:hover ul, #main_nav li li:hover ul, #main_nav li li li:hover ul,
#main_nav li.sfhover ul, #main_nav li li.sfhover ul, #main_nav li li li.sfhover ul {
	left: auto;
}

/* STYLING THE MAIN NAVIGATION
-----------------------------------*/

#main_nav {
	clear: both;
	font-family: "Lucida Grande", Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 1em;
	text-transform: uppercase;
	background-color: #666;
	color: #fff;
}

#main_nav a {
	color: #fff;
	font-weight: bold;
}

#main_nav li ul {
	background: url(/images/template/opaque-default.png);
	border: 0.1em solid #999;
}

#main_nav li ul a {
	text-transform: none;
	font-size: 1em;
	border-right: none;
}

#main_nav li ul a:hover {
	color: #fff;
}

#main_nav li a {
	padding: 0 2em;
	display: block;
	text-decoration: none;
	border-right: 0.1em solid #fff;
}

#main_nav li a:hover {
	color: #fff;
}

body#home #main_nav li a.home, body#products #main_nav li a.products, body#order #main_nav li a.order, body#faq #main_nav li a.faq, 
body#support #main_nav li a.support, body#my-qualityssl #main_nav li a.my-qualityssl, body#about #main_nav li a.about, body#dummy  {
	background: #990000;
}

body#home #main_nav li a.home:hover, body#products #main_nav li a.products:hover, body#order #main_nav li a.order:hover, body#faq #main_nav li a.faq:hover, 
body#support #main_nav li a.support:hover, body#my-qualityssl #main_nav li a.my-qualityssl:hover, body#about #main_nav li a.about:hover {
	background: #660000;
}

#main_nav li.havechild {
	background: url(/images/template/arrow-parent.gif) no-repeat center right;
}

#main_nav li.havesubchild {
	background: url(/images/template/arrow-child.gif) no-repeat center right;
}

#main_nav li:hover,
#main_nav li.sfhover {
	background: #660000;
}

#main_nav ul li a, #main_nav ul ul li a {
	background: none;
	font-weight: normal;
	padding: 0 1em;
}

/* SLIMBOX */

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(/images/slimbox/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(/images/slimbox/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(/images/slimbox/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(/images/slimbox/closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

#top_logo {
	float: left;
	font-size: x-small;
	margin: 0 0 0 1em; 
	padding: 0;
}

#top_login {
	float: right;
	width: 25em;
	margin: 0; 
	padding: 0;
}

#top_login input[type="text"], #top_login input[type="password"]  {
	font-size: x-small;
	width: 12em;
	padding: 0;
	margin: 0.2em 0 0.2em 0.4em;
}

#top_login input[type="submit"] {
	font-size: x-small;
	width: 12.6em;
	padding: 0;
	margin: 0.6em 0 0 0.4em;
}

#top_login fieldset {
	width: 23em;
	margin: 1em;
	padding: 0;
	border: none;
	background: #fff;
}

#top_login legend {
	font-weight: bold;
	color: #000;
	background: #fff;
	padding: 0 0 0.6em 0;
	margin: 0;
	border: none;
}

#top_login label {
	width: 9em;
	padding: 0;
	margin: 0.2em;
}

#top_login .lost_pw_link {
	float: left;
	font-size: x-small;
	text-align: right;
	width: 9em;
	padding: 0;
	margin: 0.6em 0.2em 0 0;
}

#top_login ul { /* all lists */
	float: left;
	margin: 0;
	padding: 0;
}
	
#top_login li { /* all list items */
	margin: 0 1em 0 1.5em;
	padding: 0;
	background: none;
}

.table_box {
	float: left;
	width: 50%;
	margin: 0;
	padding: 0;
}

.table_box  img {
	float: left;
	margin: 0;
	padding: 1em;
}

.table_box  p {
	font-size: x-small;
	margin: 1em 0 0 0;
	padding: 1em;
}

.table_box p a {
	font-size: small;
	font-weight: bold;
	line-height: 1.5em;
}

#focus_area {
	height: 150px;
	text-align: center;
	vertical-align: middle;
	margin: 0;
	padding: 1em;
	background: #fff;
	border: 0.1em solid #999;
}

#icarousel {
	position: relative; /* important */
	overflow: hidden; /* important */
	width: 100%; /* important */
	height: 86px; /* important */
	margin: 0;
	background: #fff;
	border: 0.1em solid #999;
}

#icarousel_content {
	position: absolute;
	top: 0;
	margin-left: 20px;
	width: 999em;
}

#icarousel_content
#icarousel_content li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#icarousel ul li {
	display: block;
	float: left;
	margin: 5px;
	padding: 5px;
	background-color: #fff;
}

#icarousel ul li img {
	display: block;
}


.content_colum {
	float: left;
	width: 21em;
	margin: 0; 
	padding: 0.5em 0;
}

.content_colum_center {
	float: left;
	width: 20em;
	margin: 0; 
	padding: 0.5em 1.4em 0.5em 1.4em;
}

a.pdf_icon { 
	display: block;
	margin: 0; 
	padding-left: 2.4em; 
	padding-bottom: 0.5em; 
	background: url(/images/pdf.gif) no-repeat top left;
}

a.doc_icon { 
	display: block;
	margin: 0; 
	padding-left: 2.4em; 
	padding-bottom: 0.5em; 
	background: url(/images/doc.gif) no-repeat top left;
}

.screenshots {
	text-align: center;
}

.screenshots img {
	padding: 0.5em;
}