/*
Theme Name: DK Packing and Casemaking Ltd
Theme URI:
Description:
Version:
Author:
Author URI:
Tags: 

*/


/* Begin Structure */

body 						{ margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; 
							color: #000000; background: url(images/body-bg.gif) repeat-x #fff; }
				
td 							{ font-family: Arial, Helvetica, sans-serif; }
th 							{ font-family: Arial, Helvetica, sans-serif; }

h1 							{ clear: left; margin: 0; padding: 5px 0px 11px 0px; font-size: 24px; 
							color: #000; width: 100%; font-weight: normal; }
h2 							{ clear: left; margin: 0; padding: 5px 0px 11px 0px;  font-size: 16px; 
							color: #000; width: 100%; font-weight: normal; }
h3 							{ clear: left; margin: 0; padding: 5px 0px 11px 0px; font-size: 14px; 
							color: #000; width: 100%; font-weight: normal; }
h4 							{ clear: left; margin: 0; padding: 5px 0px 11px 0px; font-size: 14px; 
							color: #000; width: 100%; font-weight: normal; }
							
h1, h2, h3, h4 {font-family:'Roboto', Arial, Helvetica, Sans-Serif;}

img a 						{ text-decoration:none!important; border: none!important; }
a 							{ outline: none; }


/* Layout */

#page-wrap 					{ width: 780px; position: relative; margin: auto; /*border: 1px solid #000;*/  }
#inner-wrap 				{ width: 780px; position: relative; margin: auto; background: none; padding-top: 1px; /*border: 1px solid #000;*/ }

#header						{ width: 780px;
							text-align: left; z-index:20; margin:0 auto; }
.header2						{ position: absolute; top: 0pt; left: 0pt; width: 780px; height: 168px; text-align: center; background: url(/wp-content/uploads/2013/02/headerimage2.jpg) center 9px no-repeat;z-index:10;}
#main						{ position: relative; padding: 0px 0px 0px 0px; margin: auto; width: 776px;
							border-left: 2px solid #ccc; border-right: 2px solid #ccc; overflow: auto; /*border: 1px solid #000;*/
							background: #fff!important;  }
#left						{ padding: 2px 0px 0px 2px; float: left; width: 180px; }

#footer 					{ position: relative; padding: 45px 0px 0px 0px; margin: 0px 0px 20px 0px; color: #000; height: 73px; width: 776px; background: #fff; 
							border-left: 2px solid #ccc; border-right: 2px solid #ccc; border-bottom: 2px solid #ccc; }							
#footer a 					{ color: #0a4978; text-decoration: none; }
#footer a:hover 			{ color: #0a4978; text-decoration: underline; }

#copyright					{ float: left; padding: 0px 0px 0px 191px;}

.content-home 				{ float: right; width: 575px; color: #000; text-align: left;  padding: 10px 10px 0px 0px; background: #fff; }
.content-home a 			{ text-decoration: none; color: #0a4978; }
.content-home a:hover 		{ text-decoration: underline; color: #0a4978; }
.content-home ul			{ margin: 0px; padding: 0px 0px 0px 20px;}
.content-home li			{ margin: 0px; padding: 0px 0px 0px 10px; list-style-type: none; 
							background: url(images/content-li-bg.gif) 0px 50% no-repeat; }

.content 					{ float: right; width: 575px; color: #000; text-align: left;  padding: 40px 10px 20px 0px; background: #fff; }
.content a 					{ text-decoration: none; color: #0a4978; }
.content a:hover 			{ text-decoration: underline; color: #0a4978; }
.content ul					{ margin: 0px; padding: 0px 0px 0px 20px;}
.content li					{ margin: 0px; padding: 0px 0px 5px 10px; list-style-type: none; 
							background: url(images/content-li-bg.gif) 0px 50% no-repeat; }
.content ul li				{ margin: 0px; padding: 0px 0px 5px 10px; list-style-type: none; 
							background: url(images/content-li-bg.gif) 0px 7px no-repeat; }
							
								
#search-box					{ float: right; padding: 21px 10px 0px 0px; width: 195px; position:relative;z-index:30;  }
#s							{ float: left; margin: 0px 3px 0px 0px; width: 110px; }
#search-box .button			{ margin: 0; padding: 0; width: 70px;}			

#search-box .headertel {color:#FFFFFF;display:block;text-align:right;}
#search-box #searchform {margin-top:22px;margin-left:4px;}


/* ------- menu ------- */

#head-menu 					{ padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width: 780px; height: 24px; position:relative; z-index:30; /*border: 1px solid #000;*/ }
#head-menu li				{ padding: 0; margin: 0px; float: left; list-style-type: none; line-height: 24px;  }
#head-menu li a				{ padding: 0px 10px 0px 10px; color: #fff; text-decoration: none; display: block; }
#head-menu li a:hover		{ padding: 0px 10px 0px 10px; color: #fff; text-decoration: none; display: block; background: #0a4978; }

.services-menu ul 				{ padding: 0px; margin: 0px!important; float: left;  width: 176px; /*border: 1px solid #000;*/ padding-bottom: 5px; }
.services-menu ul li			{ padding: 0px; margin: 0px!important; list-style-type: none; border-top: 1px solid #fff; 
							width: 176px; }
.services-menu ul li a			{ margin: 0!important; padding: 0px 5px 0px 5px; line-height: 28px; height: 28px; color: #fff; 
							text-decoration: none; display: block; background: #0a4978;  }
.services-menu ul li a:hover	{ margin: 0!important; padding: 0px 5px 0px 5px; line-height: 28px; height: 28px; color: #fff;
							text-decoration: none; display: block; background: #19669f; }

#keyinfo-menu 				{ padding: 0; margin: 0; float: left;  width: 176px; /*border: 1px solid #000;*/ padding-bottom: 5px; }
#keyinfo-menu li			{ padding: 0; margin: 0; list-style-type: none; border-top: 1px solid #fff; width: 176px; 
							background: url(images/keyinfo-menu-li-bg.jpg) 4px 12px no-repeat #E3E3E3!important; }
#keyinfo-menu li a			{ padding: 0px 5px 0px 10px; color: #000; line-height: 28px; height: 28px; text-decoration: none; display: block; }
#keyinfo-menu li a:hover	{ padding: 0px 5px 0px 10px; color: #000; line-height: 28px; height: 28px; text-decoration: underline; display: block; }

#keyinfo-menu ul			{ padding: 0; margin: 0; float: left;  width: 176px; /*border: 1px solid #000;*/ border-bottom: 1px solid #fff!important; }
#keyinfo-menu ul li			{ padding: 0; margin: 0; list-style-type: none; line-height: 28px; border-top: 1px solid #fff!important; width: 156px; 
							background: url(images/keyinfo-menu-li-bg.jpg) 4px 12px no-repeat #E3E3E3!important; }
#keyinfo-menu ul li a		{ padding: 0px 5px 0px 10px; color: #000; text-decoration: none; display: block; }
#keyinfo-menu ul li a:hover	{ padding: 0px 5px 0px 10px; color: #000; text-decoration: underline; display: block; }


#breadcrumb					{ position: absolute!important; top: 5px!important; right: 10px; padding: 0px 4px 0px 4px; width: 567px; 
							background: #F3F3F3; line-height: 22px; color: #000; font-size: 11px; }					
#breadcrumb	 a 				{ text-decoration: none; color: #0a4978; }
#breadcrumb	 a:hover 		{ text-decoration: underline; color: #0a4978; }

#sub-menu-wrapper			{ float: right; width: 584px; }
#sub-menu 					{ padding: 0px 0px 0px 22px; margin: 0; float: left;  width: 560px;  }
#sub-menu li				{ padding: 6px 0px 6px 15px; margin: 0; list-style-type: none; width: 255px!important; 
							background: url(images/sub-menu-li-bg.gif) 0px 50% no-repeat!important; float: left; }
#sub-menu li a				{ text-decoration: none; color: #0a4978; }
#sub-menu li a:hover		{ text-decoration: underline; color: #0a4978; }

#utility					{ float: right; margin: 10px 10px 0px 0px; padding: 0px 4px 0px 14px; width: 557px; background: #F3F3F3; 
							line-height: 37px; color: #000; 
							font-size: 11px; }
#utility li					{ margin: 0; padding: 0px 10px 0px 20px; float: left; list-style-type: none;  }
#utility li a 				{ text-decoration: none; color: #0a4978; }
#utility li  a:hover 		{ text-decoration: underline; color: #0a4978; }
.print-li					{ background: url(images/print-icon.gif) 0px 50% no-repeat; }
.email-li					{ background: url(images/email-icon.gif) 0px 50% no-repeat; }


	

#foot-menu 					{ float: right; padding: 10px 0px 0px 80px; margin: 0; font-size: 11px;/*border: 1px solid #fff;*/ width: 494px; height: 50px; 
							background: url(images/foot-menu-bg.jpg) no-repeat; }
#foot-menu li 				{ padding: 0px 0px 0px 40px!important; margin: 0; float: left; padding-right: 10px; list-style-type: none; 
							color: #333333; }

/* End Menu */


.navigation				{ float: right; clear: right; /*width: 780px;*/ width: 550px; background-color: #ffffff; padding: 10px; color: #000000; }
.post 					{ margin: 0 0 40px; text-align: justify; margin: 0; }
.post hr 				{ display: block; }
.postdate 				{ float: left; clear: left; }
.entry					{ float: left; clear: left; }
.postmetadata 			{ margin: 30px 0; padding-top: 5px; clear: both; }
.smallattachment 		{ text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px; }
.attachment 			{ text-align: center; margin: 5px 0px; }
.clear 					{ clear: both; }


/* End Structure */


/* Begin Typography & Colors */


.thread-alt 			{ background-color: #f8f8f8; }
.thread-even 			{ background-color: white; }
.depth-1 				{ border: 1px solid #ddd; }
.even, .alt 			{ border-left: 1px solid #ddd; }
small 					{ font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.5em; text-align: left;}
.postdate 				{ font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.5em; text-align: left; color: #777;}
description 			{ font-size: 1.2em; text-align: center; }
h2.pagetitle 			{ font-size: 1.6em; }
#sidebar h2 			{ font-family: 'Lucida Grande', Verdana, Sans-Serif; font-size: 1.2em; }
.entry 					{ line-height: 1.4em; text-align: left; }
.postmetadata 			{ text-align: left; }
.entry p a:visited 		{ color: #b85b5a; }
/*h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description { text-decoration: none; color: #103863; }
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { color: #103863; }
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite { text-decoration: none; }*/

.entry p a:visited 		{ color: #b85b5a; }
.commentlist li, #commentform input, #commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentlist li ul li 	{ font-size: 1em; }
.commentlist li 		{ font-weight: bold; }
.commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; }
.commentlist p 			{ font-weight: normal; line-height: 1.5em; text-transform: none; }
#commentform p 			{ font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentmetadata 		{ font-weight: normal; }
#sidebar 				{ font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif; }
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike { color: #777; }
code 					{ font: 1.1em 'Courier New', Courier, Fixed; }
acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; }
a, h2 a:hover, h3 a:hover { color: #06c; text-decoration: none; }
a:hover { color: #147; text-decoration: underline; }
/* End Typography & Colors */


/* Begin Images */
p img 					{ padding: 0; max-width: 100%; }
img.centered 			{ display: block; margin-left: auto; margin-right: auto; }
/*img.alignright 			{ padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft 			{ padding: 4px; margin: 0 7px 2px 0; display: inline; }*/

img.alignright 			{ border:2px solid #CCCCCC; margin:0 0 1em 1em; padding: 1px;  }
img.alignleft 			{ border:2px solid #CCCCCC; margin:0 0 1em 1em; padding: 1px;  }

.alignright 			{ float: right; }
.alignleft 				{ float: left }
/* End Images */

/* Begin Entry Lists */
html>body .entry ul 	{ margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; }
html>body .entry li 	{ margin: 7px 0 8px 10px; }
.entry ul li:before, #sidebar ul ul li:before { content: "\00BB \0020"; }
.entry ol 				{ padding: 0 0 0 35px; margin: 0; }
.entry ol li 			{ margin: 0; padding: 0; }
.postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; }
#sidebar ul, #sidebar ul ol { margin: 0; padding: 0; }
#sidebar ul li 			{ list-style-type: none; list-style-image: none; margin-bottom: 15px; }
#sidebar ul p, #sidebar ul select { margin: 5px 0 8px; }
#sidebar ul ul, #sidebar ul ol { margin: 5px 0 0 10px; }
#sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 10px; }
ol li, #sidebar ul ol li { list-style: decimal outside; }
#sidebar ul ul li, #sidebar ul ol li { margin: 3px 0 0; padding: 0; }
/* End Entry Lists */

/* Begin Form Elements */
/*#searchform 			{ margin: 10px auto; padding: 5px 3px; text-align: center; }
#sidebar #searchform #s { width: 108px; padding: 2px; }
#sidebar #searchsubmit 	{ padding: 1px; }*/
/* This is mainly for password protected posts, makes them look better. */
.entry form 			{  text-align:center; }
select 					{ width: 130px; }
#commentform input 		{ width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
#commentform 			{ margin: 5px 10px 0 0; }
#commentform textarea 	{ width: 100%; padding: 2px; }
#respond:after 			{ content: "."; display: block; height: 0;  clear: both;  visibility: hidden; }
#commentform #submit 	{ margin: 0 0 5px auto; float: right; }
/* End Form Elements */

/* Begin Comments*/
.alt 					{ margin: 0; padding: 10px; }
.commentlist 			{ padding: 0; text-align: justify; }
.commentlist li 		{ margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; }
.commentlist li ul li 	{  margin-right: -5px; margin-left: 10px; }
.commentlist p 			{ margin: 10px 5px 10px 0; }
.children 				{ padding: 0; }
#commentform p 			{ margin: 5px 0; }
.nocomments 			{ text-align: center; margin: 0; padding: 0; }
.commentmetadata 		{ margin: 0; display: block; }
/* End Comments */

/* Begin Sidebar */
/*#sidebar 				{ padding: 20px 0 10px 0; width: 190px; }*/
#sidebar form 			{ margin: 0; }
/* End Sidebar */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps { cursor: help; }
acronym, abbr			{ border-bottom: 1px dashed #999; }
blockquote 				{ margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite 		{ margin: 5px 0 0; display: block; }
.center 				{ text-align: center; }
.hidden 				{ display: none; }
hr 						{ display: none; }
a img 					{ border: none; }
.navigation 			{ display: block; text-align: center; }
/* End Various Tags & Classes*/

/* Captions */
.aligncenter,
div.aligncenter 		{ display: block; margin-left: auto; margin-right: auto; }
.wp-caption 			{ border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 13px; -moz-border-radius: 3px; 
						-khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #000; }
.wp-caption img 		{ margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
/* End captions */

/* Classes */

.left-heading			{ float: left!important; padding: 0px 3px 0px 12px; width: 161px; line-height: 28px; background: url(images/left-heading-bg.jpg) 0px 0px repeat-x; color: #fff; 
						 font-weight: bold; }
#contact-form-holder	{ margin: auto; width: 200px; /*height: 246px;*/ height: 241px; background: url(images/right-form-bg.jpg) no-repeat; /*padding-top: 44px; */ padding-top: 49px; 
						color: #fff; font-size: 11px; font-weight: bold; }
#contact-form-holder input { border: none; }


.tbl-border {
	border-top: 1px solid #E6DB55;
	border-left: 1px solid #E6DB55;

}
.th-border {
	border-right: 1px solid #E6DB55;
	border-bottom: 1px solid #E6DB55;
	padding: 10px;
	font-weight: normal;
	background-color: #FFFBCC;
}
.td-border {
	border-right: 1px solid #E6DB55;
	border-bottom: 1px solid #E6DB55;
	background-color: #fff;
	padding: 5px;
}
.td-border_even {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #F9F9F9;
	padding: 5px;
}
.td-border_odd {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #fff;
	padding: 5px;
}
	
.error {
	float: left!important;
	clear: left!important;
	width: 400px!important;
	padding: 10px!important;
	margin-bottom: 10px!important;
	border: 1px solid #ff0000!important;
	background-color: #FFCCCC!important;
	color: #000000!important;
}

.red { color: #ff0000!important; }

.clear-left	 { clear: left; }
.td-spacer { padding-top: 3px; }
/* End Classes */

/* ---------- Forms ------------*/

.jform {margin:0; padding:0;}
.jform label { float:left; width:42%; text-align:right; padding-top:3px; font-size: 1.1em;}
.jform fieldset { border: 1px solid #ccc; padding:8px; margin:18px 10px 10px 0px; clear:both;}
.jform legend {font-size: 1.2em;}
		
form.jform div {clear:both; padding:0.7em 0 0 0;}
input.jform, textarea.jform { float:left; width: 55%; text-align:left; border:1px solid #333; padding:1px; margin-left: 5px; font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif; font-size: 1.1em;}
    
.selectwidth {margin-left: 5px; border:1px solid #333; width:220px;}

.jform_multipleinput_label {float:left; width:42%; text-align:right; padding-top:3px; font-size: 1.1em;}
.jform_multipleinput {float:left; width: auto !important; text-align:right !important; margin-left: 8px;}
    
.jform_dob { font-size: 0.9em;}
    
.dataprotection_input {float:left; width: 99% !important; text-align:left !important;margin-left: 2px;}
    
.field {padding:0 1px;border: 1px solid #666;}
    
.datemyform {border:1px solid #333; padding:1px;}

.form_line {border-bottom: 1px solid #ddd;clear: both; margin:5px 0; padding:2px 0 5px 0;}
       
/* 
Main button type 
*/   

.button, .rightbutton, .sign_button { background: #eee;border: 1px solid #666; color: #333; font-weight: bold; padding:0 1px;}
.button {margin: 0 5px;}
    
.rightbutton {margin: 0 5px; float: right;}
        
.sign_button { font-size: 1.1em;}

input:focus, textarea:focus {background-color: #ffc;}

input.rightbutton { background-color:#008A65; border:2px solid #00523C; color:#FFFFFF; }


input.button {background-color: #008A65;color: #fff;border: 2px solid #00523C;}



/*------------- Download Attachments -----------------*/

a[href$=".PDF"], a[href$=".pdf"] {
	padding: 0px 60px 0px 0px;
	background: url("images/pdf-icon.jpg") right 50% no-repeat;
}

a[href$=".DOC"], a[href$=".doc"] {
	padding: 0px 60px 0px 0px;
	background: url("images/doc-icon.jpg") right 50% no-repeat;
}


/*.page-item-332 a { background: url(images/ex-bg.jpg) 0px 0px no-repeat!important; }*/
.postline {border-bottom:solid 1px #CCC;}

/* holding */
.dkwrap {width:980px;margin:100px auto;font-family:'Roboto', Arial, Helvetica, Sans-Serif;}
.logo1, .logo2 {    background-color: #fff;
    float: left;
    font-size: 16px;
    margin: 30px;
    padding: 20px;
    text-align: center;
    width: 375px;}
.logo1 a, .logo2 a {color:#0a4978;text-decoration:none;}
.underline {text-decoration:underline;}
#dkholding {width:100%;height:100%;position:fixed;z-index:9999;display:none;background:url(images/dkpholdingbg.jpg) no-repeat center center fixed;  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
 #logo {margin-top:34px;margin-bottom:30px;margin-left:10px;float:left;}
 #header {height:112px;}
 #header {background:url(images/topbg.jpg) no-repeat top right;}
 .headerinner {clear:both;}
 .telinfo {float:right;width:400px;color:#fff;text-align:right;padding:24px 10px 0 0;}
 #head-menu {clear:both;padding:5px;}
 #headermenu {width:100%;background-color:#1c405d;}
 .menutop {width:780px;margin:0 auto;}
 #head-menu li a {font-size:14px;font-weight:100;font-family:'Roboto', Arial, Helvetica, Sans-Serif;text-transform:uppercase;}
 #main {margin-top:10px;}
 .strapline {color:#fff;font-size:18px;font-weight:bold;display:block;margin-top:5px;font-family:'Roboto', Arial, Helvetica, Sans-Serif;}
 .telnumber {display:block;margin-top:20px;font-size:16px;}
 .footerlogos {text-align:center;margin-bottom:10px;}
 .footerlogos a {margin-right:10px;height:20px;}