/*
 *
 *		e-gadget factory CSS - ©2007 e-gadget factory
 *		16/11/07
 *
 */										
/*	
	REDEFINED HTML TAGS
*/
html, body { margin: 0px; padding: 0px; height: 100%; }

body { 
	background-image: url(../images/e-gadget_background.gif);
	background-repeat: repeat;
}
/* 
	FORM TAGS 
*/
textarea, input{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 100%;
	padding:3px;
	color: #000000;
}
/*
	CUSTOM ID AND CLASS ATTRIBUTES
*/
/* containing/wrapper div */
#container{ 
	font-family: Arial,Helvetica,sans-serif;
	padding-top:15px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:0px;
	width: 970px;
	height: 638px;
	margin: 0 auto;
}
/* 
	LEFT COLUMN/MENU STYLING 
*/
#left_column{
	width: 170px;
	float:left;
}
/*  
	RIGHT COLUMN/MENU STYLING  
*/
#right_column{
	float:left;
	width: 800px;
}
/*  
	MENU STYLING  
*/
#menu{
	font-size: 85%;
	margin: 0px;
	padding: 0px;
	height: 460px;
}
#menu img{
	float: left;
	clear: left;
	border-style: none;
	border: 0px;
}
#menu ul{
	text-align: center;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#menu li{
	background-color: #FFFFFF;
	border: 1px solid #CBE83D;
}
#menu li .menu_title{
	background-color: #7FC62E;
	color: #FFFFFF;
}
#menu li a{
	color: #3F5E0E;
	text-decoration: none;
	width: 100%;
	height: 20px;
	display:block;
	padding-top: 7px;
}
#menu li a:hover{
	/*text-decoration: underline;*/
	background-color:#D9FF97;
}
/*   
	HEADER STYLING  
*/
#header{	
	height: 110px;
	display:block;
}
#header_gears{
	position: absolute;
	top: 10px;
	margin-left: 650px;
	width: 143px;
	height: 133px;
	/*background-image:url(../images/header_gears.gif);*/
	background-image:url(../images/header_gears.png);
	background-repeat:no-repeat;
}
* html #header_gears{
	background-image: none;
}
#header img, #header a{
	margin:0px;
	padding:0px;
	float: left;	
	clear:none;
}
/* position "back to top" anchor at top of browser */
#back_to_top{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1px;
	height: 1px;
}
img{
	border: 0px;
}
#header #logo{	
	display: block;
}
#header #logo a img{
	width: 460px;
	height: 62px;
	float: left;
	clear: right;
	display: block;
}
#header_title-bar{
	margin-bottom: 5px;
	width: 100%;
	padding-top: 5px;
	float: left;
	clear:none;
}
#header_left{
	background-image: url(../images/header_screw-left.gif);
	width: 27px;
	height: 28px;
}
#header_right{
	
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 27px;
	margin-right: 0px;
	
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 27px;

	height: 28px;
	background-image:url(../images/header_screw-right.gif);
	background-repeat:no-repeat;
	background-position:right;
	display:block;
}
/*    
	MAIN CONTENT AREA STYLING
*/
/* content area when no thumbnail bar is on the screen */
#content{
	color: #333333;
	line-height: 1.25em; 
	background-color: #E2F4F8;
	padding: 10px;
	margin-left: 8px;
	margin-right: 8px;
	margin-bottom: 15px;
	height: 715px;
	/*margin-top: 15px;*/
	/* border */
	border-style: solid;
	border-width: 1px;
	border-color: #CAEAE7;
	font-size: 95%;
	
}

html>body #content{
	height: auto;
	min-height: 715px;
}
/* 
	CONTENT AREA TAG STYLES
*/
#content #flashMenu{
	background-color: #abdfdc;
	color: inherit;
	margin:10px 10px 20px 10px;
/*	display: none; */
}
#content .img_page_header{
	margin: 4px 0px 0px 20px;
}
#content p{ 
	font-size: 80%;
	margin-left:10px;
	margin-right:10px;
}

#content a:link, #content a:visited{
	color: #000066;
	font-size:105%;
	background-color: #E2F4F8;
	text-decoration: underline;
}
#content a:hover, #content a:active{
	/*font-weight: bold;*/
	background-color: #FFFFFF;
	text-decoration: none;
}
/* bullet point styles */
#content ul, #content ol{
	font-size: 80%;
	list-style-type: none;
	color: #000066;
	clear: both;
}
#content .no_clear{
	clear: none;
	margin-left:0px;
	padding:0px;
}
#container #content ul li a{
	/*color: #A9218E;font-weight: bold;*/
}
#content ul li, #content ol li{
	margin: 5px 0px 5px 20px;
	padding: 0px 0px 0px 30px;
	background-image: url(../images/bullet_point.png);
	background-repeat: no-repeat;
}

#content ol p{
	 margin: 5px 0px 5px 10px;
	 font-weight: normal;
	 font-size: 90%;
}
#content li p{
	 font-size: 110%;
	 line-height: 1.6em;
	 width: 90%;
	 color: #888888;
}
#content .curved_box .body li p a{
	 font-size: 90%;
	 color: #888888;
}

#content ol li h2{
	margin: 10px 10px 10px 10px;
	font-size: 95%;
}
#content ul .pdf{
	list-style-image: url( ../images/pdf_icon.gif );
}
#content ul .emphasise, #content ol .emphasise{
	font-style: italic;
	color:#FF0000;
	background-color: inherit;
}
#content ul h2, #content ol h2{
	margin:0px;
	padding:0px;
}
#content ul .emphasise{
	font-style: normal;
}
#content .indent_element{
	margin: 0px 20px 10px 20px;
}
#content .indent_element h3{
	font-size:100%;
	margin: 10px 0px 0px 10px;
}
/* headings */
#content h1,#content h2,#content h3,#content h4,#content h5,#content h6{
	font-size: 100%;
	margin-left:10px;
	margin-right:10px;
	color: inherit;
	background-color: #E2F4F8;
}
#content h1{ 
	color: #000066;
}
#content h2{ 
	color: #7f0400;/*#FF0000; */
}
#content h3{
	color: #a0017e; 
}
#content h4{
	color: #9ecc00;
	font-size: 110%;
}
#content h5{
	color: #ffd600;
	font-size: 110%;
}
#content h6{
	color: #00ccff;
	font-size: 110%;
}
#content blockquote .quote{
	float:left;
}
#content .block_pointer_left{
	margin-left: 80px;
	float: left;
	clear:right;
}
#content .block_pointer_right{
	margin-right: 80px;
	float: right;
	clear:left;
}
/* 
	MEMBER LOGIN BOX	
*/
#login {
	width: 147px;
	height: 195px;
	background-image: url(../images/login_bg.gif);
	background-repeat: no-repeat;
	display:block;
}
#login div {
	font-size: 80%;
	padding-top: 30px;
	margin:0px 10px 0px 11px;
	
}
#login form{
	margin: 0px;
	padding:0px;
}
#login div a{
	font-size: 90%;
	color: #FFFFFF;
	background-color: #ffbd2f;
}
#login div a:hover{
	color: #EB6700;
	text-decoration: none;
}
#login div form {
	margin: 0px;
	padding: 0px;
}
#login div form input {
	font-size: 90%;
	margin: 0px;
	padding: 2px;
	padding-bottom: 4px;
	border:1px;
	border-style: solid;
	border-color: #ffda2f;
}
#login div p{
	color: #FFFFFF;
	background-color: #ffbd2f;
}

#login #in_btn{
	width: 78px;
	height: 26px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent url( ../images/login_btn.gif ) no-repeat center top;
	cursor: pointer;
	margin-top: 10px;
}
#login #out_btn{
	/*position: absolute;*/
	width: 78px;
	height: 26px;
	margin: 0;
	padding: 0;
	border: 0;
	/*right: 6px;
	top: 157px;*/
	background: transparent url(../images/logout_btn.gif) no-repeat center top;
	/*text-indent: -1000em;*/
	cursor: pointer;
}
#login #members_btn{
	/*position: absolute;
	right: 6px;
	top: 120px;*/
}
/*    
	FOOTER STYLING
*/
#footer{
	height: 20px;
	/* IE fix */
	position: relative;
	left:0px;
	/*min-width: 100%; /* For Modern Browsers */
	/*width: auto !important; /* For Modern Browsers */
	width: 100%; /* For IE */
	clear: both;
	/*margin-bottom:5px;*/
}
#footer img, a{
	margin:0px;
	padding:0px;
}
#footer p{
	color: #E96610;
	background-color: #FFD42F;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right:27px;
	padding: 0px;
	padding-top:4px;
}

#footer_right{
	height:20px;
	display:block;
	background-image:url(../images/footer_screw-right.gif);
	background-repeat:no-repeat;
	background-position:right top;
	margin-left: 27px;
	/**/
	font-family: Verdana, Arial,Helvetica,sans-serif;
	font-size: 60%;
	text-align: center;
	padding-top: 0px;
}

#footer_right a:link, #footer_right a:visited{ color:#E96610; background-color: #FFD42F; } 

#footer_right a:hover,  #footer_right a:active { color:#FFFFFF; background-color: #FFD42F; text-decoration: none; }
/*
*
*/
#require{
	text-align: center;
	font-family: Verdana, Arial,Helvetica,sans-serif;
	font-size:60%;
	padding-bottom:3px;
	color: #333333;
	background-color: transparent;
}
#require a{
	color: #FF0000;
	background-color: transparent;
}
#require a:hover{
	text-decoration: none;
	background-color: transparent;
}
/* 
	CUSTOM CLASSES 
*/
.content_column{
	width:50%;
	float:left;
	margin: 10px 0px 10px 0px;
}
.thirds_column{
	width:33%;
	float:left;
	padding-bottom: 20px;
	text-align: center;
}
.thirds_column img{
	border-width: 3px;
	border-color: #ffffff;
	border-style: solid;
	margin:5px;
}
#content .bullet_group li{
	margin-bottom: 8px;
}
/*
	@Note: needed rather then extending the existing hr tag as IE cannot remove borders of the HR tag
*/
.custom_hr{
	position:relative;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 15px;
	width: 80%;
	height:7px;
	border: 0px;
	background-repeat: repeat-x;
	background-image: url(../images/horiz-rule_dot.gif);
	clear: both; /* causes height issue */
}

.centre_element{
	text-align:center;
	clear:both;
}

.align_centre{
	text-align:center;
}
.right_align{
	text-align:right;
}
.centre_block{
	margin:0 auto;
}
.no_font_style{
	font-weight: normal;
}
 .italicise{
	font-style: italic;
 }
  .quote{
	line-height: 1.9em;
	padding:0px 20px 0px 20px;
 }
.emphasise, strong{
	/*font-style: italic;*/
	color: #7f0400;
	font-weight: bold;
 }
.highlight{
	color: #a8208d;
 }
.float_right{
	float: right;
	display: block;
	clear: right;
	margin-left: 10px;
}
.col_btn{
	margin-right:0.7em;
}
.float_left{
	float: left;
	display: block;
	clear: left;
	margin-right: 10px;
}
.float_left_simple{
	float: left;
}
.home_img_link{
	float: left;
	border: 2px solid #FFFFFF;
	margin: 5px;

}
.home_img_link:hover{
	border-width: 6px;
	margin: 1px;
	
}
.home_links{
	margin-left: 13px;
}
.forcerow{
	float:left;
	clear: both;
}
.forcerow .float_left{
	clear:none;
}
/* Floating image styles */
.image_float_right{
	float: right;
	font-weight:bold;
	text-align:center;
	letter-spacing: 0.7px;
	margin-top: 2px;
	font-size: 75%;
	margin-left: 4px;
	margin-bottom: 7px;
	color:#6600CC;
	background-color: #E2F4F8;
	clear:right;
}
.image_float_left{
	float: left;
	font-weight:bold;
	text-align:center;
	letter-spacing: 0.7px;
	margin-top: 2px;
	font-size: 75%;
	margin-left: 10px;
	margin-right: 15px;
	margin-bottom: 3px;
	color:#6600CC;
	background-color: #E2F4F8;
	clear:left;
}
/*  product download page  */
.dload-col{
	width: 156px;
	float:left;
	clear: left;
	padding-right: 20px;
	margin-bottom: 6px;
}
.dload_btn{
	padding-left: 23px;
}
#accreditations{
	width: 151px;
	height: 181px;
	background-image: url( ../images/accredited.png );
	background-repeat: no-repeat;
	margin: 15px 0px 0px 15px;
	padding-left:10px;
}

/**
	CURVED BOX AREA
**/
#content .curved_box{
	width: 725px;
	padding:0px;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
#content .curved_box .header{
	height: 30px;
	background-repeat: no-repeat;
	padding-left: 45px;
	padding-top: 15px;
}
#content .curved_box .body{
	height: 130px;
	width: 685px;
	background-image: url( ../images/curved_box/body.png );
	background-repeat: repeat-y;
	padding: 5px 20px 1px 20px;
	display: table-cell;
}

html>body #content .curved_box .body{
	height: auto;
	min-height: 130px;
}
#content .curved_box .body a{
	background-color: #FFFFFF;
	color: #FF0000;
	text-decoration: underline;
}
#content .curved_box .body a:hover{
	text-decoration: none;
}

#content .curved_box .header_green{ background-image: url( ../images/curved_box/header_green.png ); }
#content .curved_box .header_orange{ background-image: url( ../images/curved_box/header_orange.png ); }
#content .curved_box .header_blue{ background-image: url( ../images/curved_box/header_blue.png ); }
#content .curved_box .header_purple{ background-image: url( ../images/curved_box/header_purple.png ); }

#content .curved_box .body h1{
	color:#00AFEF;
	background-color: #FFFFFF;
	margin-top: 20px;
	/*border: 1px solid #333333;*/
}
#content .curved_box .body h2,#content .curved_box .body h3{
	background-color: #FFFFFF;
}
#content .curved_box .column_halves{
	width: 50%;
	float:left;
}
#content .curved_box .column_1_third{
	width: 33%;
	float:left;
	margin-bottom: 20px;
	text-align: center;
}
#content .curved_box .prod_area{
	width: 220px;
	margin-bottom: 20px;
	text-align: center;
}
#container #content .curved_box .column_1_third a{
	background-color: #FFFFFF;
	/*text-align:center;*/
	/*display: block;
	width: 100%;*/
}
#content .curved_box .column_2_third{
	width: 66%;
	float:left;
}
#content .curved_box .column_2_third ul{
	padding:0px;
}
#content .curved_box .column_2_third .box_area{
	width:420px;
}
#content .curved_box .grey_row{
	border: solid 1px #E0E0E0;
	background-color: #f8f8f8;
	width:95%;
	margin-top:15px;
	margin-left:15px;
}
#content .curved_box .grey_row h1, #content .curved_box .grey_row h2, #content .curved_box .grey_row a{
	background-color: #f8f8f8;
}
#content .curved_box .generic_box{
	border: solid 1px #E0E0E0;
	background-color: #f8f8f8;
	width: 450px;
	margin-top:15px;
}
#content .curved_box .prod_spec h2{
	background-color: #f8f8f8;
}
#content .curved_box .prod_thumbs{
	text-align: center;
	padding:20px 0px 0px 0px;
}
#content .curved_box .prod_thumbs img{
	margin:0px 7px 0px 7px;
}
#content .curved_box .body .row{
	clear: both;
	width:100%;
	height: auto;
	display: table;
	padding-top:5px;
	padding-bottom:10px;
	border-bottom: solid 1px #E0E0E0;
}
#content .curved_box h1 span{
	color: #000000;
}
#content .curved_box .column_thirds{
	width: 33%;
	float:left;
	margin: 10px 0px 10px 0px;
}
#content .curved_box .column_thirds ul{
	margin: 10px 0px 10px 0px;
	padding: 0px;
}
#content .curved_box .column_halves ul{
	margin:0px;
	padding:0px;
}
#content .curved_box ul .exception{
	clear:none;
	float: left;
}
#content .curved_box .centre_column{
	border-left: 1px solid #cacaca;
	border-right: 1px solid #cacaca;
}
#content .curved_box .cell{
	height: 120px;
}
#content .curved_box .cell img{
	margin-left:60px;
}

html>body #content .curved_box .cell{
	height: auto;
	min-height: 120px;
}

#content .curved_box .footer{
	height: 28px;
	background-image: url( ../images/curved_box/footer.png );
	background-repeat: no-repeat;
}
#content .curved_box .body form td a{
	color: #000066;
}
#content .curved_box .body form h1 a{
	color:#00AFEF;
}


/**
	SERVICE ANNOUNCEMENT
**/
#container .service_box{
	background-color: #FFFFFF;
	border: 1px solid #caeae7;
	padding:10px;
	margin:10px;
}
#container .service_box h1{
	color: #FF0000;
	text-decoration: underline;
	background-color: #FFFFFF;
}
/* 
	BREADCRUMB TRAIL 
*/
#container #content .breadcrumb{
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: inherit;
	display:block;
	height: auto;
	margin-bottom: 12px;
	margin-left:20px;
	font-weight: bold;
}
#container #content .breadcrumb a{
	color:#0B3560;
	font-size: 100%;
	background-color: #E2F4F8;
	
}
#container #content .breadcrumb a:link, #container #content .breadcrumb a:visited{
	text-decoration:underline;
}
#container #content .breadcrumb a:hover, #container #content .breadcrumb a:active{
	text-decoration:none;
}
/* comment area layout with help button*/
.comment_row{
	display: block;
}
.comment_row p span{
	padding-top: 8px;
	display:block;
	float:left;
}
.comment_row p img{
	float:left;
	clear: right;
}
.comment_row p textarea{
	display:block;
	clear: both;
}
.samplerow{
	clear: both;
	color: inherit;
	background-color: #ebf5f7;
	padding:5px;
	display:table;
	margin-bottom: 4px;
}
#container .samplerow h1{
	color: inherit;
	background-color: #ebf5f7;
	padding-left:13px;
	margin:5px 3px 3px 3px;
}
#content .dotted_box{
	color: inherit;
	background-color: #FFFFFF;
	border-width: 2px;
	border-style: dotted;
	border-color: #b8dee7;
	/*margin: 5px;*/
	padding:5px;
	width: 300px;
	margin: 0 auto;
}
#content .box_area{
	color: inherit;
	background-color: #FFFFFF;
	border-width: 1px;
	border-style: solid;
	border-color: #D9D9D9;
	/*margin: 5px;*/
	padding:5px;
	width: 500px;
	margin: 0 auto;
	margin-top: 10px;
	background-image: url(../images/stripe_bg.png);
	background-repeat: repeat;
}
#content input, #content textarea{
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
	background-color: #f3f3f3;
	margin:3px;
}
#content textarea{
	width:95%;
	height:100px;
}
#content .input_no_style{
	border: none;
	background-color: #FFFFFF;
}
#container #content .dotted_box h1,#container #content .dotted_box h2,#container #content .dotted_area h1, #container #content .dotted_area h2,#container #content .dotted_area h3,#container #content .dotted_area a,#container #content .dotted_box a{
	color: inherit;
	background-color: #FFFFFF;
}
#content .dotted_area{
	color: inherit;
	background-color: #FFFFFF;
	border-width: 2px;
	border-style: dotted;
	border-color: #b8dee7;
	margin: 5px;
	padding:5px;
	width: 80%;
	margin: 0 auto;
	margin-bottom:20px;
}
#content .dotted_area_350px{
	color: inherit;
	background-color: #FFFFFF;
	border-width: 2px;
	border-style: dotted;
	border-color: #b8dee7;
	margin: 5px;
	padding:5px;
	width: 350px;
	margin: 0 auto;
	margin-bottom:20px;
}
#content .dotted_area li{
	margin-bottom: 4px;
	margin-top: 4px;
}
#content .curved_box .custom_hr{
	width:90%;
	background-image: url(../images/horiz-rule_dot-grey.gif);
	margin:0 auto;
	margin-top:10px;
}
#content .curved_box .voting_package_box{
	text-align: center;
	width: 316px;
	margin-left: 10px;
}
#content .curved_box a h1,#content .curved_box a h2{
	text-decoration: none;
}
#content .curved_box .voting_package_box a img{
	border: 1px solid #FFFFFF;
}
#content .curved_box .voting_package_box a:hover img{
	border-color: #D3D3D3;
}

#content .curved_box .subtitles{

	color: #00B1CE;
	font-weight: bold;
	font-size: 100%;;

}
table td{
	font-size: 80%;
}
#content td p{
	font-size: 100%;
}
#content .curved_box td h1{
	font-size: 110%;
}
table td table{
	font-size: 120%;
}
/*
	MEMBERS AREA
*/
#content #member_options{
	text-align:center;
	clear:both;
	width: 582px;
	margin:0 auto;
}
#content #member_options a img{
	margin:0px;
	padding:0px;
	
}
#content .curved_box table {
  border-collapse: collapse;
}

#content .curved_box th{
	height: 15px;
	padding: 20px 0px 10px 0px;
	vertical-align: top;
	text-align: left;
	color: #7f0400;
}
#container #content .curved_box th a{
	text-decoration: none;
	color: #7f0400;
}
#container #content .curved_box th a:hover{
 color:#FF0000;
}
#content .curved_box .price_row td{
	/*background-color: #00FF00;*/
	border: solid 1px #E0E0E0;
	padding:5px;
	vertical-align: top;
}
#content .curved_box .price_list{
	margin: 0px 15px 0px 15px;
	width:96%;
}
#content .curved_box .box_area h1{
	color: #FF0000;
	background-color: transparent;
}