/* Page Layout Styles */
div#Layout_Heading { vertical-align: middle; clear: both; height: 75px; width: 100%; }
div#Layout_Heading .logo { float:left; display:block; margin-top: 18px; margin-left: 16px; }
div#Layout_Heading .logo .name { font-size:1.4em; font-weight:bold; display:block; }
div#Layout_Heading .logo .tagline { font-size:1.1em; font-weight:bold; display:block; }
div#Layout_Heading .login { float:right; width: 200px; margin-left:-200px; }
div#Layout_Menu { clear: both; width:100%; } 
div#Layout_Breadcrumb { font:menu; clear: both; width:100%; padding-left: 8px; line-height: 21px; }
div#Layout_Content { clear: both; }
div#Layout_Footer { clear: both; padding: 4px; margin-top: 8px; }

/* Security Page Layout Styles */
/* This is currently used for web user login */
div#SecurityLayout_Content { clear: both; }
div#SecurityLayout_Footer { clear: both; padding: 4px; margin-top: 8px; text-align: center; }

/* Home Page Layout Styles */
div#HomeLayout_Heading { vertical-align: middle; clear: both; height: 75px; width: 100%; }
div#HomeLayout_Heading .logo { float:left; display:block; margin-top: 18px; margin-left: 16px; }
div#HomeLayout_Heading .logo .name { font-size:1.4em; font-weight:bold; display:block; }
div#HomeLayout_Heading .logo .tagline { font-size:1.1em; font-weight:bold; display:block; }
div#HomeLayout_Heading .login { float:right; width: 200px; margin-left:-200px; }
div#HomeLayout_Menu { width: 200px; }
div.homemenu {} 
div#HomeLayout_Content { margin-left:200px; padding:0px;margin-top:0px; }
div#HomeLayout_Footer { clear: both; padding: 4px; margin-top: 8px; }

/* Home Page Template Styles */
div#HomeContentPanel { padding-bottom:20px; padding-left:0px; padding-right:0px; padding-top:0px; width:902px; }

#PageContentlinkArea { padding-left:23px; padding-top:30px; width:197px; font-size:11px;}
#PageContentlinkArea a:link { color: #666666; text-decoration: none; font-family: Arial, sans-serif; font-size:12px; font-weight:bold;}
#PageContentlinkArea a:visited { color: #666666; font-size:12px; font-weight:bold; }
#PageContentlinkArea a:active { color: #666666; font-size:12px; font-weight:bold; }
#PageContentlinkArea a:hover { color: #666666; font-size:12px; font-weight:bold; }

#PageContentMainMiddle { font-size:12px; color:#666666; padding-left:10px; padding-top:30px; padding-right:20px; line-height:14px; margin-right:15px;}
#PageContentMainMiddle p { font-size:12px; padding-right:12px; padding-left:0px; line-height:14px; margin-top:0px;}
#SearchPageContent { font-size:12px; color:#666666; padding-left:20px; padding-top:10px; padding-right:10px; line-height:13px;}
#PageContentMainText { font-size:12px; color:#666666; padding-left:0px; padding-top:0px; padding-right:10px; line-height:16px;}
#PageContentQuickLinks { padding-left:10px; padding-top:30px;}
#PageContentPageName { padding-bottom:5px; padding-left:5px; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#133F86; font-weight:700; margin-bottom:5px;}
#PageContentDescriptionName { padding-left:23px; padding-top:16px; padding-bottom:10px; font-family: Arial, sans-serif; font-size:20px; color:#133F86; font-weight: bolder; float:left; word-spacing:2px;}
#GreenArrow { float:left; padding-bottom:14px; padding-top:14px; padding-left: 23px;}
#BlueLine { padding-left: 23px;}
#MiddleDottedLine { width:10px; padding-top:30px;}
#TDBorder { border:#333333 solid 1px; padding:4px;}

/* Search results Styles */

.SearchResultsheader { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:14px; color:#133F86; font-weight:900; }
.SearchResultsItem { padding-bottom:10px;}
.SearchResultsAltItem { padding-bottom:10px; padding-top:10px;}


/* Page Print Layout Styles */
div#PrintLayout_Heading { clear: both; }
div#PrintLayout_Content { clear: both; }
div#PrintLayout_Footer { clear: both; }

/***************************************************************/
/***************************************************************/

.pagecontainer { padding:16px; }
.pagecontainer .itemcontainer { padding: 0px; }
.pagecontainer .itemheading {	margin: 0px; padding-top: 5px; padding-bottom: 5px; padding-left: 16px; font-size: 1.1em; }
.pagecontainer .itemheading .text { display: block; margin-top: 2px; margin-bottom: 2px; font-weight: bold; font-size: 1.4em; }
.pagecontainer .itemheading .date { font-weight: normal; font-size:0.9em; }
.pagecontainer .itemcontent { padding-left: 16px; padding-right: 16px; padding-top: 8px; padding-bottom: 8px; margin: 0px; text-align: justify; }
.pagecontainer .pagecontent { padding-left: 16px; padding-right: 16px; padding-top: 8px; padding-bottom: 8px; margin: 0px; text-align: justify; }
.pagecontainer .pageitemlist { margin-top: 16px; margin-left: auto; margin-right: auto; }
.pagecontainer .pageitemsummary { margin-top: 16px; margin-left: auto; margin-right: auto;  }

#DatalistPage { }
#DatalistDetailsPage { }

#NewsDetailsPage {}
#NewsDetailsPage img { margin:12px; border: 4px solid #000000 }

#BlogsPage {}
#BlogsDetailsPage {}
#BlogsDetailsPage .blogreply { margin-top:16px;  padding:0px; }
#BlogsDetailsPage .blogreply .heading { font-weight: bold; padding-top: 5px; padding-left: 16px; height: 20px; }



/* Layout Master */
#wrapper { width:100%;  margin:0 auto; text-align:left; }
#header { width:100%;background-color:#056EBF; }
#header .BannerImage { margin:0 auto; background-image:url(Images/topHeader.gif); background-repeat:no-repeat; height:114px; width:902px; }
#header .ContactText { font-size:13px; font-weight:700; color:#2094EF; padding-left:760px; padding-top:6px;}
#header .ContactText a:link { color:#2094EF; text-decoration:none;}
#header .ContactText a:visited { color:#2094EF;}
#header .ContactText a:active { color:#2094EF;}
#header .ContactText a:hover { color:#0761A8;}
#FlashFileBG { background-color:#FFFFFF; margin:0px; width:100%; height:100%;}


#Topbuttons { width:100%;}
#Topbuttons .buttonsBg { margin:0 auto; background-image:url(Images/topheaderlogo.gif); background-repeat:no-repeat; width:902px; height:43px; }

.Katunlogo { padding-left:22px}

#ContentArea { width:100%;  }
#ContentArea .MainArea { margin:0 auto; width:902px; background-color:#FFFFFF; }

#footer { clear:both; width:100%; background-color:#056EBF; margin:0px; height:100%;}
#footer .Logos { margin:0 auto; width:882px; padding-left:20px; padding-top:10px; padding-bottom:10px; color:#FFF; font-size:10px; font-family:Geneva, Arial, Helvetica, sans-serif; }
#footer .Logos a:link {color:#FFF; font-size:10px; font-family:Geneva, Arial, Helvetica, sans-serif; text-decoration:none;}
#footer .Logos a:visited {color:#FFF; font-size:10px; font-family:Geneva, Arial, Helvetica, sans-serif;}
#footer .Logos a:active {color:#FFF; font-size:10px; font-family:Geneva, Arial, Helvetica, sans-serif;}
#footer .Logos a:hover {color:#FFF; font-size:10px; font-family:Geneva, Arial, Helvetica, sans-serif;}

/* div layout ProductsPages */
#pbProductsList { width:500px; text-align:left; font-family:Geneva, Arial, Helvetica, sans-serif; padding-bottom:10px; padding-top:10px; padding-left:15px;}
#ProductPage { width:500px; text-align:left; font-family:Geneva, Arial, Helvetica, sans-serif; padding-bottom:10px; padding-top:10px;}
#ProductPage .ProductListPage { width:650px; margin-bottom:15px; margin-left:30px; margin-right:15px; margin-top:15px; float:left; position: relative;}
#ShakesProductPage .ShakesHorizontalRuler { background-image:url(Images/ProductHRuler.gif); background-repeat:repeat-x; width:100%; padding-top:2px; padding-bottom:2px; margin:0px;}
#ProductPage .ListingPage { margin-bottom:5px; margin-left:7px; margin-right:5px; margin-top:5px; float:left;}
#ProductPage .productsName { color:#2094EF; font-size:12px; font-weight:bold; padding-bottom:3px;}
#ProductPage .productsName a:link { color: #2094EF; text-decoration: none; font-size:12px; font-weight:normal; }
#ProductPage .productsName a:visited { color: #666666; text-decoration: none; font-size:12px; font-weight:normal; }
#ProductPage .productsName a:active{ color: #666666; text-decoration: none; font-size:12px; font-weight:normal; }
#ProductPage .productsName a:hover { color: #999999; text-decoration: none; font-size:12px; font-weight:normal; }
#ProductPage .Content { width:405px; float:left;}
#ProductPage .productImage { width:150px; margin:5px; padding:3px; }
#ProductPage .ImageLarge {float:right; width:300px;}
#CategoryContent { padding-bottom:8px; padding-top:8px;}
#CateoryName { color: #666; font-size:16px; font-weight:bold; padding-top:5px; padding-left:15px;}


/* div layout ProductsPages */
#ProductDetailsPage { margin:0px; width:580px; padding-bottom:20px; }
#ProductDetailsPage .ProductName { color:#70BD01; font-size:16px;  font-weight:bold; }
#ProductDetailsPage .Enquiries {padding-left:15px; display: inline; float:left; font-size:16px; font-weight:bold; }
#ProductDetailsPage .EnquiriesImage {display: inline; float:left; }

/*links Style*/
#pbLinksList { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px; padding-bottom:10px; padding-top:10px;}
#pbLinksList .Name { font-size:12px;}
#pbLinksList .title { font-size:14px; font-weight:bold;}