/* --------------------------------------------------------------------------------
-																											-
-				Title: 				Cargo Network International Pty Ltd					-
-				Author: 			Ilya Lobanov												-
-				Website: 		WebsiteBlue.com									-
-																											-
---------------------------------------------------------------------------------- */


/* ------------------------------------------------------------
		MAIN BODY OF WEBSITE
------------------------------------------------------------ */

		body {
			margin:0px;
			padding:0px;
			background-color: #F1F1F1; 
			font-size: 12px;
			font-family: arial, sans-serif;
			color: #777;
			letter-spacing: 0.1pt;
			line-height: 15pt;
			font-weight: normal;
			text-align:center;
		}
		

/* ------------------------------------------------------------
		WRAPPER CONTAINER TO CENTER
------------------------------------------------------------ */

		#wrapper {
			margin-left: auto;
			margin-right: auto;
			padding: 15px 0 15px 0;
			width: 810px;
			text-align: left;
			background-color: #FFFFFF;
		}
		
		#wrapper h1 {
				display: none;
		}
/* ------------------------------------------------------------
		LOGOTYPE DIV
------------------------------------------------------------ */

	#signage {
			clear:both; margin: 0 0 0 13px; height:90px; width: 784px;
			background: #017bc8 url("../_img/header.jpg") no-repeat top center; 
		}

/* ------------------------------------------------------------
		MAIN NAVIGATION
------------------------------------------------------------ */

	#nav {
		float: left; margin: 15px 0 5px 23px; display:inline; width: 188px;
		}

	#nav .flashad {
		margin: 15px 0 0 0;
		}


		#nav div.break {
			 height: 264px;
		}


/* ------------------------------------------------------------
		FLASH SECTION DIV
------------------------------------------------------------ */

	#flash {
		float: left; margin: 15px 0 0 14px;	height: 166px; width: 572px;
		display:inline;
		}
		
		
/* ------------------------------------------------------------
		MAIN TITLES
------------------------------------------------------------ */

	#titles {
		float: left; margin: 15px 0 0 15px;	height: 80px; width: 572px;
		display:inline;
		}
	

/* ------------------------------------------------------------
		MAIN NAVIGATION
------------------------------------------------------------ */

		#tt {
				float: left; margin: 5px 0 0 2px; padding: 0;
				height:262px; width: 197px;
				background: url("../_img/tt_bg.jpg") no-repeat top center; 
			}
	
		#tt p {
				padding:60px 40px 20px 30px;
				text-align:left;
				font-size:11px;
				line-height:16px;
				margin:0;
				color: #010101;
			
	}


		#tt input {
				float: left; width: 135px; margin: 7px 0 0 30px ;
				font-size: 11px; color: #000;
				padding: 2px; border: 1px solid #e1e1e1;
				background-color: #FFF;
				height: 22px;
		}


		#tt .applet {
				float: left; 
				margin: 0 8px 0px 30px; padding: 0;
		}


		#tt .submitbutton {
				float: left; margin: 0px 8px 0px 30px; padding: 0;
				width: 125px; height: 32px; border: none;
		}


/* ------------------------------------------------------------
		MAIN PAGE THUMB LINKS
------------------------------------------------------------ */

		#content_thumbs {
			float: left; margin: 5px 0 0 0; padding: 0; max-width: 400px; clear:none;
		}

		#content_thumbs img {
			margin:0px;
		}
		
		#front-buttons {
				float: left; margin: 10px 0 0 8px; padding: 0;
				width: 590px;
			}
		
		
/* ------------------------------------------------------------
		MAIN PAGE THUMB LINKS
------------------------------------------------------------ */

		#container_thumbs {
			float: left; margin: 5px 0 0 0; padding: 10px 0 10px 7px; max-width: 593px;
		}

		#container_thumbs img {
			margin:0px;
		}
		
		#container_thumbs div.line {
			padding: 0;
			height: 1px;
			width: 572px;
			margin-top: 23px;
			margin-right: 0;
			margin-bottom: 20px;
			margin-left: 15px;
			background-color: #CCCCCC;
		}


		#container_thumbs div.line hr {
			  display: none;
		}

/* ------------------------------------------------------------
		CONTAINER TABLES
------------------------------------------------------------ */			

		table.data {
		  border-collapse:collapse;
		}
		
		td.data {
			border-right: 1px solid #dbdbdb;
			border-bottom: 1px solid #dbdbdb;
			text-align: center;
			font-family:Arial, Helvetica, sans-serif;
			font-weight: normal;
			font-size: 11px;
			color: #333;
			text-align: center;
			background: #f2f2f2 url("../_img/cell_bg.jpg") repeat-x center bottom;
		}
		th.data {
			border-right: 1px solid #dbdbdb;
			border-bottom: 1px solid #dbdbdb;
			text-align: center;
			font-family:Arial, Helvetica, sans-serif;
			font-weight: normal;
			font-size: 11px;
			color: #333;
			text-align: center;
			background: #f2f2f2 url("../_img/cell_bg.jpg") repeat-x center bottom;
		}



/* ------------------------------------------------------------
		MAIN CONTENT
------------------------------------------------------------ */

		#content {
			float: left; margin: 10px 0 25px 14px;	width: 572px; display:inline;
		}	

	
		#content p {
				padding:7px 45px 7px 15px; 
				text-align:left; 
				font-size:12px; 
				line-height:17px; 
				margin:0;
				color: #777;
		}


		#content h1 {
				display: none;
		}


		#content h2 {
				padding:0 0 0 15px;
				text-align:left; 
				font-size:12px; 
				line-height:17px;
				margin:0;
				color:#006699;
		}

		#content h3 {
				padding:10px 0 7px 15px;
				text-align:left; 
				font-size:12px; 
				line-height:17px;
				margin:0;
				color:#006699;
		}


		#content p span {
				padding:0 0 0 10px;
				text-align:left; 
				font-size:12px; 
				line-height:17px;
				margin:0;
				color:#006699;
		}


		#content ul {
				font-size:12px; 
				letter-spacing: 0.1pt;
				line-height: 1.6em;
				font-weight: normal;
				margin: 0px 0 10px 35px;
				padding: 0;
				list-style-type:disc;
				color:#777;
		}
	
	
		#content ul li {
				padding: 0 0 3px 8px;
		}
		
		#content ol {
				font-size:12px; 
				letter-spacing: 0.1pt;
				line-height: 1.6em;
				font-weight: normal;
				margin: 20px 0 16px 35px;
				padding: 0;
				list-style-type:decimal;
				color:#777;
		}
		
		#content ol.alpha {
				list-style-type: lower-alpha;
				
		}
	
	
		#content ol li {
				padding: 0 0 3px 8px;
		}



		#content a {
				font-weight:normal;	font-size: 12px;
				color: #777; text-decoration: underline;
				}

		#content a:hover {
				font-weight:normal; margin:0px;
				color: #006699; text-decoration: none;
				border-bottom: solid 1px #B08D0F;
				}
				
		#content td {
				padding:7px 10px 7px 15px; 
				text-align:left; 
				font-size:11px; 
				line-height:17px; 
				margin:0;
				color: #777;
		}


		#content #result {
				float: left; width: 240px; margin: 10px 0 10px 0;
				font-size: 12px; font-weight: bold; color: #006699;
		}
		
		#content #result .gold {
				float: left; width: 240px; margin: 10px 0 10px 0;
				font-size: 12px; font-weight: bold; color: #dab325;
		}



		#content a.pdfdownload {
			background: url("../_img/download-pdf.jpg") no-repeat scroll 0 0 transparent;
			border: medium none;
			cursor: pointer;
			height: 27px;
			float: left;
			margin: 10px 0 0 0px;
			width: 194px;
			text-indent:-999px;
			overflow:hidden;
		}
		
		#content a.pdfdownload:hover {
			background-position: 0 -27px;
		}




/* ------------------------------------------------------------
		MAIN FORMS LAYOUT
------------------------------------------------------------ */

		#content div.break {
			  clear:both; margin: 10px; display:inline;
		}


		#content fieldset {
				 margin: 0 0 15px 0px;	 border: 1px solid #dcd1d1;
				 padding: 0 0px 10px 10px; 
		}

		#content legend {
				margin: 0; padding: 8px;
				font-size: 14px;	color: #777;	font-weight: bold;
				
		}

		#content form {
				float: left;
				margin: 0 0 0 0;
		}


		#content input {
				float: left; width: 240px; margin: 0;
				font-size: 12px;	color: #666666;
				padding: 2px; border: 1px solid #dddddd;
				background-color: #FFF;
				height: 22px;
		}


		#content div.group {
				float: left; margin: 0; width: 240px; line-height: 14px;
		}


		#content input.checkbox {
				float: left; margin: 0; width:13px;
				padding: 0; border: 0; clear: right;
		}

		#content input.radio {
			 margin: 0 3px 0 0; width:13px; height: 13px; padding: 0; border: 0; float: none; clear:none;
			}
		
		
		#content input.file {
				float: left; width: 165px; margin: 0 8px 0 0;
				
				font-size: 12px;	color: #777;
				padding: 2px; border: 1px solid #dddddd;
				background-color: #FFF;
				height: 22px;
		}


		#content select {
				float: left; width: 240px; margin: 0;
				
				font-size: 12px;	color: #666666;
				padding: 2px; border: 1px solid #dddddd;
				background-color: #FFF;
				height: 22px;
		}

		#content textarea {
				float: left; width: 240px; margin: 0 8px 15px 0;
				font-size: 12px;	color: #666666;
				padding: 2px; border: 1px solid #dddddd;
				background-color: #FFF; height: 120px;
		}

		#content .submitbutton {
				float: left; margin: 10px 8px 0 10px; padding: 0;
				width: 63px; height: 32px; border: none;
		}

		#content label { 
				
				font-size: 12px;	color: #424242;
				cursor: pointer;	width: 250px;
				float: left; text-align: left; clear: both;
				margin-bottom: 10px;  padding: 0 0 0 10px;
			}
			
		#content .signature { 
				
				font-size: 12px;	color: #424242;
				float: left; text-align: left; clear: both;
				margin-bottom: 10px;  padding: 0 0 0 10px; display:inline;
			}
			
		#printform {
				font-size: 12px; 
				color: #000; background-color:#ffe5e5;
				float: left; text-align: left; clear: both; width: 520px; max-width: 500px;
				margin-bottom: 10px; margin-right: 10px;
				margin-left: 10px;  padding: 10px 5px 10px 15px;
			}
			
		#printform span {
				font-size: 12px; color: #000; border-bottom: 1px solid #FF0000;
				font-weight: bold;
			}
						
			
			
			
		#contactforms { 
				font-size: 12px;color: #000; background-color:#ddeef9;
				float: left; text-align: left; clear: both; width: 520px; max-width: 500px;
				margin-bottom: 10px; padding: 0 10px 0 10px;
				margin-left: 10px; margin-right: 10px; display:inline;
			}
	
	
		#contactforms dl {
			font-size: 12px;
			font-family:Geneva, Arial, Helvetica, sans-serif;
			letter-spacing: .1pt;
			font-weight: normal;
			width: 400px;
			margin: 10px 0 10px 0;
			}
		
		#contactforms dt {
			float: left; width: 100px;
			padding: 3px 0 3px 8px;
			border-top: none;
			color: #000;
			font-weight:bold;
			}
		

		#contactforms dd {
			float: left; width: 250px;
			border-top: none;
			padding: 2px 0 4px 0;
			color: #000;
			}	
	
	
	
				
		#content .contactforms span { 
				
				font-size: 12px; color: #777;
			}

			
		#content label.long { 
				
				font-size: 12px; color: #424242; cursor:default;
				float: left; text-align: left; clear: both;
				margin-bottom: 10px;  padding: 0 0 0 10px; width:450px;
			}
			

		#content div.line {
				padding: 0;
				height: 1px;
				width: auto;
				margin-top: 5px;
				margin-bottom: 5px;
				background-color: #CCCCCC;
			}


		#content div.line hr {
				display: none;
		}
		
		#sumbitwrong {
				background: #FFF url(../_img/errorbg.jpg) repeat-x bottom;
				color:#FF0000;
				padding: 15px;
				border:1px solid #FF0000;

			}
		
		#sumbitwrong strong {
				font-size:150%;
				font-weight:bold;
				padding: 0; margin: 0 0 -2px 8px;
				color: #FF0000;
		}
		
	
/* ------------------------------------------------------------
		QUARANTINE
------------------------------------------------------------ */	

		.quarantineleft {
		float: left; padding: 0 10px 5px 10px; margin: 0px;
		}
		
		.quarantineright {
		float: right; padding: 0 10px 5px 10px; margin: 0px;
		}
		
/* ------------------------------------------------------------
		PARTNERS
------------------------------------------------------------ */	

		.partners {
				padding:7px 45px 7px 0px; 
				text-align:left; 
				font-size:12px; 
				line-height:17px; 
				margin:0;
				color: #777;
				border-bottom: 1px solid #ccc;
		}
		
		.partners img {
				float: right; padding: 0px; margin: 0px;
		}
		
		.partners span.name {
				font-size:16px;
				padding:0;
				margin: 0;
				color:#006699;
				font-weight: bold;
		}
		
/* ------------------------------------------------------------
		Weight Limits
------------------------------------------------------------ */	

		.weightlimit {
				padding:7px 45px 7px 0px; 
				text-align:left; 
				font-size:12px; 
				line-height:17px; 
				margin:0;
				color: #777;
				border-bottom: 1px solid #ccc;
		}
		
		.weightlimit img {
				float: right; padding: 0px; margin: 0px;
		}
		
		.weightlimit span.name {
				font-size:14px;
				padding:0;
				margin: 0;
				color:#006699;
				font-weight: bold;
		}
		
		#content .weightlimit ul {
			margin:5px 0 2px 20px;
		}
		
		#content .weightlimit ol li {
			margin:5px 0 2px 20px;
			font-weight:bold;
		}

	
/* ------------------------------------------------------------
		FLOATING THUMBS
------------------------------------------------------------ */	
	
		#thumbs {
				float:left;
				margin: 10px 0 0 15px;
				padding: 7px;
				border: solid 1px #dddddd;
				}
	

		#thumbs img.thumb {
				margin-bottom: 5px;
				}	

		#thumbs img {
				vertical-align:middle;
				}	
				
		#thumbs a {
				font-weight:normal;	font-size: 11px;
				color: #899fe8; text-decoration: underline;
				}

		#thumbs a:hover {
				font-weight:normal; margin:0px;
				color: #777; text-decoration: none;
				}	
				
				
/* ------------------------------------------------------------
		QUARANTINE FLOATING THUMBS
------------------------------------------------------------ */	
	
		#quarantine_thumbs {
				float: left; margin: 5px 0 0 0; padding: 10px 0px 10px 10px; max-width: 585px;
		}

		#quarantine_thumbs img {
				margin:0px; padding:0px;
		}
		
		#quarantine_thumbs div.line {
				padding: 0;
				height: 1px;
				width: 572px;
				margin-top: 23px;
				margin-right: 0;
				margin-bottom: 20px;
				margin-left: 5px;
				background-color: #CCCCCC;
		}


		#quarantine_thumbs div.line hr {
			  	display: none;
		}
				
				
/* ------------------------------------------------------------
		GALLERY FLOATING THUMBS
------------------------------------------------------------ */	
	
		#gallery {
			float: left; margin: 5px 0 0 3px; padding: 0; 
			background: #FFF url(../_img/gallery_thumbs_bg.jpg) no-repeat top center;
			width: 110px; height: 102px;
		}

		#gallery img {
			margin:10px 0 0 10px; padding:0px; 
			width: 90px; height: 82px; border: none;
		}


		#gallery a {
			border: none;
		}


		#gallery a:hover {
			border: none;
		}




		#gallery_text {
		clear: both; margin: 0; padding: 20px 0 10px 0;
			}

		
		#gallery_text div.line {
			padding: 0;
			height: 1px;
			width: 540px;
			margin-top: 10px;
			margin-right: 0;
			margin-bottom: 10px;
			margin-left: 15px;
			background-color: #CCCCCC;
			}


		#gallery_text div.line hr {
			  display: none;
		}
		
		#gallery_text p {
				padding:3px 10px 3px 15px; 
				text-align:right; 
				font-size:12px; 
				line-height:17px; 
				margin:0;
				color: #777;
		}



		
				
/* ------------------------------------------------------------
		CONTACT US
------------------------------------------------------------ */	
	
		#contactus {
				float:left;
				margin: 10px 0 0 15px;
				padding: 7px;
				}	
	
		#contactus p {
				font-size:12px;
				padding:0px 0px 5px 0px;
				color:#777;
				display:block;
				text-align: justify;
		}
		
		#contactus p span {
				padding:0 0 0 0px;
				text-align:left; 
				font-size:12px; 
				line-height:17px;
				margin:0;
				color:#006699;
		}


		#contactus .headoffice {
				padding:0; margin: 0px 0 10px 0;
				border-bottom: 1px solid #CCC;
				display:block; float:left;
		}


		
		#contactus p.staff {
				padding:0 0 15px 0; margin: 10px 0 10px 0;
				float: left; width: 180px;
		}


		#map_canvas {
				padding:0 0 15px 0; margin: 10px 0 10px 0;
				float: left; width: 360px; height:280px;
		}



		#contactus span.name {
				font-size:16px;
				padding:0;
				margin: 0;
				color:#006699;
				font-weight: bold;
		}


		#contactus span.title {
				font-size:12px;
				padding:0; margin: 0;
				color:#777;
				display:block;
		}

		#contactus small {
				font-size:12px;
				padding:10px 10px 20px 0px;
				color:#777;
				display:block;
				text-align: justify;
		}


		#contactus ul {
				font-size:12px; 
				letter-spacing: 0.1pt;
				line-height: 1.6em;
				font-weight: normal;
				margin: 0 0 16px 0px;
				padding: 0;
				list-style-type:none;
				color:#333333		}
	
	
		#contactus ul li {
				padding: 0 0 3px 10px;
		}
				
		#contactus a {
				font-weight:normal;	font-size: 12px;
				color: #777; text-decoration: underline;
				}

		#contactus a:hover {
				font-weight:normal; margin:0px;
				color: #006699; text-decoration: none;
				border-bottom: solid 1px #B08D0F;
				}
	
/* ------------------------------------------------------------
		FOOTER & COPYRIGHT
------------------------------------------------------------ */


		#footer {
			clear:both; margin: 0 0 0 13px; height:24px; width: 784px; 
			background: #017bc8 url("../_img/footer_bg.jpg") no-repeat top center;
	
		}

		#footer p.copy {
				float: left;	margin:0; padding: 0 0 0 10px;
				color: #FFF;	font-size: 11px;
				
				letter-spacing: .1pt;	line-height: 24px; font-weight: normal;
				text-align: left; 
				}

		#footer p.links {
				float: right;	margin:0; padding: 0 10px 0  0;
				color: #FFF;	font-size: 11px;
				
				letter-spacing: .1pt;	line-height: 24px; font-weight: normal;
				text-align: left; 
				}

	
		#footer a {
				font-weight:normal;	font-size: 11px;	
				text-decoration: underline;	color: #FFF;
				}
					
		#footer a:hover {
				font-weight:normal;	
				text-decoration: none;	color: #FFF;
				}