@charset "utf-8";
/* CSS template */
.main-hide{display:none;}
*{ padding: 0;  margin: 0; border: 0 none; }
html{ box-sizing: border-box; padding: 0;  }
*, *:before, *:after { box-sizing: border-box; }
#hidehtml{display:none;}
#showhtml{display:block;}
.clearfloat{clear:both;}
.clearafter:after { content: ''; display: block; clear: both; }
.nofloat{float:none!important;}
body{ background-color: #FFF; width: 100%; height : 100%; min-height: 100%; text-align: center; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; text-rendering: optimizelegibility;  }
body {
  -webkit-animation-duration: 0.1s;
  -webkit-animation-name: fontfix;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 0.1s;
}

@-webkit-keyframes fontfix {
  from { opacity: 1; }
  to { opacity: 1; }
}

.cloak ,.cloak2{ display: none; z-index: 1000; position: fixed; top: 0; left: 0; background-color: transparent; width: 100%; height: 100%; padding-bottom: 200px; }

/* ------------------------- Common ------------------------*/
img {border: 0 none;}
#wrapper { box-sizing: border-box; display: block; min-height: 100%; margin: 0 auto; position: relative; text-align: center; width: 100%; }
.bodyContainer{ width: 100%; text-align: left; display: block; clear: both;	/*padding-bottom:140px;*/ text-decoration: none; }
.bodyContainer02{ display: block; float: left; height: 100%; margin: 0 auto; text-align: center; width: 100%; position: relative; }
.middle {}
.topScroll{margin-top:10px;font-size: 10px;color: #999;border-top: 1px dotted #999;text-align: right;}
.content{float:left;width:100%;max-width:100%;}
.featured_left{text-align:left;overflow:hidden;}
.column {width:33.3333%;float:left;}
.margin01 { margin:2%;}


.footerOuter, .bodybox, .copyrightContent, .headerOuter{width:100%;margin: 0 auto;}
 
 
/* ------------------------- Header ------------------------*/
.above_content_wrapper { float: left; width: 100%; }
.above_content_right{ float: right; height: auto; text-align: right; width: 100%; }
.header { width: 100%; float: left; margin: 0 auto; text-decoration: overline; }
.headerInner { float: left; width: 100%; background-size: auto; text-decoration: none; }
#logo-L{float:left;}
.headerColumnLeft, .headerColumnMiddle{ display: inline-block; float: left; text-align: left; min-width: 33%; }
.headerColumnRight { display: inline-block; float: right; text-align: left; min-width: 33%; }
#logoimg{ max-width: 100%; height: auto; }
.headerInnerbottom { float: left; width: 100%; }
.headermiddleBottom{ min-width: 33%; max-width: 50%; margin-left: auto; margin-right: auto; text-decoration: none; }
.headerrightBottom{ float: right; min-width: 33%; text-decoration: none; 	}
.headerleftBottom{ float: left; min-width: 33%; }
.headertextposition_LB{}
.headertextposition_LB{float:left;}
.headertextposition_LT{float:left;}
.headertextposition_RT{float:right;}
.headertextposition_RB{float:right;}
.headertextposition_L{float:left;}
.headertextposition_C{}
.headertextposition_R{float:right;}

/* -------------------------Navigation Menu in menu css ------------------------*/

/* ------------------------- Top Banner ------------------------*/

.topbanner {
    background-size: auto 100%;
    clear: both;
    margin: 0 auto;
    text-align: center;
	width:100%;
}
.topbanner-right{
	float:right!important;
	width:30%;
	}
.topbanner-center{	
overflow:hidden;
margin-right:auto;
margin-left:auto;
	float:left;
	width:30%;
	}
.topbanner-left{
	float:left;
	width:30%;
}
.topbanner-center .bannerimg{
	width:100%;
	height: 100%;
	overflow: hidden;
	text-align: center;
	margin: 0 auto;
	}
.bannerimg #bannerimg{
 	display: block;
    width: 100%;
	}
.bannerleft{
	height:20em;
	width:28%;
	float: left;
	background-color: #FFFFFF;

	}
.bannerheading{
	font-size:1.5em;
	margin-top: 35%;
	padding-left: 15%;
	}
.banner-text{
	position: relative;
	background:rgba(255,255,255,0.4);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr=#40FFFFFF,EndColorStr=#40FFFFFF)";
	margin:-40px auto 0 auto;
	max-width:960px;
	font-size:.9em;
	z-index:100000;
	}

.banner-text-abs{position:absolute;top:0;}
.banner-text-rel{position:relative;}

/* ------------------------- Content ------------------------*/
.bodybox {min-height:100%;}
.hideme{display:none;}
.maincontainer { float: left; height: 100%; min-height: 550px; text-align: left; width: 100%; }
.mainContent{ height: 100%; float: left; position: relative; width: 100%; }
.itemouter, .item {float:left;width:100%;}
.item_left{float:left; margin-top: 2px;padding:10px;}
.item_left .featured_image{margin-right:5px;margin-top:10px;}}
.item_right{float:right;margin-top: 12px;padding:10px;}
.item_top{/*float:left;margin-top:10px;*/overflow:hidden;}
.item_bottom{float:left; width:100%;}
.item_left_widget{float:left; margin-top: 12px;}
.item_right_widget{float:right;margin-top: 12px;}
.item_top_widget{float:left; width:100%;}
.item_bottom_widget{float:left; width:100%;}
.imagecont1{float:left;padding:1%;}
.imagecont2{float:left;padding:1%;}
.imageclear{clear:both;height:0;}
.additionalimages {float: left;}
.extra_col_right{margin-right:.5%!important;}
.additionalimages img { height: auto; width: 100%; display: block; }

.column {
    float: left;
    width: auto;
}
.column1 {
    float: left;
    width: 100%;
}
.column90 {
    float: left;
    width: 90%;
}
.column2 {
    float: left;
    width: 50%;
}
.column40 {
    float: left;
    width: 40%;
}
.column60 {
    float: left;
    width: 60%;
}
.column55 {
    float: left;
    width: 55%;
}
.column45 {
    float: left;
    width: 45%;
}
.column3 {
    float: left;
    width: 33%;
}
.column4 {
    float: left;
    width: 25%;
}
.column5 {
    float: left;
    width: 20%;
}
.column6 {
    float: left;
    width: 16.6%;
}
.column7 {
    float: left;
    width: 10%;
}
.columnSpan3 {
    float: left;
    width: 66%;
}
.column60{
    float: left;
    width: 60%;
}
.column45{
    float: left;
    width: 45%;
}
.column40{
    float: left;
    width: 40%;
}
.column30{
    float: left;
    width: 30%;
}
.column20{
    float: left;
    width: 20%;
}

/* ------------------------- home page featured product Content ------------------------*/


.featured_Item_Container{
	margin: 10px 0;
	 width:100%;
	 display:inline-block;
	 background-color:#FFF;
}
.featured_Item_Container .cont{
	display:table;
	float:left;
	}
.featured_Item_Container .cont{
	float:left;
	padding:5px;

	}
.featured_Item{
	display:table;
	width:100%;
	}
.extra_container{float:left;}
.clearnext{clear:both;}
.featured_Item_panel{
   
    box-sizing: border-box;
    float: left;
    margin-bottom: 10px;
	margin-left: 1%;
    padding: 15px;
    text-align: left;	    
}
.featured_Item_text_panel{
	 background-color: #eeeeee;
    box-sizing: border-box;
    float: left;
    margin-bottom: 10px;
	margin-left:.5%;
    padding: 15px;
    text-align: left;
	}

.two_col_featured_nth:nth-child(3n){
	margin-left:0;
	
	}
.featured_inner_block:first-child{
	margin-left:0;
}

.featured_Item .prod_name a{
	font-size: 16px;
    color: #0b86c1;
    font-weight: bold;
    text-decoration: underline;
}
.featured_Item .prod_size{
	color: #666;
    font-size: 12px;
	height:15px;
}
.featured_Item .prod_descr_short{
	color: #666;
    font-size: 14px;
	line-height: 150%;
	
}

.featured_prod {
	background-color: #cc0000;
	color: #fff;
	padding: 5px 7px;
	position: absolute;
	font-size: 14px;
	text-transform: uppercase;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;	
}
.featured_prod_img { float: left; overflow: hidden; width: 100%; 
}
/* ------------------------- finish home page featured product Content ------------------------*/

/* ------------------------- category product Content ------------------------*/
.prod_name {
    color: #0b86c1;
    float: left;
    font-size: 16px;
    font-weight: bold;
    margin-top: 5px;
    min-height: 45px;
    width: 100%;
}
.prod_descr_short {
    width: 100%;
	font-size: 12px;
	margin: 5px 0;
}


.one_column_product{
	float:left;
    background-color: #eeeeee;
	padding: 15px 0;
	margin-bottom:10px;
	
}
.product_details_productdetail .column-left{width:40%;float:left;}
.one_col .productleftcolumn{
	width:20%;
	}
.one_col .productrightcolumn{
	width:79%;
	min-height:0;
	}
.one_col .productinfo{
	width:20%;float:left;}
.one_col .prod_description{
	width:78%;float:left;text-align:left;}
.product_product{
    background-color: #eeeeee;
    box-sizing: border-box;
    float: left;
    margin-bottom: 10px;
    padding: 15px;
    text-align: left;	
}

.prod_heading_outer {
    float: left;
    width: 100%;
}
.productrightcolumn{
	float:left;
	width:75%;
}
.productleftcolumn{
	float:left;
	width:25%;
	min-height: 150px;
}
.prod_heading{
	float:left;
	width:100%;
	height:55px;
    margin: 5px 0 0 0;
}
.prod_heading h3 {
    font-size: 16px;
	font-weight: bold;
}
.prod_heading h3 a {
    color: #0b86c1;
    font-weight: bold;
    text-decoration: underline;
}
.productinfo a{
	color: #333;
	text-decoration: none;
}

.prod_heading h5{

}
.prod_model {
    float: left;
    width: 100%;
	margin: 0 auto;
}

.prod_model h5 a, .prod_size p{
	font-size: 14px !important;
	font-weight: normal;
	color: #333;
    text-align: center;
}
.prod_model h5 {
    font-size: 12px;
	margin:0;
}
.prod_description{
	float:left;
	width:100%;
}
.one_column .prod_description{
	float:left;
	width:100%;	
}
.product .prod_description{
	overflow:hidden;
}

.product_productdetail .prod_description{height:auto;}
.product_details .prod_description{
    float: left;
    margin-top: 20px;
    width: 100%
}
.product-enquiry, .installation-quote, .order-now, .add-to-cart, .enquiries {
    -moz-user-select: none;
    background-color: #0b86c1;
    border: 1px solid #FFF;
    border-radius: 3px;
    color: #ffffff !important;
    cursor: pointer;
    display: inline-block;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    margin: 0 !important;
    padding: 8px 10px 10px 10px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-rendering: optimizelegibility;
    transition: all 0.15s ease 0s;
    vertical-align: middle;
    white-space: normal;
    width: 100%;
}
.prodbuttons >div{    -moz-user-select: none;
    background-color: #0b86c1;
    border: 1px solid #FFF;
    border-radius: 3px;
    color: #ffffff !important;
    cursor: pointer;
    display: inline-block;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    margin: 0 !important;
    padding: 8px 10px 10px 10px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-rendering: optimizelegibility;
    transition: all 0.15s ease 0s;
    vertical-align: middle;
    white-space: normal;
    width: 100%;}
.prodbuttons >div h3 a {color: #ffffff !important;}
.product-enquiry:hover, .installation-quote:hover, .order-now:hover, .add-to-cart:hover {
	background-image:linear-gradient(transparent, rgba(0, 0, 0, 0.08) 60%, rgba(0, 0, 0, 0.2))
}
.order-now h3 { margin: 0 !important;} 
.product-enquiry h3, .installation-quote h3 { font-size:14px; margin:8px 0;}
.product-enquiry a, .installation-quote a, .order-now a, .add-to-cart a {
    background-position: left center;
    background-repeat: no-repeat;
    color: #ffffff !important;
    font-size: 14px !important;
    padding: 0 0 0 20px;
	text-decoration: none !important;
}
.product-enquiry a {padding: 0 0 0 23px;}
.order-now a, .add-to-cart a {font-size:22px !important; }
.product-enquiry a{background-image: url("/public/view/theme/master/style/images/i-order-white.png")!important;}
.installation-quote a{background-image: url("/public/view/theme/master/style/images/i-quote-white.png")!important;}
.prod_description p {}
.productimage{
	overflow:hidden;
	float:left;
	width:80%;
	min-height:150px;
	margin: 0 9% 11px;
	
}
.one_column_product img{
	width:100%;
	height:auto!important;
	max-height:100%;
	
}
.product_product img{
    height: auto !important;
    max-height: auto;
   max-width: 100%;	
   width:auto;
}
.extraprodopts{
	float:left;
	width:100%;
	
}
.extraprodopts-right-top{
float:right;
width:100%;
}

.extraprodopts a{
	line-height: 180%;

}
.extraprodopts .extrainner{
	float:left;
	
}
.prodbuttons {
    float: left;
    margin: 10px 0 0 0;
    width: 100%;
}
.one_column .prodbuttons{
	width:100%;
	line-height: normal;
}
.product .prodbuttons{
    line-height: normal;
    
    width: 100%;
}



/* Details */
.product_details_productdetail .prod_detail_heading{
	margin:0;
	float:left;
	width:100%;
	
}
.product_details_productdetail .prod_heading {
	height:auto;
}

.product_details_productdetail .prod_detail_heading{
	margin:0;
	float:left;
	width:100%;
	
}


.product_details_productdetail .prod_heading{
	margin:0;
	float:left;
	width:100%;
	
}
.product_productdetail .prod_heading{
	margin:0;
	float:left;
	width:100%;
	
}
.product_productdetail .prod_heading{
	margin:0;
	float:left;
	width:100%;
	
}

.product_details_productdetail .prod_model{
	text-align:left !important;
	float:left;
	width: 100%;
	height:auto;
}
.product_details_productdetail .prod_model{
	text-align:left !important;
	float:left;
	width: 100%;
	height:auto;
}

.product_details_productdetail .prodbuttons a{
	width: 100%;
	
}
.product_details_productdetail .prodbuttons a{
	width: 100%;
	text-decoration: none !important;
}
.product_details_productdetail .prodbuttons {
	font-size:12px;
	float:right;
	width: 100%;
	
}
.oproduct_productdetail .prodbuttons {
	font-size:12px;
	float:right;
	width: 100%;
	
}

.product_details_productdetail .product-enquiry{
	width: 100%;
	
}
.product_details_productdetail .product-enquiry{
	width: 100%;
	
}
.product_details_productdetail .installation-quote{
	width: 100%;
	
}
.product_productdetail .installation-quote{
	width: 100%;
	
}
.product_details_productdetail  .prod_price{
	width:50%;
	height:auto;
	margin: 10px 0;
}
.product_productdetail .prod_price{
	width:50%;
	height:auto;
	margin: 10px 0;
}
.product_details_productdetail  .prod_price h5{
    font-size: 16px;
    font-weight: bold;
}
.product_productdetail .prod_price h5{
    font-size: 16px;
    font-weight: bold;
}
.product_details_productdetail  ul{
	padding:0;
	margin:0!important;
	list-style-type: none;	
}
.product_productdetail ul{
	padding:0;
	margin:0!important;
	list-style-type: none;	
}
.product_details_productdetail  li{
	padding:0;
	margin:0!important;
	
}
.product_productdetail li{
	padding:0;
	margin:0!important;
	
}
.proddesc_title{
	font-weight: bold;
	padding-top: 7px !important;
}
.proddesc_title, .proddesc_value{}
.item.product_details_productdetail.mobile_col h3 a {
	text-decoration: underline;
	font-size: 18px;
	text-transform: capitalize;
}

.prod_detail_heading .prod_heading h3{text-decoration:none !important; color: #0b86c1; font-size: 22px}
.product_details_productdetail  h5{
    color: #333;
    font-size: 14px;
    font-weight: normal;
    margin: 0 !important;
}
.product_productdetail h5{
    color: #333;
    font-size: 14px;
    font-weight: normal;
    margin: 0 !important;
}
.product_details_productdetail  iframe, oproduct_productdetail iframe{padding:0;}
.product_details_productdetail  .column-right {
    float: right;
    width: 53%;
}
.product_productdetail .column-right {
    float: left;
    width: 60%;
    padding-left: 3%;
}
.product_details .column-right {
    float: left;
    width: 60%;
    padding-left: 3%;
}

.product_details_productdetail  .column-left{
    border-right: 1px solid #CCC;
	float:left;
    padding-right: 3%;
	width:40%;
	height:100%;
	padding-bottom:15px;
	
}
.product_productdetail .column-left{
    border-right: 1px solid #CCC;
	float:left;
    padding-right: 3%;
	width:40%;
	height:100%;
	padding-bottom:15px;
	
}
.prod_size.mobile_col {
    float: left;
    width: 100%;
}
.columnBuy{
		float:left;
		}
/* video */
.videoWrapper {
	background-color:black!important;
	width:100%;
	position: relative;
	padding-bottom: 56.25%;  /* 16:9 */
	/*padding-bottom: 100%; /* 4:3 */
	padding-top:60px;
	height: 0;
}
.videoWrapper iframe {
	padding:0 10px 0 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.videoWrapper object {
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%!important;
	height: 100%!important;
}
.videoWrapper video {
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%!important;
	height: 100%!important;
}

.pagevideo_cont{
	float:left;
	width:100%;
	height:25%;

}
.extraprodopts{
	height: 100%;
}

/* ------------------------- Main Content for sidebars ------------------------*/
.maincontent{height:100%;min-height:100%;position: relative;}

.maincontentnone{padding-bottom:3%;height:100%;min-height:100%;}

.maincontentleft{
    box-sizing: border-box;
    float: left;
    height: 100%;
    min-height: 100%;
    width: 100%;
}
.maincontentright{
	height:100%;
	min-height:100%;
	position: relative;
}
.maincontentboth{
	overflow:hidden;
}
.maincontentOuter{
	height:100%;
	min-height:100%;
	position: relative;
	


}

.maincontentOuternone{
	padding-bottom:3%;
	height:100%;
	min-height:100%;
}

.maincontentOuterleft{
    float: left;
    height: 100%;
    min-height: 100%;
    width: 75%;

}
.maincontentOuterright{
	height:100%;
	width:70%;
	min-height:100%;
	position: relative;
	
}
.maincontentOuterboth{
	overflow:hidden;
}
.outercolumn {
	position:relative;
	overflow:hidden;
}

/*  ------------------------ side panels -------------------------     */	

.outerpanel_left-sidebar  {
	float: left;
	width: 25%;
	max-width:280px;
	position:relative;
	z-index:1;
}
.outerpanel_right-sidebar {
	float: right;
	width: 25%;
	position:relative;
	z-index:1; 
}
.leftinner{
    float: left;
    
    padding: 0 20px 10px 0;
    position: relative;    
}
.rightinner{
    float: left;
    
    padding: 0 0 10px 20px;
    position: relative;    
}
.leftpanel img, .rightpanel img{width: 100%;}
.headertextposition_left-sidebar{margin: 2%;}
/*------------------------------ blog ---------------------------------*/
.menutop{
	width:100%;
	min-height:40px;
}
.blogfront{ 
	float:left;
	width:100%;
}
.blogtopmenu{
	width:100%;
	margin:0!important;
	padding:0!important;
	float:left;
	background-color: #FFFFFF;
}

.blogtopmenu li{
	padding: 15px;
	border-left: 1px solid #fff;
	float:left;
	list-style-type: none!important;
}
.blogtopmenu li:last-child{border:none}
.blogtopmenu li:first-child{border-left: 0 none;}
.blogsidemenu{
	background-color: #FFFFFF;
}
.blogsidemenu li{
	list-style-type: none!important;
}
.blogtopmenu li a{color:#0b86c1;}
.blogtopmenu li a:hover{color:#666;}

.blogmenu{ 
	float:left;
	}
.blogPanel a {
    text-decoration: underline;
}

.blogfront .returnlink a {
	font-size: 12px;
	color: #666;
	line-height: normal;
	text-decoration: underline;
}	
.two_colblog{
	float:left;
	width:100%;
}

.two_colblog .twocolimagesPanelitem{
	float:left;
	width:100%;
}
.two_colblog .twocolimagesPanelitem img{
	float:left;
	margin:1% 2% 5px 0;
	height:100px!important;
	width:auto;
}
.postsubject{
}
.postsubject p{
    font-size: 12px;
    line-height: normal;
    text-transform: uppercase;
}
.blogContentHome p{
	font-size: 12px;
}
.blogContent p{}
.post{
	float:left;
	width:75%;
}
.two_colblog_postheader{
	float:left;
	width:100%;
	background-color:#CCCCCC;
}
.two_colblog_postheader h5{
	margin:0 0 0 2%;
}
.two_colblogPanel{
	float:left;
	width:100%;

}
.two_colblog .imagecontLeft{
	margin:5px 2% 0 0;
	border:solid;
	height:77px;
	float:left;
}
.two_colblogPanel .left, .two_colblogPanel .right,.two_colblogPanel .postitem{
	float: left;
	width: 47%;
	background-color: #FFFFFF;
	margin: 10px 6% 0 0;
	-webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.49);
-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.49);
box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.49);
}
.three_colblogPanel .left, .three_colblogPanel .right,.three_colblogPanel .postitem{
	float: left;
	width: 31%;
	background-color: #FFFFFF;
	margin: 10px 6% 0 0;
	-webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.49);
-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.49);
box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.49);
}
.four_colblogPanel .left, .four_colblogPanel .right,.four_colblogPanel .postitem{
	float: left;
	width: 25%;
	background-color: #FFFFFF;
	padding: 10px 6% 0 0;
	-webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.49);
-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.49);
box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.49);
}
.one_colblog img{width:25%;float:left;margin-right:1%; margin-top:7px;}
.one_colblog p{width:73%;float:left;}
.one_colblog .date{height:30px;width:35%}
.postitem img{max-width:100%;width: 100%;}
.two_colblogPanel .postitem{
	margin: 15px 1.5% 5px;
}
.two_colblogPanel img{
	margin: 5px 0;
	max-height: 150px;
	width:auto;
}
.two_colblogPanel a{
	font-size: 24px;
	line-height: normal;
	color:#0b86c1;	
}
.two_colblogPanel .contentCont{
	min-height: 360px
}
.postleftmenu{
	
	float:left;
}
.menuleft {
    float: left;
    min-height: 100px;
	margin-right: 3%;
    width: 20%;
}
.menuright{
	float:right;
	min-height: 100px;
	margin-left: 3%;
    width: 20%;
}
.two_colblog_adjust{
	float:left;
	width:77%;
}
.simlelist_blog	{
	float:left;
}
.simlelist_blog	p{
	float:right;
	width:75%;
}		
.simlelist_blog img{
	width:20%;
	margin:0 0 20px 0;
}	
.simlelist_blog .postheader{
	background-color:#CCCCCC;
}
.blogdate{
	text-align:right;
}
.readMore{
	margin: 20px 0 0;
}
.readMore a {
    background-color: #0b86c1;
    border: 0 solid #000000;
    border-radius: 3px;
    color: #ffffff !important;
    font-size: 14px;
    padding: 10px 15px;
}

.backButton{
	margin-bottom: 20px;
	text-transform: capitalize;
}
.backButton a{
	color: #0b86c1;
	text-decoration: underline;
}
.blogPanel{
	float:left;
	width:100%;	
}

.blogPanel p, .blogPanel a{
	
}
.blogPanel a{
	
}
.blogPanel a:hover{
	text-decoration:underline;		
}
.blog2column h3{
	margin: 20px 0 0 0;	
}
.blogInfoPanel  {
    background-color: #FFFFFF;
	-webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.49);
	-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.49);
	box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.49);
	box-sizing: border-box;
    float: left;
    margin: 10px 0;
    padding: 20px;
    width: 100%;
}
.blogImagePanel  {
	float:left;
	width:100%;	
	margin: 10px 0 20px 0;

}
.blogsidemenu {padding-top:5px;margin-top:10px!important;}
.blogsidemenu li{ padding:0;margin-bottom:0!important;}
.blogImagePanel img{
	width:40%;
	height:auto;
	margin-right:20px;
	vertical-align: bottom;
}
.underLine {
    border-bottom: 1px solid #ccc;
    margin: 5px 0;
}

.blogPanel .margin03 {
    margin: 20px 0 0 0
}

.blogfrontHeader {
	padding:10px;
	margin-bottom:10px;
    background-color: #eee;
}

.blogfrontHeader h4 {
    color: #0b86c1;
	float: left;
    font-size: 14px;
    margin: 0 !important;
    padding: 10px;
    text-transform: uppercase;
}
.blogArticle {
    float: left;
    width: 100%;
	margin-top:10px;
}
/*-----------------------------------------------------------*/
.divider {
	margin: 0 5px;
}
.med_rounded{ 
border: 1px solid #CCCCCC;
    border-radius: 8px;}
.formouterclass ul, .formouterclass li {
	list-style-type: none !important;
	margin: 0 !important;
}
.formouterclass input[type="text"],.formouterclass textarea ,.formouterclass input[type="password"]{
    -moz-box-sizing: border-box;
    border: 1px solid #cccccc;
    border-radius: 4px;
    box-shadow: 0 1px 3px #dddddd inset;
    box-sizing: border-box;
    display: inline-block;
    font-size: 14px;
    margin: 5px 0 10px;
    max-width: 400px;
    padding: 10px;
    transition: border 0.3s linear 0s;
    width: 100%;
}
.userformouterclass p{padding:0;}
.userformouterclass ul, .userformouterclass li {
	list-style-type: none !important;
	margin:0;
}
.userformouterclass input[type="text"],.userformouterclass textarea ,.userformouterclass input[type="password"]{
    -moz-box-sizing: border-box;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    box-shadow: 0 1px 3px #DDDDDD inset;
    display: inline-block;
    font-size: 12px;
    margin: 5px 0 10px;
    max-width: 400px;
    padding: 0.5em;
    transition: border 0.3s linear 0s;
    width: 99%;
}


input[type="submit"]{
    -moz-user-select: none;
    background-color: #99cc00;
    border: 1px solid #99cc00;
    border-radius: 4px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    line-height: 20px;
    margin: 0;
    padding: 10px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-rendering: optimizelegibility;
    text-transform: uppercase;
    transition: all 0.15s ease 0s;
    vertical-align: middle;
    white-space: normal;
    width: auto;
}
.saveButton:hover {
    background-color: #9BC969;
    border: 1px solid #82BC43;
}
.mainList, .author, .subject, .comments, .link, .date{
    background-position: left center;
    background-repeat: no-repeat;
    font-size: 12px;
    padding: 8px 0 8px 22px;
    text-align: left;
    vertical-align: middle;
}

.mainList{
    float: left;
    padding-left: 0;
    width: 150px;
	padding: 0 0 0 30px !important;
	margin:10px 20px 0 0;
}

.author{
	background-image: url("/public/view/theme/master/style/images/i-user-grey.png");
}
.subject{
    background-image: url("/public/view/theme/master/style/images/i-book-grey.png");	
}
.comments{
    background-image: url("/public/view/theme/master/style/images/i-chat-grey.png");
	display:block;
}
.link{
    background-image: url("/public/view/theme/master/style/images/i-link-grey.png");
}
.blog_date_outer{background-color:#F0F0F0;
	float:right;
	width:72%;
	height:45px;
	border-top: 1px solid #F0F0F0;
	border-right: 1px solid #F0F0F0;
	border-left: 1px solid #F0F0F0;
    border-radius: 10px 0 0 0;}
.blog_date_outer .date{
	color:#666;
	display: block;
	width:90%;
	float: right;
	padding: 15px 30px 8px 0;
	text-align: right;
	background-image: url("/public/view/theme/master/style/images/i-hours-grey.png");
	background-repeat: no-repeat;
	background-position: right  10px ;	
    margin-right: 10px;
 
}
.blogmenu.menutop {
    border: 1px solid #0b86c1;
    margin-bottom: 5px;
}
/*  ------------------------ feature panel -------------------------     */	
.featured_Outer .page_link img{
	width:auto;
}
.Leftfeaturespanel{
	position:relative;
	width:100%;
	float:left;
	margin:0;
}
.Leftfeaturespanelinner{
	width:100%;
	position:relative;
	float:left;
	
}
.Rightfeaturespanel{	
	position:relative;
	width:100%;
	float:right;
	margin:0;
}
.Rightfeaturespanelinner{
	position:relative;
	float:left;
	margin:0;
}
/* featured panel */
.image_scale_width{width:100%;height:auto;}
.image_scale_height{width:auto;height:100%;}
.image_scale_fit{width:100%;height:100%;}

.featured_prod_img{height:300px;}
.image_auto{width:auto;height:auto;}
.featured_Outer {float:left;}
.featured_Item{position:relative;min-height:425px;}
.featured_Item .page_link{position:absolute;bottom:0;right:0;}
.bottomfeaturespanel{
	padding-left:30px;
	margin:60px auto;
	width:65%;
	color:#FFFFFF;
	background-image: url("/media/images/static/i_award.png");
	background-repeat: no-repeat;
	background-position: left top;
}
.bottomfeaturespanelinner{}
.bottomfeaturespanel a{color:#CCCCCC;}
.bottomfeaturespanelinner h3{color:#CCCCCC;}		
/*  ------------------  Widgets -----------------------------*/	
.left_sidebar_widgets{
	width:100%;
	float:left;
	text-align:left;
}
.right_sidebar_widgets{
	width:100%;
	float:left;
	text-align:left;
}
.header-widget{
	position:absolute;
	top:0;
	right:15%;
}
.header-widget-topmenu{
	max-width:960px;
	width:100%;
	position:absolute;
	top:50px;
	right:15%;
	right:-12% \9;
}
.textOuter_ILH.margin10l {
    margin: 0 !important;
}
.textOuter_ILH .top_banner {
    box-sizing: border-box;
    font-size: 28px;
    padding: 10px;
    text-align: center;
}
.widget-top-container{
	float:left;
	height:auto;
	width:100%;
	margin:0 auto;
	text-align:center;
	background-color:#FFFFFF;
}
.widget-top-left{
	float:left;
	width: 33%;
}	
.widget-top-center{
	width:auto;
	margin:0 auto;
	text-align:center;
}	
.widget-top-right{
	float:right;
	width: 33%;
}	
.page-widget-top{
	max-width:960px;
	width:100%;
	float:right;
}
.page-widget-right{
max-width:30%;
	float:right;
	top:0;
	margin-right:5px;
	text-align:right;
}
.page-widget-center{
	position:absolute;
	top:0;
	left:50%;
	width:100%;
	text-align:center;
}
.page-widget-left{
	z-index:2000;
	text-align:left;
	float:left;
	left:0;
	top:0;
}
.item-widget-left{
	float:left;
	margin:.5em;
}
.item-widget-right{
	float:right;
	margin:.5em;
}
.item-widget-center{
	margin:0 auto;
	width:100%;
}
.footer-widget-left{
 float: left;
    width: 100%;}
.footer-widget-center{
 float: left;
    width: 100%;}
	.footer-widget-centerright{
 float: left;
    width: 100%;}
.footer-widget-right {
    float: left;
    width: 100%;
}
.footerbannerleft {
	width:auto;
	float:left;
}
.footerbannercenter img{
	width:100% !important;
}
.footerbannercenter {
	width:auto;
	margin:0 auto;
}
.footerbannerright {
	width:auto;
	float:right;
}

/* ------------------------- Footer ------------------------*/
.footer_wrapper{position:relative;margin: 0 auto;}
.footer { float: left; text-align: center; width: 100%; margin: 0 auto; position: relative; }
.footerOuter{width:100%; margin: 0 auto;}
.footerBits{float:left;width:100%;}
.footerMiddle{text-align:left;color:#fff;}
.footerMiddle a{color:#fff;	}
.footerMiddle li{list-style-type: none;}
.leftonly{overflow:hidden;width:100% ;}
.leftcenter{overflow:hidden;width:50%;}
.leftcenterright{overflow:hidden;width:33.3% ;}
.leftall{overflow:hidden;width:25%;}
.footer-widget-center{float:left;height:100%;}
.footerText{}
.footerEmail{}
.footerEmail a{}
.left .footerTextContainer, .middle .footerTextContainer, .middle_right .footerTextContainer  {margin-right: 10px;	}
.right .footerTextContainer{ }
.footerTop {float: left;width: 100%;}
.footerBottom {float: left;width: 100%;}
#bottomlinks{width:50%;float:left;}


/*  ---------- hide div for security----     */
.formemail{
	width:1px;
	height:1px;
	overflow:hidden;
}
/*  ---------- form builder ----     */

.content_top_bottom form {
	background-color: #EFEFEF;
	box-sizing: border-box;
	float: left;
	padding-bottom: 10px
}
.formbuilder.mobile_col {float: left; margin: 0 20px;}
.rounded{ border: 1px solid #CCCCCC;
    border-radius: 4px;}
.formbuilder input{
	padding:12px;
	width:100%;
	border: #CCCCCC thin solid;
}
.formbuilder input[type="submit"]{
    padding: 10px 15px !important;
	width: auto;
}
.formbuilder input[type="radio"]{
	float:left;
	width:10%;
}
.formbuilder input[type="checkbox"] {
    float: left;
    margin-right: 5px;
    margin-top: 3px;
    width: 5%;
}
.formbuilder textarea{
    
    min-height: 150px;
    padding: 8px;
    width: 90% !important;
}
.formbuilder li{
	width:45%;
	display: inline-block;
	margin: 5px 5% 0 0;
	list-style:none!important;
}
.formbuilder input[type="submit"]{
	padding:0;
}
.formbuilder select{
	border: #CCCCCC thin solid;
	padding: 0 8px;
}
.formbuilder option {
    padding: 8px;
}
.formbuilder p {
    line-height: normal;
    margin: 10px 0 5px;
}
.submitbutton{ 
	width:25%!important;
	clear:both;
}
.radio label{
	width:30%;
	float:left;
}
.radio ul li{float:left;width:15%;}
.formextra{
	display:none !important;
}

/*  ---------- Login ----     */
.login{
	min-width:100%;
	display:inline-block;
}
.min_login{
position:relative;
	min-width:100%;
	display:inline-block;
}
.red{
	color:#FF0000;
}
.headerLogin .logimage{
	float:left;
	padding:4px .5%;
}
.register{
	float:left;
}
.register input{
	border:thin #CCCCCC solid;

}

.loginMember{
	margin:0 0 0 10%;
	float:left;
	width:35%;
}
.loginSignup .button{
	cursor:pointer;
}
.loginPanel{
	position:relative;
	background-color: #EFEFEF;
	color: #777777;
	display:block;
	font-size: 12px;
	line-height: normal;
	float:left;
	text-align: left;
	text-decoration: none;
	transition: box-shadow 0.1s linear 0s;
	vertical-align: baseline;
	font-weight: normal;
}
.loginContainer{
	width:70%;
	margin-left:auto;
	margin-right:auto;
	padding:10px 0;
}
.loginContainer input[type="text"],.loginContainer input[type="password"]{
	width:100%!important;
}
.loginContainer ul,.loginContainer li{
	margin:0;padding:0;}
.loginPanel .formbox{
	}	
.loginPanel ul {
    list-style: none outside none;
}

.loginPanel .textinner {
    float: left;
    padding: 0 0 10px;
    width: 100%;
}


	
.logoutmini{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	float:right;
	padding-top:20px;
	font-size:14px;
	}
.logoutmini form{
	float:right;
	font-weight:bold;
	font-size:14px;
	}
.pagetopright{float:right;}
.pagetopleft{float:left;}
.loginPanel{margin-right:0;}
.loginPanel a{
	color: #777777;
	padding: 0 4px;
}
.loginError{
	color: #C03;
	padding: 0 4px;
}
#loginerror{
display:none;
	color: #C03;
	padding: 0 4px;
}

.loginPanel input[type="text"], .loginPanel input[type="password"], .loginPanel input[type="email"], .loginPanel select, .loginPanel textarea {
    -moz-box-sizing: border-box;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    box-shadow: 0 1px 3px #DDDDDD inset;
    display: inline-block;
    font-size: 12px;
    padding: 0.5em 0.6em;
    transition: border 0.3s linear 0s;
	width: 90%;
}
.leftpanel .loginPanel input[type="text"],.loginPanel input[type="password"],.leftpanel .loginPanel .login_inner, .leftpanel .loginPanel .logo_input{width:100%!important;margin:0!important;}
.leftpanel .loginPanel input[type="submit"]{width:100%!important;}
.leftpanel .loginPanel ul{margin:0;}

.rightpanel .loginPanel input[type="text"],.loginPanel input[type="password"],.rightpanel .loginPanel .login_inner, .rightpanel .loginPanel .logo_input{width:100%!important;margin:0!important;}
.rightpanel .loginPanel input[type="submit"]{width:100%!important;}
.rightpanel .loginPanel ul{margin:0;}

.safemail{
	display:none;
}
#userdetails li{
	list-style-type: none;
}
button, input {
    line-height: normal;
}


.loginPanel-button-success,
.loginPanel-button-error,
.loginPanel-button-warning,
.loginPanel-button-secondary {
	color: white;
	border-radius: 4px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	    padding: 0.4em 1.5em;
}

.loginPanel-button-success {
	background: rgb(28, 184, 65); /* this is a green */
}

.loginPanel-button-error {
	background: rgb(202, 60, 60); /* this is a maroon */
}

.loginPanel-button-warning {
	background: rgb(223, 117, 20); /* this is an orange */
}

.loginPanel-button-secondary {
	background: rgb(0,153,255);
}
.loginPanel-button-success:hover,
.loginPanel-button-error:hover,
.loginPanel-button-warning:hover,
.loginPanel-button-secondary:hover {
	background-image:linear-gradient(transparent, rgba(0, 0, 0, 0.08) 60%, rgba(0, 0, 0, 0.2))
}
.addthis_button_facebook_like at300b iframe {
	max-width:none!important;
}
/* -------- search panel ------------------- */
.searchHL{margin-left:5px;}
.searchHC{}
.searchHR{}
.searchHIB{}
.searchRB{}
.searchCB{margin-left:10px;}
.searchLB{margin-left:10px;}
.searchSL{}
.searchSR{}

.searchpanelouter{
    height: 60px;
    margin: 8px 20px 0  0;
    position: relative;
    z-index: 20 !important;
}
.searchPanelList {
    background-image: url("/public/view/theme/master/style/images/i-select_open-arrow.png");
    background-position: center center;
    background-repeat: no-repeat;
    border-right: 1px solid #0b86c1;
    
    padding-top: 2px;
    position: relative;
    top: 0;
    width: 30px;
    z-index: 1 !important;
}
.searchPanel{
	width:100%;
	/*position:absolute;*/
	z-index:20!important;
}

.searchPanel ul {
    background-color: #fff;
    border: 1px solid #0b86c1;
    height: 32px;
    position: relative;
    width: 100%;
}
.searchPanel li{
	list-style-type: none;
}
.expand{cursor:pointer;height:30px;}
.expand select{
	z-index:20000!important;
 	height:auto;
	float:left;
 	width:100%;
 	margin:0;
}
.searchPanel option:hover{
	color:#666;
	background-color: #eee;
	
}

.searchwords{
	 color: #0b86c1;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
}
.emptysearch{line-height:20px;text-align:center;width:65%;margin:30px auto;}
.searchPanel .searchlevel{ 
	position: relative;
	z-index:5!important;
	}
.searchPanel form{
	padding:0;
}
.search_message {
    color: #087593 !important;
    font-size: 14px !important;
}
.searchPanelList option {
    color: #444;
    padding: 5px 1%;
}
.searchPanelList select{
	margin-top:-4px;
	margin-left:-1px;
	padding-right:1px;
	display:none;
	border:1px solid  #0b86c1;
}

.searchPanel input[type="submit"]{
	right:0;
	top:0;
	border-radius:0;
	position:absolute;
	width:32px;
	margin:0;
	padding:0;
	height:30px;
 	margin: 0!important;
	background-image: url("/public/view/theme/master/style/images/i-search-sml-dgrey.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-color:white!important;
	border: 0 none;
	border-left:1px solid  #0b86c1;
}
.searchPanel input[type="text"]{
    background-color: #fff;
    border: 0 none;
    color: #444;
    height: 30px;
    left: 0;
	padding-left:35px;
	
}

.searchPanelinput{
	width:100%;
    display: inline-block;
	float:left;
	padding:0 10px;
	 
}
.searchPanelsubmit{ 
	display: inline-block;
    font-size: 12px;
    float:left;}
.searchPanelinner{
width:60%;
position:relative;
	float:left;
	list-style-type: none;

}
.searchPanelsubmit input{
	width:30px;
	margin: 0!important;
	background-image: url("/public/view/theme/master/style/images/search.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-color:transparent!important;
	}
	
	.searchPanelinner select{

	}
.searchPanelouter ul{
width:100%;
	float:left;
	list-style-type: none!important;
	
}
.searchPanelouter li{padding:0;
	list-style-type: none!important;}
	
	
	
	/* custom template columns*/	

.customtemplate_left{float:left;}
.customtemplate_right{float:right;} 
.ct_headingsinner {}

.headingtopright{
	float:right;
	}
.headingtopleft{
	float:left;
	}
.imagetopleft{
	float:left;
	}
.customtemplate_imagetopright{
	float:right;
	}
.imagetopright  .customimage1{
	margin-bottom:5px;
	}
.ct_outer{
	background-color:#F7F7F7;
	padding:5px;
	margin:10px 0 0 0;
	}
	
.ct_col1{
	padding:5px;
	margin:5px;
	}	
.ct_col1 h5{
color:#A9D6EB;
}	
	
.ct_col2{
	background-color:#E2E2E2;
	padding:5px;
	border:solid #999999 thin;
	-moz-border-radius: 15px;
	border-radius: 15px;
	margin:8px;
	}
.customtemplate_textright h3{
	color:#666666;
}
/*---pagination---*/
.paginate_topleft, .paginate_topright, .paginate_bottomright, .paginate_bottomleft {
    border-top: 1px solid #666;
    color: #666;
    float: left;
    font-size: 11px;
    font-weight: bold;
    margin: 0 0 15px 0;
    padding-top: 5px;
    text-align: left;
    width: 100%;
}
.paginate_topleft{
}
.paginate_topright, .paginate_bottomright{
    text-align: right;
}
.paginate_bottomleft{
}
.paginate_topleft a, .paginate_topright a, .paginate_bottomright a, .paginate_bottomleftt a {
    color: #666;
	padding: 2px 4px;
}


/*-- percentage columns ---*/
.column1p {
	float: left;
     width: 1%;
}
.column2p {
	float: left;  
     width: 2%;
}
.column3p {
	float: left;
     width: 3%;
}
.column4p {
	float: left;     
     width: 4%;
}
.column5p {
	float: left;     
     width: 5%;
}
.column6p {
	float: left;     
     width: 6%;
}
.column7p {
	float: left;     
     width: 7%;
}
.column8p {
	float: left;     
     width: 8%;
}
.column9p {
	float: left;     
     width: 9%;
}
.column10p {
	float: left;     
     width: 10%;
}
.column11p {
	float: left;     
     width: 11%;
}
.column12p {
	float: left;     
     width: 12%;
}
.column13p {
 	float: left;    
     width: 13%;
}
.column14p {
 	float: left;    
     width: 14%;
}
.column15p {
	float: left;    
     width: 15%;
}
.column16p {
 	float: left;    
     width: 16%;
}
.column17p {
	float: left;     
     width: 17%;
}
.column18p {
	float: left;    
     width: 18%;
}
.column18_7p {
	float: left;    
     width: 18.7%;
}
.column19p {
	float: left;     
     width: 19%;
}
.column20p {
 	float: left;    
     width: 20%;
}
.column21p {
	float: left;     
     width: 21%;
}
.column22p {
	float: left;     
     width: 22%;
}
.column23p {
	float: left;     
     width: 23%;
}
.column24p {
 	float: left;    
     width: 24%;
}
.column25p {
 	float: left;    
     width: 25%;
}
.column26p {
	float: left;     
     width: 26%;
}
.column27p {
	float: left;     
     width: 27%;
}
.column28p {
 	float: left;    
     width: 28%;
}
.column29p {
 	float: left;    
     width: 29%;
}
.column30p {
 	float: left;    
     width: 30%;
}
.column31p {
 	float: left;    
     width: 31%;
}
.column31p_5 {
 	float: left;    
     width: 32.3%;
}
.column32p {
 	float: left;    
     width: 32%;
}
.column33p {
	float: left;     
     width: 33%;
}
.column34p {
 	float: left;    
     width: 34%;
}
.column35p {
 	float: left;    
     width: 35%;
}
.column36p {
	float: left;     
     width: 36%;
}
.column37p {
	float: left;     
     width: 37%;
}
.column38p {
 	float: left;    
     width: 38%;
}
.column39p {
	float: left;    
     width: 39%;
}
.column40p {
	float: left;     
     width: 40%;
}
.column41p {
	float: left;    
     width: 41%;
}
.column42p {
	float: left;    
     width: 42%;
}
.column43p {
 	float: left;    
     width: 43%;
}
.column44p {
 	float: left;    
     width: 44%;
}
.column45p {
 	float: left;    
     width: 45%;
}
.column46p {
 	float: left;    
     width: 46%;
}
.column47p {
	float: left;     
     width: 47%;
}
.column48p {
 	float: left;    
     width: 48%;
}
.column49p {
	float: left;     
     width: 49%;
}
.column50p {
	float: left;     
     width: 50%;
}
.column51p {
	float: left;    
     width: 51%;
}
.column52p {
 	float: left;    
     width: 52%;
}
.column53p {
	float: left;     
     width: 53%;
}
.column54p {
	float: left;     
     width: 54%;
}
.column55p {
	float: left;    
     width: 55%;
}
.column56p {
	float: left;     
     width: 56%;
}
.column57p {
	float: left;     
     width: 57%;
}
.column58p {
 	float: left;    
     width: 58%;
}
.column59p {
	float: left;     
     width: 59%;
}
.column60p {
	float: left;     
     width: 60%;
}
.column61p {
 	float: left;    
     width: 61%;
}
.column62p {
 	float: left;    
     width: 62%;
}
.column63p {
	float: left;     
     width: 63%;
}
.column64p {
	float: left;      
     width: 64%;
}
.column65p {
	float: left;      
     width: 65%;
}
.column66p {
	float: left;      
     width: 66%;
}
.column67p {
	float: left;      
     width: 67%;
}
.column68p {
	float: left;      
     width: 68%;
}
.column69p {
	float: left;      
     width: 69%;
}
.column70p {
	float: left;      
     width: 70%;
}
.column71p {
	float: left;      
     width: 71%;
}
.column72p {
 	float: left;     
     width: 72%;
}
.column73p {
	float: left;      
     width: 73%;
}
.column74p {
	float: left;      
     width: 74%;
}
.column75p {
	float: left;      
     width: 75%;
}
.column76p {
	float: left;      
     width: 76%;
}
.column77p {
 	float: left;     
     width: 77%;
}
.column78p {
 	float: left;     
     width: 78%;
}
.column79p {
 	float: left;     
     width: 79%;
}
.column80p {
 	float: left;     
     width: 80%;
}
.column81p {
 	float: left;     
     width: 81%;
}
.column82p {
 	float: left;     
     width: 82%;
}
.column83p {
	float: left;      
     width: 83%;
}
.column84p {
	float: left;      
     width: 84%;
}
.column85p {
 	float: left;     
     width: 85%;
}
.column86p {
 	float: left;     
     width: 86%;
}
.column87p {
 	float: left;     
     width: 87%;
}
.column88p {
	float: left;      
     width: 88%;
}
.column89p {
	float: left;      
     width: 89%;
}
.column90p {
 	float: left;     
     width: 90%;
}
.column91p {
 	float: left;     
     width: 91%;
}
.column92p {
 	float: left;     
     width: 92%;
}
.column93p {
	float: left;      
     width: 93%;
}
.column94p {
	float: left;      
     width: 94%;
}
.column95p {
	float: left;      
     width: 95%;
}
.column96p {
	float: left;      
     width: 96%;
}
.column97p {
 	float: left;     
     width: 97%;
}
.column98p {
 	float: left;     
     width: 98%;
}
.column99p {
 	float: left;     
     width: 99%;
}
.column100p {
 	float: left;     
     width: 100%;
}
columnmax1p{
 float: left;
 max-width: 1%;
}
.columnmax2p{
 float: left;
 max-width: 2%;
}
.columnmax3p{
 float: left;
 max-width: 3%;
}
.columnmax4p{
 float: left;
 max-width: 4%;
}
.columnmax5p{
 float: left;
 max-width: 5%;
}
.columnmax6p{
 float: left;
 max-width: 6%;
}
.columnmax7p{
 float: left;
 max-width: 7%;
}
.columnmax8p{
 float: left;
 max-width: 8%;
}
.columnmax9p{
 float: left;
 max-width: 9%;
}
.columnmax10p{
 float: left;
 max-width: 10%;
}
.columnmax11p{
 float: left;
 max-width: 11%;
}
.columnmax12p{
 float: left;
 max-width: 12%;
}
.columnmax13p{
 float: left;
 max-width: 13%;
}
.columnmax14p{
 float: left;
 max-width: 14%;
}
.columnmax15p{
 float: left;
 max-width: 15%;
}
.columnmax16p{
 float: left;
 max-width: 16%;
}
.columnmax17p{
 float: left;
 max-width: 17%;
}
.columnmax18p{
 float: left;
 max-width: 18%;
}
.columnmax19p{
 float: left;
 max-width: 19%;
}
.columnmax20p{
 float: left;
 max-width: 20%;
}
.columnmax21p{
 float: left;
 max-width: 21%;
}
.columnmax22p{
 float: left;
 max-width: 22%;
}
.columnmax23p{
 float: left;
 max-width: 23%;
}
.columnmax24p{
 float: left;
 max-width: 24%;
}
.columnmax25p{
 float: left;
 max-width: 25%;
}
.columnmax26p{
 float: left;
 max-width: 26%;
}
.columnmax27p{
 float: left;
 max-width: 27%;
}
.columnmax28p{
 float: left;
 max-width: 28%;
}
.columnmax29p{
 float: left;
 max-width: 29%;
}
.columnmax30p{
 float: left;
 max-width: 30%;
}
.columnmax31p{
 float: left;
 max-width: 31%;
}
.columnmax32p{
 float: left;
 max-width: 32%;
}
.columnmax33p{
 float: left;
 max-width: 33%;
}
.columnmax34p{
 float: left;
 max-width: 34%;
}
.columnmax35p{
 float: left;
 max-width: 35%;
}
.columnmax36p{
 float: left;
 max-width: 36%;
}
.columnmax37p{
 float: left;
 max-width: 37%;
}
.columnmax38p{
 float: left;
 max-width: 38%;
}
.columnmax39p{
 float: left;
 max-width: 39%;
}
.columnmax40p{
 float: left;
 max-width: 40%;
}
.columnmax41p{
 float: left;
 max-width: 41%;
}
.columnmax42p{
 float: left;
 max-width: 42%;
}
.columnmax43p{
 float: left;
 max-width: 43%;
}
.columnmax44p{
 float: left;
 max-width: 44%;
}
.columnmax45p{
 float: left;
 max-width: 45%;
}
.columnmax46p{
 float: left;
 max-width: 46%;
}
.columnmax47p{
 float: left;
 max-width: 47%;
}
.columnmax48p{
 float: left;
 max-width: 48%;
}
.columnmax49p{
 float: left;
 max-width: 49%;
}
.columnmax50p{
 float: left;
 max-width: 50%;
}
.columnmax51p{
 float: left;
 max-width: 51%;
}
.columnmax52p{
 float: left;
 max-width: 52%;
}
.columnmax53p{
 float: left;
 max-width: 53%;
}
.columnmax54p{
 float: left;
 max-width: 54%;
}
.columnmax55p{
 float: left;
 max-width: 55%;
}
.columnmax56p{
 float: left;
 max-width: 56%;
}
.columnmax57p{
 float: left;
 max-width: 57%;
}
.columnmax58p{
 float: left;
 max-width: 58%;
}
.columnmax59p{
 float: left;
 max-width: 59%;
}
.columnmax60p{
 float: left;
 max-width: 60%;
}
.columnmax61p{
 float: left;
 max-width: 61%;
}
.columnmax62p{
 float: left;
 max-width: 62%;
}
.columnmax63p{
 float: left;
 max-width: 63%;
}
.columnmax64p{
 float: left;
 max-width: 64%;
}
.columnmax65p{
 float: left;
 max-width: 65%;
}
.columnmax66p{
 float: left;
 max-width: 66%;
}
.columnmax67p{
 float: left;
 max-width: 67%;
}
.columnmax68p{
 float: left;
 max-width: 68%;
}
.columnmax69p{
 float: left;
 max-width: 69%;
}
.columnmax70p{
 float: left;
 max-width: 70%;
}
.columnmax71p{
 float: left;
 max-width: 71%;
}
.columnmax72p{
 float: left;
 max-width: 72%;
}
.columnmax73p{
 float: left;
 max-width: 73%;
}
.columnmax74p{
 float: left;
 max-width: 74%;
}
.columnmax75p{
 float: left;
 max-width: 75%;
}
.columnmax76p{
 float: left;
 max-width: 76%;
}
.columnmax77p{
 float: left;
 max-width: 77%;
}
.columnmax78p{
 float: left;
 max-width: 78%;
}
.columnmax79p{
 float: left;
 max-width: 79%;
}
.columnmax80p{
 float: left;
 max-width: 80%;
}
.columnmax81p{
 float: left;
 max-width: 81%;
}
.columnmax82p{
 float: left;
 max-width: 82%;
}
.columnmax83p{
 float: left;
 max-width: 83%;
}
.columnmax84p{
 float: left;
 max-width: 84%;
}
.columnmax85p{
 float: left;
 max-width: 85%;
}
.columnmax86p{
 float: left;
 max-width: 86%;
}
.columnmax87p{
 float: left;
 max-width: 87%;
}
.columnmax88p{
 float: left;
 max-width: 88%;
}
.columnmax89p{
 float: left;
 max-width: 89%;
}
.columnmax90p{
 float: left;
 max-width: 90%;
}
.columnmax91p{
 float: left;
 max-width: 91%;
}
.columnmax92p{
 float: left;
 max-width: 92%;
}
.columnmax93p{
 float: left;
 max-width: 93%;
}
.columnmax94p{
 float: left;
 max-width: 94%;
}
.columnmax95p{
 float: left;
 max-width: 95%;
}
.columnmax96p{
 float: left;
 max-width: 96%;
}
.columnmax97p{
 float: left;
 max-width: 97%;
}
.columnmax98p{
 float: left;
 max-width: 98%;
}
.columnmax99p{
 float: left;
 max-width: 99%;
}
.columnmax100p{
 float: left;
 max-width: 100%;
}
.columnmax1p_nf{
 max-width: 1%;
}
.columnmax2p_nf{
 max-width: 2%;
}
.columnmax3p_nf{
 max-width: 3%;
}
.columnmax4p_nf{
 max-width: 4%;
}
.columnmax5p_nf{
 max-width: 5%;
}
.columnmax6p_nf{
 max-width: 6%;
}
.columnmax7p_nf{
 max-width: 7%;
}
.columnmax8p_nf{
 max-width: 8%;
}
.columnmax9p_nf{
 max-width: 9%;
}
.columnmax10p_nf{
 max-width: 10%;
}
.columnmax11p_nf{
 max-width: 11%;
}
.columnmax12p_nf{
 max-width: 12%;
}
.columnmax13p_nf{
 max-width: 13%;
}
.columnmax14p_nf{
 max-width: 14%;
}
.columnmax15p_nf{
 max-width: 15%;
}
.columnmax16p_nf{
 max-width: 16%;
}
.columnmax17p_nf{
 max-width: 17%;
}
.columnmax18p_nf{
 max-width: 18%;
}
.columnmax19p_nf{
 max-width: 19%;
}
.columnmax20p_nf{
 max-width: 20%;
}
.columnmax21p_nf{
 max-width: 21%;
}
.columnmax22p_nf{
 max-width: 22%;
}
.columnmax23p_nf{
 max-width: 23%;
}
.columnmax24p_nf{
 max-width: 24%;
}
.columnmax25p_nf{
 max-width: 25%;
}
.columnmax26p_nf{
 max-width: 26%;
}
.columnmax27p_nf{
 max-width: 27%;
}
.columnmax28p_nf{
 max-width: 28%;
}
.columnmax29p_nf{
 max-width: 29%;
}
.columnmax30p_nf{
 max-width: 30%;
}
.columnmax31p_nf{
 max-width: 31%;
}
.columnmax31_5p_nf{
 max-width: 31.5%;
}
.columnmax32p_nf{
 max-width: 32%;
}
.columnmax33p_nf{
 max-width: 33%;
}
.columnmax34p_nf{
 max-width: 34%;
}
.columnmax35p_nf{
 max-width: 35%;
}
.columnmax36p_nf{
 max-width: 36%;
}
.columnmax37p_nf{
 max-width: 37%;
}
.columnmax38p_nf{
 max-width: 38%;
}
.columnmax39p_nf{
 max-width: 39%;
}
.columnmax40p_nf{
 max-width: 40%!important;
}
.columnmax41p_nf{
 max-width: 41%!important;
}
.columnmax42p_nf{
 max-width: 42%!important;
}
.columnmax43p_nf{
 max-width: 43%!important;
}
.columnmax44p_nf{
 max-width: 44%!important;
}
.columnmax45p_nf{
 max-width: 45%!important;
}
.columnmax46p_nf{
 max-width: 46%!important;
}
.columnmax47p_nf{
 max-width: 47%!important;
}
.columnmax48p_nf{
 max-width: 48%!important;
}
.columnmax49p_nf{
 max-width: 49%!important;
}
.columnmax50p_nf{
 max-width: 50%!important;
}
.columnmax51p_nf{
 max-width: 51%!important;
}
.columnmax52p_nf{
 max-width: 52%!important;
}
.columnmax53p_nf{
 max-width: 53%!important;
}
.columnmax54p_nf{
 max-width: 54%;
}
.columnmax55p_nf{
 max-width: 55%;
}
.columnmax56p_nf{
 max-width: 56%;
}
.columnmax57p_nf{
 max-width: 57%;
}
.columnmax58p_nf{
 max-width: 58%;
}
.columnmax59p_nf{
 max-width: 59%;
}
.columnmax60p_nf{
 max-width: 60%;
}
.columnmax61p_nf{
 max-width: 61%;
}
.columnmax62p_nf{
 max-width: 62%;
}
.columnmax63p_nf{
 max-width: 63%;
}
.columnmax64p_nf{
 max-width: 64%;
}
.columnmax65p_nf{
 max-width: 65%;
}
.columnmax66p_nf{
 max-width: 66%;
}
.columnmax67p_nf{
 max-width: 67%;
}
.columnmax68p_nf{
 max-width: 68%;
}
.columnmax69p_nf{
 max-width: 69%;
}
.columnmax70p_nf{
 max-width: 70%;
}
.columnmax71p_nf{
 max-width: 71%;
}
.columnmax72p_nf{
 max-width: 72%;
}
.columnmax73p_nf{
 max-width: 73%;
}
.columnmax74p_nf{
 max-width: 74%;
}
.columnmax75p_nf{
 max-width: 75%;
}
.columnmax76p_nf{
 max-width: 76%;
}
.columnmax77p_nf{
 max-width: 77%;
}
.columnmax78p_nf{
 max-width: 78%;
}
.columnmax79p_nf{
 max-width: 79%;
}
.columnmax80p_nf{
 max-width: 80%;
}
.columnmax81p_nf{
 max-width: 81%;
}
.columnmax82p_nf{
 max-width: 82%;
}
.columnmax83p_nf{
 max-width: 83%;
}
.columnmax84p_nf{
 max-width: 84%;
}
.columnmax85p_nf{
 max-width: 85%;
}
.columnmax86p_nf{
 max-width: 86%;
}
.columnmax87p_nf{
 max-width: 87%;
}
.columnmax88p_nf{
 max-width: 88%;
}
.columnmax89p_nf{
 max-width: 89%;
}
.columnmax90p_nf{
 max-width: 90%;
}
.columnmax91p_nf{
 max-width: 91%;
}
.columnmax92p_nf{
 max-width: 92%;
}
.columnmax93p_nf{
 max-width: 93%;
}
.columnmax94p_nf{
 max-width: 94%;
}
.columnmax95p_nf{
 max-width: 95%;
}
.columnmax96p_nf{
 max-width: 96%;
}
.columnmax97p_nf{
 max-width: 97%;
}
.columnmax98p_nf{
 max-width: 98%;
}
.columnmax99p_nf{
 max-width: 99%;
}
.columnmax100p_nf{
 max-width: 100%;
}

/*--no float columns--*/
.column1p_nf{
 width: 1%;
}
.column2p_nf{
 width: 2%;
}
.column3p_nf{
 width: 3%;
}
.column4p_nf{
 width: 4%;
}
.column5p_nf{
 width: 5%;
}
.column6p_nf{
 width: 6%;
}
.column7p_nf{
 width: 7%;
}
.column8p_nf{
 width: 8%;
}
.column9p_nf{
 width: 9%;
}
.column10p_nf{
 width: 10%;
}
.column11p_nf{
 width: 11%;
}
.column12p_nf{
 width: 12%;
}
.column13p_nf{
 width: 13%;
}
.column14p_nf{
 width: 14%;
}
.column15p_nf{
 width: 15%;
}
.column16p_nf{
 width: 16%;
}
.column17p_nf{
 width: 17%;
}
.column18p_nf{
 width: 18%;
}
.column19p_nf{
 width: 19%;
}
.column20p_nf{
 width: 20%;
}
.column21p_nf{
 width: 21%;
}
.column22p_nf{
 width: 22%;
}
.column23p_nf{
 width: 23%;
}
.column24p_nf{
 width: 24%;
}
.column25p_nf{
 width: 25%;
}
.column26p_nf{
 width: 26%;
}
.column27p_nf{
 width: 27%;
}
.column28p_nf{
 width: 28%;
}
.column29p_nf{
 width: 29%;
}
.column30p_nf{
 width: 30%;
}
.column31p_nf{
 width: 31%;
}
.column31_5p_nf{
 width: 31.5%;
}
.column32p_nf{
 width: 32%;
}
.column33p_nf{
 width: 33%;
}
.column34p_nf{
 width: 34%;
}
.column35p_nf{
 width: 35%;
}
.column36p_nf{
 width: 36%;
}
.column37p_nf{
 width: 37%;
}
.column38p_nf{
 width: 38%;
}
.column39p_nf{
 width: 39%;
}
.column40p_nf{
 width: 40%!important;
}
.column41p_nf{
 width: 41%!important;
}
.column42p_nf{
 width: 42%!important;
}
.column43p_nf{
 width: 43%!important;
}
.column44p_nf{
 width: 44%!important;
}
.column45p_nf{
 width: 45%!important;

}
.column46p_nf{
 width: 46%!important;
}
.column47p_nf{
 width: 47%!important;
}
.column48p_nf{
 width: 48%!important;
}
.column49p_nf{
 width: 49%!important;
}
.column50p_nf{
 width: 50%!important;
}
.column51p_nf{
 width: 51%!important;
}
.column52p_nf{
 width: 52%!important;
}
.column53p_nf{
 width: 53%!important;
}
.column54p_nf{
 width: 54%;
}
.column55p_nf{
 width: 55%;
}
.column56p_nf{
 width: 56%;
}
.column57p_nf{
 width: 57%;
}
.column58p_nf{
 width: 58%;
}
.column59p_nf{
 width: 59%;
}
.column60p_nf{
 width: 60%;
}
.column61p_nf{
 width: 61%;
}
.column62p_nf{
 width: 62%;
}
.column63p_nf{
 width: 63%;
}
.column64p_nf{
 width: 64%;
}
.column65p_nf{
 width: 65%;
}
.column66p_nf{
 width: 66%;
}
.column67p_nf{
 width: 67%;
}
.column68p_nf{
 width: 68%;
}
.column69p_nf{
 width: 69%;
}
.column70p_nf{
 width: 70%;
}
.column71p_nf{
 width: 71%;
}
.column72p_nf{
 width: 72%;
}
.column73p_nf{
 width: 73%;
}
.column74p_nf{
 width: 74%;
}
.column75p_nf{
 width: 75%;
}
.column76p_nf{
 width: 76%;
}
.column77p_nf{
 width: 77%;
}
.column78p_nf{
 width: 78%;
}
.column79p_nf{
 width: 79%;
}
.column80p_nf{
 width: 80%;
}
.column81p_nf{
 width: 81%;
}
.column82p_nf{
 width: 82%;
}
.column83p_nf{
 width: 83%;
}
.column84p_nf{
 width: 84%;
}
.column85p_nf{
 width: 85%;
}
.column86p_nf{
 width: 86%;
}
.column87p_nf{
 width: 87%;
}
.column88p_nf{
 width: 88%;
}
.column89p_nf{
 width: 89%;
}
.column90p_nf{
 width: 90%;
}
.column91p_nf{
 width: 91%;
}
.column92p_nf{
 width: 92%;
}
.column93p_nf{
 width: 93%;
}
.column94p_nf{
 width: 94%;
}
.column95p_nf{
 width: 95%;
}
.column96p_nf{
 width: 96%;
}
.column97p_nf{
 width: 97%;
}
.column98p_nf{
 width: 98%;
}
.column99p_nf{
 width: 99%;
}
.column100p_nf{
 width: 100%;
}
/*---------------------*/
.columnauto{width:auto!important;}
/* -- padding floats and margin etc--*/
.center{margin:0 auto!important; float:none;text-align:center;}
.middle{margin:0 auto; float:none;}
.v_center{

  }
.noshow{display:none;}  
  
.widthauto{width:auto;}
.nolist{
	list-style-type: none!important;

}
.floatNo{float:none;}
.marginTB5 {
	margin:5px 0;
}
.marginTB10 {
	margin:10px 0;
}
.marginT5 {
	margin-top:5px!important;
}

.marginT10 {
	margin-top:10px!important;
}
.marginT15 {
	margin-top:15px!important;
}
.marginT20 {
	margin-top:20px!important;
}
.paddingLR20 {
  padding:0 20px;
}
.padL5 {
  padding-left:5px;
}
.padL10 {
  padding-left:10px;
}
.padL15 {
  padding-left:15px;
}
.padL20 {
  padding-left:20px;
}
.marginR10 {
  margin-right:10px;
}
.marginR20 {
  margin-right:20px;
}
.marginR30 {
  margin-right:20px;
}
.margin1p {margin:1%;
}
.marginhalfp {margin:.5%;
}
.marginL1p {
  margin-left:1%;
}
.marginR1p {
  margin-right:1%;
}
.pad1p{
  padding:1%;
}
.pad7tb{
  padding:7px 0!important;
}

.lineRight{border-right: 1px dotted #96a2a7; }
.lineLeft{border-left: 5px solid #96a2a7;}
.lineBT{
	padding-left:5px;
	background-color:#F4F4F4;color:#8F8F8F;
	border-bottom: 1px solid #d3cacd; margin:0 0 5px 0;
	border-top: 1px solid #d3cacd; margin:25px 0 0;
	}
/******* fixedwidth columns ******/
.fixed1w {
float: left;
width:1px;
}
.fixed2w {
float: left;
width:2px;
}
.fixed3w {
float: left;
width:3px;
}
.fixed4w {
float: left;
width:4px;
}
.fixed5w {
float: left;
width:5px;
}
.fixed6w {
float: left;
width:6px;
}
.fixed7w {
float: left;
width:7px;
}
.fixed8w {
float: left;
width:8px;
}
.fixed9w {
float: left;
width:9px;
}
.fixed10w {
float: left;
width:10px;
}
.fixed11w {
float: left;
width:11px;
}
.fixed12w {
float: left;
width:12px;
}
.fixed13w {
float: left;
width:13px;
}
.fixed14w {
float: left;
width:14px;
}
.fixed15w {
float: left;
width:15px;
}
.fixed16w {
float: left;
width:16px;
}
.fixed17w {
float: left;
width:17px;
}
.fixed18w {
float: left;
width:18px;
}
.fixed19w {
float: left;
width:19px;
}
.fixed20w {
float: left;
width:20px;
}
.fixed21w {
float: left;
width:21px;
}
.fixed22w {
float: left;
width:22px;
}
.fixed23w {
float: left;
width:23px;
}
.fixed24w {
float: left;
width:24px;
}
.fixed25w {
float: left;
width:25px;
}
.fixed26w {
float: left;
width:26px;
}
.fixed27w {
float: left;
width:27px;
}
.fixed28w {
float: left;
width:28px;
}
.fixed29w {
float: left;
width:29px;
}
.fixed30w {
float: left;
width:30px;
}
.fixed31w {
float: left;
width:31px;
}
.fixed32w {
float: left;
width:32px;
}
.fixed33w {
float: left;
width:33px;
}
.fixed34w {
float: left;
width:34px;
}
.fixed35w {
float: left;
width:35px;
}
.fixed36w {
float: left;
width:36px;
}
.fixed37w {
float: left;
width:37px;
}
.fixed38w {
float: left;
width:38px;
}
.fixed39w {
float: left;
width:39px;
}
.fixed40w {
float: left;
width:40px;
}
.fixed41w {
float: left;
width:41px;
}
.fixed42w {
float: left;
width:42px;
}
.fixed43w {
float: left;
width:43px;
}
.fixed44w {
float: left;
width:44px;
}
.fixed45w {
float: left;
width:45px;
}
.fixed46w {
float: left;
width:46px;
}
.fixed47w {
float: left;
width:47px;
}
.fixed48w {
float: left;
width:48px;
}
.fixed49w {
float: left;
width:49px;
}
.fixed50w {
float: left;
width:50px;
}
.fixed51w {
float: left;
width:51px;
}
.fixed52w {
float: left;
width:52px;
}
.fixed53w {
float: left;
width:53px;
}
.fixed54w {
float: left;
width:54px;
}
.fixed55w {
float: left;
width:55px;
}
.fixed56w {
float: left;
width:56px;
}
.fixed57w {
float: left;
width:57px;
}
.fixed58w {
float: left;
width:58px;
}
.fixed59w {
float: left;
width:59px;
}
.fixed60w {
float: left;
width:60px;
}
.fixed61w {
float: left;
width:61px;
}
.fixed62w {
float: left;
width:62px;
}
.fixed63w {
float: left;
width:63px;
}
.fixed64w {
float: left;
width:64px;
}
.fixed65w {
float: left;
width:65px;
}
.fixed66w {
float: left;
width:66px;
}
.fixed67w {
float: left;
width:67px;
}
.fixed68w {
float: left;
width:68px;
}
.fixed69w {
float: left;
width:69px;
}
.fixed70w {
float: left;
width:70px;
}
.fixed71w {
float: left;
width:71px;
}
.fixed72w {
float: left;
width:72px;
}
.fixed73w {
float: left;
width:73px;
}
.fixed74w {
float: left;
width:74px;
}
.fixed75w {
float: left;
width:75px;
}
.fixed76w {
float: left;
width:76px;
}
.fixed77w {
float: left;
width:77px;
}
.fixed78w {
float: left;
width:78px;
}
.fixed79w {
float: left;
width:79px;
}
.fixed80w {
float: left;
width:80px;
}
.fixed81w {
float: left;
width:81px;
}
.fixed82w {
float: left;
width:82px;
}
.fixed83w {
float: left;
width:83px;
}
.fixed84w {
float: left;
width:84px;
}
.fixed85w {
float: left;
width:85px;
}
.fixed86w {
float: left;
width:86px;
}
.fixed87w {
float: left;
width:87px;
}
.fixed88w {
float: left;
width:88px;
}
.fixed89w {
float: left;
width:89px;
}
.fixed90w {
float: left;
width:90px;
}
.fixed91w {
float: left;
width:91px;
}
.fixed92w {
float: left;
width:92px;
}
.fixed93w {
float: left;
width:93px;
}
.fixed94w {
float: left;
width:94px;
}
.fixed95w {
float: left;
width:95px;
}
.fixed96w {
float: left;
width:96px;
}
.fixed97w {
float: left;
width:97px;
}
.fixed98w {
float: left;
width:98px;
}
.fixed99w {
float: left;
width:99px;
}
.fixed100w {
float: left;
width:100px;
}
.fixed400w{width:400px;
}
.fixed300w{width:300px;
}
.fixed250w{width:250px;
}
.fixed100w{width:100px;
}
.fixed110w{width:110px!important;
}
.fixed112w{width:112px;
}
.fixed115w{width:115px;
}
.fixed120w{width:120px;
}
.fixed130w{width:130px;
}
.fixed150w{width:150px;
}
.fixed190w{width:190px;
}
.fixed60w{width:60px;
}
.fixed40w{width:40px;
}
/******* special ******/
.column100p_clear{float:left;width:100%;height:0;}
/******* min height ******/
.min80h{min-height:40px;display:block;}

/******* pad ******/
.noPad{padding:0 !important;}

.pad2p{padding:2%!important;}
.pad1p{padding:1%!important;}
.padhalfp{padding:0.5% 0!important;}
.pad18p {padding: 1.8% !important;}
.pad1ptb{padding:1% 0!important;}
.pad2pLR{padding:0 2%!important;}
.pad2ptb{padding: 2%!important;}
.pad2ptlr {padding: 2% 2% 0 2% !important;}
.pad2R{padding-right: 2%!important;}

.padTB10{padding:10px 0!important;display:block}

.padTop5{padding-top:5px!important;}
.padTop10{padding-top:10px!important;display:block}
.padTop20{padding-top:20px!important;}
.padTop30{padding-top:30px!important;}
.padTop35{padding-top:35px!important;}
.padTop40{padding-top:40px!important;}
.padTop45{padding-top:45px!important;}
.padBottom60{padding-bottom:60px!important;}
.padBottom55{padding-bottom:55px!important;}
.padBottom50{padding-bottom:50px!important;}
.padBottom40{padding-bottom:40px!important;}
.padBottom30{padding-bottom:30px!important;}
.padBottom35{padding-bottom:35px!important;}
.padBottom20{padding-bottom:20px!important;}
.padBottom10{padding-bottom:10px!important;}
.padBottom5{padding-bottom:5px!important; display:block}

.pad20{padding:20px!important;}
.pad10l{padding-left:10px!important;}
.pad20l{padding-left:20px!important;}
.pad30l{padding-left:30px!important;}
/*------- Margin all -----------*/
.noMargin{margin: 0 !important;}
.margin1p{margin:.8%!important;}
.margin1ptb {margin: 0.8% 0 !important;}
.margin2p{margin:2%!important;}
.margin2l {margin-left: 2% !important;}
.marginhalfp{margin:.4%!important;}
.margin5p{margin:5%!important;}

.margin5{margin:5px!important;}
.margin10{margin:10px!important;}
.margin15{margin:15px!important;}
.margin20{margin:20px!important;}

/*------- Margin mixed -----------*/
.margin1ptb{margin-top:.8%!important; margin-bottom:.8%!important;}
.margin2ptb {margin: 2% 0 !important;}
.margin1020{margin:10px 20px!important;}

/*------- Margin Top -----------*/
.margin1pt { margin-top:.8% !important;}
.margin2t{margin-top:2px!important;}
.margin3t{margin-top:3px!important;}
.margin4t{margin-top:4px!important;}
.margin5t{margin-top:5px!important;}
.margin6t{margin-top:6px!important;}
.margin7t{margin-top:7px!important;}
.margin8t{margin-top:8px!important;}
.margin9t{margin-top:9px!important;}
.margin10t{margin-top:10px!important;}
.margin12t{margin-top:12px!important;}
.margin15t{margin-top:15px!important;}
.margin20t{margin-top:20px!important;}
.margin30t{margin-top:30px!important;}
.margin35t{margin-top:35px!important;}
.margin45t{margin-top:45px!important;}
/*------- Margin Bottom -----------*/
.margin0b{margin-bottom:0px!important;}
.margin5b{margin-bottom:5px!important;}
.margin10b{margin-bottom:10px!important;}
.margin20b{margin-bottom:20px!important;}

/*------- Margin Right -----------*/
.margin1pr{margin-right:1%!important;}
.margin2pr{margin-right:2%!important;}
.margin3pr{margin-right:3%!important;}
.margin4pr{margin-right:4%!important;}
.margin5pr{margin-right:5%!important;}

.margin5r{margin-right:5px!important;}
.margin10r{margin-right:10px!important;}
.margin13r{margin-right:13px!important;}
.margin20r{margin-right:20px!important;}
.margin40r{margin-right:40px!important;}


/*------- Margin Left -----------*/
.margin1pl{margin-left:.8%!important;}
.marginhalfpl{margin-left:.4%!important;}

.margin5l{margin-left:5px!important;}
.margin10l{margin-left:10px!important;}
.margin13l{margin-left:13px!important;}
.margin15l{margin-left:15px!important;}
.margin20l{margin-left:20px!important;}
.margin30l{margin-left:30px!important;}
.margin40l{margin-left:40px!important;}
.margin50l{margin-left:50px!important;}
.margin60l{margin-left:60px!important;}
.margin70l{margin-left:70px!important;}
.margin80l{margin-left:80px!important;}
.margin90l{margin-left:90px!important;}
.margin100l{margin-left:100px!important;}



  .floatR{float:right!important;}
  .floatL{float:left!important;}
  .posA{position:absolute;}
  .posR{position:relative;}
/* ---------------breadcrumb------------*/
.trail {
	z-index:2000;
    border-bottom: 1px solid #0b86c1;
    color: #0b86c1;
    float: left;
    font-size: 11px;
    margin: 0 0 10px;
    padding: 0 0 3px 0;
    text-align: left;
    width: 100%;
}
 /* ---------------backlink------------*/
	.backlink-pagetop{float:right;}
	.backlink-bottomright {float:right;}
	.backlink-bottomleft {float:left;}
	.backlink-topleft {float:left;}
	.backlink-topright{float:right;}
	
	.mainBackLink a {color: #8dc448;}
 
  /* --------------- logo ------------*/
	.logo-left{float:left;margin:0 15px 0 0;}
	.logo-bottom-left{float:left;margin:5px 15px 0 0;}
	.logo-center {margin: 0 auto;text-align: center;}
	.logo-bottom-center {margin: 5px auto 0 auto;text-align: center;}
	.logo-right, .logo-bottom-right{ text-align:right}
	.logo-bottom-right{ text-align:right; margin:5px 0 0 0}
	.logo-bottom-top, .logo-bottom-bottom{margin:5px 0 0 0}
	.logo-sidebarleft img, .logo-sidebarright img {padding-bottom: 10px; width: auto;}   
   /* ---------------phone link------------*/  
.tel, .tel a {
	color: #333;
	text-decoration: none;
}
/*--------------- you tube embed -----------------------*/
.youtube-container { 
	display: block; 
	margin: 20px auto; 
	width: 100%;
	max-width: 600px; 
 }

.youtube-player {
	  display: block; width: 100%; /* assuming that the video has a 16:9 ratio */
	  padding-bottom: 75%;
	  overflow: hidden; 
	  position: relative; 
	  width: 100%; 
	  height: 100%; 
	  cursor: hand;
	  cursor: pointer; 
	  display: block; 
   }
img.youtube-thumb {
	  bottom: 0;
	  display: block;
	  left: 0;
	  margin: auto;
	  max-width: 100%; 
	  width: 100%;
	  position: absolute;
	  right: 0;
	  top: 0;
	  height: auto
}
div.play-button {
	height: 72px; 
	width: 72px;
	left: 50%;
	top: 50%;
	margin-left: -36px;
	margin-top: -36px; 
	position: absolute;
	background: url("/media/images/static/Big_Play_Button.png") no-repeat; 
}
#youtube-iframe { 
	width: 100%; height: 100%;
	position: absolute;
	top: 0; 
	left: 0; 
}
/* loading animation */
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 )  url('/media/images/static/pageload.gif')  50% 50% no-repeat;
}
body.loading { overflow: hidden;   }
body.loading .modal { display: block;}
.li_h{display:none;}
.drop{display:none;}