﻿body
{
	background: #f7f7f7 url('/images/body_bg.gif') repeat-x;
	margin: 0;
}

body, a, td, div 
{
	font-family: Arial, Helvetica, Sans-Serif;
}


input[type=text] {  
	font-family: Arial, Helvetica, Sans-Serif;
}  

p 
{
	margin: 0 0 1.0em 0;
}

a:link
{
	color: #a0a0a0;
}
a:visited
{
	color: #a0a0a0;
}
a:hover
{
	color: #666666;
}
a:active
{
	color: #a0a0a0;
}

#topmenu
{
	margin-top: 16px;
}

.submenu
{
	border-right: 1px solid #ccc;
	margin-top: 12px;
}

.submenu td
{
	background: #fff;
	border: 1px solid #ccc;
	border-right: 0px;
	padding: 4px;
}

.TopMenuText
{
	color: #A3A3A3;
	font-size: smaller;
	font-style: normal;
}

td.TopMenuText a, td.TopMenuText a:hover, td.TopMenuText a:visited
{
	font-size: 100%;
	font-weight: normal;
	text-decoration: none;
}

#container
{
	background: transparent;
	width: 810px;
	margin: auto;
}

#wf_shell_container
{
    width: 810px;
    background: #FFF url('/include/images/wf_mid.gif') repeat-y; 
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
}
#wf_shell_right
{
    width: 647px;
    float: right;
}
#wf_shell_left
{
    width: 163px;
    float: left;
}
#wf_topleft
{
    padding: 6px;
    background: #FFF url('/include/images/wf_topleft.gif') no-repeat;
}
#wf_searchbox_container
{
	margin: 2px 2px 0px 2px;
	color: #666666;
	font-size: 8pt;
	font-style: normal;
	font-weight: bold;
}
#wf_midleft
{
    padding: 6px;
}
#wf_topright
{
    min-height: 50px;
    padding: 10px 10px 0px 12px;
    background: #FFF url('/include/images/wf_topright.gif') no-repeat;
}
#wf_topright h1
{
    margin: 0;
	font-size: 32px;
	font-weight: bold;
	color: #0076c0;
	width: 595px;
}
#wf_content
{
    padding: 0px 12px 2px 12px; 
	font-size: 10pt;
	color: #636563;
}

#wf_content h1, #wf_content h2, #wf_content h3, #wf_content h4, #wf_content h5
{
	margin: 0 0 1.0em 0;
	font-size: 1.0em;
	margin-bottom: 0;
	padding-bottom: 0;
}

#wf_footer
{
    height: 54px;
    background: #FFF url('/include/images/wf_footer.gif') no-repeat;
}
#wf_subfooter
{
	color: #0080C0;
	margin-top: 4px;
	margin-bottom: 3.0em;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	text-align: center;
}

.clear
{
    clear: both;
}


div#hackersafebox
{
	border-top: 1px solid #CCC;
	padding-top: 10px;
}

.CartSidenavText A
{
	color: #666666;
	
	font-size: 8pt;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}


.categorybox a, .subcategorybox a, .overcategorybox a, .selectedcategorybox a, .selectedsubcategorybox a
{
	font-size: 8pt;
	margin-bottom: 2px;
}


.tb
{
	font-size: 9pt;
}

.tb td 
{
	padding: 6px 5px 6px 5px;
}

.tb tr.alt 
{
	background: #f7f7f7;
}

.tbh td
{
	font-weight: bold;
	font-size: 9pt;
	color: #000;
	padding: 6px 5px 5px 5px;
	border-bottom: 2px solid #999;
}

.pgr td
{
	border: 0;
	text-align: right; 
	font-size: 9pt;
	border-top: 2px solid #999;
}

.pgr td span
{
	margin-right: 2px;
	margin-left: 2px;
	font-weight: bold;
}

.pgr td a
{
	margin-left: 1px;
	margin-right: 1px;
	background: #999;
	padding: 1px 4px 1px 4px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}


div#buttonrow
{
	margin-top: 1.0em;
}

div.leftnavitem
{
	font-size: 8pt;
	font-weight: bold;
	padding: 2px;
	margin: 0px 0px 5px 0px;
}

div.leftnavitem_selected
{
	font-size: 8pt;
	font-weight: bold;
	padding: 2px;
	margin: 0px 0px 5px 0px;
	background: #e6e6e6;
}

div.leftnavitem_selected_child
{
	font-size: 8pt;
	font-weight: bold;
	padding: 2px 2px 2px 16px;
	margin: 0px 0px 5px 0px;
	background: #e6e6e6;
}

div.leftnavitem_child
{
	font-size: 8pt;
	font-weight: bold;
	padding: 2px 2px 2px 16px;
	margin: 0px 0px 5px 0px;
}

div.leftnavitem a, div.leftnavitem_child a, div.leftnavitem_selected_child a, div.leftnavitem_selected a
{
	color: #666;
	text-decoration: none;
}

div.leftnavitem:hover, div.leftnavitem_child:hover
{
	background: #e6e6e6;
}

div.dotted_rule
{
	margin-top: 10px; 
	margin-bottom: 1.5em; 
	border-bottom: 1px dotted #CCC;
}



div.landing
{
	font-weight: normal; 
	font-size: 11pt; 
	margin-bottom: 1.0em;
	color: #666;
}





a.catalog_listitem_title
{
	font-size: 1.15em;
	color: #852a8b;
	text-decoration: none;
}

a.catalog_listitem_title:hover
{
	color: #a3a3a3;
}



.Content
{
	background-color: #FFFFFF;
	color: #666666;
	font-size: 9pt;
	font-style: normal;
	font-weight: bold;
	text-align: Left;
}

.Content li
{
	list-style-position: inside;
	list-style-type: circle;
	font-weight: normal;
	line-height: 1.5em;
}

.Content p
{
	padding: 0;	
}

.Content h2
{
	color: #a3a3a3;
	margin: 0;
	font-size: 1.5em;
}

.Content h2.withmargin
{
	margin-bottom: 15px;
}


.Content h4
{
  font-size: 1.25em;
  margin: 0 0 8px 0;
  padding: 0;
}


.Detail_FeatureHeading
{
	color: #1861a5;
	font-size: 8pt;
	font-weight: bold;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.Detail_FeatureName
{
	color: #666;
	font-size: 8pt;
	font-weight: normal;
	margin-bottom: 15px;
}

div.breadcrumb
{
	margin: 6px 0px 0px 2px;
}

div.breadcrumb A
{
	 font-size: 9pt;
	 font-weight: normal;  
	 text-transform: uppercase; 
	 letter-spacing: 1px; 
	 color: #852a8b; 
	 text-decoration: none;
}



.ContentProductTitle
{
	border-top: 1px dotted #ccc;
	color: #0e4f8f;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-top: 5px;
	text-decoration: none;
	text-transform: uppercase;
}
.ContentProductTitle .price
{
	color: #856685;
}
.ContentProductTitle .spacer
{
	color: #cfcfcf;
	margin-left: 5px;
	margin-right: 5px;
}
.MiniButton
{
	background: #65046d url('/images/buttons/fade.png') repeat-x;
	border: 1px solid #000;
	color: #FFF;
	cursor: hand;
	font-size: 8pt;
	margin: 0;
	padding: 0px;
}
.Button
{
	background: #65046d url('/images/buttons/fade.png') repeat-x;
	border: 1px solid #000;
	color: #FFF;
	cursor: hand;
	font-size: 10pt;
	font-weight: bold;
	margin: 0;
	padding: 2px;
}


.ErrorAdvice
{
	color: Red;
	font-weight: bold;
}


.Messages, .ErrorMessages
{
	background-color: #f7f7f7;
	color: #852a8b;
	font-size: 1.75em;
	font-style: oblique;
	font-weight: normal;
}

/*
.ErrorMessages
{
	background-color: #FFFFFF;
	color: #C90D4F;
	font-size: 8pt;
	font-style: normal;
	font-weight: bold;
	text-align: Center;
}*/

.FormHeader
{
	background-color: #f3f3f3;
	color: #836666;
	font-size: 10pt;
	font-weight: bold;
}

.FormPanel
{
	border: 1px solid #cccccc;
}



.PanelHeader
{
	padding: 4px;
	background-color: #f3f3f3;
	color: #836666;
	font-size: 10pt;
	font-weight: bold;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}


.PanelBody
{
	padding: 4px;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}


.SmallHeading
{
	color: #0e4f8f;
	font-size: 9pt;
	font-weight: bold;
}




.DarkHeading
{
	color: #0E4F8F;
	
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
}



.Headings
{
	color: #0E4F8F;
	font-size: 10pt;
	font-weight: bold;
}




div.related_items_shell 
{
	display: block; 
	float: left; 
	margin-right: 25px; 
	margin-top: 10px; 
	margin-bottom: 40px; 
	margin-left: 20px;
}

div.related_items_imagebox
{
	line-height: 150px; 
	height: 150px; 
	width: 150px; 
	text-align: center;
}

div.related_items_shell div.related_items_imagebox img 
{
	border: 0;
}


div.BasicErrorMessage, .ErrorBox
{
	padding: 6px;
	margin-bottom: 10px;
	background: #ffff99;
	color: #C90D4F;
	border: 2px solid #cccc99;
	font-weight: bold;
}

.ErrorBox ul
{
	margin-bottom: 6px;
}

table#contacts tr.border-on-bottom td
{
	border-bottom: 1px dotted #ccc;
}

table#contacts tr td h4
{
	margin-bottom: 0;
	padding-bottom: 0;
}

table.quantitydiscountchart 
{
	margin-bottom: 1.5em;
	border: 1px solid #7e2c83;
	font-weight: normal;
}

table.quantitydiscountchart tr th
{
	background: #7e2c83;
	color: #FFF;
	font-weight: bold;
}




.ContentFont
{
	font-size: 8pt;
	color: #666666;
	font-weight: bold;
}

.ContentFontHeading
{
	font-size: 9pt;
	color: #000;
	font-weight: bold;
}

.ContentFontNotbold
{
	font-size: 8pt;
	color: #666666;
	font-weight: normal;
}

A.SoftProofLinks, A.SoftProofLinks:visited
{
	font-size: 8pt;
	color: #6000ff;
	text-decoration: underline; 
	font-weight: normal;
}


.BoxTable, .BoxTablePurple
{
	font-size: 8pt;
}

.BoxTable TD.Heading 
{
	background-color: #f3f3f3;
	color: #000;
	font-size: 9pt;
	font-weight: bold;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}


.BoxTable TD.Content
{
	background-color: #FFF;
	color: #666666;
	font-size: 8pt;
	font-weight: normal;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

.BoxTable TD.ContentMiddle
{
	background-color: #FFF;
	color: #666666;
	font-size: 8pt;
	font-weight: normal;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

.BoxTable TD.ContentBottom
{
	background-color: #FFF;
	color: #666666;
	font-size: 8pt;
	font-weight: normal;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}




.BoxTablePurple TD.Heading 
{
	background-color: #91268f;
	color: #FFF;
	font-size: 9pt;
	font-weight: bold;
	border-top: 1px solid #91268f;
	border-left: 1px solid #91268f;
	border-right: 1px solid #91268f;
}


.BoxTablePurple TD.Content
{
	background-color: #FFF;
	color: #666666;
	font-size: 9pt;
	font-weight: normal;
	border-bottom: 1px solid #91268f;
	border-left: 1px solid #91268f;
	border-right: 1px solid #91268f;
}

.BoxTablePurple TD.ContentMiddle
{
	background-color: #FFF;
	color: #666666;
	font-size: 8pt;
	font-weight: normal;
	border-left: 1px solid #91268f;
	border-right: 1px solid #91268f;
}

.BoxTablePurple TD.ContentBottom
{
	background-color: #FFF;
	color: #666666;
	font-size: 8pt;
	font-weight: normal;
	border-left: 1px solid #91268f;
	border-right: 1px solid #91268f;
	border-bottom: 1px solid #91268f;
}
.UNotes 
{  
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 9px; 
    font-style: italic; 
    line-height: normal; 
    font-weight: normal; 
    color: #666666; 
    text-decoration: none;
}
.URequired 
{  
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    font-style: normal; 
    line-height: normal; 
    font-weight: normal; 
    color: #993399; 
    text-decoration: none;
}


/* This is for the contact us page */
h4.nw { color: #147749; } h4.ca { color: #913888; } h4.other { color: #C0C0C0; }