@charset "UTF-8";
/* CSS Document */

/*

| ============================= |
| CSS Stylesheet								|
| Authored by Casey O'Hara 			|
| Exclusively for Sunnking Inc.	|
| Copyright 2009								|
| ============================= |

   ===============
--- Swatch Colors --- 
   ===============
   
   #b11d21 - Red
   #f7941d - Orange
   #fe6804 - Dark Orange
   #012f47 - Dark Blue
   #436990 - Light Blue (image borders)
   #b5b5b5 - Main Nav Dark Gray
   #c5d0d4 - Light Gray (dividers)
   
   Frames
   #f8f7f7 - Light Gray
   #b4b4b4 - Dark Gray
   
   Messages
   #c5d0d4 - Slate

*/







/* -------------------------------------- */
			/* GLOBAL */
/* -------------------------------------- */

/* Style the body tag for the background and primary font */
body {
	background-color: #FFF;
	font-size: 12px;
	font-family: Helvetica, Arial, Sans-Serif;
	line-height: 1.2em; 
	}
	
	
/* For bold and italic text- the <strong> and <em> tags */	
strong {font-weight: bold;}
	.strong {font-weight: bold;}
em {font-style: italic;}
	.em {font-style: italic;}


/* Header tags */
h1, h2, h3, h4, h5, h6 { 	font-weight: bold;	padding-top: 8px; }

h1 {font-size: 20px;}
h2 {font-size: 18px;}
	h2.callus {padding-top: 5px; margin: 0px;}
h3 {font-size: 16px;}
h4 {font-size: 14px; padding-top: 25px; padding-bottom: 3px;}
h5 {font-size: 12px;}
h6 {font-size: 10px;}

/* Specific color classes */
.red {color: #b11d21;}
.darkblue {color: #012f47;}
.orange {color: #f7941d;}
.darkorange {color: #fe6804;}

/* Alignment classes */
.first {padding-top: 0px; margin-top: 0px;}
.alignLeft {text-align: left;}
.alignRight {text-align: right;}
.alignCenter {text-align: center;}

/* Decoration Classes */
.underline {	text-decoration: underline;	}



/*Clears*/
div.clear100 { clear: both; width: 100%; height: 100px; background-color: #FFF;}
div.clear50 { clear: both; width: 100%; height: 50px; background-color: transparent; }
div.clear25 { clear: both; width: 100%; height: 25px; background-color: #FFF; }
div.clear15 { clear: both; width: 100%; height: 15px; background-color: #FFF; }
div.clear15 { clear: both;width: 100%;  height: 10px; background-color: #FFF; }


/*Links*/
a { color: #b11d21; font-style: italic; 
	text-decoration: none;
	}
	
a:hover {color: #000;}	
	
a.morestories { font-weight: bold; }

/*Paragraphs*/
p {
	padding-top: 10px;
	line-height: 1.2em;
	}

p.caption {
	font-size: 10px;
	font-style: italic;
	padding-top: 0px;
	}

/*Lists*/
ul {	
padding-top: 10px;
padding-left: 15px;
list-style: disc outside none;
}

ul li { 
padding-top: 7px;
line-height: 1.2em;
}

ul.nobullet {list-style: none;}
ul li ul li {padding-left: 10px; padding-top: 0px;}

ul.linksList {
	list-style: none;
	padding-left: 0px;
	}

ul.shift { padding-left: 40px; }	
ul.shift li { padding: 0px; padding-bottom: 3px; }	

ol {
padding-top: 10px;
padding-left: 15px;
list-style: decimal outside none;
}

ol li {	padding-top: 5px;}

/*Images*/
img.border { padding: 3px; margin-bottom: 10px; border: 1px solid #436990;}
img.noborder {border: 0px; padding: 0px; margin: 0px;}



/*Visualization*/
.visualize { border: 1px #00FF00 dotted; }




/* -------------------------------------- */
			/* GENERAL */
/* -------------------------------------- */
div.split {
	width: 50%;
	float: left;
	}
	
div.blockContainer {
	width: 100%;
	margin-top: 40px;
	float: left;
	clear: both;
	}
	

div.blockContainer p {
	width: 68%;
	float: right;
	}

div.blockContainer a {
	float: left;
	clear: both;
	}
	
div.blockContainer img {
	float: left;
	}		

















/* -------------------------------------- */
			/* Header */
/* -------------------------------------- */

/*Home Header Elements */
#homeHeaderFull {
	width: 100%;
	height: 425px;
	background-image: url(../assets/homeHeaderFull-bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	}
	
#homeHeaderContainer {
	width: 955px;
	height: inherit;
	margin: auto;
	background-image: url(../assets/homeHeaderContainer-bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	}	
	
div#homeHeaderTopContainer {
	width: inherit;
	height: 206px;
	position: relative;
	}	

div#homeHeaderTopContainer a#logoLink {
	width: 625px;
	height: 150px;
	position: absolute;
	z-index: 1000;
	top: 0;
	left: 0;
	}

div#homeHeaderBottomContainer {
	width: 955px;
	height: 215px;
	}

/*Global Headers*/
div#headerTopFull {
	width: 100%;
	height: 157px;
	background-image: url(../assets/headerTopFull-bg.jpg);
	background-repeat: repeat-x;
	background-position: top;	
	}
		
		div#headerTopContainer {
			width: 955px;
			height: inherit;
			margin: auto;
			position: relative;
			background-image: url(../assets/headerTopContainer-bg.jpg);
			background-position: top center;
			background-repeat: no-repeat;
			}	
		
		div#headerTopContainer a#logoLink {
			width: 500px;
			height: 150px;
			position: absolute;
			z-index: 1000;
			top: 0;
			left: 0;
			}

	
div#headerBottomFull {
	width: 100%;
	height: 134px;
	background-image: url(../assets/headerBottomFull-bg.jpg);
	background-repeat: repeat-x;
	background-position: top;	
	float: left; clear: both;
	}

	div#headerBottomContainer {
		width: 955px;
		height: inherit;
		margin: auto;
		background-repeat: no-repeat;		
		}
		
		div#headerBottomContainer h2.primaryTitle {
			color: #fff;
			font-style: italic;
			padding-top: 30px;
			line-height: normal;
			}		
			
		div#headerBottomContainer h2.secondaryTitle {
			color: #fff;
			font-style: italic;
			padding-top: 20px;
			}			
		
		div#headerBottomContainer h4.secondaryTitle {
			color: #fff;
			font-style: italic;
			width: 90%;
			padding-top: 10px;
			line-height: 1.2em;
			}		



/*Header Top Nav*/
	div#homeTopNav {
		width: 400px;
		height: 25px;
		margin-top: 95px;
		margin-right: 10px;
		float: right;
		clear: both;
		}
	
	
	
	div#topNav {
		width: 400px;
		height: 25px;		
		padding-top: 95px;
		margin-right: 10px;
		float: right;
		clear: both;
		}
		
	ul.topNavLinks {
		float: right;
		}
	
		ul.topNavLinks li {
			padding: 5px;
			float: right;
			display: inline;
			}
			
			ul.topNavLinks li.divider {
				font-weight: bold;
				color: #f7941d;
				}
		
		ul.topNavLinks li a {
			padding: 0px;
			margin: 0px;
			font-style: normal;
			font-size: 11px;
			font-weight: bold;
			text-decoration: none;
			color: #fff;
			}
		
		ul.topNavLinks li a:hover {
			color: #000;
			}	
				


div#mainMenuWrapper {
	height: 27px;
	margin: 0px;
	margin-top: 10px;
	padding: 0px;	
	position: absolute;
	z-index: 10000000;
	bottom: 0px;
	right: 0px;
	}
	
	div#mainMenu-left {
		width: 5px;
		height: inherit;
		float: left;
		clear: none;
		background-image: url(../assets/mainmenu-left-bg.jpg);
		background-repeat: no-repeat;
		}
		
	div#mainMenu-right {
		width: 5px;
		height: inherit;
		float: right;
		clear: none;
		background-image: url(../assets/mainmenu-right-bg.jpg);
		background-repeat: no-repeat;
		}
		
	div#mainMenu {
		min-width: 200px;
		height: inherit;
		float: left;
		clear: none;
		background-image: url(../assets/mainmenu-bg.jpg);
		background-repeat: repeat-x;
		}		
		
		
/* common styling */
.menu {
	float: right;
	position: relative; 
	margin: 0px;
	padding: 0px; 
	z-index: 1000000;
	}

.menu ul { 
	float: right;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	}

.menu ul li {
	display: block; 
	position: relative;
	float: left;
	clear: none;
	padding: 0px;
	margin: 0px;
	}	

.menu ul li a {
	display: block;
	color: #012f47;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	padding: 7px 15px 5px 15px;
	}
	
.menu ul li a:hover { color: #000; }	

.menu ul li ul { 	display: none; 	}


.menu ul li:hover ul {
	display: block; 
	position: absolute;
	top:23px; 
	left: 0px; 
	}

.menu ul li ul li {
	background-color: #b5b5b5;
	width: 175px;
	}
	
.menu ul li ul li a {
	display: block;
	font-size: 12px;
	background-color: inherit;
	padding: 5px 5px 5px 5px;
	}
	
.menu ul li ul li a:hover {
	display: block;
	background-color: #EEE;
	}
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		










/* -------------------------------------- */
					/* BODY */
/* -------------------------------------- */		

div.bodyWrapper {
	width: 100%;
	min-height: 500px;
	float: left; clear: both;
	background-color: #FFF;
	}
	
	div.bodyContainer {
		background-color: #FFF;
		width: 955px;
		min-height: 300px;
		height: auto;
		margin: auto;
		padding-top: 20px;
		padding-bottom: 20px;
		clear: both;
		}



/*Global Layouts*/
 /*3 Column*/
 div#threeColLeft {
 	width: 254px;
 	min-height: inherit;
 	float: left;
 	} 	
 
 div#threeColCenter {
 	width: 399px;
 	min-height: inherit;
 	margin-left: 24px;
  float: left;	
 	}	 

 div#threeColRight {
 	width: 255px;
 	min-height: inherit;
 	margin-left: 23px;
 	float: left;
 	}
 	
 	
 div#threeColLeftMerge {
 	width: 677px;
 	min-height: inherit;
 	float: left;
 	}
 	
	
 	
 	
/*Sidebars*/
div.sidebarTextBlock {
	width: 255px;
	padding-top: 10px;
	}

div.sidebarTop-blue {
	width: 255px;
	height: 37px;
	background-image: url(../assets/sidebar-top-blue.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin-top: 10px;
	}
	
div.sidebarTop-green {
	width: 255px;
	height: 37px;
	background-image: url(../assets/sidebar-top-green.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin-top: 20px;
	}
	
	
div.sidebarTop-red {
	width: 255px;
	height: 37px;
	background-image: url(../assets/sidebar-top-red.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin-top: 20px;
	}
	

div.sidebarTop-blue h4, div.sidebarTop-green h4, div.sidebarTop-red h4 {
	color: white;
	text-align: center;
	padding-top: 10px;
	}		

	
div.sidebarBody {
	width: 235px;
	min-height: 50px;
	padding: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-image: url(../assets/sidebar-body-bg.jpg);
	background-repeat: repeat-y;
	}
	
	div.sidebarBody p {color: #012f47; }
	div.sidebarBody ul li {color: #012f47; list-style: none; }
	div.sidebarBody a {
		font-weight: bold;
		text-decoration: underline;
		}	
			

div.sidebarBottom {
	width: 255px;
	height: 16px;
	background-image: url(../assets/sidebar-bottom.jpg);
	background-repeat: no-repeat;
	}

div#map {
width: 253px;
height: 280px;
border: 1px #b4b4b4 solid;
margin-bottom: 20px;
overflow: hidden;
}

/*SPECIFIC LAYOUTS AND ELEMENTS*/




/* -------------------------------------- */
			/* Home Layout */
/* -------------------------------------- */
div#homeLeftColumn {
		width: 405px;
		min-height: inherit;
		margin-left: 40px;
		margin-right: 35px;
		
		float: left;
		padding-bottom: 50px;
		}	
	
	
div#facility {
	width: inherit;
	}
	
	div#facility img {
		padding: 3px;
		border: 1px solid #436990;
		}
		
	div#facility h4 {line-height: 1.2em;}	 		

		
div#latestNews {
	width: inherit;
	min-height: 50px;
	margin-top: 30px;
	}
	
	/* "Latest News" */
	div#latestNews h4 {
		width: inherit;
		padding: 0px;
		margin: 0px;
		}
	
	/* Holds the list of recent articles */
	div#latestNews ul {
		margin: 0px;
		padding: 0px;
		list-style: none;
		}
		
	/* Individual news item li */
	div#latestNews ul li {
		margin: 0px;
		padding: 0px;
		}
			
	div.latestNewsItem {
		width: 100%;  
		margin: 0px;
		padding-bottom: 10px;
		}
			
			div.latestNewsItem h5 a { 
				width: 100%;
				float: left;
				font-style: normal;
				text-align: left;
				margin: 0px;
				padding: 0px;
				padding-bottom: 5px;
				color: #012f47; 
				}

			div.latestNewsItem h5 a:hover { color: #000; }
				
			div.latestNewsItem p { 
				width: inherit;
				line-height: 1.25em;
				}
				
			div.latestNewsItem a {
				padding-top: 10px;
				float: right;
				clear: both;
				}			
				
	
div#homeRightColumn {
	width: 445px;
	min-height: inherit;
	float: left;
	padding-bottom: 50px;
	}			


		
div.featuredService {
	width: inherit;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px #c5d0d4 solid;
	float: left;
	clear: both;
	}	
	
	div.featuredServiceImage {
		width: 158px;
		height: 82px;
		padding: 3px;
		border: 1px solid #436990;
		position: relative;
		float: left;
		}
	
	div.featuredServiceMoreLink {
		position: absolute;
		bottom: 1px;
		left: 3px;
		}
	
	
	div.featuredServiceText {
		width: 255px;
		padding-left: 10px;
		padding-right: 10px;
		float: left;
		}
		
	div.featuredServiceText h4 {
	padding-top: 0px;
	margin-top: 0px;
		width: inherit;
		}
	
	div.featuredServiceText p {
		line-height: 1.1em;
		}
		
		
	div.featuredService div.split {
		width: 222px;
		float: left;
		}	
		
	
	div.featuredService div#ebay {
		border-left: 1px solid #c5d0d4;
		}
	

/*Services*/
	div#threeColLeft img {}
	
	div.absoluteLinkHolder {
		padding: 3px;
		margin-bottom: 10px;
		border: 1px solid #436990;
		float: left; 
		position: relative;
		}
		
	div.absoluteLink {
		position: absolute;
		bottom: 3px;
		left: 3px;
		z-index: auto;
		}
		



/* -------------------------------------- */
		/* About Us => Our Team */
/* -------------------------------------- */
		
		div#ourTeamBody h4.shift {
			margin-left: 28px; 
			}

a div.employee h4 { color: #012f47;}

		div.employee {
			width: 260px;
			min-height: 102px;
			float: left;
			margin-left: 28px;
			margin-right: 28px;
			margin-top: 20px;
			border: 1px #b4b4b4 solid;
			background-color: #f8f7f7;
			}		

		div.bio {
			margin-left: 0px;
			}		

		div.employee img {
			width: 85px;
			height: 85px;
			margin: 7px;
			float: left;
			border: 1px #436990 solid;
			}
		
		div.employee h4, div.employee p {
			width: 145px;
			float: left;
			padding: 0px;
			margin: 0px;
			margin-left: 0px;
			}
			
		div.employee h4 {padding-top: 15px;}
		div.employee p.title {font-style: italic; padding-top: 3px;}
		div.employee p.email {padding-top: 10px;}	
		div.employee p.phone {padding-top: 3px;}	

	
	
	

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
/*Customer Support*/
/*Left Message Block*/
div.messageBlock {
	width: 90%;
	padding: 5%;
	margin-top: 10px;
	background-color: #012f47;
	}			

	div.messageBlock p {
		width: 100%;
		color: #FFF;
		font-weight: bold;
		text-align: center;
		}	
	












/*Documents*/
div.documents { width: 100%;}

	div.documents h5 a {
		width: auto;
		padding: 0px;
		float: none;
		background: none;
		}
	
	div.documents ul { list-style: none; }
		
	div.documents a {
		width: 100%;
		float: left;
		padding-top: 25px;
		padding-bottom: 25px;
		padding-left: 55px;
		background-image: url(../assets/pdf-icon.jpg);
		background-repeat: no-repeat;
		background-position: left;
		}	
		











/*Packaging*/
#tabs { }
    #tabs ul {
    		width: 100%;
    		float: left;
        list-style:none;
        padding: 0px;
        margin: 0px;
    		}
    		
    #tabs li {
    		min-width: 140px;
		    float: left;
		    padding: 0px;
		    margin: auto;
        }
    
    #tabs a {
    		width: 100%;
        float:left;
        text-decoration: none;
        padding: 2px;
        padding-top: 10px;
        padding-bottom: 10px;
        margin: auto;
        margin-bottom: 0px;
        background-color: #CCC;
        border: 1px #b4b4b4 solid;
        border-bottom: 0px 
    		}
    		
    #tabs a span {
        width: inherit;
        float: none;
        display:block;        
    		text-align: center;
    		font-style: normal;
				color: #888;
    		}
    		
    #tabs a:hover{background-color: #012f47; color: white; }
    #tabs a:hover span{background-color: #012f47; color: #FFF;}
    #tabHeaderActive span, #tabHeaderActive a, #tabHeaderActive a span{ 
    		background-color: #012f47; 
    		color:#FFF;
    		font-weight: bold;
    		border-bottom: #f8f7f7;
    		}
    
    .tabContent {
    		clear:both;
        border: 1px #b4b4b4 solid;
				background-color: #f8f7f7;
        padding:10px;
    		}
    		
div#safety {
	padding: 10px;
	border: 1px #b4b4b4 solid;
	background-color: #fff;
	}

div.packagingContent {
	padding: 10px;
	padding-bottom: 50px;
	border: 1px #b4b4b4 solid;
	background-color: #fff;
	}
	
	div.packagingContent h3 { 
		width: 399px;
		margin: auto;
		margin-top: 10px;		
		}

	div.packagingContent p {
		width: 399px;
		margin: auto;
		margin-top: 20px;
		}

	div.packagingContent p img {
			margin-top: 10px;
		}




/*Customer Sign In*/
div.accountMessageTop {
	width: 255px;
	background-color: #c5d0d4;
	}

	div.accountMessageTop h4 {
		width: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
		color: #012f47;
		text-align: center;
		}
		
div.accountMessageBody {
	width: 253px;
	border: 1px #c5d0d4 solid;
	}		
	
	div.accountMessageBody p {
		padding: 20px 10px 20px 10px;
		}
		
	div.accountMessageBody p a {
		border-bottom: 1px solid;
		}	


/*Site Map*/
div#sitemap {}

	
div#sitemap ul {
	margin-left: 50px;
	list-style: none;
	}	
	
div#sitemap ul li {
	font-size: 16px;
	text-align: left;
	margin-top: 25px;
	}	

div#sitemap ul li a {
	color: #000;
	text-decoration: underline;
	}

div#sitemap ul li a:hover {
	background-color: #000;
	color: #FFF;
	}
	
div#sitemap ul li ul {
	margin: 0px;}	

div#sitemap ul li ul li {
	width: auto;
	font-size: 12px;
	margin: 0px;
	}	

div#sitemap ul li ul li a {
		color: #b11d21;
		text-decoration: none;
		}




















/* -------------------------------------- */
/* BEGIN FORMS */
/* -------------------------------------- */

		div#dropOffForm {
			width: 100%;
			}
		
		div.formFull {
			width: 100%;
			margin-top: 10px;
			float: left;
			}
			
			div.formFull input.text {
				width: 90%;
				float: left;
				}
			
		div.formSplit {
			width: 50%;
			margin-top: 10px;
			float: left;
			}	
			
			div.formSplit h5 {
				width: 100%;
				}
				
			div.formSplit input.text {
				width: 80%;
				float: left;
				}
				
			div.formSplit select {
				width: 60%;
				float: left;
				}	
			
			input#submit {
				float: right;
				margin: 20px;
				margin-right: 60px;
				}		
				
				
		div#customerLogInForm {
			width: 100%;
			}		
	











	
	
	
	
	
/* -------------------------------------- */
			/* eBay Accordion */
/* -------------------------------------- */
		div#test-accordion {
			width: 677px;
			margin: auto; /* TEMP */
			margin-top: 20px; /* TEMP */
		  border: 1px solid #aaa;
			}
		
		div.accordion {
			position: relative; /* required for bounding */
			}
		
		div.accordion-toggle {
			position: relative; /* required for effect */
			z-index: 10;		/* required for effect */
			padding: 10px;
			background: #eee;
			border-top: 1px #f8f7f7 solid; 
			border-bottom: 1px #b4b4b4 solid;  
			cursor: pointer;
			font-size: 16px;
			font-weight: bold;
			color: #333;
			}
		
		div.accordion-toggle-active {
			border-top: 0; 
			border-bottom: 0;
			background: #012f47;
			color: #FFF;	
			}
		
		div.accordion-content {
		  overflow: hidden;	/* required for effect */
			padding: 10px;
		  background: #DDD;
			}
			



















/* -------------------------------------- */
			/* Surplus */
/* -------------------------------------- */
div#surplusLeft {
	width: 355px;
	float: left;
	clear: none;
	min-height: 500px;
	}

ul#surplusFeaturedItems	{
	list-style: none;
	margin: 0px;
	margin-top: 10px;
	padding: 0px;
	}

li.surplusFeaturedItem {
	width: 330px;
	float: left;
	clear: both;
	margin: 0px;
	padding: 0px;
	margin-bottom: 17px;
	border: 5px #DDD solid;
	background-color: #EEE;
	list-style: none;
	}

li.surplusFeaturedItem img {
	width: 117px;
	height: auto;
	padding: 5px;
	float: left;
	clear: none;
	}
	
li.surplusFeaturedItem h4,
li.surplusFeaturedItem p {
	float: left;
	clear: none;
	margin: 0px;
	padding: 5px;
	width: 193px;
	}	

li.surplusFeaturedItem h4 {
	padding-bottom: 0px;
	}

li.surplusFeaturedItem h4 a {
	color: #000; 
	font-style: normal;
	}

li.surplusFeaturedItem h4 a:hover {
	color: #b11d21;
	}

li.surplusFeaturedItem p {
	padding-top: 0px;
	}	
	

div#surplusItem {
	}
	
div#surplusItem h1 {
	margin-bottom: 10px;
	}
	
div#surplusItem img {
		width: 500px;
		height: auto;
		border: 5px #436990 solid;
		border-bottom: none;
		}	

div#surplusItem h4 {
	width: 480px;
	padding: 10px;
	background-color: #7C96B2;
	border: 5px #436990 solid;
	border-top: none;
	}

div#surplusItem p {
	width: 510px;
	margin-bottom: 10px;
	float: left;
	clear: both;
	}

div#surplusTop {
	width: 100%;
	float: left;
	clear: both;
	padding-bottom: 10px;
	}

div#surplusTop img { 
	width: 450px;
	height: 125px;
	margin-right: 20px;
	float: left;
	clear: none;
	}

div#surplusTop p {
	width: 450px;
	float: right;
	clear: none;
	font-size: 14px;
	padding-top: 40px;
	padding-bottom: 20px;
	}

	
div#surplusRight {
	width: 600px;
	float: right;
	clear: none;
	min-height: 500px;
	}	

div#surplusManifest {
	width: 590px;
	height: 600px;
	overflow: scroll;
	margin-top: 10px;
	border: 5px #DDD solid;
	background-color: #EEE;
	}

	table#surplusInventoryTable { 
		background: #DDD;
		}

	
	/* All Table Headers*/
	th.skg,
	th.partno,
	th.partdesc,
	th.prodline,
	th.qty { 
		font-weight: bold;
		font-size: 12px; 
		background-color: #DDD; 
		padding: 5px;
		text-align: left;
		}

	/* All Table Cells */
	td.skg,	td.partno, td.partdesc,	td.prodline, td.qty { 
		padding: 4px;
		padding-left: 1px;
		padding-right: 1px;
		font-size: 10px; 
		background-color: #EEE;
		border-bottom: 1px #CCC solid;
		text-align: left;
		}

	/* Size the table columns */
	th.skg, td.skg { width: 10%; }
	th.partno, td.partno { width: 20%; }
	th.partdesc, td.partdesc { width: 35%; }
	th.prodline, td.prodline { width: 20%; }
	th.qty, td.qty { width: 5%;}



div#surplusInformation {
	background-color: #EEE;
	width: 580px;
	border: 5px #436990 solid;
	margin-top: 20px;
	padding: 5px;
	float: left;
	clear: both;
	}

div.surplusThird {
	width: 183px;
	float: left; clear: none;
	height: 100%;
	padding: 5px;
	}


div.surplusThird img {
	width: 100%;
	height: auto;
	padding-bottom: 5px;
	}










/* -------------------------------------- */
			/* Blog Pages */
/* -------------------------------------- */
/*Blog Nav*/
div#blogNav {
	width: 955px;
	height: 40px;
	margin: auto;
	background-color:	#023243;
	}
	
	div#blogNav ul {
		padding: 0px;
		margin: 0px;
		margin-left: 175px;
		list-style: none;
		}
		
	div#blogNav ul li {
		display: block;
		height: 40px;
		margin: 0px;
		padding: 0px;
		float: left; 
		clear: none;
		}
		
	div#blogNav ul li a {
		display: block;
		height: 10px;
		margin: 0px;
		padding: 15px;
		font-size: 14px;
		font-style: normal;
		color: #bed4d8;
		border-left: 1px #023243 solid;
		border-right: 1px #023243 solid;		
		}		

	div#blogNav ul li a:hover {
		color: #023243;
		background-color: #999;
		border-left: 1px #888 solid;
		border-right: 1px #888 solid;				 
		}

		div#blogNav ul li a.activeTab {
		color: #000;
		background-color: #FFF;
		border-left: 1px #DDD solid;
		border-right: 1px #DDD solid;				 
		}
		



div#superWrapper {
	width: 955px;
	margin: auto;
	}

div#wrapper {
	width: 955px;
	float: left;
	clear: both;
	background: #EEE;
	}



/* Calendars */

div#events, div#escrapevents {
	display: block;
	width: 655px;
	height: auto; 
	float: left;
	clear: none;
	background-color: #FFF;
	}

div.calendarContainer {
	margin: 20px;
	background-color: #FFF;
	}
	
	div.calendarContainer h1 { padding-bottom: 10px; }

div#blog {
	display: block;
	width: 655px;
	float: left;
	clear: none;
	background-color: #FFF;
	}
	
	div#blog table {
		background-color: #f7f7f7;
		}

	div.postContainer {
		width: 100%;
		float: left;
		clear: both;
		background-color: #F7F7F7;
		border-bottom: 1px #e0e0e0 solid;
		}
	
	
	td.leftBlogRunner {
		width: 134px;
		height: 100%;
		float: left;
		clear: none;
		background-color: #F7F7F7;
		}	
	
	
	div.dateContainer {
		float: right;
		clear: both;
		margin-right: 10px;
		margin-top: 15px;
		}
	
		div.dateContainer p {
			color: #797979;
			text-transform: uppercase;
			padding: 0px;
			margin: 0px;
			font-weight: bold;
			text-align: center;				
			}	
		

div.month-year {
	float: right;
	clear: none;
	padding: 0px;
	padding-top: 5px;
	}
	
	p.month {
		font-size: 16px;
		}
		
	p.year {
		font-size: 12px;
		}
		
div.day {
	float: right;
	clear: none;
	padding: 5px;
	}		

	div.day p {
		font-size: 26px;
		padding: 0px 5px 0px 5px;
		border-right: 1px #CCC solid;
		}			

	
	
	
	
	td.postBody {
		width: 520px;
		float: left;
		clear: none;
		background-color: #FFF;
		background-image: url(../assets/blogTab.jpg);
		background-repeat: no-repeat;
		background-position: top left;
		}
		
		td.postBody h1, td.postBody h4 {
			padding: 35px 20px 20px 40px;
			line-height: 1.25em;
			}
			
		td.postBody h1 a, td.postBody h4 a {
			color: #000;
			font-style: normal;
			}
		
		td.postBody img {
			width: 440px;
			height: auto;
			border: 5px #CCC solid;
			}
	
			td.postBody div.blogImage {
				margin: 40px;
				margin-top: 0px;
				margin-bottom: 20px;
				}
				
		td.postBody p {
			padding: 0px 20px 20px 40px
			}		
	



/* Pagination */
.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px;
    font-size: 86%;
    color: black;
		}
		
#ditto_pages .ditto_currentpage {
    border: 1px solid black;
    padding: 1px 5px 2px;
    margin-right: 1px;
    background-color: #008CBA;
    color: #fff;
		}
		
#ditto_pages .ditto_off {
    border: 1px solid #ccc;
    padding: 1px 5px 2px;
    margin-right: 1px;
    color: #ccc;
		}
		
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid #008CBA;
    padding: 1px 5px 2px;
    margin-right: 1px;
    text-decoration: none !important;
    color: black;
		}
		
#ditto_pages a:hover {
    background-color: #fff;
    color: #000;
		}




div#blogSidebar {
	width: 300px;
	min-height: inherit;
	float: left;
	clear: none;
	overflow: hidden;
	}		
	

div.blogSidebarComponent {
	width: 260px;
	border-bottom: 1px #DDD solid;
	padding: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	float: left;
	clear: both;
	}	
	
	div.blogSidebarComponent h4, div.blogSidebarComponent input {
		margin-bottom: 10px;
		}
	
	
div#socialNetworkingLinks a {
	width: 260px;
	height: 50px;
	border-top: 1px #D5D5D5 solid;
	padding: 5px;
	padding-left: 0px; padding-right: 0px;
	float: left;
	clear: both;
	display: block;
	}	
	
	
	div#recentPosts ul {
		list-style: none;
		margin: 0px;
		padding: 0px;
		}
		
	div#recentPosts ul li {
		padding: 0px;
		margin: 0px;
		}
		
	div#recentPosts ul li a {
		color: #000;
		font-weight: bold;
		font-style: normal;
		font-size: 10px;		
		float: left;
		clear: both;
		width: 100%;
		padding: 5px;
		border-top: 1px #fff solid;
		border-bottom: 1px #ddd solid;
		background-color: #f5f5f5;
		}

	div#recentPosts ul li a:hover {
		border-top: 1px #DDD solid;
		border-bottom: 1px #CCC solid;
		background-color: #e5e5e5;
		}		
		
		
	
		
div#blogFooter {
	width: 955px;
	height: 100px;
	float: left; clear: both;
	background-color: #3f3f3f;
	}		
		
div#blogFooterRight {
	width: 299px;
	height: inherit;
	float: right; clear: both;
	background-color: #383838;
	border-left: 1px #545454 solid;
	}		

div#blogFooterRight h1 {
	width: 279px;
	padding: 10px;
	margin-top: 10px;
	margin-left: 10px;
	color: #999;
	float: left; clear: both;
	}
			
div#blogFooterRight img {
  width: 30px;
  padding: 10px;
  	margin-left: 10px;
	float: left; clear: none;
	}
	
div#blogFooterRight p {
	width: 200px;
	padding: 10px;
	float: left; clear: none;
	color: #666;
	}				

















/* -------------------------------------- */
			/* FOOTER */
/* -------------------------------------- */
div#footerFull {
	width: 100%;
	height: auto;
	border-top: 7px #fe6804 solid;
	background-color: #b11d21;
	clear: both;
	margin: 0px;
	padding: 0px;
	}
	
div#footerContainer {
	width: 955px;
	height: 140px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin: auto;
	padding: 0px;
	padding-top: 10px;
	background-color: inherit;
	}
	
	div#footerContainer img {
		padding-top: 20px;
		margin: auto;
		}
	
div#copyright {
	width: 470px;
	float: left;
	}
	
	div#copyright p {
		padding-top: 5px;
		font-weight: bold;
		color: #FFF;
		}			
	
div#footerNav {
	width: 470px;
	float: right;
	clear: none;
	}
	
	div#footerNav ul {margin: 0px; padding: 0px;}
	
	
	ul.footerNavLinks {
		float: right;
		}
	
		ul.footerNavLinks li {
			padding: 5px;
			float: right;
			display: inline;
			}
			
			ul.footerNavLinks li.divider {
				font-weight: bold;
				color: #f7941d;
				}
		
		ul.footerNavLinks li a {
			font-style: normal;
			font-size: 11px;
			font-weight: bold;
			text-decoration: none;
			color: #fff;
			}
		
		ul.footerNavLinks li a:hover {
			color: #000;
			}