/** 
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * Main Layout File
 */
 
/* Misc Styles and defaults 
-------------------------------------------- */
  
* {
	margin: 0;
	padding: 0;
}
a img { border: none; }
a { outline: none; }

body {
	color: #333;
 	font-size: 62.5%; 
 	margin-bottom: 40px;
	font-family: Verdana, Lucida, sans-serif; 
}

html {
	background: #ECECEC;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

.white { margin: 25px; }
.clear{	clear:both; }

/* CONTAINER
----------------------------------------- */
#BgContainer {
	width: 100%;  
	margin: 0 auto; 
	background: #fff url(../images/bodybg.png) repeat-x;
}
#Container { 
	width: 960px;
	margin: 0 auto;
	background: #fff url(../images/containerbg.png) repeat-y;
	display: table;
}
#Layout {
	width: 890px;
	clear: both;
	overflow: hidden;
	margin: 0 auto;
}


/* HEADER
----------------------------------------- */

#Header { 
 	width: 890px; 
 	margin: 0 auto;
	height: 102px;
	overflow: hidden;
	position: relative;
}
#Header .logo {
	left: 30px;
	top: 25px;
	position: absolute;
	height: 54px;
	width: 336px;
}
#Header .flags {
	position: absolute;
	height: 20px;
	width: 50px;
	right: 25px;
	top: 55px;
}

/* FRONT PAGE
----------------------------------------- */
.front { background: url(../images/frontcontentbg.gif) no-repeat center 50px; display: table; }
#FrontBanner {
	border-left: #CCCCCC 1px solid;
	border-right: #CCCCCC 1px solid;
	border-bottom: #CCCCCC 1px solid;
	padding: 2px;
	height: 220px;
}
	#FrontBanner img { border: none; padding: 0; margin: 0; }

#FrontColumns {
	border-left: #CCCCCC 1px solid;
	border-right: #CCCCCC 1px solid;
	border-bottom: #CCCCCC 1px solid;
	padding: 2px;
	height: 135px;
}
#FrontColumns .frontCol { 
	width: 219px;
	border-left: #11558C 1px solid;
	border-right: #0B3151 1px solid;
	height: 135px;
	display: inline;
	float: left;
	background: #11558C url(../images/headerbg.png) repeat-x;
}

#FrontColumns .frontCol { color: white; }
#FrontColumns .frontCol h2 {
	margin: 15px 25px;
	font-size: 17px;
	text-transform: uppercase;
	font-weight: normal;
	padding: 0 0 0 25px;
	background: transparent url(../images/headerbullet_b.png) no-repeat scroll left center;
}
#FrontColumns .frontCol p { margin: 0 25px 15px; }
#FrontColumns .frontCol p a { color: #9FC81F; text-decoration: none; }
	#FrontColumns .frontCol p a:hover { text-decoration: underline; }
#FrontLeft { width: 395px; float: left; display: inline; margin: 25px 25px 0 25px; }
#FrontLeft h1, #FrontRight h3 { text-transform: uppercase; }
#FrontRight h3 { margin-top: 6px; }
#FrontRight { width: 395px; float: right; display: inline; margin: 25px 25px 0 25px; }

.productPane, .servicePane {
	width: 170px;
	float: right;
	display: inline;
}
.servicePane { margin: 0 30px 0 0; }
.productPane ul, .servicePane ul {
	margin: 0;
	padding: 0;
}
.productPane li, .servicePane li {
	margin: 5px 0 !important;
	list-style: none;
	line-height: 11px;
	background: transparent url(../images/listbullet.gif) no-repeat scroll left center;
	padding: 0 0 0 15px;
}

/* SUB PAGE
----------------------------------------- */
.subpage { 
	width: 840px;
	clear: both;
	overflow: hidden;
	margin: 0 auto;
}
#PageTitle {
	border-left: #CCCCCC 1px solid;
	border-right: #CCCCCC 1px solid;
	border-bottom: #CCCCCC 1px solid;
	padding: 2px;
	margin: 0 0 35px 0;
}
#PageTitle h1 { 
	background: #11558C url(../images/headerbg.png) repeat-x;
	height: 100px;
	line-height: 100px;
	color: #fff;
	font-weight: normal;
	padding: 0 0 0 40px;
}
#PageTitle h1 span {
	padding: 0 0 0 25px;
	background: transparent url(../images/headerbullet_b.png) no-repeat scroll left center;
}
.subpage #PageExtras { width: 245px; float: right; }
.subpage #PageExtras p object { float:right; }
.subpage #PageExtras #PagePicture { float: right; position: relative; height: 200px; width: 200px; overflow:hidden; }
.subpage #PageExtras #PagePicture .overlay { width: 200px; height: 200px; position: absolute; top: 0; right: 0; background: transparent url(../images/pagepicture.gif) no-repeat; }
.subpage #PageExtras .servicePane { width: 190px; margin: 25px 0 0 0; }
.subpage #PageExtras .servicePane h3 { 
	font-size: 17px;
	text-transform: uppercase;
	font-weight: normal;
	padding: 0 0 0 25px;
	background: transparent url(../images/headerbullet.png) no-repeat scroll left center;
}
.subpage #PageExtras .servicePane ul { margin: 0!important; }
.subpage #Content {
	width: 350px; /*375*/
	float: left; 	
	margin: 0;
	text-align: left;
}
.subpage #Content p {  }

/* MAIN NAVIGATION - TABS
----------------------------------------- */
#NavigationWrap { 
	border: #CCCCCC 1px solid;
	width: 884px;
	padding: 2px;
	margin: 40px auto 0;
}
#Navigation {
	width: 884px;
	margin: 0 auto;
	overflow: hidden;
	height: 40px;
	background: #11558C url(../images/menubg.png) repeat-x;
}
	#Navigation ul { 
 		float: left; 
	}
		#Navigation ul li { 
	 		list-style: none; 
			float: left;
			line-height: 2.8em;
			display: block;
		}
  			#Navigation ul li a { 
				float: left;
				text-decoration: none;
				display: block; 
				height: 40px; 
				font-size: 13px;
				line-height: 40px; 
				padding: 0 25px 0;
				color: #fff;
				border-left: #11558C 1px solid;
				border-right: #0B3151 1px solid;
			}
					#Navigation ul li a:hover { 
			 			background: #11558C url(../images/menu_hover.png) repeat-x; 
						color: #fff;
						cursor: pointer;
					}
					
    			#Navigation ul li a.current,
	    		#Navigation ul li a.section,
	    		#Navigation ul li a.section:hover,
	    		#Navigation ul li a.current:hover { 
				 	background: #11558C url(../images/menu_hover.png) repeat-x; 
				 	color: #fff;
					}

    
/* BREADCRUMBS
-------------------------------------------- */
#Breadcrumbs { 
 	color: #B7C0C5;
	text-align: left;
	font-size: 0.9em; 
	margin: 0px 5px 10px 0;
}
	#Breadcrumbs p {
		margin: 0;
	}

/* SIDEBAR
-------------------------------------- */
#Sidebar { 
 	width: 220px; 
	float: left;  
}
	#Sidebar .sidebarBox {
		background: #EFEFEF;
		width: 168px;
		border-left: 1px solid #E6E6E6;
		border-right: 1px solid #E6E6E6;
		border-bottom: 1px solid #E6E6E6;
	}
	#Sidebar ul {

	}
		#Sidebar li {
			list-style: none;
		}
	#Sidebar h3 { 
		clear: both; 
		text-transform: uppercase;
		color: #0B3151;
		font-weight: normal; 
		font-size: 18px; 
		margin: 0 0 18px 0;
	}
	

	#Sidebar a em {
		font-style: normal;
	}
	#Sidebar p {
		font-size: 11px;
	 	clear: both;
	 	margin: 10px 10px 0 10px;
	}
	
	/* MENU2 */
	ul#Menu2 { margin: 0; }
	ul#Menu2 { width: 168px; }
    ul#Menu2 li { 
        list-style: none;
		/*height: 23px;*/
		width: 168px;
		/*line-height: 23px;*/
		border-top: 1px solid #E6E6E6;
		margin: 0;
		padding: 0;
		background: #ccc url(../images/menupunktbg.png) repeat-x; 
    }
    	ul#Menu2 li a {
            display: block;
            /*width: 168px;
			height: 23px;*/
			color: #333;
            font-size: 11px;
			background: url(../images/listbullet.gif) no-repeat 5px center scroll; 
			/*text-indent: 20px;*/
			padding: 4px 4px 4px 20px;
      	}

      	ul#Menu2 li a:hover,
      	ul#Menu2 li a.current,
      	ul#Menu2 li a.current:hover {
        	color: #9FC81F;
			cursor: pointer;
            text-decoration: none;
      	}
	  	ul#Menu2 li a.current {
	  		font-weight: bold;
	  	}
      	ul#Menu2 li a.section,
      	ul#Menu2 li a.section:hover {
            font-weight: bold;
            width: 168px; 
      	}

		/* Sub Menu */
		ul#Menu2 li a.levelb {
			font-size: 11px;
			text-indent: 8px;
			/*width: 168px;*/
			background: url(../images/listbullet.gif) no-repeat 15px center scroll; 
			/*text-indent: 30px;*/
		}
		ul#Menu2 li a.levelb:hover,
		ul#Menu2 li li a.current,
		ul#Menu2 li li a.current:hover,
		ul#Menu2 li li a.section,
		ul#Menu2 li li a.section:hover {
			text-decoration: none;
			display: block;
			color: #9FC81F;
		}

	#Statement {
		width: 170px;
		background: #F7F7F7 url(../images/statement.gif) no-repeat;
		display: table;
		margin: 20px 0 0;
	}
	#Statement .stateBottom { background: url(../images/statementbund.gif) no-repeat; width: 170px; height: 25px; }
	#Statement #Quote { margin: 10px 10px 0; }
	#Statement #Quote p { font-size: 10px; }
	#Statement #Author { margin: 5px 10px 0; }
	#Statement #Company { margin: 0 10px; }
	#Statement #Quote p, #Statement #Author p, #Statement #Company p { margin: 0; color: #666666; }
	#Statement #Quote p { font-style: italic; font-weight: bold; }
	#Statement #Company p { font-size: 9px; text-transform: uppercase; }

/* SEARCH RESULTS STYLES
------------------------------------------------ */
ul#SearchResults {
	margin: 10px 0;
}
	ul#SearchResults li {
		list-style: none;
		margin: 5px 0;
		font-size: 1em;
	}

/* SEARCH FORM 
-----------------------------------------------*/
html #SearchForm_SearchForm {
	float: right;
	width: 240px;
	margin: 5px;
}
html #SearchForm_SearchForm .middleColumn {
	float: left;
	width: 164px;
	margin: 0 5px 0 0;
	padding: 2px;
	background-color: #51a9df;
	
}
	html #SearchForm_SearchForm .middleColumn input.text {
		width: 160px;
		border: none;
		color: #666;
	}
html #SearchForm_SearchForm #SearchForm_SearchForm_action_results {
	float: left;
	margin-top: 2px;
}

/* MESSAGEBOXS
--------------------------------------------- */
.message {
	margin: 15px;
	padding: 5px;
	width: 92%;
	color: #979908;
	border: 4px solid #F7F8B4;
	background: #FFFFEA;
}
span.middleColumn .message {
	margin: 4px 0 0 3px;
}
.required {
	margin: 4px 0 0 3px;
	padding: 5px;
	width: 92%;
	color: #DC1313;
	border: 4px solid #FF7373;
	background: #FED0D0;
}



p#Remember label {
	margin: -24px 0 0 20px;
	text-align: left;
}
.entry {
	border-bottom: 1px solid #eee;
}

.typography #Content p.authorDate {
	color: #444;
	margin-top: -15px;
	}
/* UNSUBSCRIBE NEWSLETTER
------------------------------------------------ */
#Unsubscribe_MailingListForm_MailingListForm{
	min-height:100px;
}

	#Unsubscribe_MailingListForm_MailingListForm p{
		margin:0 !important;
		padding:10px;
	}
		#Unsubscribe_MailingListForm_MailingListForm p label{
			display: inline;
		}
	#Unsubscribe_MailingListForm_MailingListForm label{
		margin:0;
	}


/* FOOTER
----------------------------------------------- */

#Footer { 
 	clear: both;  
	width: 100%; 
	height: 100px;
	background: #ECECEC url(../images/footerbg.png) no-repeat top center; 
	text-align: center; 
}
	#Footer .footerTop {
		width: 960px;
		display: table;
		height: 100px;
		margin: 0 auto;
	}
	#Footer .footerContent {
		width: 900px;
		height: 20px;
		margin: 90px auto 0;
	}
  	#Footer p { 
		color: #666;
		font-size: 11px;
		text-align: left;
	}
	#Footer p span { float: right; }
  		#Footer a { 
	   		color: #666; 
	   		text-decoration: none;
		}
			#Footer a:hover {
				color: #666;
				text-decoration: underline;
			}