@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; height: 100px; }
div.clear25 { clear: both; height: 25px; }


/*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; }





div.split {
	width: 50%;
	float: left;
	}
		
/*Body*/

	div.bodyContainer {
		background-color: #FFF;
		width: 955px;
		min-height: 300px;
		height: auto;
		margin: auto;
		margin-top: 20px;
		margin-bottom: 20px;
		}



/*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; }
	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*/

	/*HIDE ie6 HOME COLUMNS*/
	div#ie6homeLeftColumn, div#ie6homeRightColumn { display: none; }
	
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;
	}
	
	div#latestNews h4 {
		width: inherit;
		padding: 0px;
		margin: 0px;
		}
	
	div#latestNews a {
		}
	
	div.latestNewsItem {
		width: 100%;  
		margin: 0px;
		padding-bottom: 40px;
		}
			
			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 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 Thirds*/
		
		div#ourTeamBody h4.shift {
			margin-left: 28px; 
			}
			
			
		
		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.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;}	

	
	
	
	/*Block Container*/
	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;
		}	
		
/*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: 399px;}
div.documents h5 a {
	width: auto;
	padding: 0px;
	float: none;
	background: 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#sitemapbody {}
div#sitemapbody h2.darkblue {
	margin-left: 25px;
	}
	
div#sitemapbody ul {
	margin-left: 50px;
	list-style: none;
	}	
	
div#sitemapbody ul li {
	width: 150px;
	display: list-item;
	padding-left: 25px;
	text-align: left;
	border-bottom: 1px #D5D5D5 solid;
	border-left: 1px #D5D5D5 solid;
	}