/* -------- Style Sheet for Crown Logistics -------- */

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

html, body{
	text-align: center;
	width: 100%;	
}

body{
	height: 100%;
	text-align: center;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 75%;
	color: #666;
}

h1, h2{
	font-size: 1em;
	color: #cc0000;
	font-family: "gill sans mt", "trebuchet ms", georgia, arial;
}

h1 a, h1 a:visited, h2 a, h2 a:visited{
	color: #cc0000;
	text-decoration: none;
}

h1 a:hover, h2 a:hover{
	color: #cc0000;
	text-decoration: underline;
}

h3{
	font-size: 0.95em;
}

p{
	margin-left: 1px;
	margin-bottom: 10px;
	font-size: 1em;
}

a, a:visited{
	text-decoration: underline;
	color: #666;
}

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

ul, ol{
	margin-left: 20px;
	margin-bottom: 10px;
	text-align: left;
}

ul li{
	margin-bottom: 2px;
}

ul li ul li{
	list-style-type: square;
}

* html ol li{
	margin-left: 5px;
}

label{
	display: block;
	width: 59px;
	float: left;
}

input, textarea{
	background-color: #fff;
	color: #666;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 1em;
	border: #666 1px solid;
	width: 210px;
}

textarea{
	height: 2.8em;
}

select{
	background-color: #fff;
	color: #666;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 1em;
	border: #666 1px solid;
	margin: 2px 0 2px 0;
	width: 210px;
}

hr{
	color: #ddd;
	background-color: #ddd;
	height: 1px;
	margin-top: 5px;
	margin-bottom: 5px;
}

* html hr{
	margin: 0;
}

table{
	border: 0;
	text-align: center;
	font-size: 1em;
	width: 100%;
}

td{
	padding: 9px;
	vertical-align: top;
	font-size: 0.9em;
}

/* main layout */
#wrapper{
	position: relative;
	margin: 0 auto;
	width: 775px;
	min-height: 100%;
	height: 406px;
	height: auto !important;	
	text-align: justify;	
}

#header{
	height: 148px;
}

#side{
	width: 200px;
	margin-top: 2px;
	font-size:11px;
}

#content{
	float: right;
	width: 570px;
	margin-top: 2px;	
}

#footer {
	clear: right;
	height: 45px;
	padding-top: 3px;
	text-align: center;
}

/* header part */
#headerlogo{
	position: absolute; 
	top: 26px; 
	right: 570px;
	text-align: right;	
	z-index: 1;	
}

#headertag{
	position: absolute;
	top: 50px;
	right: 190px;
	text-align: right;
	z-index: 2;
}

#headerlink{
	position: absolute;
	top: 7px;
	right: 15px;	
	z-index: 200;
}

.headerlink{
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	text-align: right;
}

.headerlink a, .headerlink a:visited{
	color: #fff;
	text-decoration: none;
	margin: 0 5px 0 2px;	
}

.headerlink a:hover{
	color: #fff;
	text-decoration: underline;
	margin: 0 5px 0 2px;	
}

#speciallink{
	position: absolute;
	top: 97px;
	right: 185;	
	z-index: 300;
}

/* menubar */
#menubar{
	position: absolute;
	top: 123px;
	width: 775px;
	height: 25px;
	left: 0px;
}

.nav{
	background-color: #cc0000;
	text-align: center;
	font-size: 11px;	
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 2;
}

.nav a, .nav a:visited{
	color: #fff;
	text-decoration: none;
	margin: 0 11px 0 11px;
}

.nav a:hover{
	color: #fff;
	text-decoration: underline;
	margin: 0 11px 0 11px;
}

/* forms */
.sidelist{
	width: 200px;
}

.sidetextbox{
	display: block;
	width: 140px;
	float: left;
	margin: 1px 0 1px 0;
}

.button{
	width: 80px;
	height: 20px;
	margin: 1px 0 5px 0;
}

/* other text classes */
.morelink{
	text-align: right;
	font-style: italic;
	font-size: 0.85em;
	letter-spacing: 0.1em;
	font-family: "times new roman", arial;
	color: #666;
	margin-top: 0px;
	margin-bottom: 0px;
}

.morelink a, .morelink a:visited{
	color: #666;
	text-decoration: underline;
}

.morelink a:hover{
	color: #666;
	text-decoration: none;
}

.crumbs{
	text-align: right;
	font-size: 11px;
	margin-bottom: 10px;
}

.crumbs a, .crumbs a:visited{
	color: #cc0000;
	text-decoration: underline;
}

.crumbs a:hover{
	color: #cc0000;
	text-decoration: none;
}

.footer{
	font-size: 11px;
	margin-bottom: 0px;
	padding-top: 2px;
}

.nospace{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 2px;
}

#frmInfo p.nospace{
	margin: 0;
	padding: 0;
}

.lefttext{
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 2px;
}

.stext{
	font-size: 0.9em;
}

.signature{
	margin-top: -6px;
	margin-bottom: 0px;
	padding-bottom: 2px;	
}

.noline, a.noline, a.noline:hover, a.noline:visited{
	text-decoration: none;
}

.hideline, a.hideline, a.hideline:visited, .hideline a:link,  .hideline a:visited{
	text-decoration: none;
}

a.hideline:hover, .hideline a:hover{
	text-decoration: underline;
}

.caption{
	text-align: center;
	font-size: 0.95em;
	margin: 0;
}

.client{
	text-align: right;
	font-size: 11px;
	margin-bottom: 0;
}

.impt{
	color: #cc0000 !important;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 2px;
}

/* cupod layout */
#cupodleft{
	width: 100px;
	text-align: center;
	margin-left: 5px;
}

#cupodright{
	float: right;
	width: 90px;
	padding-right: 3px;
	text-align: center;	
}

.cupodtext{
	margin-bottom: 3px;
	font-size: 11px;
}

.cupodtext a, .cupodtext a:visited{
	color: #666;
	text-decoration: underline;
}

.cupodtext a:hover{
	color: #666;
	text-decoration: none;
}

/* containers */
.contentbox{
	border: 2px;
	border-color: #e8e8e8;
	border-style: solid;
	background-color: #f7f7f7;
	padding: 15px;
	margin-bottom: 3px;
	min-height: 450px;
	height: auto;
}

* html .contentbox{
	height: 43em;
}

.hcontentbox{
	border: 2px;
	border-color: #e8e8e8;
	border-style: solid;
	background-color: #f7f7f7;
	padding: 15px;
	margin-bottom: 4px;
	min-height: 100px;
	height: auto;
}

* html .hcontentbox{
	height: 8em;
}

.hcontainer{
	height: 190px;
	margin-bottom: 22px;
}

* html .hcontainer{
	height: 13em;
	margin-bottom: 3px;
}

.hcontentleft{
	border: 2px;
	border-color: #e8e8e8;
	border-style: solid;
	background-color: #f7f7f7;
	padding: 15px;
	height: 91%;
	width: 42%;	
}

* html .hcontentleft{
	width: 100%;	
	height: 100%;
}

.hcontentright{
	border: 2px;
	border-color: #e8e8e8;
	border-style: solid;
	background-color: #f7f7f7;
	padding: 15px;
	padding-right: 10px;	
	float: right;
	height: 91%;
	width: 46.25%;
}

* html .hcontentright{
	width: 50%;	
	height: 100%;
}

#dcontainer{
	min-height: 525px;
	height: auto;
}

* html #dcontainer{
	height: 100%;
}

.dcontainer2{
	min-height: 85px;
}

* html .dcontainer2{
	height: 8em;	
}

.bcontainer{
	min-height: 130px;
}

* html .bcontainer{
	height: 11em;	
}

#pcontainer{
	min-height: 600px;
}

* html #pcontainer{
	height: 100%;	
}

#ccontainer{
	min-height: 570px;
}

* html #ccontainer{
	height: 100%;	
}

#econtentleft{
	width: 44%;
	min-height: 665px;
}

* html #econtentleft{
	width: 98%;
	height: 58.5em;	
}

#econtentright{
	float: right;
	width: 45%;	
	min-height: 665px;	
}

* html #econtentright{
	width: 50%;
	height: 58.5em;	
}

.contentleft1{
	width: 49%;	
}

* html .contentleft1{
	width: 97%;	
}

.contentright1{
	float: right;
	width: 48%;
	padding-right: 2px;	
}

.contentleft2{
	width: 72%;	
}

* html .contentleft2{
	width: 98%;	
}

.contentright2{
	float: right;
	width: 26%;
	padding-right: 2px;	
}

#columnleft{ 
	position: relative;
	float: left;
	width: 25%;
	padding: 5px;
	z-index: 110;
}

#columnright{
	position: relative;
	float: right;
	width: 30%;
	padding: 5px;
	z-index: 105;
}

#columnmiddle{
	position: relative;
	padding: 5px 5px 5px 25%;
}

* html #columnmiddle{
	padding-left: 25%;
}

#centercontainer{
	text-align: center;
}

#formcenter{
	margin: 0 auto;
	text-align: left;
	width: 60%;
}

* html #formcenter{
	margin: 0 auto;
}

.gallery{
	width: 73%;
}

/* content borders */
.gborder{
	border: #e8e8e8 2px solid;
}

.border{
	border: #ddd 1px solid;
	padding: 8px;	
}

/* image float */
.floatleft{
	float: left;
	margin: 2px 13px 3px 0px;
}

.floatright{
	float: right;
	margin: 2px 0px 3px 13px;
}

/* submenu */
.top{
	background: transparent url(../images/bar.top.gif) 0 0 no-repeat;
	margin-top: 3px;
}

.bottom{
	background: transparent url(../images/bar.bottom.gif) 0 0 no-repeat;
}

.submenuheader{
	text-align: center;
	font-weight: bold;
	color: #aaa;
	text-transform: uppercase;
	margin-bottom: 5px;
	font-size:11px;
}

.submenu{
	font-size:11px;
	color: #cc0000;
	text-align: left;
}

ul.submenu{
	list-style-type: none;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 3px;
}

ul.submenu li{
	background: transparent url(../images/arrow.gif) 0 0 no-repeat;
	padding-left: 13px;
	padding-bottom: 4px;
}

ul.submenu li a:link, ul.submenu li a:visited{
	text-decoration: underline;
	color: #cc0000;
}

ul.submenu li a:hover{
	text-decoration: none;
	color: #cc0000;
}

ul.download{
	font-size:11px;
	list-style-type: none;
	text-align: left;
	margin-left: 5px;
	margin-right: 5px;
}

ul.download li{
	background: transparent url(../images/pdf.gif) 0 0 no-repeat;
	padding-left: 17px;
	padding-bottom: 3px;
}

ul.download li a:link, ul.download li a:visited{
	text-decoration: underline;
	color: #cc0000;
}

ul.download li a:hover{
	text-decoration: none;
	color: #cc0000;
}

/* sitemap */
ul.sitemap{
	list-style-type: none;
	margin-left: 0px;
	font-weight: bold;
	text-transform: uppercase;
}

ul.sitemap li{
	padding-left: 0px;
	padding-bottom: 10px;
}

ul.sitemap li a:link, ul.sitemap li a:visited{
	text-decoration: underline;
}

ul.sitemap li a:hover{
	text-decoration: none;
}

ul.sitemap li ul{
	margin-bottom: 0;
	margin-left: 0;
}

ul.sitemap li ul li{
	list-style-type: none;
	font-weight: normal;
	padding-left: 20px;
	padding-bottom: 0;
	text-transform: none;
}

/* others */
.spacer li{
	padding-top: 5px;
	padding-bottom: 5px;
}

.nospace li{
	padding-top: 0;
	padding-bottom: 0;
}

.filler{
	padding: 40px;
}

* html .filler{
	padding: 0px;
}

.lblSubscribe{
	display: block;
	width: 105px;
	float: left;
}

.rdoSubscribe{
	background-color: #f7f7f7;
	color: #666;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 11px;
	border: none;
	width: 20px;
	margin-left: 20px;
}

ul.justify {
	text-align: justify;
}

/* for press release */
.contentPublicity{
	float: left;
	width: 71%;
}

.nopadding{
	padding: 0px;
}

/* for captcha */
.predefined{
	display: none !important;
}