/* CSS Document */

body { /*sets body margins*/
	margin-left: 5px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
}

#entire_page { /*sets the whole document's width*/
	width:741px;
}

#left_side { /*sets left side's alignment, width*/
	float:left;
	width:162px;
	/*margin-right:9px;*/
}

#main_side { /*sets main side's alignment and width*/
	float:left;
	width:579px;
}

#logo { /*sets logo's margins*/
	margin-bottom:9px;
	margin-left:5px;
}

#left_menu { /**/
}

.left_menu_item { /*sets left side menu's style, alignment and width as default*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#9c659c;
	text-align:left;
	text-indent:6px;
	display:block;
	padding:2px 0px 2px 0px;
	width:162px;
	background:#ccccff;
}

a.left_menu_item:link,
a.left_menu_item:visited { /*sets left side menu's style as clicked*/
	color:#0000ff;
	text-decoration:none;
	border-bottom:1px solid #ffffff;
}

a.left_menu_item:hover,
a.left_menu_item:active { /*sets left side menu's style as hovered*/
	color:#ffffff;
	text-decoration:none;
	background:#000099;
}

.left_menu_title { /*sets left side menu's title position*/
	display:block; 
}

#login_area { /*sets login area's style in the left side*/
	background:#ccccff;
	height:95px;
	padding-top:10px;
}

#form_label { /*sets login label style in the left side*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#000099;
}

#login_form_component { /*sets login components style and width in the left side*/
	width:85px;
	border:1px solid #000099;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000000;
	background:#ffffff;
}

#login_form_button { /*sets login button style and border in the left side*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	background:#F35331;
	border:1px solid #ffffff;
}

.forgot_pass { /*sets "forgot Password" link's style as default*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#0000ff;
	text-decoration:underline;
}

.forgot_pass:hover { /*sets "forgot Password" link's style as hovered*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#0000ff;
	text-decoration:none;
}

#header_image { /*sets header image's margin*/
	margin-bottom:9px;
}

#top_menu { /*sets top menu's margin*/
	margin-bottom:9px;
	/*margin-left:13px;*/
}

#top_menu_item { /*sets short menu items' alignment*/
	float:left;
}

#top_menu_item1 { /*sets short menu items' alignment*/
	float:left;
	/*width:75px;*/
}

#top_menu_item2 { /*sets long menu items' alignment and width*/
	float:left;
	width:125px;
}

.top_menu_item { /*sets menu items' style and position as default*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#9c659c;
	text-align:center;
	display:block;
	padding:2px 0px 2px 0px;
	background:#000099;
}

a.top_menu_item:link,
a.top_menu_item:visited { /*sets menu items' style and margin as clicked*/
	color:#ffffff;
	text-decoration:none;
	/*border:1px solid #ffffff;*/
	margin-top:2px;
}

a.top_menu_item:hover,
a.top_menu_item:active { /*sets menu items' style and position as hovered*/
	color:#0000ff;
	text-decoration:none;
	background:#ccccff;
}

#clear_top_menu_item { /*sets menu items' horizontal status*/
	clear:both;
}

#heading { /*sets heading's margin*/
	margin-bottom:9px;
}

h1 { /*sets heading's style and margins*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#000099;
	text-align:center;
	margin-top:0px;
	margin-bottom:0px;
	line-height:22px;
}

#section_title1 h3,
#section_title2 h3 { /*sets main content's left and right columns headings' style and margins*/
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#000099;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:6px;
}

h3 { /*sets main content's left and right columns headings' style and margins - only in the table layout*/
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#000099;
	margin-top:3px;
	margin-bottom:0px;
}

#content { /*sets main content's margin*/
	margin-top:40px;
}

#content_inner { /*sets main content's margin for the inner page*/
	margin-top:30px;
}

#column1 { /*sets main content's left column's alignment, width and margin*/
	float:left;
	width:53%;
	margin-left:5px;
}

#column_inner { /*sets main content's left column's alignment, width and margin for the inner pages*/
	margin-left:5px;
	margin-right:5px;
}

#column_separator { /*sets the separating "column"'s alignment and sizes between main content's left and right columns*/
	float:left;
	background-color:#FFFFFF;
	height:28px;
	width:2%;
}

#column2 { /*sets main content's right column's alignment and width*/
	float:left;
	width:43%;
}

#clear_content_columns { /*sets menu content's left and right columns' horizontal status and provides Xpx height*/
	clear:both;
	height:20px;
}

#section_title1 { /*sets main content's left column title's margins, style and alignment*/
	margin-left:10px;
	margin-bottom:10px;
	height:28px;
	text-align:left;
	background:url(images/title-bg.gif);
}

#section_title2 { /*sets main content's right column title's margins, style and alignment*/
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
	height:28px;
	text-align:left;
	background:url(images/title-bg.gif);
}

#intro_text1 { /*sets main content's left column text's style, margin and alignment*/
	text-align:left;
	margin-left:15px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}

#intro_text2 { /*sets main content's right column text's style, margin and alignment*/
	text-align:left;
	margin-left:15px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}


#intro_text { /*sets main content's left column text's style, margin and alignment for the inner pages*/
	text-align:left;
	margin-left:15px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}

#read_more { /*sets "read more" text's margins and alignment*/
	text-align:right;
	margin-top:5px;
	margin-right:5px;
	margin-bottom:30px;
}

.read_more { /*sets "read more" text's style as default*/
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#0000FF;
	text-decoration:underline;
}

.read_more:hover { /*sets "read more" text's style as hovered*/
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#0000FF;
	text-decoration:none;
}


#page_nav { /*sets "read more" text's sizes, alignment and margins*/
	text-align:center;
	margin-top:5px;
	margin-right:5px;
	width:65px;
	height:40px;
	height:11px;
	margin-top:20px;
	margin-bottom:20px;
}

.page_nav { /*sets "go back" and "go top" buttons' style as default*/
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	display:block;
	color:#ffffff;
	background:#000099;
	text-decoration:none;
}

.page_nav:hover { /*sets "go back" and "go top" buttons' style as hovered*/
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	display:block;
	color:#000099;
	background:#ccccff;
	text-decoration:none;
}

.bullet { /*sets small "bullets" margin in the linked list from the right column of the main content*/
	margin-right:5px;
}

#list { /*sets the linked list's style from the right column of the main content*/
	line-height:20px;
}

#bottom_section { /*sets menu content's left and right columns' horizontal status*/
	clear:both;
	padding-top:20px;
}

#planet_web_marketing { /*sets Planet Web Marketing logo and linked text alignment, margin and width in the bottom side*/
	float:left;
	width:22%;
	text-align:left;
	margin-top:45px;
}

#bottom_links { /*sets links alignment and width in the bottom side*/
	float:left;
	width:55%;
}

#xhtml_css_logos { /*sets XHTML and CSS logos' alignment, margin and width in the bottom side*/
	float:left;
	width:22%;
	margin-top:45px;
}

.bottom_link { /*sets links style in the bottom side as default*/
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#000099;
	text-decoration:underline;
}

.bottom_link:hover { /*sets links style in the bottom side as hovered*/
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#000099;
	text-decoration:none;
}

.bottom_unlink { /*sets "by" word's style in the bottom side*/
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#000099;
}

.bfc { /*sets "Fire Protection Online Ltd" text's style in the bottom side*/
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	color:#000099;
}

.address { /*sets address text's style and margins in the bottom side*/
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	/*text-align:left;*/
	/*margin-left:145px;*/
	margin-top:10px;
}

.copyright { /*sets acopyright text's style in the bottom side*/
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
}

#clear_bottom_columns { /*sets the entire document left and main sections' horizontal status*/
	clear:both;
	padding-top:15px;
}

#common_text { /*sets main content's common text's style and margin*/
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	margin-left:15px;
}

#bold_text { /*sets main content's bold text's style*/
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

#bold_text2 { /*sets main content's bold text's style*/
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}

.link_text { /*sets content link text's style as default*/
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#0000FF;
	text-decoration:underline;
}

.link_text:hover { /*sets content link text's style as hovered*/
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#0000FF;
	text-decoration:none;
}


#error_text { /*sets content link text's style as default*/
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#FF0000;
}


#error_boldtext { /*sets content link text's style as default*/
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FF0000;
}

ul { /*sets the ul list items' line height*/
	line-height:20px;
	margin-top:0px;
	margin-bottom:0px;
}

ul .read_more { /*sets "read more" text's style as default*/
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#0000FF;
	text-decoration:underline;
}

ul .read_more:hover { /*sets "read more" text's style as hovered*/
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#0000FF;
	text-decoration:none;
}

#form_component { /*sets any form components style and width in the left side*/
	width:250px;
	border:1px solid #000099;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000000;
	background:#ffffff;
}

#form_button { /*sets any form button style and border in the left side*/
	border:1px solid #9c659c;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	background:#F35331;
}

.question { /*sets "question" text style in the FAQs page*/
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#9c659c;
}

.common_text { /*sets main content's common text's style and margin*/
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}

.contact_address { /*contact address's style in the "Contact Us" page*/
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	margin-left:142px;
}


.blue_text { /*sets main content's common text's style and margin*/
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	font-weight:bold;
	color:#000099;
}


.admin_link { /*sets editting, logout and so links text's style as default in the admin pages*/
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#933444;
	text-decoration:none;
}

.admin_link:hover { /*sets editting, logout and so links text's style as hovered in the admin pages*/
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#933444;
	text-decoration:underline;
}

#general_text { /*sets main content's common text's style and margin in the table layout only*/
	text-align:left;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}