@charset "utf-8";

/* CSS Document */

body
{
	background-color:#666666;
	text-align:center;
}

body, table, tr, th, td, input, textarea, select, span, div
{
	margin:0;
	padding:0;
	font-family:'Trebuchet MS', Tahoma, Sans-serif;
	font-size:95%;
	vertical-align:top;
}

p, h1, h2, h3
{
	margin:10px 15px;	
}

h1, h2, h3, h4, h5
{
	font-weight:normal;
	padding:0;
	color:#004444;
}

h1
{
	font-size:145%;
}

h2
{
	font-size:140%;
}

h3
{
	font-size:125%;
	font-weight:bold;
	color:#777;
}

a, a:link, a:visited
{
	font-size:100%;
	color:#006666;
	cursor:pointer;
	text-decoration:underline;
}

a:hover
{
	color:#002222;
}

#wrap
{
	width:900px;
	text-align:left;
	padding:10px;
	margin:0 auto;
	background-color:#FFF;
	background:url(/images/table_shading.jpg);
	background-position:top center;
	background-repeat:repeat-y;
	overflow:hidden;
}

#header
{
	margin:0;
	padding:0;
	height:60px;
	position:relative;
	left:10px;
}

#header img
{
	float:left;
	display:block;
}

#header ul#quick_info
{
	float:right;
	display:block;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	right:25px;
	top:35px;
}

#header ul#quick_info li
{
	display:inline;
	margin:0 0 0 15px;
	font-size:95%;
}

#menu
{
	width:100%;
	font-size:95%;
	background-color:#006666;
	background:url(/images/menu_background.jpg);
	background-position:top;
	background-repeat:repeat-x;
	height:24px;
}

#menu ul
{
	list-style:none;
	margin:0;
	padding:0;
	display:block;
}

#menu ul li
{
	display:inline;
}

#menu ul li a, #menu ul li.text_only
{
	float:left;
	display:inline-block;
	padding:3px 12px;
	color:#FFF;
	text-decoration:none;
	border-right:1px #044 solid;
}

#menu ul li a:hover
{
	background-color:#077;
}

#banner
{
	/*
	background:#FFF url(/images/globe_fibers.jpg) no-repeat left;	
	width:900px;
	height:150px;
	//*/
	border-bottom:1px #022 solid;
	margin:0;
	padding:0;
}

#banner img
{
	width:900px;
	height:150px;
	border:none;
}

.banner
{
	background-color:#FFF;	
	width:900px;
	text-align:center;
	border-bottom:1px #022 solid;
	margin:0;
	padding:0;
}

/* content */
#content_wrap
{
	clear: both;
	float: left;
	width: 100%;
	padding:0;
	margin:0;
}

#main
{
	display:block;
	float:left;
	width:66%;
	padding:10px;
}

#main ul li
{
	list-style-image: url(/images/bullet.gif);
}

.post
{
	margin:0 0 10px 0;
	padding: 1px 0 0 0;
	background-color:#FFF;
	background:url(/images/globe_fibers_background.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	border:solid 1px #E8F2F1;
}

.post .post-footer
{
	background-color: #FAFAFA;
	border: 1px solid #f2f2f2;
	padding: 5px;
	margin-top: 20px;
	font-size: 95%;
}

.post .post-footer .date
{
	background: url('../images/clock.gif') no-repeat 0 center;
	padding-left: 20px;
	margin: 0 10px 0 5px;
}

.post .post-footer .comments
{
	background: url('../images/comment.gif') no-repeat 0 center;
	padding-left: 20px;
	margin: 0 10px 0 5px;
}

.post .post-footer .readmore
{
	background: url('../images/page.gif') no-repeat 0 center;
	padding-left: 20px;
	margin: 0 10px 0 5px;
}

.main_box
{
	border-style:solid;
	border-color:#f2f7f7;
	border-width:1px;
	margin:0 0 10px 0;
	padding:10px;
}

/* sidebar */
#sidebar
{
	float: right;
	width: 32%;
	margin: 0 -5px 10px 0;
	padding: 0;
}

#sidebar p
{
	margin-top:5px;
}

#sidebar h2
{
	padding: 10px 0px 5px 10px;
	margin: 0;
	font-size:120%;
	font-weight:bold;
}

.sidebox
{
	background:url(/images/globe_fibers_background.jpg) top right no-repeat;
	padding:1px 0 0 0;
	border:solid 1px #E8F2F1;
	margin:10px 15px 10px 0;
	height:auto
}

.sidebox ul
{
	margin:0 20px 10px 20px;
	padding:0;
	list-style:none;
	border-style:dashed none none none;
	border-color:#d9e8e8;
	border-width:1px;
}

.sidebox ul li
{
	margin:0;
	padding:1px 0;
	border-style:none none dashed none;
	border-color:#d9e8e8;
	border-width:1px;
}

.sidebox ul li a
{
	display:block;
	text-decoration:none;
	width:100%;	
	padding:2px 8px;
	border:none;
}

.sidebox ul li a:hover
{
	/*
	background-color:#e5efef;	
	*/
	background-color:#FFF;
	background-image:url(/images/li_background.gif);
	background-position:left;
	background-repeat:repeat-y;
}
	
/* footer */
#footer
{
	clear: both;
	margin: 0;
	padding: 0;
	text-align: left;
}

#footer h2, #footer p
{
	margin-left: 0;
}

#footer-content
{
	border-top: 1px solid #EAEAEA;
	margin: 0 auto;
	padding-left: 15px;
}

#footer-content a
{
	text-decoration: none;
	color: #777;
}

#footer-content a:hover
{
	text-decoration: underline;
	color: #333;
}

#footer-content ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#footer-content .col
{
	width: 32%;
	padding: 0 5px 30px 0;
}

#footer-content .col2
{
	width: 33%;
	padding: 0 0 30px 0;
}

/* alignment classes */
.float-left
{
	float: left;
}

.float-right
{
	float: right;
}

.align-left
{
	text-align: left;
}

.align-right
{
	text-align: right;
}

/* additional classes */
.clear
{
	clear: both;
}

.gray
{
	color: #BFBFBF;
}

input.input_tiny
{
	width:20px;
	height:16px;
	border-style:solid;
	border-width:1px;
	border-color:#999;
	padding:0;
	margin:0;
	vertical-align:middle;
}

input.input_small
{
	width:50px;
	height:16px;
	border-style:solid;
	border-width:1px;
	border-color:#999;
	padding:0;
	margin:0;
	vertical-align:middle;
}

input.input_med
{
	width:100px;
	height:16px;
	border-style:solid;
	border-width:1px;
	border-color:#999;
	padding:0;
	margin:0;
	vertical-align:middle;
}

input.input_large
{
	width:250px;
	height:16px;
	border-style:solid;
	border-width:1px;
	border-color:#999;
	padding:0;
	margin:0;
	vertical-align:middle;
}

input.input_giant
{
	width:500px;
	height:16px;
	border-style:solid;
	border-width:1px;
	border-color:#999;
	padding:0;
	margin:0;
	vertical-align:middle;
}

table.contact_form
{
	margin-left:25px;
}

table.contact_form td, table.contact_form th
{
	font-size:120%;
}

table.contact_form th
{
	text-align:left;
}

table.contact_form label
{
	padding-left:5px;	
}

input.colored_button
{
	color:#FFF;
	font-size:95%;
	background-color:#006666;
	background:url(/images/menu_background.jpg);
	background-position:top;
	background-repeat:repeat-x;
	height:24px;
	border:#044 1px solid;
	padding:2px 8px;
	margin:0;
}

input.colored_button:hover
{
	background-color:#007777;
	background-image:none;
	cursor:pointer;
}

a.colored_button
{
	color:#FFF;
	font-size:95%;
	background-color:#006666;
	background:url(/images/menu_background.jpg);
	background-position:top;
	background-repeat:repeat-x;
	height:24px;
	border:#044 1px solid;
	padding:2px 8px;
	margin:0;
	text-decoration:none;
}

a.colored_button:hover
{
	background-color:#007777;
	background-image:none;
	cursor:pointer;
	text-decoration:none;
}

.required
{
	color:#C00;
	font-weight:bold;
	font-size:90%;
}

.msg
{
	font-weight:bold;
	color:#C00;
}

div.popup_frame
{
	text-align:center;
	position:absolute;
	top:25px;
	left:35%;
	width:500px;
	height:540px;
	background:url(/images/popups/popup_frame.png);
	background-position:left top;
	background-repeat:no-repeat;
	text-align:left;
	z-index:5000000;
}

div.popup_frame_tiny
{
	background:url(/images/popups/popup_frame_tiny.png);
	background-position:left top;
	background-repeat:no-repeat;
	height:211px;
	width:306px;
}

div.popup_frame_small
{
	background:url(/images/popups/popup_frame_small.png);
	background-position:left top;
	background-repeat:no-repeat;
	width:496px;
	height:340px;
}

div.popup_frame div.title
{
	margin:35px 0 0 15px;
	font-weight:bold;
	color:#CC0000;
	font-size:16px;
}

div.popup_frame div.msg
{
	margin:10px 0 0 15px;
	width:270px;
	color:#000000;
	font-weight:normal;
	font-size:12px;
	text-align:left;
	height:100px;
}

div.popup_frame_med div.msg
{
	height:430px;
	width:470px;
}

div.popup_frame div.close
{
	width:90%;
	text-align:center;
	margin:10px 0 0 15px;
}

div.popup_frame a.close
{
	display:block;
	width:50px;
	height:15px;
	background:url(/images/popups/close.png);
	background-position:left top;
	background-repeat:no-repeat;
	text-decoration:none;
	float:right;
	margin:7px 15px 0 0;
}

div.popup_frame a.close:hover
{
	background:url(/images/popups/close2.png);
	background-position:left top;
	background-repeat:no-repeat;
}

noscript div.noscript
{
	padding:5px;
	background-color:#FFCCCC;
	color:#000000;
	font-weight:bold;
	font-size:13px;
	border-style:solid;
	border-width:4px;
	border-color:#990000;
	margin:10px;
}

table.colored_table
{
	padding:0;
	margin:0;
	border-collapse:collapse;
}

table.colored_table th
{
	font-size:110%;
	font-weight:bold;
	padding:2px 4px;
	background-color:#005454;
	border:solid 1px #006666;
	color:#FFF;
}

table.colored_table th.subth
{
	font-size:110%;
	font-weight:bold;
	padding:2px 4px;
	background-color:#88B0B0;
	border:solid 1px #006666;
	color:#000;
}

table.colored_table td
{
	font-size:110%;
	padding:2px 4px;
	border-collapse:collapse;
	border:solid 1px #006666;
}

.supportnumber
{
	color: #FF0000;
	font-size: 24px;
}

.supportnumber a
{
	color: #FF0000;
	font-size: 24px;
}
