body {
	background: #ffffff url(../imgs/bodybg.jpg) repeat-x;
	font-family: Arial;
	}

	
.insidebody {
	background: #ffffff url(../imgs/insidebodybg.jpg) repeat-x;
	}	
	
h1,h2,h3,h4,h5,h6 {font-weight: bold;}

strong {font-weight:bold;} 


#fpheader {
	background: #151515 url(../imgs/fpheaderbg.jpg) top center no-repeat;
	height: 425px;
	margin: 0px auto;
	color: #ffffff;
	}	
	
#fpheader .centeredcontainer {
	background: #151515 url(../imgs/fpheaderbg.jpg) top center no-repeat;
	}	
	
#header {
	background: #151515 url(../imgs/fpheaderbg.jpg) top center no-repeat;
	height: 150px;
	margin: 0px auto;
	color: #ffffff;
	}

#header .centeredcontainer {
	height: 150px;
	background: #151515 url(../imgs/fpheaderbg.jpg) top center no-repeat;
	}		
	
#fpdivider {
	background: #000000 url(../imgs/fpdivider.jpg) repeat-x;
	height: 30px;
	margin-bottom: 20px;
	}
#insidedivider {
	background: #000000 url(../imgs/fpdivider.jpg) repeat-x;
	height: 25px;
	}	
	
#fpcontent {

	}		
	
.centeredcontainer {
	width: 950px;
	margin: 0px auto;
	}
	
#fpcontent .centeredcontainer 
{	
	/*
	background: #ffffff url(../imgs/fpcontentbg.jpg) top center no-repeat !important;
	*/
}	

.hidden { 
	margin-left: -9999px; 
	position: absolute;
	}
.logo { position: absolute; top: 0px; }
.logo a{ display: block;  width: 200px; height: 125px; }

#login { 
	text-align: right; 
	padding-top: 20px;
	}

#login, #login a {
	color: #e34e35;
	font-size: 11px;
	}
	
#login a {
	text-decoration: none;
	}
	
#login a:hover { text-decoration: underline; }
		
.white { color: #ffffff;}

#menusearch {
	width: 710px;
	height: 65px;
	margin-left: 240px;
	margin-top: 5px;
	font-size: 11px;	
	}
	
#mainnav {
	float: left;
	background: #151515;
	width: 410px;

	margin-top: 25px;
	}
#mainnav li { 
	display: block; 
	float: left; 
	height: 40px; 
	line-height: 40px;
	}
		
#mainnav li a { 
	display: block;	 
	padding-left: 10px; 
	padding-right: 20px; 
	text-decoration: none; 
	text-transform: uppercase; 
	color: #ffffff;
	background: url(../imgs/downarrow.jpg) right center no-repeat;
	letter-spacing: 1px;
	}
	
#mainnav li a li { text-transform: none;}



#mainnavContainer {
	float: left;
	background: #151515;
	width: 410px;

	margin-top: 25px;
	}
#mainnavContainer li { 
	display: block; 
	float: left; 
	height: 40px; 
	line-height: 40px;
	}
		
#mainnavContainer li a { 
	display: block;	 
	padding-left: 10px; 
	padding-right: 20px; 
	text-decoration: none; 
	text-transform: uppercase; 
	color: #ffffff;
	background: url(../imgs/downarrow.jpg) right center no-repeat;
	letter-spacing: 1px;
	}
	
#mainnavContainer li a li { text-transform: none;}


/********** tweak this so it doesn't include the form tag.  .NET FIX **********/		
#search { 
	width: 300px;
	background: url(../imgs/searchbg.gif) top right no-repeat;	
	float: right;
	padding-top: 15px;
	height: 50px;
	}

#searchform { 
/*	margin-left: 25px; 
	margin-top: 15px;
	*/
	}

#search .radiobuttons, #search .boxandbutton { margin-bottom:3px; margin-left: 5px;}





.boxandbutton {
	height: 23px;
	line-height: 23px;
	}
	
.boxandbutton input { padding: 4px;}
	
#searchbox { 
	width: 230px; 
	background: #666666; 
	color: #ffffff; 
	border: 0px; 
	margin-top: -3px;
	}

.searchbox
{
	width: 230px; 
	background: #666666; 
	color: #ffffff; 
	border: 0px; 
	margin-top: -3px;
}

#ctl00_ctl09_SearchBox1_searchbox
{ 
	width: 230px; 
	background: #666666; 
	color: #ffffff; 
	border: 0px; 
	margin-top: -3px;
}

.searchTextbox { 
	width: 230px; 
	background: #666666; 
	color: #ffffff; 
	border: 0px; 
	margin-top: -3px;
	}
	

#search .radiobuttons label { 
	line-height: 15px; 
	height: 15px; 
	color: #666666;
	}

.submit { 
	background: url(../imgs/searchbutton.jpg) center no-repeat;
	border: 0px solid;
	width: 30px;
	color: #ffffff;
	}
	
.clear { clear: both; }	

#flashbanner { 
	margin-top: 2px; 
	float: left;
	}	

#topwebservices { 
	height: 300px; 
	float: right; 
	width: 255px;
	font-size: 12px; 
	background: url(../imgs/twsbg.jpg);
	}

h2.topwebservices { 
	background: #151515 url(../imgs/twsheader.jpg) top left no-repeat; 
	height: 51px;
	}

#topwebservices ul { 
	list-style: none;
	margin-left: 2px;
	}
	
#topwebservices ul li { 
	display: block; 
	line-height: 30px;
	}
	
#topwebservices ul li a { 
	color: #bfbfbf; 
	display: block; 
	text-decoration: none; 
	height: 30px;  
	padding-left:25px; 
	background: url(../imgs/twslibg.jpg) top left no-repeat;
	}
	
#topwebservices ul li a:hover { text-decoration: underline; }

a.moreproducts {
	text-decoration: none; 
	color: #e34e35 !important;
	text-align: right;
	margin-right: 20px;
	display: block;
	line-height: 30px;
	}

.callouts { 
	width: 212px;
	float: left;
	margin-right: 25px; 
	}
	
.callouts img 
{
	
	border: 1px solid #c8c8c8;
	margin-bottom: 18px;
	}


.callouts a.imglink img
{
	display:inline-block;
	border-color:#c8c8c8;
	border-width:1px !important;
	border-style:solid;
		margin-bottom: 18px;
}

.callouts h3 {
	font-size: 13px;
	color: #2f2f2f;
	background: #f8f8f8;
	padding: 3px 0px 3px 3px;
	margin-left: -3px;
	}	
.callouts p {
	font-size: 11px;
	color: #6c6c6c;
	line-height: 18px;
	}	
	
#footer { 
	clear: both; 
	margin-top: 20px; 
	background: #f2f2f2; 
	padding:10px 0px 10px 0px;
	font-size: 10px;
	color: #151515;
	}	

#footer a {
	text-decoration: none;
	color: #151515;
	padding: 0px 5px 0px 5px;
	}	
	
	
.left { float: left;}

.right {float: right;}

.newsblog { float: right; width: 255px; }

.newsblog h2 { 
	background: url(../imgs/newsblogheader.jpg) top left no-repeat; 
	height:50px; 
	}
	
.newsblog h2 a { 
	display: block; 
	height: 50px; 
	width: 255px;
	}
	
.newsblog h3 { 
	font-size: 12px; 
	background: #f2f2f2 url(../imgs/rightarrow.jpg) right no-repeat; 
	color: #151515;
	padding: 5px; 
	margin-bottom: 5px; 
	}
	
.newsblog h3 a { 
	text-decoration: none; 
	color: #151515; 
	display: block;
	}
	
.newsblog h3 a:hover { text-decoration: underline; }

.newsblog p { 
	width: 255px;
	font-size: 12px;
	color: #6c6c6c;
	line-height: 18px;
	margin-bottom: 15px;	
	}
	
a.readmore {
	text-decoration: none; 
	color: #e34e35 !important;
	}
	
a.readmore:hover { text-decoration: underline; }

.breadcrumbs {
	line-height: 25px;
	height: 20px;
	font-size: 11px;
	color: #4f4f4f;
	background: url(../imgs/breadcrumbs.jpg) repeat-x !important; 
	margin-bottom: 0px !important;
	}
	
.breadcrumbs a {
	text-decoration: none;
	color: #4f4f4f;
	}

.insidecontent {

	}

#sidebarnav {
	width: 110px;
	float: left;
	}

#content {
	float: right;
	width: 800px;
	}
	
#sidebarnav h2 {
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px dotted #d8d8d8;
	margin-bottom: 5px;
	}
#sidebarnav ul {
	line-height: 15px;
	margin-bottom: 15px;
	}
#sidebarnav ul li {
	margin-top: 0px !important; 
	padding: 0px !important; 
	display: block;
	}
#sidebarnav ul li a {
	font-size: 11px;
	text-decoration: none;
	color: #787878;
	}

#sidebarnav ul li a:hover { text-decoration: underline;}

#sidebarnav ul li a.selected { color: #e34e35 }


.twocolcontent .centeredcontainer{
	background: url(../imgs/2colcontent.jpg) top center no-repeat !important;
	padding-top: 25px; 
	}

.threecolcontent .centeredcontainer{
	background: url(../imgs/3colcontent.jpg) top center no-repeat !important;
	padding-top: 25px; 
	}

.seeall { 
	color: #e34e35; 
	text-transform: uppercase; 
	font-size: 10px; 
	text-decoration: none;
	}

.seeall:hover { text-decoration: underline;}

.orange { color: #e34e35;}

#content h2 { margin-bottom: 15px;}

#content p{
	font-size: 13px; 
	width: 590px; 
	line-height: 18px; 
	margin-bottom: 15px;
	}

.havequestions { 
	margin-top: 15px;
	position: relative;
	height: 72px; width: 188px; background: #ff0000; float: right; top: 20px;
	background: url(../imgs/havequestions.jpg) top center no-repeat !important;
	}

.havequestions a { 
	display: block; 
	height: 72px; 
	}


div.table {
	width: 803px; 
	background: url(../imgs/productdescriptionsbg.jpg) top right no-repeat;
	padding-top: 0px;
	margin-top: 41px;
}	

div.table table {border-left: 1px solid #e6e6e6;}
div.table table td {border-right: 1px solid #e6e6e6;}


 
#content table { 
	/* font-size: 12px;  */
	/*width: 795px;*/
	}
 

#table h3 { font-size: 12px;}

/*

table { margin-bottom:20px; width: 795px;}
table p { width: auto !important;}

th { 
	background: #333333 url(../imgs/thbg.jpg) repeat-x; 
	color: #ffffff; 
	text-align: center; 
	height: 27px; 
	line-height: 25px;
	border-left: 1px solid #727272;
	}
	
table thead tr {
	background: black;
	border: 1px solid #000000; 
	padding: 0px;
}	
	
td { border-bottom: 1px solid #e6e6e6; padding: 15px;}

td p {
	padding: 10px; 
	margin: 10px;
	} 
*/

#productdescriptions table { width: 750px;}	
/*#productdescriptions td p { width: 472px !important;}*/

.tableleft { 
	text-align: center; 
	background: #f2f2f2; 
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	}
	
.tableleft h3{
	width: 260px;
	text-align: center;
	margin-bottom: 10px; 
	}

.tableright { 
	padding: 15px !important; 
	border-left: 1px solid #e6e6e6; 
	border-right: 1px solid #e6e6e6;
	background: #ffffff;
	}
	
.tableright p{
	padding: 0px !important;
	font-family: Arial;
	font-size: 12px !important;
	line-height: 15px !important;
	margin: 0px !important;
	}

.black { 
	background: black;
	border: 1px solid #000000; 
	padding: 0px;
	}

.buynow { margin-right: 15px;}

#productdescriptions { 
	width: 803px; 
	background: url(../imgs/productdescriptionsbg.jpg) top right no-repeat;
	padding-top: 0px;
	margin-top: 40px;
	}


/******* controls the sticky footer ******/

html, body 
{
	height: 100%;
	}
#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -60px; /* the bottom margin is the negative value of the footer's height */
	}

#footer, .push {
	height: 20px !important;  /* .push must be the same height as .footer */ 
	line-height: 20px;
	}

.push {margin-top: 60px; }




.threecolcontent #sidebarnav { margin-right: 40px; }

.threecolcontent #content { 
	width: 590px;  
	float: left; 
	}

#rightsidebar { 
	float: right; 
	width: 175px; 
	height: 200px; 
	}

#rightsidebar .havequestions { margin-top: 0px; position: relative; z-index:0}

#relatedproducts {  
	clear: both; 
	margin-top: 120px; 
	position: relative; 
	width: 170px;
	}

#relatedproducts h3 {font-size: 10px; font-weight: bold; border-bottom: 1px dotted #787878; color: #282828; text-transform: uppercase;
margin-bottom: 10px;
}

#relatedproducts ul{
	margin-bottom: 20px; 
	list-style: none;
	font-size: 11px;
	width: 140px;
	letter-spacing: .25px;
	}
	
#tryorbuy { margin-bottom: 10px; }
.workswith { margin-left: 150px; }
.workswith img { margin: 0px 10px 0px 10px; }

#relatedproducts ul li { margin-bottom: 7px;}
#relatedproducts ul li a { text-decoration: none; color: #787878; }
#relatedproducts ul li a:hover { text-decoration: underline; }



/* Tabs for jquery tab effect
----------------------------------*/
.ui-tabs { padding: .2em; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; display: block; height: 21px; width: 193px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }


/** HMP **/
.ui-tabs-nav li { 
	width: 193px;  
	padding: 0px !important;  
	background: #000000; 
	margin: 0px !important; 
	height: 21px; 
	line-height: 21px;
	}

.ui-tabs-nav a { 
	font-size: 10px; 
	margin-left: 5px; 
	color: #ffffff;
	}

.ui-tabs-nav li a:hover { text-decoration: underline;  }

.ui-tabs-panel { 
	clear: both;  
	font-size: 12px;
	}
.ui-tabs-panel ul, .ui-tabs-panel ul li {
	list-style: disc !important;
	list-style-type: disc;
	margin-bottom: 5px; 
	}

.ui-tabs-nav {margin-bottom: 30px; }

.ui-tabs-panel ul { margin: 0px 10px 20px 10px; }

.ui-tabs-panel h3 { font-weight: bold; margin-bottom: 20px; }

.ui-state-active { background: #ff0000; }

.ui-state-default { 
	background: url(../imgs/tabnormal.jpg) !important; 
	border: 1px solid #6d6d6d;
	}
	
.ui-tabs-selected { 
	background: url(../imgs/tabselected.jpg) !important; 
	border: 1px solid #ababab;
	}
	
.ui-tabs-selected a { color: #3f3f3f !important; }
.ui-tabs { 
	padding: 0px !important; 
	margin-left: -4px;
	}
	
.ui-tabs .ui-tabs-nav li a {
	padding: 0px !important;
	padding-left: 5px; width: 193px;
	display: block;
	}


/*******************************************

	for popup login and registration pages
	
*******************************************/

#TB_window  
{
	color: #ffffff;
	z-index: 30000;
	}

#TB_title { 
	margin: 0px !important; 
	padding: 0px !important;
	background: #080808 !important;  
	font-size: 12px; 
	height: 28px; 
	}

#TB_closeAjaxWindow { font-size: 11px;}
#TB_closeWindowButton { color: #e34e35 !important;}
#TB_ajaxContent { 
	background: #151515 url(../imgs/sirn-form-tile.jpg) top left !important;
	}	
	

/*
#popup {width: 300px; display: block; margin: 0px auto; margin-top: 10px; }
#popup span { display: block; font-size: 12px; }
#popup label {display: block; margin-bottom: 20px;}
#popup input { padding: 10px; font-size: 16px; display: block; margin-top: 5px; background-color: #cccccc; border: 1px #a8a8a8 solid; width: 270px;}

*/	
/* display: block; */
#popup {width: 300px;  margin: 0px auto; margin-top: 6px; }
#popup .span { display: block; font-size: 11px; }
#popup .label {display: block; margin-bottom: 15px;}
#popup .textbox  { padding:3px; font-size: 11px; display: block; margin-top: 3px; background-color: #cccccc; border: 1px #a8a8a8 solid; width: 270px;}
#popup .combobox { padding: 3px; font-size: 11px; display: block; margin-top: 3px; background-color: #cccccc; border: 1px #a8a8a8 solid; width: 270px;}
#popup .checkbox {display:inline; padding-left: 3px;}
#popup .checkbox label {display:inline;}
/* 
#popup {width: 610px; display: block; margin: 0px auto; margin-top: 10px; }
#popup span { display: inline; font-size: 12px; }
#popup label {display: inline; margin-bottom: 10px;}
#popup input { padding: 6px; font-size: 12px; display: block; margin-top: 5px; background-color: #cccccc; border: 1px #a8a8a8 solid; width: 250px;}
*/

#popup .submit { margin-top: 10px; background: #df593c; color: #ffffff; border: 1px solid #b64c36; width: 150px; 
font-size: 10px; padding: 5px;  float: right;  margin-right: 5px;  font-weight: bold;
} 


	/*   background: url(../imgs/searchbutton.jpg) center; */
.submitStd { margin-top: 10px; background: #df593c; 
             
           
             
             color: #ffffff; border: 1px solid #b64c36; 
font-size: 10px; padding: 5px;  font-weight: bold;
} 

	

.error { color: #ff0000 !important;}

/*******************************************

	404 Page
	
*******************************************/
	
.fourofour { }
.fourofour h1{
	color: #e34e35; 
	font-size: 30px;
	line-height: 40px;
	margin-bottom: 20px;
	}
	
.fourofour p { font-size: 18px !important;}


	    .ptable 
        {
   
            width:100%;
            padding: 0;
            margin: 0;  
        }
        .ptable tr
        {
            padding: 0;
            margin: 0;
            border: none;
        }
        .ptable td
        {
        	text-align:center;
        	vertical-align:middle;
            padding: 0;
            margin: 0;
            border: none;
        } 
        .ptable td p 
        {
        	padding:0; margin:0;
        }
        
        
#content h3.ndate { width:150px; color:#999999; font-weight: normal; font-size: 14px; display: inline; float:left; }
#content p.ntitle { padding-left: 150px; font-size: 14px; font-weight:bold;  width:auto }
#content p.nsum  {  padding-left: 150px; width:auto}

#pdesc a { color: #e34e35}
		     #tabs #features  a { color: #e34e35}
		     #tabs #pricing  a { color: #e34e35}
		     #tabs #techspecs a { color: #e34e35}
		     
.masterform {height: 100%}


#rightsidebar h2 {
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px dotted #d8d8d8;
	margin-bottom: 5px;
	}
#rightsidebar ul {
	line-height: 15px;
	margin-bottom: 15px;
	}
#rightsidebar ul li {
	margin-top: 0px !important; 
	padding: 0px !important; 
	display: block;
	font-size: 11px;
	}
#rightsidebar ul li a {
	font-size: 11px;
	text-decoration: none;
	color: #787878;
	}
#rightsidebar ul li a:hover { text-decoration: underline;}
#rightsidebar ul li a.selected { color: #e34e35 }

.callouts h3 a:link { color: #000000 }
.callouts h3 a:visited { color: #000000 }
.callouts h3 a:hover { color: #000000 }