/* general css setings */

* 	
		{
		margin:0px;
		padding:0px;
		}

body 
		{
		font-family:Verdana,Arial,Helvetica, sans-serif;
		font-size:12px;
		background: #000;
		text-align: center;
		}

#wrapper 
		{
		width: 950px;
		margin: 0px auto;
		text-align: left;
		}
	
/* end of general css setings */
	
/* header start here */
	
#header
		{
		background: url(imgs/headerBg.jpg) repeat-x;
		width:950px;
		height:112px;
		float:left;	
		}	

#logo 
		{ 
		background:url(imgs/tonnageLogo.jpg);
		width:197px; 
		height:112px;
		float:left;
		padding:0px;
		margin-top:0px;
		position:absolute;
		top:0px;
		}


#logoLinks 
		{
		float:right;
		width:400px;
		height:20px;
		text-align:right;
		padding-top:80px;
		}
/* top links above the menu bar */

#logoLinks a.topLinks 
		{
		color:#23b4f7;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		font-weight:bold;
		text-decoration:none;
		padding:80px 10px 0px 0px;
		}

#header a.topLinks:hover 
		{
		color:#fff;
		}
/* top links css ends here */

/* start and end are images for corners	to be displayed */	

#navBarStart
		{
		float:left;
		background:url(imgs/navBgStart.jpg) no-repeat;
		width:13px; 
		height:26px;
		}		

#navBar
		{
		float:left;
		background:url(imgs/navBg.jpg);
		background-repeat:repeat-x;
		width:840px; 
		height:26px;
		padding-top:4px;
		padding-left:84px;
		}		
		
#navBarEnd
		{
		float:left;
		background:url(imgs/navBgEnd.jpg) no-repeat;
		width:13px; 
		height:26px;
		}		
/* top nav bar css ends here */
 	
/* top menu links start here */

a.topMenuLinks 
		{
		float:left;
		margin-left:25px;
		color:#000;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		font-weight:bold;
		text-decoration:none;
		}
		
a.topMenuLinks:hover 
		{
		color:#00a2e3;
		}

/* top menu link for the e-shop should be different color */

a.topMenuLinksShop 
		{
		float:left;
		margin-left:25px;
		color:#CC0000;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		font-weight:bold;
		text-decoration:none;
		}
		
a.topMenuLinksShop:hover 
		{
		color:#003471;
		}

/* top menu links css ends here */
	
/* and finally header css ends here */

/* 
	here is the code for the div in which flash object will reside
    background should be removed here , and flash code should be
    added on the page later.
*/		

#flash 
		{
		float:left;
		width:950px;
		height:350px;
		}	
		
/* flash div css ends here */

/* content css start here */
#contLeft
		{
		float:left;
		width:730;	
		background-color:#000;
		}

#contRight
		{
		float:right;
		width:220px;
		height:auto;
		background-color:#000;
		}		
		
#content 
		{
		background:url(imgs/contentBg.jpg) no-repeat;
		width:730px;
		background-color:#000;
		}

/* tab navigation menu starts here - black button */
/* here is placed left part of the button */		
#tabNavigation 
		{
		float:left; 		
		background: #000 url("imgs/blackButtonLeft.jpg") left top no-repeat; 
		text-decoration: none;
		padding-left:10px;
		padding-top:5px;
		margin-left:2px;
		}
/* here fix for ie6 */
* html #tabNavigation
		{
		margin-left:1px;
		}

#tabNavigation a
		{		
		color:#fff;	
		text-decoration:none;
		}
/* here is placed middle part of the button - the button is automatically resizable now*/		
#tabNavigation a span 
		{ 
		background: url("imgs/blackButtonMiddle.jpg") right top repeat-x; 
		padding-top:5px;
		font-size:12px;
		font-family: Verdana;
		line-height:14px;
		}
/* here is tyhe right part of the button. dot is used this span to work. works fine in IE6,7,FF and Opera */
#end
		{
		background:#fff url("imgs/blackButtonRight.jpg") right top no-repeat; 
		width:14px;
		height:27px;
		padding-top:5px;
		padding-left:5px;
		}

/* tab navigation menu css ends here - black button */

/* tab navigation menu starts here - Gray button */

/* here is placed left part of the button */		
#tabNavigationGray 
		{
		float:left;
		background: #000 url("imgs/grayButtonLeft.jpg") left top no-repeat; 
		text-decoration: none;
		padding-left:10px;
		padding-top:5px;
		margin-left:2px;
		}

#tabNavigationGray a
		{
		color:#000;	
		text-decoration:none;
		}
/* here is placed middle part of the button - the button is automatically resizable now*/		
#tabNavigationGray a span 
		{
		background: url("imgs/grayButtonMiddle.jpg") right top repeat-x; 
		padding-top:5px;
		font-size:12px;
		font-family: Verdana;
		line-height:14px;

		}
/* here is tyhe right part of the button. dot is used this span to work. works fine in IE6,7,FF and Opera */
#endGray
		{
		color:#8a8a8a;
		background:#fff url("imgs/grayButtonRight.jpg") right top no-repeat; 
		width:14px;
		height:27px;
		padding-top:5px;
		padding-left:5px;
		}

/* tab navigation menu css ends here - gray button */


/* line after the buttons div */

#lineBg
		{
		float:right;
		background: url(imgs/lineBg2.jpg) bottom no-repeat;
		width:195px;
		height:5px;
		margin-right:23px;
		margin-top:14px;
		}

/* here fix for ie6 */
* html #lineBg
		{
		/*position:absolute;*/
		margin-right:11px;
		margin-top:6px;
		}


#lineBgEn
		{
		float:right;
		background: url(imgs/lineBg2.jpg) bottom no-repeat;
		width:195px;
		height:5px;
		margin-right:56px;
		margin-top:14px;
		}

/* here fix for ie6 */
* html #lineBgEn
		{
		/*position:absolute;*/
		margin-right:11px;
		margin-top:6px;
		}


#content .bodyLinks
		{
		color:#1f9ed8;
		text-decoration: none;
		}

#content .newsLinks
		{
		
		float:right;
		margin-right:50px;
		color:#1f9ed8;
		text-decoration: none;
		}


#content p
		{
		font-family:Arial, Helvetica, sans-serif;
		color:#fff;
		margin-top:5px;
		margin-bottom:15px;
		margin-right:30px;
		line-height:18px;
		font-weight:bold;
		margin-left:15px;
		}				
/* content css ends here */						

/* newsletter box css start here */
#banner
		{
		background:url(imgs/shopBanner.jpg) no-repeat;
		width:200px;
		height:170px;
		margin-right:18px;	
		padding-top:15px;
		}

#banner a
		{
		font-family:Arial, Helvetica, sans-serif;
		font-size: 15px;
		font-weight:bold;
		margin-left:15px;
		margin-bottom:7px;
		color: #ff6000;	
		text-decoration:none;
		}		

#banner p
		{
		font-family:Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight:bold;
		margin-left:15px;
		margin-bottom:7px;
		color: #fff;	
		text-decoration:none;
		}	
		
#banner2
		{
		background:url(imgs/banner_b2blaptop.jpg) no-repeat;
		width:200px;
		height:170px;
		margin-right:18px;	
		margin-top: 50px;
		}

#banner2 a
		{
		font-family:Arial, Helvetica, sans-serif;
		font-size: 15px;
		font-weight:bold;
		margin-left:0px;
		margin-bottom:0px;
		color: #ff6000;	
		text-decoration:none;
		}		

#banner2 p
		{
		font-family:Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight:bold;
		padding-top: 70px;
		margin-left:10px;
		margin-bottom:0px;
		color: #fff;	
		text-decoration:none;
		}		

#newsletter
		{
		width:220px;
		background:url(imgs/newsLetterBg.jpg) no-repeat;
		padding-top:2px;
		}	

#newsletter .nTitle
		{
		font-family:Arial, Helvetica, sans-serif;
		font-size: 15px;
		font-weight:bold;
		margin-top:10px;
		margin-left:55px;
		margin-bottom:7px;
		color: #ff6000;	
		}		

#newsletter .label
		{
		color:#1f9ed8;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight:bold;	
		text-align: right;
		margin-left:15px;	
		}		

#newsletter .whiteText
		{
		clear:both;
		float:left;
		color:#fff;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight:bold;
		margin-left:15px;	
		margin-top:10px;
		}		


.text {
		background-color:#2a2a2a !important;
		width:115px;
		border-style: solid;
		border-width:1px;
		border-color: #2a2a2a;
		margin-left:5px;
		color:#fff !important;		
		}	

.button 
		{
		font-family:Arial, Helvetica, sans-serif;
		font-size: 11px;
		float:right;
		background-color:#2a2a2a !important;
		color:#1f9ed8;
		border-style: solid;
		border-width:1px;
		border-color: #2a2a2a;
		padding:2px;
		margin-top:10px;
		margin-right:42px;
		width:60px;
		height:20px;
		} 
				

/* newsletter box css start here */


/* footer css start here */
#footer
		{
		/*clear:both;*/
		float:left;
		width:950px;
		height:96px;
		background:url(imgs/footerBg.jpg) no-repeat;	
		margin-top:40px;		
		}
		
#footer p
		{
		float:left;
		width:200px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;
		color: gray;
		margin-left:15px;
		margin-top:25px;	
		}					
		
#footer a.footerLinks2
		{
		color:#23b4f7;
		float:right;
		margin-right:10px;
		width:300px;
		text-align:right;
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;
		text-decoration:none;	
		margin-left:15px;
		margin-top:25px;	
		}
		
#footer a.footerLinks
		{
		color:#23b4f7;
		float:left;
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;		
		margin-left:15px;
		margin-top:25px;
		text-decoration:none;	
		}	
					
#footer a.footerLinks:hover
		{
		color:#fff;
		}					

/* footer css ends here */