/* CSS Document */

/* MAIN SITE CSS */
/* FORTBOX CSS */

/*
	COLOURS:

	ORANGE		:#E9541F;
	DARK BLUE	:#141D5E;
	BLUE		:#3293D3;
	BEJAM BLUE	:#3387CE;
	LIGHT BLUE	:#CFDBF1;

*/

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

PAGE MAKEUP

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

*
{
	padding:0px;
	margin:0px;
}

body
{
	background:#cccccc;
	padding:0px;
	font-size:100%;
	margin:10px 10px 0px 10px;
	background-image:url("../../media/gif/fb_wallpaper.gif");/**/
}

.webpage
{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	/*min-width:740px;*/
	min-width:800px;
	max-width:980px;
	text-align:left;
}
.content
{
	width:100%;
	background-color:#FFFFFF;
	/*padding-top:10px;*/
	border-top:10px solid #fff;
}
.full_width
{
	width:100%;
	background-color:#FFFFFF;
}

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

CORE HTML

*********************************/
.webpage h1, .webpage h3, .webpage p, .webpage img
{
	margin:0px;
	padding:0px 0px 10px 10px;
}
.webpage h1
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:100%;
	line-height:130%;
	color:#141D5E;
	padding-bottom:10px;
}

.webpage h2
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:80%;
	line-height:150%;
	color:#141D5E;
	padding-bottom:5px;
	margin:0px 10px 0px 10px;
	border-bottom:1px dashed #CFDBF1;
}

.webpage h3
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:80%;
	line-height:150%;
	color:#141D5E;
	padding-bottom:10px;
}

.webpage p
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	line-height:150%;
	color:#3293D3;
	padding-bottom:10px;
	margin-right:10px;
}

.webpage a
{
	border-style:none;
	outline:none;
	color:#E9541F;
}

.webpage a img
{
	border: 0px;
}

.webpage ul,
.webpage ol
{
	padding-left:30px;
	margin-bottom:10px;
}
.webpage ul
{
	padding-left:25px;
	color:#141D5E;
}

.webpage ol
{
	padding-left:35px;
	color:#E9541F;
	line-height:120%;
}

.webpage li
{
	font-size:80%;
	line-height:120%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px 0px 10px 10px;
}

.webpage input,
.webpage textarea
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #CFDBF1;
	padding:2px;
	margin:0px 0px 10px 0px;
}

.webpage table
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	color:#E9541F;
	margin:0px 0px 10px 10px;
}

.webpage table th
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#E9541F;
	background-color:#141D5E;
	padding:5px;
}

.webpage table td
{
	padding:5px 5px 5px 5px;
	border:2px solid #CFDBF1;
	background-color:#FFFFFF;
}


.webpage hr
{
	/*background:url("../../media/gif/border_dash.gif") top repeat-x;*/
	/*background:none;*/
	/*background-color:none;*/
	border: 0;
	height:2px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 10px;
}



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

LAYOUT

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

.left_border_container
{
	background:url("../../media/png/left_border.png") top left repeat-y;
	padding-left:37px;
}

.right_border_container
{
	background:url("../../media/png/right_border.png") top right repeat-y;
	padding-right:37px;
}
.one_col_wide
{
	float:left;
	width:25%;
	padding-bottom:20px;
	/*min-width:25%;
	min-height:100px;*/
	display:none;
}

.three_col_wide
{
	float:left;
	/*width:74%;*/width:74%;
	padding-bottom:20px;
	/*min-width:25%;
	min-height:100px;*/
}

.clear
{
	clear:both;
	height:1px;
	width:100%;
	overflow:hidden;
}

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

IMAGES

*********************************/
.webpage .one_col_wide img
{
	padding-left:0px;
	margin-right:0px;
	width:100%;
}

.webpage .three_col_wide img
{
	margin-right:100px;
}

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

PAGE HEADER

*********************************/
.header
{
	background:url("../../media/jpg/header_bg.jpg") top left repeat;/**/
	margin:0px 10px 10px 10px;
	height:177px;
	position:relative;
	overflow:hidden;
	display:none;
}

.header .fortBox_logo_holder
{
	width:113px;
	height:114px;
	float:right;
	padding:6px 26px 0px 0px;
	margin:15px 0px 0px 0px;
	background:url("../../media/png/fortBox_logo.png") left no-repeat;
}
.header .header_tel_number img,
.header .header_contact img
{
	margin:0px;
	padding:0px;
}
.header .header_tel_number
{
	width:151px;
	/*height:auto;*/
	height:20px;/**/
	margin:0px;
	padding:0px;
	bottom:0px;
	right:10px;
	position:absolute;
	overflow:hidden;
}

.header .header_contact
{
	/*height:auto;*/
	width:158px;
	height:20px;
	margin:0px;
	padding:0px;
	bottom:0px;
	left:10px;
	position:absolute;
	overflow:hidden;
}

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

MAIN MENU

*********************************/
.webpage .main_menu ul
{
	list-style-type:none;
	margin-right:10px;
	padding:0px;
}

.webpage .main_menu li
{
	background:url("../../media/gif/main_menu_arrow_off.gif") top left repeat-y;
	/*background-color:#006600;*/
	line-height:120%;
	padding:0px;
	padding-left:30px;
	margin:0px 0px 1px 0px;
}

.webpage .main_menu li div
{
	background:url("../../media/png/tear_off.png") top right;
	padding:7px;
	padding-left:0px;
}

/* ON STATE START */
.webpage .main_menu li.on div
{
	background:url("../../media/png/tear_on.png") top right repeat-y;
	color:#00FF00;
}

.webpage .main_menu li.on
{
	background:url("../../media/gif/main_menu_arrow_on.gif") top left repeat-y;
}


.webpage .main_menu li.on a:hover
{
	color:#E9541F;
}

/* ON STATE FINISH */

.webpage .main_menu li div a
{
	padding-left:0px;
	padding-right:10px;
	display:block;
}

.webpage .main_menu a
{
	color:#fff;
	text-decoration:none;
}

.webpage .main_menu a:hover
{
	color:#000066;
}

.webpage .main_menu_col
{
	margin-top:5px;
	float:left;
	width:25%;
}

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

SUB NAV

*********************************/
.sub_nav_container ul
{
	list-style-type:none;
	list-style-position:outside;
	margin:0px;
	padding:0px;
}
.selected ul
{
	padding-bottom:2px;
	margin-bottom:4px;
	border-bottom:1px dotted #3387CE;
}

.webpage .sub_nav_container li
{
	margin:0px 0px 0px 10px;
	padding:0px;
}
.webpage .sub_nav_container li li
{
	margin-left:0px;
	font-size:100%;
}
.wrapper
{
	line-height:100%;
	padding:5px;
	margin:0px 0px 1px 0px;
	background-color:#141D5E;
	position:relative;
}

/*SUB ARROW OFF*/
.webpage .sub_nav_col li a
{
	background:url("../../media/gif/sub_arrow_on.gif") center left no-repeat;
	color:#fff;
	text-decoration:none;
	padding:0px 0px 1px 17px;
	margin:0px 0px 0px 0px;
	font-weight:100;
	display:block;
}
.webpage .sub_nav_col li a.current
{
	color:#E9541F;
	background:url("../../media/gif/sub_arrow_on.gif") center left no-repeat;
}
.webpage .sub_nav_col a.on
{
	background:url("../../media/gif/sub_arrow_off.gif") center left no-repeat;
}

.webpage .sub_nav_col li a:hover
{
	color:#E9541F;
}

/* SORTING OUT SUB NAV A COLOUR TEST 01*/
.webpage .sub_nav_col li.selected ul li a
{
	color:#141D5E;
}

.webpage .sub_nav_col li.selected ul li ul li a
{
	color:#141D5E;
}

.selected .wrapper,
.selected li.selected .wrapper,
.selected li.selected li.selected .wrapper
{
	background-color:#3387CE;
}


/* THIS ONE */
.selected li .wrapper,
.selected li.selected li .wrapper
{
	background-color:#CFDBF1;
	/*background-color:#FFFF00;*/
}


.webpage .sub_nav_col li.selected a
{
}

.webpage .mtl,
.webpage .mtr,
.webpage .mbl,
.webpage .mbr
{
	position:absolute;
	width:5px;
	height:5px;
	overflow:hidden;
	background-color:#FF0000;
	margin:0px;
	padding:0px;
	background:url("../../media/gif/s_menu_corner.gif") 0 0 no-repeat;/**/
}
.webpage .mtl
{
	top:0px;
	left:0px;
	background-position:-4px -4px;
}
.webpage .mtr
{
	top:0px;
	right:0px;
	background-position:0px -4px;
}
.webpage .mbl
{
	bottom:0px;
	left:0px;
	background-position:-4px 0px;
}
.webpage .mbr
{
	right:0px;
	bottom:0px;
}

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

PAGE TITLE

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

.webpage .page_title
{
	position:relative;
	margin:0px 10px 0px 10px;
	background-color:#006666;
	background:url("../../media/gif/page_title_bg.gif") top left repeat;/**/
}
.webpage .title_container
{
	padding:0px 5px 0px 5px;
}

.webpage .page_title .mtl,
.webpage .page_title .mtr
{
	position:absolute;
	width:5px;
	height:5px;
	background-color:#CC0000;
	margin:0px;
	padding:0px;
	background:url("../../media/gif/s_menu_corner.gif") 0 0 no-repeat;/**/
}
.webpage .page_title .mtl
{
	top:0px;
	left:0px;
	background-position:-4px -4px;
}
.webpage .page_title .mtr
{
	top:0px;
	right:0px;
	background-position:0px -4px;
}

.webpage .page_title h1
{
	color:#FFFFFF;
	margin-right:15px;
	padding-bottom:5px;
}

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

GOOGLE MAP

*********************************/
.webpage .map_title
{
	position:relative;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#006666;
	background:url("../../media/gif/page_title_bg.gif") top left repeat;/**/
}

.webpage .map_title .mtl,
.webpage .map_title .mtr
{
	position:absolute;
	width:5px;
	height:5px;
	background-color:#CC0000;
	margin:0px;
	padding:0px;
	background:url("../../media/gif/s_menu_corner.gif") 0 0 no-repeat;/**/
}
.webpage .map_title .mtl
{
	top:0px;
	left:0px;
	background-position:-4px -4px;
}
.webpage .map_title .mtr
{
	top:0px;
	right:0px;
	background-position:0px -4px;
}

.webpage .map_title .container
{
	/*width:25%;*/
}

.webpage .map_title h1
{
	color:#ffffff;
	margin:0px 0px 0px 10px;
/*	padding:0px 0px 5px 25px;*/
	padding:0px 25px 5px 0px;
	text-align:right;
/*	background:url("../../media/gif/sub_arrow_on.gif") left no-repeat;*/
}
/*#googlemap
{
	margin-left:10px;
}*/
.webpage .map_holder
{
	/*border:10px solid #3387CE;
	width:100%;*/
	background-color:#3387CE;
	margin-left:10px;
}

.webpage .map
{
	border-top:10px solid #3387CE;
	border-bottom:10px solid #3387CE;
	width:auto;
	margin:-10px 10px 0px 10px;
	height:400px;
}
/********************************

MAIN BANNER

*********************************/
/* HOMEPAGE BANNER */
.dynamic_flash_banner
{
	padding-left:10px;
	padding-right:10px;
}
.homepage_banner
{
	width:100%;
	height:177px;
	overflow:hidden;
	position:relative;
	margin-bottom:10px;
}
.homepage_banner img
{
	padding:0px;
	margin:0px;
	position:absolute;
}
.homepage_banner .tape_title
{
	position:absolute;
	top:5px;
	left:0px;
	background:url("../../media/png/tear_on_LARGE.png") top right repeat-y;
}
.homepage_banner h1
{
	padding:5px 40px 5px 20px;
	margin:0px;
	color:#E9541F;
	font-size:150%;
}
.homepage_banner h1 a
{
	padding:0px;
	margin:0px;
	color:#E9541F;
	text-decoration:none;
}
.homepage_banner h1 a:hover
{
	color:#fff;
}
.homepage_banner h1 span
{
	background-color:#141D5E;
}
.homepage_banner .base
{
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	background:url("../../media/png/HP_banner_base.png") top right;
	/*background:url("../../media/gif/HP_banner_base.gif") top right;*/
}
.homepage_banner .base h2
{
	color:#fff;
	font-size:110%;
	line-height:105%;
	padding-bottom:2px;
	margin-top:2px;
}

/* HOMEPAGE BANNER */





.webpage .homepage_flash_banner
{
	width:auto;
	margin-left:10px;
	margin-bottom:10px;
}
.webpage .nonflash_banner img_holder
{
	/*position:relative;*/
	width:100%;
	padding:0px;
	margin:0px;
}

.webpage .nonflash_banner
{
	min-height:177px;
	width:auto;
	/*
	margin-left:10px;
	margin-bottom:10px;
	*/
	background-color:#E9541F;
}


.webpage .nonflash_banner img
{
	width:100%;
	height:auto;
	padding:0px;
	margin:0px;
}
/**/

.webpage .nonflash_banner .main_menu_col
{
	width:100%;
	position:absolute;
}

.webpage .nonflash_banner .main_menu li
{
	color:#E9541F;
	padding:0px 0px 0px 0px;
	background-image:none;
}

.webpage .nonflash_banner .main_menu li.on div
{
	color:#FF0000;
	background:url("../../media/png/tear_on_LARGE.png") top right repeat-y;
}

/* ON STATE FINISH */
.webpage .nonflash_banner .main_menu li div a
{
	padding-left:10px;
	padding-right:10px;
	display:block;
}

.webpage .nonflash_banner .main_menu a
{
	padding-left:10px;
	color:#E9541F;
	text-decoration:none;
}

.webpage .nonflash_banner .main_menu a:hover
{
	color:#FFF;
}

/* BANNER TEXT */
/*
.webpage .quote_banner
{
	float:right;
	background:url("../../media/gif/estimate_banner_bg.gif") top left repeat;
	padding:10px;
	margin:0px 10px 0px 10px;
}

.webpage .quote_banner h1
{
	color:#E9541F;
	padding:0px 0px 12px 0px;
}

.webpage .quote_banner h3
{
	margin:0px 0px 0px 5px;
	padding:0px 0px 0px 0px;
}
*/


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

QUOTE BANNER

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

.webpage .quote_banner
{
	float:right;
	background:url("../../media/gif/estimate_banner_bg.gif") top left repeat;
	padding:10px;
	margin:0px 10px 0px 10px;
}

.webpage .quote_banner h1
{
	color:#E9541F;
	padding:0px 0px 12px 0px;
}

.webpage .quote_banner h3
{
	margin:0px 0px 0px 5px;
	padding:0px 0px 0px 0px;
}

.webpage .quote_banner input
{
	padding:0px 0px 0px 0px;
	margin:5px 0px 10px 0px;
}

.webpage .quote_banner input.button
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:80%;
	background-color:#141D5E;
	color:#fff;
	padding-bottom:25px;
}

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

** SPECIAL OFFERS BANNER **

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

.webpage .special_offers_banner
{
	width:auto;
	min-height:177px;
	background:url("../../media/gif/special_offers_banner.gif") top left repeat;
	padding:0px;
	margin-bottom:10px;
	display:none;
}

.webpage .special_offers_banner .special_offers_banner_text
{
	min-height:157px;
}

.webpage .special_offers_banner .a_container
{
	padding:0px;
	margin:0px;
	height:20px;
	width:100%;
	background:url("../../media/png/offers_link_bg.png") bottom left repeat-x;
}

.webpage .special_offers_banner a
{
	color:#fff;
	float:right;

	margin:0px 0px 0px 0px;
	padding:2px 10px 0px 0px;
	font-size:60%;
}

.webpage .special_offers_banner h1
{
	color:#141D5E;
	padding:10px 0px 0px 10px;
}

.webpage .special_offers_banner h3
{
	margin:0px 0px 0px 10px;
	padding:0px;
	color:#FFFFFF;
	font-size:90%;
}

.webpage .special_offers_banner p
{
	color:#FFFFFF;
	font-size:70%;
	margin:0px 10px 10px 10px;
	padding:0px 0px 0px 0px;
}

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

FOOTER BANNERS

*********************************/
.webpage .one_col_wide .one_col_banner
{
	width:auto;
	margin-left:10px;
	display:none;
}

.webpage .one_col_wide .one_col_banner img
{
	width:96%;
	padding:0px;
	margin:0px;
	display:none;
}

.webpage .one_col_wide .page_border
{
	width:96%;
}

.webpage .one_col_wide .one_col_banner p
{
	padding:0px 5px 20px 0px;
}

.webpage .one_col_wide .banner_arrow_holder
{
	width:30px;
	float:right;
	padding-bottom:20px;
	margin-right:10px;
}

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

FOOTER

*********************************/
.webpage .footer a
{
	padding:0px 0px 0px 0px;
	color:#FFFFFF;
	text-decoration:underline;
}

.webpage .footer p
{
	padding:0px 0px 0px 10px;
	color:#141D5E;
	font-size:70%;
}
.webpage .footer
{
	width:100%;
	background-color:#E9541F;
	padding-bottom:10px;
	overflow:hidden;
}

.footer_img_holder_left
{
	width:235px;
	float:left;
	overflow:hidden;
}

.footer_img_holder_right
{
	width:235px;
	float:right;
	padding-right:10px;
	overflow:hidden;
}

.footer_border
{
	width:100%;
	/*border-bottom-style:dashed;*/
	height:1px;
	background:url("../../media/gif/footer_border_dash.gif") top repeat-x;
	margin-bottom:10px;
	overflow:hidden;
}

.breadcrumb a:hover
{
	color:#141D5E;
}

.webpage .breadcrumb ul
{
	list-style-type:none;
	font-size:100%;
	list-style-position:outside;
	margin:0px;
	padding:0px;
}

.webpage .footer .breadcrumb li
{
	float:left;
	color:#fff;
}

.webpage .footer .links a,
.webpage .footer .links p
{
	color:#141D5E;
}

.webpage .footer .site_credits
{
	float:left;
	height:25px;
}

.webpage .footer .tga_logo
{
	float:left;
	background:url("../../media/gif/GA_logo.gif") no-repeat left top;
	display:block;
	height:23px;
	width:24px;
	margin:0px;
	padding:0px 0px 0px 0px;
}
/********************************

PAGE FLASH TITLE

*********************************/
.webpage .page_title
{
	position:relative;
	margin:0px 0px 10px 10px;
	padding:0px;
}
.webpage .page_title .container
{
	width:100%;
	margin:0px;
	padding:0px;
	background-color:#006666;
	background:url("../../media/gif/page_title_bg.gif") top left repeat;/**/
}

.webpage .page_title .mtl,
.webpage .page_title .mtr
{
	position:absolute;
	width:5px;
	height:5px;
	background-color:#CC0000;
	margin:0px;
	padding:0px;
	background:url("../../media/gif/s_menu_corner.gif") 0 0 no-repeat;/**/
}
.webpage .page_title .mtl
{
	top:0px;
	left:0px;
	background-position:-4px -4px;
}
.webpage .page_title .mtr
{
	top:0px;
	right:0px;
	background-position:0px -4px;
}
.webpage .page_title h1
{
	color:#ffffff;
	margin:0px 0px 0px 10px;
	padding:0px 25px 5px 0px;
}

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

CONTACT FORM

*********************************/
.contact_form
{

}
.contact_form table
{
}
.webpage .contact_form td
{
	border:0px;
	padding:0px;
	font-size:100%;
}
.webpage .contact_form td p
{
	font-size:100%;
	padding:0px;
}
.webpage .contact_form input,
.webpage .contact_form textarea
{
	width:250px;
}
.webpage .contact_form .radio
{
	width:15px;
	margin-bottom:10px;
	margin-right:5px;
	border:0px;
	float:left;
}
.webpage .contact_form label
{
	margin-left:20px;
	margin-bottom:10px;
}
.webpage .contact_form .formsubmit
{
	background-color:#141D5E;
	color:#FFFFFF;
	cursor:pointer;
}
.webpage .contact_form .formsubmit:hover
{
	background-color:#E9541F;
	color:#FFFFFF;
}


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

MISC

*********************************/
.page_border
{
	width:100%;
	height:1px;
	background:url("../../media/gif/border_dash.gif") bottom repeat-x;
	margin-bottom:10px;
}

#template_2_col_1 img
{
	padding-top:10px;
	padding-bottom:0px;
	margin-left:10px;
	margin-right:10px;
	width:95%;
}

.sizeEstimator
{
	padding:0px;
	margin:0px;
}