/* CSS Document */
/* HTML Tags */
body#index #navigation li#one a,
body#about #navigation li#two a,
body#head #navigation li#three a,
body#contact #navigation li#four a,
body#location #navigation li#five a {
	color: #fff;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
}

body#analytical #links li#six a,
body#bedding #links li#bed a,
body#electronic #links li#seven a,
body#heat #links li#eight a,
body#material #links li#nine a,
body#packaging #links li#ten a,
body#pharmaceutical #links li#eleven a,
body#plastic #links li#twelve a,
body#textile #links li#thirteen a,
body#graphic #links li#fourteen a, 
body#masterbatch #links li#fifteen a,
body#food #links li#sixteen a,
body#cosmetic #links li#seventeen a,
body#others #links li#twentyfour a,
body#household #links li#eighteen a,
body#leisureHome #links li#ninteen a,
body#office #links li#twenty a,
body#outdoor #links li#twentyone a,
body#promotionalPremiumsGift #links li#twentytwo a,
body#toysGamesStationary #links li#twentythree a {
	color: #0e2442;
}

body {
background: #ccc;
font-family: Verdana;
font-size: 12px;
padding: 0;
margin: 0;
}

#container {
position: relative;
text-align: left;
width: 628px;
background: #ccc url(images/whiteBg.gif) center top repeat-y;
padding: 0;
margin: auto;
}

#pageHeader {
background: url(images/header.jpg) center top no-repeat;
width: 610px;
height: 163px;
padding: 0;
margin: 0 9px;
}

/* Top Navigation */
#navigation {
background: url(images/navigation.gif) center top no-repeat;
width: 610px;
height: 30px;
font-family: Verdana;
font-size: 12px;
padding: 0;
margin: 0 9px;
}

#navigation a:active {
color: #000;
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
}

#navigation ul {
list-style: none;
font-family: Verdana;
text-align: center;
clear: left;
display: block;
margin: 0;
padding: 2px 0 0 0;
}

#navigation ul li {
font: Verdana;
float: right;
display: block;
text-align: center;
list-style: none;
margin: 0;
}

#navigation ul li.first a {
width: 50px;
height: 20px;
margin: 0;
color: #fff;
text-decoration: none;
display: block;
text-align: center;
font-weight: normal;
letter-spacing: 0;
line-height: 2em;
font-size: 11px;   
list-style: none; 
}

#navigation ul li.second a {
width: 65px;
height: 20px;
margin: 0;
color: #fff;
text-decoration: none;
display: block;
text-align: center;
font-weight: normal;
letter-spacing: 0;
line-height: 2em;
font-size: 11px;   
list-style: none; 
}

#navigation ul li.third a {
width: 75px;
height: 20px;
margin: 0;
color: #fff;
text-decoration: none;
display: block;
text-align: center;
font-weight: normal;
letter-spacing: 0;
line-height: 2em;
font-size: 11px;   
list-style: none; 
}

#navigation ul li.fourth a {
width: 55px;
height: 20px;
margin: 0;
color: #fff;
text-decoration: none;
display: block;
text-align: center;
font-weight: normal;
letter-spacing: 0;
line-height: 2em;
font-size: 11px;   
list-style: none; 
}

#navigation ul li.fifth a {
width: 70px;
height: 20px;
margin: 0;
color: #fff;
text-decoration: none;
display: block;
text-align: center;
font-weight: normal;
letter-spacing: 0;
line-height: 2em;
font-size: 11px;   
list-style: none; 
}

#navigation a {
color: #fff;
text-decoration: none;
}

#navigation a:hover {
color: #fff;
border-bottom: 1px dotted #fff;
border-top: 1px dotted #fff;
}

/* Left Sidebar */
#selections {
clear: both;
float: left;
top: 193px;
left: 8px;
width: 219px;
padding: 0 14px;
margin: 0;
}

#selections h1 {
display: block;
background: url(images/link.gif) top left no-repeat;
height: 80px;
width: 219px;
margin: 0;
padding: 0;
}

#links {
background: #1d4f91;
width: 219px;
padding: 0;
margin: 5px 0;
}

#links p {
background: #0e2442;
font-family: Arial;
font-size: 15px;
color: #fff;
margin: 5px 0;
padding: 5px 0;
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
}

#links ul {
list-style: none;
font-size: 10px;
font-family: Verdana;
margin: 0;
padding: 0;
}

#links li {
font-size: 10px;
list-style: none;
background: transparent url(images/list.gif) center left no-repeat;
color: #fff;
text-align: right;
margin: 5px 10px;
padding: 5px;
border-bottom: 1px dotted #0e2442
}

#links a{
color: #fff;
text-decoration:none;
}

#links a:hover {
color: #000;
text-decoration: none;
}

/* Content */
#content {
float: left;
background: #333 url(images/compass.gif) top right no-repeat;
width: 376px;
font: Verdana;
padding: 0;
margin: 0 -8px;
}

#content h1 {
background: url(images/home.gif) top left no-repeat;
width: 376px;
height: 38px;
padding: 0;
margin: 0;
}

#content h2 {
color: #fff;
padding: 0 30px;
}

#content p.onep {
font-family: Verdana;
font-size: 12px;
color: #fff;
padding: 30px 30px;
margin: 0;
line-height: 2em;
}

#content p {
font-family: Verdana;
font-size: 12px;
color: #fff;
padding: 10px 30px;
margin: 0;
line-height: 2em;
}

#content p.title {
font-family: Verdana;
font-size: 12px;
color: #3399ff;
padding: 10px 30px;
margin: 0 0 -15px 0;
line-height: 2em;
}

#content p.title2 {
font-family: Verdana;
font-size: 12px;
color: #3399ff;
padding: 10px 30px;
margin: 0;
line-height: 2em;
}

#content p.title3 {
font-family: Verdana;
font-size: 12px;
color: #3399ff;
padding: 0;
margin: 0;
line-height: 2em;
}

#content p.main {
font-family: Verdana;
font-size: 15px;
font-weight: bolder;
color: #66ccff;
padding: 10px 30px;
margin: -10px 0 -15px 0;
line-height: 2em;
}

#content p.image {
position: absolute;
margin: 20px 90px;
padding: 0;
}

#content a {
text-decoration: none;
border-bottom: 1px dotted #fff;
color: #fff;
}

#content a:hover {
text-decoration: none;
border-bottom: 1px dotted #1d4f91;
color: #1d4f91;
}

/* List */
ol {
color: #fff;
font-family: Verdana;
padding: 0 30px;
margin: 0 20px;
}

ul {
color: #fff;
font-family: Verdana;
padding: 0 30px;
margin: 0 20px;
}

li {
font-size: 12px;
padding: 0;
margin: 0;
line-height: 2em;
}

/* Table */
td {
font-family: Verdana;
font-size: 12px;
color: #fff;
padding: 0;
margin: 0;
line-height: 2em;
}

/* Footer */
#footer {
background: #0e2442;
width: 600px;
margin: 0 9px;
padding: 0;
text-align: center;
clear: both;
font-size: 10px;
color: #fff;
border: 5px solid #fff;
}

#footer p {
margin: 0 40px;
padding: 10px 50px;
}

#footer a {
color: #1d4f91;
text-decoration: none;
border-bottom: 1px dotted #1d4f91;
}

#footer a:hover {
color: #ccc;
text-decoration: none;
border-bottom: 1px dotted #ccc;
}