/* global configurations */

html {
	overflow-y: scroll;
    scrollbar-base-color: #C2D3FC;
    scrollbar-arrow-color: #003E62;
}


. a {
	color: #0000FF;
	text-decoration: underline;
}

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

.dropcap { 
	float: left; 
	color: #000000; 
	font-size: 40px;
	line-height: 30px; 
	padding-top: 2px; 
	font-family: Arial, Helvetica;
}

div#header {
    position: relative;
    width: 998px;
    overflow: hidden;
    background-color: #ffffff;
    border: 0px;
	margin: 0px;	
	margin-top: 10px;	
	padding: 0px;	
	padding-bottom: 0px;		
}

span#getting_started {
	display: block;
	position: relative; 
	vertical-align: text-bottom;
	float: left;
	width: 310px;
	margin: 0px;		
	padding: 0px;	
	border: 1px dotted #737373;
}

span#header_left {
	display: block; 
	position: relative; 	
	vertical-align: text-bottom;
	float: left;
	width: 723px;
	margin: 0px;		
	padding: 0px;	
}

span#header_content {
	display: block; 
	position: relative; 	
	vertical-align: top;
	float: right;
	width: 275px;
	margin: 0px;		
	padding: 0px;	
    text-align: right;
	font-family: Arial, Helvetica;
	color: #4B4B4B;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	line-height: 17px;	
}

#header_content_uk {
	display: inline-block; 
	vertical-align: text-bottom;
	float: right;
	width: 240px;	
    margin: 0px;
    border: 1px;	
    text-align: right;
	vertical-align: bottom;
	font-family: Arial, Helvetica;
	color: #4B4B4B;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	line-height: 17px;	
}

.header_email {
	position: relative;
	width: 175px;
	height: 25px;		
    margin-bottom: 2px;
	padding-bottom: 2px;
	border-bottom: 1px solid #BEBDAC;
}

span#header_content a {
	color: #0000FF;
	font-weight: normal;
	text-decoration: none;
}

span#header_content a:hover {
	color: #000000;
	text-decoration: none;
}

.proto_na {
	font-family: Arial, Helvetica;
	color: #4B4B4B;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	line-height: 17px;	
}

.footer {
    margin: 0px;
	font-family: Arial, Helvetica;
	color: #737373;
	text-decoration: none;
	font-size: 12px;
	font-weight: regular;
	text-align: center;
}

.footer a {
	color: #737373;
	text-decoration: none;
}

.footer a:hover {
	color: #000000;
	text-decoration: underline;
}

.intro {
    align: center;
	vertical-align: top;
    width: 100%x;
    overflow: hidden;
    background-color: #ffffff;
    border: 0px;
	margin: 0px;		
	padding: 0px;	
}

/* Begin Protocase Tier II Tab Style */
 
ul#tabnav { /* general settings */
	text-align: left; /* set to left, right or center */
	margin-top: 0px; /* set margins as desired */	
	margin-left: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	font: bold 13px arial, verdana, sans-serif; /* set font as desired */
	border-bottom: 1px solid #BEBDAC; /* set border COLOR as desired */
	list-style-type: none;
	padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
	background-color: #EEEEEE; 	
}
 
ul#tabnav li { /* do not change */
	display: inline;
}
 
body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 body#tab5 li.tab5, body#tab6 li.tab6, body#tab7 li.tab7, body#tab8 li.tab8, body#tab9 li.tab9  { /* settings for selected tab */
	border-bottom: 1px solid #ffffff; /* set border color to page background color */
	background-color: #ffffff; /* set background color to match above border color */
}
 
body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a, body#tab5 li.tab5 a, body#tab6 li.tab6 a, body#tab7 li.tab7 a, body#tab8 li.tab8 a, body#tab9 li.tab9 a { /* settings for selected tab link */
	background-color: #ffffff; /* set selected tab background color as desired */
	color: #000000; /* set selected tab link color as desired */
	position: relative;
	top: 1px;
	padding-top: 3px; /* change with respect to padding (X) above and below */
}
 
ul#tabnav li a { /* settings for all tab links */
	padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
	border: 1px solid #BEBDAC; /* set border COLOR as desired; usually matches border color specified in #tabnav */
	background-color: #568E75; /* set unselected tab background color as desired */
	color: #ffffff; /* set unselected tab link color as desired */
	padding-top: 1px; /* change with respect to padding (X) above and below */
	margin-right: 0px; 	
	margin-left: 0px; 		
	text-decoration: none;
	border-bottom: none;

}
 
ul#tabnav a:hover { /* settings for hover effect */
	background: #ffffff; /* set desired hover color */
	color: #0000FF;
	text-decoration: underline;
}
 
/* End Protocase Tier II Tab Style */

/* Start Tier III Nav Style */

.download_button   {  background-color:#B5CDE6;  border-bottom:1px solid #3E6D8E;  border-right:1px solid #7F9FB6;  color:#3E6D8E;  font-size:90%;  line-height:2.2;  margin:2px 2px 2px 0;  padding:3px 4px;  white-space:nowrap;  }

.menu_level_static  { font-weight: bold; font-size:12px; padding:3px 6px; background-color:#B3CBE5; border-bottom:1px solid #FFFFFF; color: #282D33;}

.menu_level_0  {  padding:3px 6px;  background-color: #B3CBE5;  border-bottom:1px solid #FFFFFF;  }
.menu_level_0_selected  {  padding:3px 6px;  background-color: #055AB3;  border-bottom:1px solid #FFFFFF;  }
.menu_level_0:hover  {  background-color:#779DBF;  }

.menu_level_1  {  text-indent: 15px; padding:3px 6px;  background-color:#B3CBE5;  border-bottom:1px solid #FFFFFF;  color: #282D33;  }
.menu_level_1_selected  {  padding:3px 6px;  background-color:#3B7EBF;  border-bottom:1px solid #FFFFFF;  }
.menu_level_1:hover  {  background-color:#779DBF;  }
.menu_level_1_links  {  color: #FFF;  text-decoration:none;  }

.menu_level_2  {  padding:3px 15px;  background-color:#3E88D7;  border-bottom:1px solid #FFFFFF;  }
.menu_level_2_selected  {  padding:3px 15px;  background-color:#6D8EAF;  border-bottom:1px solid #FFFFFF;  }
.menu_level_2:hover  {  background-color:#99A4AF;  }

.menu_item  { color: #ffffff; text-decoration:none; font-weight: bold;  }
.menu_item  a { color: #FFFFFF; text-decoration:underline; font-weight: bold;  }

.tag_cloud  {  margin: 10px; text-decoration: none; font-family: verdana; }
			
/* End Tier III Nav Style */

.tab_box {
    position: relative;
	display: block;
    width: 1000px;
    overflow: hidden;
    background-color: #EEEEEE;
	margin-top: 10px;	
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-indent: 5px;
	padding: 0px;	
}


#splash_enclosure {
    position: relative;
	display: block;
	float: right;
    overflow: hidden;
    background-color: #ffffff;
    border: 0px;
    border-width: 0px;
	margin: 0px;		
	padding: 0px;	
}

.preamble_box {
    position: relative;
	float: left;	
    width: 997px;
    max-width: 997px;
    min-width: 997px;
    overflow: hidden;
    background-color: #EEEEEE;
    border-left: 1px solid #BEBDAC;
    border-top: 0px;
    border-bottom: 0px;
    border-right: 1px solid #BEBDAC;
    border-width: 1px;
	margin: 0px;		
	padding: 0px;	
	padding-top: 10px;
}

#splash_box {
    position: relative;
	float: left;
    width: 997px;
    max-width: 997px;
    min-width: 997px;
    overflow: hidden;
    background-color: #FFFFFF;
    border-left: 1px solid #BEBDAC;
    border-top: 0px;
    border-bottom: 1px solid #BEBDAC;
    border-right: 1px solid #BEBDAC;
    border-width: 1px;
	margin: 0px;		
	padding: 0px;	
	padding-top: 10px;
	padding-left: 0px;
	padding-bottom: 5px;
}
.preamble_box_nosubmenu {
    position: relative;
	display: block;
	float: left;	
    width: 997px;
    max-width: 997px;
    min-width: 997px;
    overflow: hidden;
    background-color: #EEEEEE;
    border-left: 1px solid #BEBDAC;
    border-top: 0px;
    border-bottom: 1px solid #BEBDAC;
    border-right: 1px solid #BEBDAC;
    border-width: 1px;
	margin: 0px;		
	padding: 0px;	
	padding-top: 10px;
}

.preamble_box_nosubmenu_order {
    position: relative;
	display: block;
	float: left;		
    width: 987px;
    overflow: hidden;
    background-color: #EEEEEE;
    border-left: 1px solid #BEBDAC;
    border-top: 0px;
    border-bottom: 1px solid #BEBDAC;
    border-right: 1px solid #BEBDAC;
    border-width: 1px;
	margin: 0px;		
	padding: 0px;	
	padding-top: 10px;
	padding-right: 12px;	
}

#preamble_header_img {
    position: relative;
	display: block;
	float: right;
    overflow: hidden;
    background-color: #ffffff;
    border-left: 1px solid #BEBDAC;
    border-bottom: 1px solid #BEBDAC;
    border-top: 1px solid #BEBDAC;	
    border-width: 1px;
	margin: 0px;		
	padding: 0px;	
}

#preamble_header_img_products {
    position: relative;
	display: block;
	float: right;
    overflow: hidden;
    background-color: #ffffff;
    border-left: 1px solid #BEBDAC;
    border-bottom: 0px solid #BEBDAC;
    border-top: 0px solid #0BEBDAC;	
    border-width: 0px;
	margin: 0px;		
	padding: 0px;	
}

#prod_img {
    position: relative;
	display: block;
	float: right;
    overflow: hidden;
    background-color: #ffffff;
    border-width: 0px;
	margin: 0px;		
	padding: 5px;	
}

#lrg_icon {
	display: block;
	float: left;
	width: 48px;
    height: 48px;
}

.lrg_icon {
    padding: 0px;
    margin: 5px;
	margin-bottom: 30px;	
}

.preamble_title {
	padding-top: 0px;	
	padding-left: 10px;
	padding-right: 0px;
	padding-bottom: 0px;	
    margin: 0px;	
    text-align: left;
	font-family: Arial, Helvetica;
	color: #000000;
	text-decoration: none;
	font-size: 24px;
	font-weight: bold;
}
	
.preamble_title_order {
	padding-top: 20px;	
	padding-left: 35px;
	padding-right: 0px;
	padding-bottom: 0px;	
    margin: 0px;	
    text-align: left;
	font-family: Arial, Helvetica;
	color: #000000;
	text-decoration: none;
	font-size: 24px;
	font-weight: bold;
}		

.preamble_title_contact {
	padding-top: 25px;	
	padding-left: 10px;
	padding-right: 0px;
	padding-bottom: 0px;	
    margin: 0px;	
    text-align: center;
	font-family: Arial, Helvetica;
	color: #000000;
	text-decoration: none;
	font-size: 48px;
	font-weight: bold;
}	
	
.preamble_message {
	padding-top: 5px;	
	padding-left: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
    margin: 0px;	
    text-align: left;
	font-family: Arial, Helvetica;
	color: #000000;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
}
	
.preamble_message_order {
	padding-top: 5px;	
	padding-left: 35px;
	padding-right: 0px;
	padding-bottom: 0px;
    margin: 0px;	
    text-align: left;
	font-family: Arial, Helvetica;
	color: #000000;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
}

form {
    display: inline;
}

body {
	text-align: center;
    font-family: Arial, Helvetica;
    background-color: #ffffff;
    margin: 0px;
}

/* commonly used classes */



/* main menu */

.menu {
    float: left;
    display: block;
	background-color: #ffffff;
    background-repeat: repeat-x;
    width: 998px;
    height: 30px;
    overflow: hidden;
    text-align: center;
	align: center;
    min-width: 998px;
    max-width: 998px;
	padding: 0px;
    margin: 0px;
    margin-bottom: 0px;	
}

.menu1
{
    float: left;
    display: block;
    background: url(http://www.protocase.com/images/menu/menu_home.gif) top left no-repeat;
    margin: 0px;
    width: 94px;
    height: 30px;
    overflow: hidden;
}

.menu1 a
{
    display: block;
    background: url(http://www.protocase.com/images/menu/menu_home.gif) top left no-repeat;
    overflow: hidden;
}

.menu1 a:hover
{
    background-position: 0px -30px;
}

.menu2
{
    float: left;
    display: block;
    background: url(http://www.protocase.com/images/menu/menu_about.gif) top left no-repeat;
    margin: 0px;
    padding: 0px;
    width: 127px;
    height: 30px;
    overflow: hidden;
}

.menu2 a
{
    display: block;
    background: url(http://www.protocase.com/images/menu/menu_about.gif) top left no-repeat;
    overflow: hidden;
}

.menu2 a:hover
{
    background-position: 0px -30px;
}

.menu3
{
    float: left;
    display: block;
    background: url(http://www.protocase.com/images/menu/menu_prodserv.gif) top left no-repeat;
    margin: 0px;
    padding: 0px;
    width: 194px;
    height: 30px;
    overflow: hidden;
}

.menu3 a
{
    display: block;
    background: url(http://www.protocase.com/images/menu/menu_prodserv.gif) top left no-repeat;
    overflow: hidden;
}

.menu3 a:hover
{
    background-position: 0px -30px;
}

.menu4
{
    float: left;
    display: block;
    background: url(http://www.protocase.com/images/menu/menu_design.gif) top left no-repeat;
    margin: 0px;
    padding: 0px;
    width: 110px;
    height: 30px;
    overflow: hidden;
}

.menu4 a
{
    display: block;
    background: url(http://www.protocase.com/images/menu/menu_design.gif) top left no-repeat;
    overflow: hidden;
}

.menu4 a:hover
{
    background-position: 0px -30px;
}

.menu5
{
    float: left;
    display: block;
    background: url(http://www.protocase.com/images/menu/menu_price.gif) top left no-repeat;
    margin: 0px;
    padding: 0px;
    width: 97px;
    height: 30px;
    overflow: hidden;
}

.menu5 a
{
    display: block;
    background: url(http://www.protocase.com/images/menu/menu_price.gif) top left no-repeat;
    overflow: hidden;
}

.menu5 a:hover
{
    background-position: 0px -30px;
}

.menu6
{
    float: left;
    display: block;
    background: url(http://www.protocase.com/images/menu/menu_order.gif) top left no-repeat;
    margin: 0px;
    padding: 0px;
    width: 105px;
    height: 30px;
    overflow: hidden;
}

.menu6 a
{
    display: block;
    background: url(http://www.protocase.com/images/menu/menu_order.gif) top left no-repeat;
    overflow: hidden;
}

.menu6 a:hover
{
    background-position: 0px -30px;
}

.menu7
{
    float: left;
    display: block;
    background: url(http://www.protocase.com/images/menu/menu_resources.gif) top left no-repeat;
    margin: 0px;
    padding: 0px;
    width: 134px;
    height: 30px;
    overflow: hidden;
}

.menu7 a
{
    display: block;
    background: url(http://www.protocase.com/images/menu/menu_resources.gif) top left no-repeat;
    overflow: hidden;
}

.menu7 a:hover
{
    background-position: 0px -30px;
}

.menu8
{
    float: left;
    display: block;
    background: url(http://www.protocase.com/images/menu/menu_contact.gif) top left no-repeat;
    margin: 0px;
    padding: 0px;
    width: 137px;
    height: 30px;
    overflow: hidden;
}

.menu8 a
{
    display: block;
    background: url(http://www.protocase.com/images/menu/menu_contact.gif) top left no-repeat;
    overflow: hidden;
}

.menu8 a:hover {
    background-position: 0px -30px;
}


div#centre_site	{
	margin: 0px auto;
	width: 998px;
	padding: 0px;
	background-color: #ffffff;
	text-align: left;
}


.main_content {
	position: relative;
	text-align: left;
	width: 998px;
	font-family: arial, helvetica;
	color: #000000;
	font-size: 12px;
	line-height: 18px;	
	text-decoration: none;
	font-weight: normal;
    padding: 0px;
	margin: 0px;
}

.main_content a {
	color: #0000FF;
	text-decoration: underline;
}

.main_content a:hover {
	color: #000000;
	text-decoration: underline;
}

.split_column_mktng_content {
	position: relative;
	text-align: left;
	width: 698px;
	font-family: arial, helvetica;
	color: #000000;
	font-size: 12px;
	line-height: 18px;	
	text-decoration: none;
	font-weight: normal;
    padding: 0px;
	margin: 0px;
}

.split_column_mktng_content_hilite {
	position: relative;
	text-align: left;
	font-family: arial, helvetica;
	color: #000000;
	font-size: 12px;
	line-height: 18px;	
	text-decoration: none;
	font-weight: bold;
    padding: 0px;
	margin: 0px;
}

#fillspace {
	width: 978px;
	max-width: 978px;
	min-width: 978px;
    padding: 0px;
	margin: 0px;
}	

.split_column_main_content {
	position: relative;
	text-align: left;
	width: 698px;
	font-family: arial, helvetica;
	color: #000000;
	font-size: 12px;
	line-height: 18px;	
	text-decoration: none;
	font-weight: normal;
    padding: 0px;
	margin: 0px;
}

.split_column_main_content a {
	color: #0000FF;
	text-decoration: underline;
}

.split_column_main_content a:hover {
	color: #000000;
	text-decoration: underline;
}

.main_content_indent {
	position: relative;
	text-align: left;
	font-family: arial, helvetica;
	color: #000000;
	font-size: 12px;
	line-height: 20px;	
	text-decoration: none;
	font-weight: normal;
    padding: 0px;
	margin: 0px;
	padding-left: 45px;	
}

.main_content_indent a {
	color: #0000FF;
	text-decoration: underline;
}

.main_content_indent a:hover {
	color: #000000;
	text-decoration: underline;
}

#split_column_main_content_indent {
	position: relative;
	text-align: left;
	width: 615px;
	font-family: arial, helvetica;
	color: #000000;
	font-size: 12px;
	line-height: 20px;	
	text-decoration: none;
	font-weight: normal;
    padding: 0px;
	margin: 0px;
	text-indent: 50px;	
}

#ul_no_indent {
	margin-left: 10px; 
	padding-left: 10px;
}

.large_title {
	text-align: left;
	font-family: arial, helvetica;
	color: #000000;
	background: transparent;	
	font-size: 24px;
	line-height: 24px;
	text-decoration: none;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	margin-top: 10px;	
}

.content_box_title {
	text-align: left;	
	font-family: arial, helvetica;
	color: #000000;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
    padding: 0px;
	margin: 0px;
	margin-top: 10px;	
}

.strong_title {
	text-align: left;	
	font-family: arial, helvetica;
	color: #000000;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
    padding: 0px;
	margin: 0px;
	margin-top: 10px;	
}

.intro_box {
    position: relative;
	display: block;
	float: left;
    width: 135px;
	background-color: transparent;	
	font-family: arial, helvetica;
	color: #000000;
	font-size: 11px;
	line-height: 15px;	
	text-decoration: none;
	font-weight: normal;
	padding-right: 0px;	
	padding-left: 0px;			
	margin-top: 5px;		
    margin-bottom: 10px;	
	margin-left: 5px;		
	margin-right: 35px;		
}


.intro_box a {
	color: #000000;
	text-decoration: none;
}

.intro_box a:hover {
	color: #0000ff;
	text-decoration: underline;
}

.quicktour_box {
    position: relative;
	display: block;
	float: left;
    width: 230px;
	background-color: transparent;
	font-family: arial, helvetica;
	color: #000000;
	font-size: 11px;
	line-height: 15px;	
	text-decoration: none;
	font-weight: normal;		
	padding-top: 5px;		
	padding-right: 0px;	
	padding-left: 10px;		
	margin-right: 0px;	
	margin-top: 5px;
	margin-bottom: 5px;		
}

.quicktour_box a {
	color: #0000FF;
	text-decoration: none;
}

.quicktour_box a:hover {
	color: #000000;
	text-decoration: underline;
}

.intro_box2 {
    position: relative;
	align: left;
	text-align: left;
	float: left;
    width: 115px;
    max-width: 115px;
    min-width: 115px;
	background: transparent;	
	font-family: arial, helvetica;
	color: #000000;
	font-size: 12px;
	line-height: 15px;	
	text-decoration: none;
	font-weight: normal;
	margin: 0px;				
    padding-bottom: 20px;		
	margin-right: 10px;		
}

.intro_box_wide {
    position: relative;
	float: left;
    width: 305px;
    max-width: 305px;
    min-width: 305px;
	background: transparent;
	font-family: arial, helvetica;
	color: #000000;
	font-size: 11px;
	line-height: 15px;	
	text-decoration: none;
	font-weight: normal;
	margin-top: 5px;		
    margin-bottom: 10px;	
	margin-left: 5px;		
	margin-right: 35px;		
}

.intro_box_strong_title {
	font-family: arial, helvetica;
	color: #0000FF;
	font-size: 11px;
	line-height: 15px;	
	text-decoration: none;
	font-weight: bold;
    margin-bottom: 10px;		
}

.content_box {
    position: relative;
    width: 100%;
    background-color: #EEEEEE;
    border: 0px;
    border-width: 1px;		
	padding-top: 5 px;		
	padding-bottom: 5 px;		
	padding-left: 5 px;		
	padding-right: 5 px;					
    margin-top: 10px;		
    margin-bottom: 10px;		
    margin-left: 0px;		
    margin-right: 10px;				
}

.design_box {
    position: relative;
    width: 100%;
	height: 170px;
    background-color: #EEEEEE;
    border: 0px;
    border-width: 1px;
	margin: 0 px;			
	padding-top: 5 px;		
	padding-bottom: 5 px;		
	padding-left: 5 px;		
	padding-right: 5 px;					
    margin-bottom: 10px;		
}

.white_divide {
    position: relative;
	display: block;
	float: left;
    width: 10px;
	background-color: transparent;
}

.quicktour_box2 {
    position: relative;
	display: block;
	float: left;
    width: 745px;
	height: 75px;
	background-color: #FFFFFF;
    border: 0px;
    border-width: 1px;			
	padding-top: 25 px;		
    left: 20px;
	padding-left: 5px;	
	padding-right: 5px;
	margin-top: 25 px;
	margin-bottom: 5px;		
}

.content_box_support {
    position: relative;
    width: 650px;
    max-width: 650px;
    min-width: 650px;
    background-color: #EEEEEE;
    border: 0px;
    border-width: 1px;
	margin: 0 px;			
	padding: 5 px;		
    margin-bottom: 10px;		
}

.twocolumn_content_box {
    position: relative;
    width: 660px;
    max-width: 660px;
    min-width: 660px;
    background-color: #EEEEEE;
    border: 0px;
    border-width: 1px;
	margin: 0 px;			
	padding: 5 px;		
    margin-bottom: 10px;		
}

#quicklink_box {
    position: relative;
	display: block; 
	text-align: center;
    width: 987px;
	height: 35px;
    background: url(images/quicklinks_bar.gif) top left no-repeat;
	margin: 0 px;	
	margin-left: 5px; 		
	padding: 0 px;		
	padding-top: 5px;	
	padding-bottom: 0px;
    margin-bottom: 0px;		
}

#form_column_images {
	align: left;
	text-align: left;
	vertical-align: top;
	padding: 5px;
	margin: 0px;
	width: 270px;
    max-width: 270px;
    min-width: 270px;		
}

.content_box_image {
	border: 1px solid #838383;
}

.form_content {
	position: relative;
	font-family: arial, helvetica;
	text-align: left;
	vertical-align: top;
	color: #000000;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
}

.form_content a {
	color: #0000FF;
	text-decoration: underline;
}

.form_content a:hover {
	color: #000000;
	text-decoration: underline;
}

#form_column_items {
	position: relative;
	align: right;
	vertical-align: top;	
	padding: 5px;
	margin: 5px;
}

.tg_form_item {
	position: relative;
	display: block;
	float: left;
	text-align: right;
	vertical-align: top;
	padding-right: 15px;
	margin: 0px;
	width: 150px;
    max-width: 150px;
    min-width: 150px;		
}

.thawte {
	position: relative;
	display: block;
	float: right;
	align: right;
}

.quicktour_column {
	position: relative;
	font-family: arial, helvetica;
	text-align: left;
	vertical-align: top;
	color: #000000;
	font-size: 12px;
	line-height: 16px;
	text-decoration: none;
	font-weight: normal;
	width: 480px;
	padding: 5px;
	padding-right: 5px;
	padding-left: 5px;
}

.quicktour_column a {
	color: #000000;
	text-decoration: none;
}

.quicktour_column a:hover {
	color: #0000ff;
	text-decoration: underline;
}

.form_items {
	position: relative;
	font-family: arial, helvetica;
	text-align: right;
	vertical-align: top;
	color: #000000;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	width: 220px;
    max-width: 220px;
    min-width: 220px;	
}

#form_column_boxes {
	position: relative;
	font-family: arial, helvetica;
	font-size: 12px;
	text-decoration: none;
	text-align: left;
	align: left;
	vertical-align: top;	
	padding: 5px;
	margin: 0px;
}

.form_boxes {
	position: relative;	
	font-family: arial, helvetica;
	color: #000000;
	align: left;
	text-align: left;
	vertical-align: top;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
	padding: 0px;
	width: 394px;
    max-width: 394px;
    min-width: 394px;	
}


.form_column_span {
	position: relative;	
	font-family: arial, helvetica;
	color: #000000;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	width: 100%;
	padding: 5px;
	margin: 0px;
}

.form_column_span a {
	color: #0000FF;
	text-decoration: underline;
}

.form_column_span a:hover {
	color: #000000;
	text-decoration: none;
}

.form_inputs {
	font-family: arial, helvetica;
	color: #000000;
	background-color: #EBF5FF;
	border: 1px solid #003E62;
	font-size: 11px;
	font-weight: normal;
	padding-left: 0px;
	margin: 0px;
}

.form_submit {
	font-family: arial, helvetica;
	align: center;
	color: #000000;
	background-color: #EBEBFF;
	border: 1px solid #003E62;
	font-size: 14px;
	font-weight: Bold;
	padding-left: 5px;
	margin: 0px;
}

.font_orange {
	color: #0000ff;
}

#menu div {
    margin-left: 4px;
}

#menu span {
    float: left;
    display: block;
    margin: 2px 2px 5px 0px;
    height: 22px;
    overflow: hidden;
}

#menu span a {
    display: block;
    margin: 0px;
    overflow: hidden;
    padding: 0px;
}

#menu span a:hover {
    background-position: 0px -22px;
}



.roll {
	color: #fe959a;
	font-family: arial, helvetica;
	text-decoration: none;
}

.roll:hover {
	color: #ffffcc;
	text-decoration: underline;
}

/*  3 column configuration */

#showcase_container{
width: 100%; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#showcase_wrapper{
float: left;
width: 100%;
}

#showcase_rightcolumn{
margin-left: 650px; /*Margin for content column. Should be (RightColumnWidth + LeftColumnWidth)*/
}

#showcase_leftcolumn{
float: left;
width: 325px; /*Width of left column in pixel*/
margin-left: -970px; /*Set left margin to -(MainContainerWidth)*/
background: #ffffff;
}

#showcase_centercolumn{
float: left;
width: 325px; /*Width of right column in pixels*/
margin-left: -645px; /*Set right margin to -(MainContainerWidth - LeftColumnWidth)*/
background: #ffffff;
}

.innertube{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 10px;
}

.order_innertube{
margin: -15px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 10px;
}

.order_innertube2{
margin: 20px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 10px;
}

.innertube_contact{
margin-left: -150px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 10px;
}

#overview_rightcolumn{
margin-left: 540px; /*Margin for content column. Should be (RightColumnWidth + LeftColumnWidth)*/
}

#overview_leftcolumn{
float: left;
width: 470px; /*Width of left column in pixel*/
margin-left: -998px; /*Set left margin to -(MainContainerWidth)*/
background: transparent;
}

#contact_leftcolumn{
float: left;
width: 470px; /*Width of left column in pixel*/
margin-left: -998px; /*Set left margin to -(MainContainerWidth)*/
background: transparent;
}

#oerview_centercolumn{
float: left;
width: 50px; /*Width of right column in pixels*/
margin-left: -538px; /*Set right margin to -(MainContainerWidth - LeftColumnWidth)*/
background: #ffffff;
}


#main_rightcolumn{
margin-left: 748px; /*Margin for content column. Should be (RightColumnWidth + LeftColumnWidth)*/
}

#order_rightcolumn{
margin-left: 748px; /*Margin for content column. Should be (RightColumnWidth + LeftColumnWidth)*/
}

#main_leftcolumn{
float: left;
width: 728px; /*Width of left column in pixel*/
margin-left: -998px; /*Set left margin to -(MainContainerWidth)*/
background: transparent;
}

#main_centercolumn{
float: left;
width: 20px; /*Width of right column in pixels*/
margin-left: -300px; /*Set right margin to -(MainContainerWidth - LeftColumnWidth)*/
background-color: transparent;
}

#mcf_rightcolumn{
margin-left: 190px; /*Margin for content column. Should be (RightColumnWidth + LeftColumnWidth)*/
}

#mcf_leftcolumn{
float: left;
width: 170px; /*Width of left column in pixel*/
height: auto;
margin-left: -998px; /*Set left margin to -(MainContainerWidth)*/
background: #FFFFFF;
}

#mcf_centercolumn{
float: left;
width: 20px; /*Width of right column in pixels*/
margin-left: -828px; /*Set right margin to -(MainContainerWidth - LeftColumnWidth)*/
background-color: #ffffff;
}

#new_leftcolumn{
float: left;
width: 170px; /*Width of left column in pixel*/
height: auto;
margin-left: -998px; /*Set left margin to -(MainContainerWidth)*/
}

.overview_box {
    position: relative;
	align: left;
    width: 445px;
    max-width: 445px;
    min-width: 445px;
	background-color: #EEEEEE;
    border: 0px;
    border-width: 1px;
	margin: 4 px;			
	padding: 5 px;		
    padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 5px;		
}

.tutorial_box {
    position: relative;
	align: left;
    width: 600px;
	height: 145px;
	background-color: #EEEEEE;
    border: 0px;
    border-width: 1px;
	margin: 4 px;			
	padding: 8 px;		
    padding-left: 8px;
	padding-right: 8px;
	margin-bottom: 5px;		
}

.tut_img {
	position: relative;
	display: inline-block;
	float: right;
	margin-left: 0px;
	margin-top: 0px;
	padding: 0px;
}

span#contact_location{
	position: relative;
	display: inline-block;
	float: left;
	margin-right: 40px;
	margin-top: 0px;
	padding: 0px;
}


.tut_link {
	position: relative;
	margin-left: 20px;
	margin-top: 10px;
}

.cad_box {
    position: relative;
	display: block;
	float: left;
	align: left;
    width: 260px;
    max-width: 260px;
    min-width: 260px;
	background-color: #FFFFFF;
    border: 0px;
    border-width: 1px;
	margin: 4 px;			
	padding: 8 px;		
    padding-left: 8px;
	padding-right: 8px;
}

#bullet_lrg_arrow {
	position: relative;
	width: 600px;
	height: 28px;
	background-image: url(images/icon_lrg_arrow.gif);
	background-repeat: no-repeat;
	background-position: left;	
    padding: 0px;
	margin: 0px;	
}


#bullet_lrg_arrow2 {
	position: relative;
	width: 600px;
	height: 28px;
	background-image: url(images/icon_lrg_arrow.gif);
	background-repeat: no-repeat;
	background-position: left;	
    margin-left: 15px;

}

#bullet_sml_arrow {
	position: relative;
	width: 600px;
	height: 26px;
	background-image: url(images/icon_sml_arrow.gif);
	background-repeat: no-repeat;
	background-position: left;	
    padding: 0px;
	margin: 0px;
}

#bullet_lrg_email {
	position: relative;
	width: 300px;
	height: 26px;
	background-image: url(images/icon_lrg_email.gif);
	background-repeat: no-repeat;
	background-position: left;	
    padding: 0px;
	margin: 0px;	
}

#bullet_lrg_phone {
	position: relative;
	width: 600px;
	height: 26px;
	background-image: url(images/icon_lrg_phone.gif);
	background-repeat: no-repeat;
	background-position: left;	
    padding: 0px;
	margin: 0px;	
}

#bullet_lrg_mail {
	position: relative;
	width: 600px;
	height: 26px;
	background-image: url(images/icon_lrg_mail.gif);
	background-repeat: no-repeat;
	background-position: left;	
    padding: 0px;
	margin: 0px;	
}


#bullet_lrg_test {
	position: relative;
	width: 410px;
	height: 26px;
	background-image: url(images/icon_lrg_test.gif);
	background-repeat: no-repeat;
	background-position: left;	
    padding: 0px;
	margin: 0px;	
}

#button_email {
	position: relative;
	width: 335px;
	height: 34px;
	background-image: url(images/button_email.gif);
	background-repeat: no-repeat;
	background-position: left;	
    padding: 0px;
    padding-left: 0px;	
    padding-top: 3px;		
	margin: 0px;	
	margin-left: 0px;	
}

#button_upload {
	position: relative;
	width: 335px;
	height: 34px;
	background-image: url(images/button_upload.gif);
	background-repeat: no-repeat;
	background-position: left;	
    padding: 0px;
    padding-left: 0px;	
    padding-top: 3px;		
	margin: 0px;	
	margin-left: 0px;	
}

#button_designer {
	position: relative;
	width: 410px;
	height: 40px;
	background-image: url(images/button_designer.gif);
	background-repeat: no-repeat;
	background-position: left;	
    padding: 0px;
    padding-left: 0px;	
    padding-top: 4px;		
	margin: 0px;	
	margin-left: 50px;	
}

#button_quicklink {
	padding-right: 10px;
	padding-left: 10px;	
	margin-right: 5px;	
	margin-left: 5px;		
}

#title_quicklink {
	position: relative;
	float: left;	
	display: block;
	overflow: hidden;
	width: 121px;
	height: 35px;
	padding-right: 0px;	
	padding-left: 0px;	
    padding-top: 0 px;
}


#flashbox {
	position: relative;
	float: right;	
	display: block;
	overflow: hidden;
	width: 675px;
	height: 265px;
	min-height: 265px;
	max-height: 265px;	
	padding-right: 0px;	
	padding-left: 0px;	
    padding-top: 0 px;
}

#flash {
	width: 675px;
	height: 265px;
	border: 0px;
	background: #FFFFFF;
	padding: 0px;	
}

.bullet_text {
	position: relative;
	text-align: left;
	vertical-align: middle;
	width: 600px;
	height: 26px;	
	font-family: arial, helvetica;
	font-size: 13px;
	text-decoration: none;
	font-weight: bold;
    padding-top: 4px;
	margin: 0px;
	margin-left: 30px;	
}


.bullet_text2 {
	position: relative;
	text-align: left;
	vertical-align: middle;
	width: 600px;
	height: 26px;	
	font-family: arial, helvetica;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
    margin-top: 8px;
	margin-left: 30px;	
}

.indent_bullet_text_short {
	position: absolute;
	text-align: left;
	vertical-align: middle;
	width: 300px;
	height: 26px;	
	font-family: arial, helvetica;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
    padding-top: 0px;	
	margin: 0px;
	margin-top: 5px;	
	margin-left: 40px;	
}

.quicklink_text {
	position: relative;
	text-align: center;
	width: 115px;
	font-family: arial, helvetica;
	font-size: 11px;
	line-height: 12px;		
	text-decoration: none;
	font-weight: normal;
	color: #000000;
    margin-top: 0px;
	padding-top: 4px;
	margin: 0px;
}


.quicklink_text a {
	color: #000000;
	text-decoration: none;
}

.quicklink_text a:hover {
	color: #000000;
	text-decoration: underline;
}

.indent_bullet_text {
	position: absolute;
	text-align: left;
	vertical-align: middle;
	width: 410px;
	height: 26px;	
	font-family: arial, helvetica;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
    padding-top: 0px;	
	margin: 0px;
	margin-top: 3px;	
	margin-left: -60px;	
}

.bullet_text_narrow_column {
	position: relative;
	text-align: left;
	vertical-align: middle;
	width: 435px;
	height: 26px;	
	font-family: arial, helvetica;
	font-size: 12px;
	line-height: 14px;		
	text-decoration: none;
	font-weight: bold;
    padding-top: 4px;
	margin: 0px;
	margin-left: 30px;		
}

.internal_box {
    position: relative;
	display: block;
	align: right;
    width: 250px;
    max-width: 250px;
    min-width: 250px;
    background-color: #ffffff;
    border: 1px solid #737373;
    border-width: 1px;
	margin: 0px;			
	padding: 0px;		
    margin-bottom: 10px;		
}

.internal_box_intro {
    position: relative;
	display: block;
	align: right;
    width: 250px;
    max-width: 250px;
    min-width: 250px;
    background-color: #ffffff;
	margin: 0px;			
	padding: 0px;		
    margin-bottom: 10px;		
}

#internal_box_content {    
    position: relative;
	display: block;
    width: 244px;
    background-color: #ffffff;	
	vertical-align: middle;
	text-align: left;	
	font-family: arial, helvetica;
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	margin: 0px;		
	padding: 3px;				
	text-decoration: none;
}

#internal_box_content a {
	color: #0000FF;
	text-decoration: none;
}

#internal_box_content a:hover {
	color: #000000;
	text-decoration: underline;
}

#internal_box_content_intro {    
    position: relative;
	display: block;
    width: 244px;
    background-color: #ffffff;	
	vertical-align: middle;
	text-align: left;	
	font-family: arial, helvetica;
	color: #999999;
	font-size: 12px;
	font-weight: normal;
	margin: 0px;		
	padding: 3px;				
	text-decoration: none;
}

#internal_box_content_intro a {
	color: #5C5C5C;
	text-decoration: none;
}

#internal_box_content_intro a:hover {
	color: #000000;
	text-decoration: underline;
}

#internal_box_content_contact {    
    position: relative;
	display: block;
	width: 248 px;
	height: 110 px;
	max-height: 110px;
	background-image: url(images/showcase/internal_box_contact.jpg);	
	vertical-align: middle;
	text-align: left;	
	font-family: arial, helvetica;
	color: #000000;
	font-size: 12px;
	line-height: 14px;		
	font-weight: normal;
	margin: 0px;		
	padding: 3px;				
	padding-left: 8px;		
	text-decoration: none;
}


#internal_box_content_contact a {
	color: #0000FF;
	text-decoration: none;
}

#internal_box_content_contact a:hover {
	color: #000000;
	text-decoration: underline;
}

.internal_box_header {
    position: relative;
	display: block;	
    width: 100%;
	background-image: url(images/internal_box_bk.gif);	
	text-align: left;	
	font-family: arial, helvetica;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;		
	padding: 0px;	
	padding-left: 0px;			
	text-decoration: normal;	
}


.internal_box_header a {
	color: #FFFFFF;
	text-decoration: none;
}

.internal_box_header a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}


.internal_box_header_intro {
    position: relative;
	display: block;	
    width: 100%;
	text-align: left;	
	font-family: arial, helvetica;
	color: #689E87;
	font-size: 14px;
	font-weight: bold;
	margin: 0px;		
	padding: 0px;	
	padding-left: 0px;			
	text-decoration: normal;	
}


.internal_box_header_intro a {
	color: #689E87;
	text-decoration: none;
}

.internal_box_header_intro a:hover {
	color: #000000;
	text-decoration: underline;
}

.internal_box_testimonial {
	text-align: left;	
	font-family: arial, helvetica;
	color: #737373;
	font-size: 12px;
	font-style: italic;	
	font-weight: normal;
	margin: 0px;		
	padding: 5px;		
	padding-top: 2px;	
	padding-bottom: 2px;	
	text-decoration: normal;	
}


.internal_box_testimonial a {
	color: #0000FF;
	text-decoration: none;
}

.internal_box_testimonial a:hover {
	color: #000000;
	text-decoration: underline;
}

/* showcase image display configuration */

.showcase_box {
    position: relative;
	align: left;
    width: 205px;
	height: 215px;
    background-color: #EEEEEE;
    border: 1px dotted #737373;
    border-width: 1px;
	margin: 5 px;			
	padding: 5 px;	
	padding-left: 5px;	
    padding-right: 5px;
	padding-top: 5px;	
	padding-bottom: 5px;	
	margin-top: 5px;			
	margin-bottom: 10px;		
}

.showcase_box_med {
    position: relative;
	align: left;
    width: 410px;
    background-color: #EEEEEE;
    border: 1px dotted #737373;
    border-width: 1px;
	padding-left: 5px;	
    padding-right: 5px;
	padding-top: 5px;	
	padding-bottom: 5px;	
	margin-left: 0px;	
	margin-top: 5px;			
	margin-bottom: 10px;	
}

.showcase_box_big {
    position: relative;
	align: left;
    width: 810px;
    background-color: #EEEEEE;
    border: 1px dotted #737373;
    border-width: 1px;
	padding-left: 5px;	
    padding-right: 5px;
	padding-top: 5px;	
	padding-bottom: 5px;	
	margin-left: 0px;	
	margin-top: 5px;			
	margin-bottom: 10px;	
}

#showcase_main_image {
	border: 1px solid #568E75;
}

.showcase_main_bold {
	text-align: left;	
	font-family: arial, helvetica;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
}

.showcase_main {
	color: #000000;
	font-weight: normal;
}

.showcase_main a {
	color: #0000FF;
	text-decoration: none;
}

.showcase_main a:hover {
	color: #000000;
	text-decoration: underline;
}