@charset "utf-8";
/* CSS Document */
body {
  text-align: left;
   margin:0px;
   padding:0px;
   background:url(/images/bg.jpg);
   background-repeat:repeat-x repeat-y;
}

/* content width settings */


/* PALLETE COLOUR
ORANGE 			#f96636
GREYBG   		#373535
darkgrey lines 	#7a7a7a
light grey bg 	#e9e9e9

Dark red     	#cc0000
*/


/**************************************************************************************************/
/* generic size wide */

td
{
}
	
table, 
div, 
td,
p,
#container
{
	vertical-align:top;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: left;
	padding:0px;
	padding:0px;
}

#container {
  width: 920px;
  padding-left:25px;
  padding-right:25px;
  margin-top:0px;
  margin-left: auto;
  margin-right: auto;
}


input.textfield {
font-size:10px;
border:1px solid #000000;

}

img {border: none
}


#main_content
{
	margin-bottom:2px;
	background:#ffffff;
}

#main_content .inner_box
{
    padding-left:45px;
	padding-right:45px;
	min-height:600px;
	width:800px;
	line-height:14pt;

}




/*   	background-color: #00aebf; */



a:link {text-decoration: none; 	color: #0000ff;}
a:visited {text-decoration: none;	color: #0000ff;}
a:active {text-decoration: none;	color: #0000ff;}
a:hover {text-decoration: underline; color: #0000ff;}

h1 {
	color: #cc0000;
	font-size: 20px;
	font-weight: normal;
	text-transform:uppercase;
	
}

h2 {
padding-top:25px;
	color: #f96636;
	font-size: 14px;
	font-weight: bold;
}

h3 {
	color: #303030;
	font-size: 12px;
	font-weight: bold;
}

strong
{
    font-weight:bold;

}


p
{
padding-bottom:5px;

}


ul
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

ul li
{
padding-left: 15px;
background-image: url(/images/red_arrow.gif);
background-repeat: no-repeat;
background-position: 0 2px;
font-size:12px;
margin-bottom:5px;
}

ol
{
color:#f96636;
}

ol li
{
color:#000000;
padding-left: 15px;
background-position: 0 2px;
font-size:12px;
margin-bottom:5px;
}








.data_table
{
background:#ffffff;

}

.feature_table tr
{
font-weight:bold
}

.data_table th.empty 
{
font-weight:bold;
background:#ffffff;
color:#ffffff;
border-collapse:collapse;
padding:5px;
}

.data_table th 
{
font-family:"Courier New", Courier, monospace;
font-weight:bold;
text-align:center;
background:#d0d0d0;
color:#000000;
margin:1px;
border-collapse:collapse;
width:100%;
padding:5px;
min-height:20px;
border:1px solid #a0a0a0;
}


.data_table td
{
font-family:"Courier New", Courier, monospace;
font-weight:normal;

background:#ffffff;
color:#000000;
margin:1px;
border-collapse:collapse;

padding:5px;
min-height:20px;
border:1px solid #a0a0a0;
}




.feature_table
{
background:#ffffff;

}

.feature_table tr
{
font-weight:bold
}

.feature_table th.empty 
{
font-weight:bold;
background:#ffffff;
color:#ffffff;
border-collapse:collapse;
padding:5px;
}

.feature_table th 
{
font-weight:bold;
text-align:center;
background:#000000;
color:#ffffff;
margin:1px;
border-collapse:collapse;
width:200px;
padding:5px;
min-height:20px;
}


.feature_table td
{
font-weight:normal;
background:#e9e9e9;
border-collapse:collapse;
padding:5px;
min-height:20px;
}

.feature_table td.side
{
font-weight:bold;
background:#e0e0e0;
border-collapse:collapse;
padding:5px;
}




.figure
{
float:right;
margin:20px;
border:1px solid #a0a0a0;
}

.textblock
{
width:300px;
padding:20px;

}




  



/* copyright*/
#copyright
{
   height:100px;
   font-size:12px;
   text-align:center;
}

#copyright  a:link {text-decoration: none; 	color: #373535;font-weight:bold}
#copyright a:visited {text-decoration: none;	color: #373535;font-weight:bold}
#copyright a:active {text-decoration: none;	color: #373535; font-weight:bold}
#copyright a:hover {text-decoration: underline; color: #373535;font-weight:bold}





#logo
{
	position:relative;
	float:right;
	padding-right:10px;
	padding-top:10px;
}

#navblock {
	font-size:11pt;
	font-weight:bold;
	position:relative;
	padding-left:45px;
	padding-top:23px;
	width:600px

}


/* navigation */


#subnavblock {
	font-size:10pt;
	font-weight:bold;
	padding-top:2px;


}
#hp_nav,  #con_nav{ 

		background:#373535;
}		
		
/* havigation */
.nav, .subnav{ 
		text-align:center;
		vertical-align:top;
		padding:10px;
		padding-top:0px;
		padding-bottom:0px;
		white-space: nowrap;
		font-size:12px;
		font-color:#a0a0a0;
		float:left;
		height:18px;
}

.subnav{ 
 		font-size:10px;
		}
 



.selected{
background:url(/images/selector.gif) 50% 100% no-repeat;
}



.nav a:link,
.nav a:visited,
.nav a:active  {text-decoration: none; 	color: #a0a0a0;}
.nav a:hover {text-decoration: none; color: #ffffff;}


.subnav a:link ,
.subnav a:visited ,
.subnav a:active {text-decoration: none;	color: #a0a0a0;}
.subnav a:hover {text-decoration: none; color: #ffffff;}

.current a:link ,
.current a:visited ,
.current a:active {text-decoration: none;	color: #ffffff;}
.current a:hover {text-decoration: none; color: #ffffff;}

.selected a:link ,
.selected a:visited ,
.selected a:active {text-decoration: none;	color: #ffffff;}
.selected a:hover {text-decoration: none; color: #ffffff;}






/* homepage specific nav */

#hp_nav
{

	margin-bottom:10px;
}

#hp_nav .inner_box
{
	height:170px;
}

/* rhw hidden home page detail divs */



#pricing_detail, 
#service_detail, 
#advanced_detail, 
#login_detail, 
#howto_detail, 
#about_detail, 
#contact_detail 	{
display:block;
display:none;
margin-left:50px;

}

#tag1,#tag2,#tag3
{
display:none;
position:absolute;
}




/* advertisement */

#hp_advert
{

  height:286px;
  width:920px;
  background:url(/images/jenna_smaller.jpg) 100% 100% no-repeat;
}

/*
#hp_advert .inner_box
{
	height:250px;
}

#hp_advert h1
{
	font-size:26pt;
	color:#ffffff;
}

*/
/* home page info */


#hp_info
{
	margin-bottom:2px;
	background:#ffffff;
}

#hp_info .inner_box
{
	height:250px;
}

td.info_text
{
	padding:10px;
}

#hp_info td
{
	vertical-align:top;
	width:33%;
	padding-left:20px;
	padding-right:20px;
}



#hp_info h1
{
	margin-top:0px;
	font-size:14pt;
	font-weight:normal;
	color:#000000;
}

#hp_info p
{
	font-size:12px;
		color:#000000;

}

#hp .smalltext {
	color:#000000;
	font-size: 10px;
	}



#hp_info .bullet1 li
{
padding-left: 15px;
background-image: url(/images/arrow.gif);
background-repeat: no-repeat;
background-position: 0 2px;
font-size:12px;
margin-bottom:5px;
}



#hp_info strong
{
	color:#cc0000;
}





#apply
{
   margin-left:auto;
   margin-right:auto;
   padding:0px;
}







.form_text{
	color:#ffffff;
	font-size:10px;
}

.smalltext
{
	font-size:10px;
	font-weight: normal;
}




/* corners and boxes */

.bl_nav {background:url(/images/corners/bl_black.gif) 0 100% no-repeat;}
.br_nav {background:url(/images/corners/br_black.gif) 100% 100% no-repeat}
.tl_nav {background:url(/images/corners/tl_black.gif) 0 0 no-repeat}
.tr_nav {background:url(/images/corners/tr_black.gif) 100% 0 no-repeat; padding:10px}

.t_nav {background:url(/images/corners/black_dot.gif) 0 0 repeat-x; }
.b_nav {background:url(/images/corners/black_dot.gif) 0 100% repeat-x}
.l_nav {background:url(/images/corners/black_dot.gif) 0 0 repeat-y}
.r_nav {background:url(/images/corners/black_dot.gif) 100% 0 repeat-y}

/*orange bg advert*/
.bl_advert {background:url(/images/corners/bl_orange.gif) 0 100% no-repeat; }
.br_advert {background:url(/images/corners/br_orange.gif) 100% 100% no-repeat}
.tl_advert {background:url(/images/corners/tl_orange.gif) 0 0 no-repeat}
.tr_advert {background:url(/images/corners/tr_orange.gif) 100% 0 no-repeat; padding:10px}

.t_advert {background:url(/images/corners/orange_dot.gif) 0 0 repeat-x; }
.b_advert {background:url(/images/corners/orange_dot.gif) 0 100% repeat-x}
.l_advert {background:url(/images/corners/orange_dot.gif) 0 0 repeat-y}
.r_advert {background:url(/images/corners/orange_dot.gif) 100% 0 repeat-y}


/*orange pullout white bg*/
.bl_pullout {background:url(/images/corners/bl_orangew.gif) 0 100% no-repeat; }
.br_pullout {background:url(/images/corners/br_orangew.gif) 100% 100% no-repeat}
.tl_pullout {background:url(/images/corners/tl_orangew.gif) 0 0 no-repeat}
.tr_pullout {background:url(/images/corners/tr_orangew.gif) 100% 0 no-repeat; padding:10px}

.t_pullout {background:url(/images/corners/orange_dot.gif) 0 0 repeat-x; }
.b_pullout {background:url(/images/corners/orange_dot.gif) 0 100% repeat-x}
.l_pullout {background:url(/images/corners/orange_dot.gif) 0 0 repeat-y}
.r_pullout {background:url(/images/corners/orange_dot.gif) 100% 0 repeat-y}


/*info box homepage*/
.bl_info {background:url(/images/corners/bl_lin_gray.gif) 0 100% no-repeat; }
.br_info {background:url(/images/corners/br_lin_gray.gif) 100% 100% no-repeat}
.tl_info {background:url(/images/corners/tl_lin_gray.gif) 0 0 no-repeat}
.tr_info {background:url(/images/corners/tr_lin_gray.gif) 100% 0 no-repeat; padding:10px}

.t_info {background:url(/images/corners/gray_dot.gif) 0 0 repeat-x; }
.b_info {background:url(/images/corners/gray_dot.gif) 0 100% repeat-x}
.l_info {background:url(/images/corners/gray_dot.gif) 0 0 repeat-y}
.r_info {background:url(/images/corners/gray_dot.gif) 100% 0 repeat-y}



/* grey highlight boxes*/
.bl_highlight {background:url(/images/corners/bl_highlight.gif) 0 100% no-repeat; }
.br_highlight {background:url(/images/corners/br_highlight.gif) 100% 100% no-repeat}
.tl_highlight {background:url(/images/corners/tl_highlight.gif) 0 0 no-repeat}
.tr_highlight {background:url(/images/corners/tr_highlight.gif) 100% 0 no-repeat; padding:10px}

.t_highlight {background:url(/images/corners/highlight_dot.gif) 0 0 repeat-x; }
.b_highlight {background:url(/images/corners/highlight_dot.gif) 0 100% repeat-x}
.l_highlight {background:url(/images/corners/highlight_dot.gif) 0 0 repeat-y}
.r_highlight {background:url(/images/corners/highlight_dot.gif) 100% 0 repeat-y}


/* simple grey border boxes*/
.bl_greyline {background:url(/images/corners/bl_greyline.gif) 0 100% no-repeat; }
.br_greyline {background:url(/images/corners/br_greyline.gif) 100% 100% no-repeat}
.tl_greyline {background:url(/images/corners/tl_greyline.gif) 0 0 no-repeat}
.tr_greyline {background:url(/images/corners/tr_greyline.gif) 100% 0 no-repeat; padding:10px}

.t_greyline {background:url(/images/corners/highlight_dot.gif) 0 0 repeat-x; }
.b_greyline {background:url(/images/corners/highlight_dot.gif) 0 100% repeat-x}
.l_greyline {background:url(/images/corners/highlight_dot.gif) 0 0 repeat-y}
.r_greyline {background:url(/images/corners/highlight_dot.gif) 100% 0 repeat-y}

/* copyright grdadients*/


.tl_copy {background:url(/images/corners/tl_grad.gif) 0 0 no-repeat;}
.tr_copy {background:url(/images/corners/tr_grad.gif) 100% 0 no-repeat; padding:10px;}

.t_copy {background:url(/images/corners/t_grad.gif) 0 0 repeat-x; }
.b_copy {background:url(/images/corners/gray_dot.gif) 0 100% repeat-x;}
.l_copy {background:url(/images/corners/gray_dot.gif) 0 0 repeat-y;}
.r_copy {background:url(/images/corners/gray_dot.gif) 100% 0 repeat-y;}


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

/* Content Tags*/

/* content specific nav*/
#con_nav
{
	margin-bottom:10px;
}



#con_nav .inner_box
{
	height:85px;
}


.highlight
{
background:#e9e9e9;
width:300px;
}

.greyline{
width:300px;
}


.pullout 
{
float:right;
background:#f96636;
width:300px;
margin:25px;
}



.pullout h1,h2
{
color:#ffffff;
text-align:center;
padding:0px;
margin:0px;
padding-bottom:5px;

}


.pullout .box_detail
{
padding:10px;
background:#ffffff;
}

.pullout .box_detail h1,h2,h3
{
color:#000000;
text-align:left;
margin-top:5px;
}



/*black bg navs*/


/*info box homepage*/
.bl_content {background:url(/images/corners/bl_lin2_gray.gif) 0 100% no-repeat; }
.br_content {background:url(/images/corners/br_lin2_gray.gif) 100% 100% no-repeat}
.tl_content {background:url(/images/corners/tl_lin2_gray.gif) 0 0 no-repeat}
.tr_content {background:url(/images/corners/tr_lin2_gray.gif) 100% 0 no-repeat; padding:10px}

.t_content {background:url(/images/corners/gray_dot.gif) 0 0 repeat-x; }
.b_content {background:url(/images/corners/gray_dot.gif) 0 100% repeat-x}
.l_content {background:url(/images/corners/gray_dot.gif) 0 0 repeat-y}
.r_content {background:url(/images/corners/gray_dot.gif) 100% 0 repeat-y}



.filesize
{
  font-size:10px;
  
}

.code p, .code
{
font-family:"Courier New", Courier, monospace;
}
.code
{

width:300px;
font-size:10pt;
background:#e0e0e0;
padding:20px;
color:#000066;
border:1px solid #000066;
margin:10px;
}


.code_example
{
width:300px;
padding:20px;
border:1px solid #000066;
margin:10px;
}







/* set the image to use and establish the lower-right position */ 
.box1, .box1_body, .box1_head, .box1_head h2 
{ background: transparent url(/images/obox.png) no-repeat bottom right; } 


.box1 h2
{
color:#ffffff;
}

.box1 { width: 335px !important; /* intended total box width - padding-right(next) */ 
width: 320px; /* IE Win = width - padding */ 
padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 

margin: 0px auto; /* use to position the box */ 

} /* set the top-right image */ 

.box1_head { background-position: top right; 
	margin-right: -15px; /* pull the right image over on top of border */ 
	padding-right: 40px; /* right-image-gap + right-inside padding */ } /* set the top-left image */ 
.box1_head h2 { background-position: top left; margin: 0; /* reset main site styles*/ 
		border: 0; /* ditto */
		 padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
		 height: auto !important; height: 1%; /* IE Holly Hack */ } /* set the lower-left corner image */ 
.box1_body { 

  	    background-position: bottom left; 
		margin-right: 25px; /* interior-padding right */ 
		padding: 15px 0 15px 40px; /* mirror .box1_head right/left */ 
		} 


.box1_body, .box1_body p, .box1_body li { 
font-size:12px;
}

/* Box 2 style, simple bordered grey box with round corners */


.box2, .box2_body, .box2_head, .box2_head h2 
{ background: transparent url(/images/greybox.png) no-repeat bottom right; } 


.box2 h2
{
color:#cc0000;
}

.box2 { width: 335px !important; /* intended total box width - padding-right(next) */ 
width: 320px; /* IE Win = width - padding */ 
padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 

margin: 0px; /* use to position the box */ 

} /* set the top-right image */ 

.box2_head { background-position: top right; 
	margin-right: -15px; /* pull the right image over on top of border */ 
	padding-right: 40px; /* right-image-gap + right-inside padding */ } /* set the top-left image */ 
.box2_head h2 { background-position: top left; margin: 0; /* reset main site styles*/ 
		border: 0; /* ditto */
		 padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
		 height: auto !important; height: 1%; /* IE Holly Hack */ } /* set the lower-left corner image */ 
.box2_body { 

  	    background-position: bottom left; 
		margin-right: 25px; /* interior-padding right */ 
		padding: 15px 0 15px 40px; /* mirror .box2_head right/left */ 
		} 

.box2_body, .box2_body p, .box2_body li { 
font-size:12px;
}




.box3, .box3_body, .box3_head, .box3_head h2 
{ background: transparent url(/images/obox.png) no-repeat bottom right; } 


.box3 h2
{
color:#ffffff;
}

.box3 { width: 235px !important; /* intended total box width - padding-right(next) */ 
width: 220px; /* IE Win = width - padding */ 
padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
margin: 0px auto; /* use to position the box */ 

} /* set the top-right image */ 

.box3_head { background-position: top right; 
	margin-right: -15px; /* pull the right image over on top of border */ 
	padding-right: 40px; /* right-image-gap + right-inside padding */ } /* set the top-left image */ 
.box3_head h2 { background-position: top left; margin: 0; /* reset main site styles*/ 
		border: 0; /* ditto */
		 padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
		 height: auto !important; height: 1%; /* IE Holly Hack */ } /* set the lower-left corner image */ 
.box3_body { 

  	    background-position: bottom left; 
		margin-right: 25px; /* interior-padding right */ 
		padding: 15px 0 15px 40px; /* mirror .box3_head right/left */ 
		} 


.box3_body, .box3_body p, .box3_body li { 
font-size:12px;
}


.box4, .box4_body, .box4_head, .box4_head h2 
{ background: transparent url(/images/box4.png) no-repeat bottom right; } 


.box4 h2
{
color:#ffffff;
}


.box4 { width: 235px !important; /* intended total box width - padding-right(next) */ 
width: 220px; /* IE Win = width - padding */ 
padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
margin: 0px auto; /* use to position the box */ 

} /* set the top-right image */ 

.box4_head { background-position: top right; 
	margin-right: -15px; /* pull the right image over on top of border */ 
	padding-right: 40px; /* right-image-gap + right-inside padding */ } /* set the top-left image */ 
.box4_head h2 { background-position: top left; margin: 0; /* reset main site styles*/ 
		border: 0; /* ditto */
		 padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
		 height: auto !important; height: 1%; /* IE Holly Hack */ } /* set the lower-left corner image */ 
.box4_body { 

  	    background-position: bottom left; 
		margin-right: 25px; /* interior-padding right */ 
		padding: 15px 0 15px 40px; /* mirror .box3_head right/left */ 
		} 


.box4_body, .box4_body p, .box4_body li { 
font-size:12px;
}



/*
*/