/* ---------------------------------------------------------------------------------- */
/* CSS Document - last updated: 27/01/2009																						*/

/* All About Fun																																			*/
/* Author: Webnetism (www.webnetism.co.uk)																						*/

/* layout_control.css																																	*/
/* Media: screen																																			*/
/* ---------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------- */
/* Main layout properties																															*/
/* ---------------------------------------------------------------------------------- */

body { margin: 10px }

td { text-align: left; vertical-align: top; }	

img { border: none; }

.h_right { text-align: right; }
.v_middle { vertical-align: middle; }
.v_bottom { vertical-align: bottom; }
.h_center { text-align: center; }

.noborder { border: none; }

.bg_blue { background-color: #0070ba; }
.bg_bluegrey { background-color: #648397; }
.bg_green { background-color: #b9c533; }
.bg_orange { background-color: #f46425; }
.bg_white { background-color: #fff; }

.border_orange { border: 2px solid #f46425; }
.border_white { border: 2px solid #fff; }

.bd_bottom_blue { border-bottom: 1px solid #0070ba; }
.bd_bottom_green { border-bottom: 1px solid #b9c533; }
.bd_bottom_orange { border-bottom: 1px solid #f46425; }
.bd_bottom_white { border-bottom: 1px solid #fff; }

.wrapper {	
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}

.width980 { width: 980px; background-color: #535252; }

.cpanel {
	width: 180px;
	margin: 20px 8px 0 400px;
	text-align: right;
}

.leftmenu { width: 163px; margin: 0 0 0 10px; }
.leftmenu td { margin: 0 0 0 10px; padding: 3px 0 3px 11px; }

.small_image_white_border {
	width: 124px;
	border: solid 4px #ffffff;
}

.footer td { padding: 20px 20px 10px 20px; font-size: 11px; }

/* ---------------------------------------------------------------------------------- */
/* Text properties																																		*/
/* ---------------------------------------------------------------------------------- */

body, td, th {
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #fff;
}

h1 {
	margin: 0px;
	padding: 0px;
	font-size: 30px;
	font-weight: bold;
}

h2 {
	margin: 0px;
	padding: 0px;
	font-size: 18px;
	font-weight: bold;
	color: #b9c533;
}

.bold { font-weight: bold; }

.font10 { font-size: 10px; }
.font11 { font-size: 11px; }
.font12 { font-size: 12px; }
.font13 { font-size: 13px; }
.font14 { font-size: 14px; }
.font15 { font-size: 15px; }
.font16 { font-size: 16px; }
.font17 { font-size: 17px; }

.txt_default { color: #fff; }
.txt_blue { color: #0072bb; }
.txt_green { color: #b9c533; }
.txt_grey { color: #535152; }
.txt_orange { color: #f46425; }
.txt_white { color: #fff; }

.txtcall {
	font-size: 25px;
	font-weight: bold;
	color: #f36523;
}

.txttel {
	font-size: 25px;
	font-weight: bold;
	color: #fff;
}

.txtforfun {	
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}

.txtstrapline {
	font-size: 18px;
	font-weight: normal;
	font-style: italic; 
	color: #fff;
}

/* ---------------------------------------------------------------------------------- */
/* Links properties																																		*/
/* ---------------------------------------------------------------------------------- */
a { text-decoration: none; color: #fff; }
a:hover { text-decoration: underline; color: #fff; }

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

a.link_noline { text-decoration: none; color: #2e3192; }
a.link_noline:hover { text-decoration: none; color: #fff; background-color: #2e3192; }

a.link_blue { font-weight: bold; text-decoration: none; color: #0070ba; }
a.link_blue:hover { font-weight: bold; text-decoration: underline; color: #0070ba; }

a.green_link { font-weight: normal; text-decoration: none; color: #b9c533; }
a.green_link:hover { font-weight: normal; text-decoration: underline; color: #b9c533; }

ul.ul_leftmenu { list-style: none; margin: 0 0 5px 0; padding: 0; font-size: 12px; }
ul.ul_leftmenu li { margin: 0; padding: 4px 0 4px 0; }
ul.ul_leftmenu li a { text-decoration: none; color: #fff; }
ul.ul_leftmenu li a:hover { text-decoration: underline; color: #fff; }

ul.ul_productlist { list-style: none; margin: 5px 0 5px 0; padding: 0; font-size: 12px; }
ul.ul_productlist li { margin: 0; padding: 4px 0 4px 10px; }
ul.li_blueline li { border-bottom: 1px solid #0070bb; }
ul.li_greenline li { border-bottom: 1px solid #b9c533; }
ul.li_orangeline li { border-bottom: 1px solid #f46425; }
ul.li_whiteline li { border-bottom: 1px solid #fff; }
ul.ul_productlist li a { text-decoration: none; color: #fff; }
ul.ul_productlist li a:hover { text-decoration: underline; color: #fff; }

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

/* ---------------------------------------------------------------------------------- */
/* Form layout properties																															*/
/* ---------------------------------------------------------------------------------- */
input, select { border: 1px solid #a5acb2; padding: 0 0 0 3px; }

/* font-family and fontsize controller for all */
.field50, .field60, .field70, .field150, .field200, .field250, .field280 { font-family: arial, sans-serif; font-size: 11px; }

.field50 { width: 50px; }
.field60 { width: 60px; }
.field70 { width: 70px; }
.field150 { width: 150px; }
.field200 { width: 200px; }
.field250 { width: 250px; }
.field280 { width: 280px; }

.product_image_border { 
	width: 128px;
	padding: 4px;
	background-color: #fff;
	margin: 0px 15px 25px 0px;
}

.style1 { font-size: xx-small; color: #CCCCCC; }