#noscript{
	background-color:#CC0000;
	padding:10px;
	font-size:20px;
	color:#FFFFFF;
	text-align:center;
}

html,body{
	background-color: #c7dcde;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#container{
	width:1004px;
	margin:0px auto;
	padding:0px 0px;
	background-color:#FFFFFF;
	}

#container-inner{
	width:1004px;
	margin:0px 0px;
	}

#top{
	height:223px;
	overflow:hidden;
	position:relative;
	}

#top-search-box{
	position:absolute;
	top:20px;
	right:20px;
	}

#top-menu{
	height:58px;
	padding:0px 5px;
	margin:6px 0px;
	}

#top-menu a{
	display:block;
	width:245px;
	height:58px;
	overflow:hidden;
	margin-right:4px;
	float:left;
	position:relative;
	}

*html #top-menu a{
	margin-right:7px;
	}

.menu-item{
	position:absolute;
	top:0px;
	left:0px;
	z-index:20;
}

.menu-item-over{
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
	}

#middle{
	background:url(../images/bg-middle.jpg) repeat-x top;
	padding:13px 0px 10px 0px;
	margin:0px 5px;
}

#left{
	border:1px solid #00646b;
	float:left;
	width:738px;
	}

#webpage{
	border:1px solid #00646b;
	}

#right{
	width:245px;
	float:left;
	margin-left:9px;
	}

.box-inner{
	padding:10px;
	}

.spacer{
	clear:both;
	height:2px;
	font-size:2px;
	}

a {
	color:#00646b;
	text-decoration:none;
}

a:hover{text-decoration:underline;}

p{
	margin:8px 0px 0px 0px;
	padding:0;
}

img {border:none;}

h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:5px 0px;
	font-weight:bold;
	color:#b3071b;
	}

h1{
	font-size:20px;
	}

h2{
	font-size:18px;
	}

h3{
	font-size:16px;
	}

h4{
	font-size:14px;
	}

h5{
	font-size:12px;
	}

h6{
	font-size:10px;
	}


/** Main menu using sucker fish style list menu **/
#mainMenu{
	height:27px;
	padding:0px 5px;
	font-size:10px;
	font-weight: bold;
	text-transform:uppercase;
	padding-bottom:6px;
}

#mainMenu ul{
	margin:0;
	padding:0;
	list-style:none;
}

#mainMenu li{
	  float:left;
	  position:relative;
      margin:0;
      padding:0;
	  display: block;
	  color: #036C90;
	  width:94px;
	  height:27px;
	  margin-right:5px;
	  text-align:center;
	  background-color:#d9dadb;
}

#mainMenu li ul{
	display:none;
	position:absolute;
	top:0px;
	left:0;
	}

#mainMenu li ul li{
	width:160px;
	float:left;
	clear:both;
}

#mainMenu li:hover ul, #mainMenu li.over ul { display: block; }
	  
#mainMenu li:hover, #mainMenu li.over {
	cursor:pointer;
	color: #FFFFFF;
	background-color:#b3071b;
}

#mainMenu li:hover a, #mainMenu li.over a{
	color:#FFFFFF;
}


#mainMenu a{
	position:absolute;
	left:0px;
	color:#333333;
	text-decoration:none;
	display:block;
	width:95px;
	text-align:center;
	
}

#mainMenu a:hover{
	color: #FFFFFF;
}

#mainMenu li.lastMenu{
	border-right:none;
	margin-right:0px;
	width:103px;
	}

#mainMenu li.activeMenu{
	background-color:#b3071b;
}

#mainMenu li.activeMenu a{
	color: #FFFFFF;
}

#mainMenu li ul li{
	border-right:none;
	}

/** page submenu **/
#pageSubmenu{

}

#pageSubmenu h1{
	font-size:14px;
	background-color:#CCCCCC;
	color:#333333;
	padding:3px 10px;
}

#pageSubmenu ul{
	margin:0;
	padding:0;
}

#pageSubmenu li{
	display:block;
	background-color:#EAEAEA;
	padding:5px 10px;
	border-bottom:1px dotted #CCCCCC;
}

#pageSubmenu a{
	color:#333333;
}

#col-right-1{
	width:580px;
	float:left;
	border-right:1px dotted #CCCCCC;
}

#col-right-2{
	width:148px;
	float:left;
}

/** Site Breadcrumb **/

.breadcrumb{
	padding:0px 0px 10px 0px;
}

/** Search Result **/
.search-hightlight{
	background-color:#FFFF00;
}

#searchFor{
	height:18px;
	line-height:18px; 
	padding:0; 
	margin:0; 
	border:1px solid #3d8c8f; 
	color:#3d8c8f; 
	background:#FFFFFF url(../images/bg-search.gif) no-repeat left;
	}

/** Calculators **/
#calculators{
	width:500px;
	float:left;
	}
	
.cal-section{
	color:#999999;
	padding-bottom:10px;
	}

.cal-table{
	color:#3d8c8f;
	padding-top:6px; 
	}

.cal-table th{
	font-size:11px;
	text-transform:uppercase;
	padding:0;
	}

.cal-table input{
	border:1px solid #3d8c8f;
	text-align:center;
	color:#CC0000;
	}

#cal1-weight, #cal1-width, #cal1-gsm,
#cal2-sheetno, #cal2-gsm, #cal2-length, #cal2-width, #cal2-result,
#cal3-length, #cal3-width, #cal3-gsm,
#cal4-length, #cal4-width, #cal4-sheetno, #cal4-weight, #cal4-result,
#cal5-length, #cal5-width, #cal5-gsm{
	width:80px;
}

#converter{
	width:342px;
	height:150px;
	float:left;
	margin:40px 0px 0px 100px;
	background:url(../images/bg-converter.jpg) no-repeat top;
	}

#select-metric{
	text-align:center;
	padding:20px 10px;
	font-size:12px;
	font-weight:bold;
	}

#metric{
	width:120px;
	}
	
#select-list{
	padding:20px 10px 10px 10px;
	text-align:center;
	}

#select-list input{
	border:1px solid #3d8c8f;
	width:120px;
	}

#select-list select{
	width:123px;
	}

/** Paper selector **/
.title-text{
	font-weight:bold;
	color:#00646b;
	}
	
#paper-selector-table{
	margin-top:10px;
	}
	
#paper-selector-table th{
	background-color:#00646b;
	color:#FFFFFF;
	padding:10px;
	width:180px;
	}

#paper-selector-table td{
	background-color:#EAEAEA;
	padding:10px;
	}

#paper-selector-table select{
	width:180px;
	}

#advanced-options{
	background-color:#d3e5e8;
	padding:5px 10px 10px 10px;
	margin:10px 0px;
}

#advanced-options label{
	display:block;
	width:160px;
	float:left;
	}
	

#paper-search-result{
	border:1px solid #00646b;
	padding:10px;
	min-height:100px;
	}

/** Paper details **/
#paper-left{
	width:200px;
	float:left;
	color:#333333;
	font-size:11px;
	}

#paper-left h3{
	 color:#333333;
	 background-color:#d9dadb;
	 font-size:11px;
	 text-transform:uppercase;
	 padding:5px 10px;
	 margin:0;
	}

#paper-left ul{
	margin:0;
	padding:10px;
	list-style:none;
}

#paper-right{
	width:760px;
	float:left;
	margin-left:10px;
	font-size:11px;
}

#paper-desc{
	background-color:#d3e5e8;
	padding:10px;
	}

.env-icon{
	float:right;
	margin-left:5px;
	}

#paper-desc h1{
	font-size:26px;
	color:#000000;
	font-family: Helvetica, Verdana, Arial,sans-serif;
	}

#paper-desc-bottom{
	padding-top:10px;
	}

#weight-color-table{
	width:500px;
	font-size:11px;
	float:left;
}

#weight-color-table th{
	padding:5px;
	background-color:#00646b;
	color:#FFFFFF;
	text-align:left;
}

#weight-color-table td{
	padding:5px;
	font-weight:bold;
	color:#666666;
	text-align:left;
	border-bottom:1px solid #00646b;
}

#weight-color-table td.weight-cell, #weight-color-table th.weight-cell{
	border-left:1px solid #00646b;
	text-align:center;
	}

#paper-desc-bottom-right{
	float:left;
	margin-left:20px;
	width:200px;
	}

.text-button{
	background-color:#999999;
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	padding:5px 10px;
	width:160px;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:10px;
	font-size:11px;
	}

.text-button:hover{
	background-color:#b3071b;
	text-decoration:none;
	}

#paper-env-desc{
	width:600px;
	height:400px;
	overflow:auto;
	position:absolute;
	display:none;
	z-index:10000;
	background:#FFFFFF;
	border:6px double #999900;
	}

#mask{
	position:absolute;
	display:none;
	z-index:9999;
	background-color:#000000;
	top:0px;
	left:0px;
	}

.close{
	position:absolute;
	top:0px;
	right:0px;
	}

a.close{
	width:20px;
	display:block;
	text-align:center;
	line-height:16px;
	background-color:#b3071b;
	color:#FFFFFF;
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
	}

/** Environment tables **/
#env-table{
	width:730px;
	border-collapse:collapse;
}

#env-table a{
	color:#000000;
	}

#env-table th, #env-table td{
	border:1px solid #a1a0a5;
	}

#env-table th{
	padding:5px 2px;
	background-color:#8cab65;
	text-align:left;
	text-transform:uppercase;
	}

#env-table td{
	text-align:center;
	}

#env-table th.env-cell{
	background-color:#dce2a4;
	}

#env-selector-box{
	border:1px solid #00646b;
	padding:10px;
	margin:2px;
	font-size:10px;
	color:#00646b;
	}

#env-selector-box h3{
	color:#00646b;
	font-weight:normal;
	font-size:16px;
	}

#env-selector-box ul{
	margin:0;
	padding:0;
	list-style:none;
	}

#env-selector-box a{
	color:#FFFFFF;
	text-transform:uppercase;
	font-weight:bold;
	font-size:11px;
	}

#env-selector-box li{
	padding:3px 8px;
	margin:5px 0px;
	background-color:#999999;
	}

#env-selector-box li.button-coated{
	background-color:#b5111a;
}

#env-selector-box li.button-uncoated{
	background-color:#73afb7;
}

#env-selector-box li.button-corporate{
	background-color:#465b22;
}

#env-selector-box li.button-specialty{
	background-color:#afbd22;
}

#env-selector-box li.button-packaging{
	background-color:#d0ac7a;
}

#env-table th.coated, #env-table th.coated a{
	background-color:#b5111a;
	color:#FFFFFF;
}

#env-table th.uncoated{
	background-color:#73afb7;
}

#env-table th.corporate, #env-table th.corporate a{
	background-color:#465b22;
	color:#FFFFFF;
}

#env-table th.specialty{
	background-color:#afbd22;
}

#env-table th.packaging{
	background-color:#d0ac7a;
}


/** Samples order online **/
#sample-left{
	width:500px;
	background-color:#f2f6f6;
	float:left;
}

#sample-right{
	width:480px;
	float:left;
	}

#client-detail{
	font-size:10px;
	text-transform:uppercase;
}

#client-detail th{
	color:#00646b;
	width:60px;
	text-align:right;
	}

#client-detail input{
	width:360px;
	border:1px solid #00646b;
}

.order-section{
	margin:10px 0px;
	width:377px;
	position:relative;
}

#sample_instruction{
	width:377px;
	height:100px;
	border:1px solid #00646b;
	overflow:auto;
	}

#btn_sample_save{
	cursor:pointer;
	text-align:right;
	padding:10px;
	}

#order-form-confirm{
	height:200px;
	display:none;
	padding:10px;
	}

/** Sheet **/
#sheet-loading, #mockup-loading, #envelope-loading{
	width:40px;
	height:40px;
	position:absolute;
	top:5px;
	left:380px;
	display:none;
	}
	
#sec-sheet-form{
	background-color:#ecf0e1;
	padding:10px;
	display:none;
	}

#sec-sheet-form select{
	width:160px;
	}

#sec-sheet-form input{
	border:1px solid #00646b;
	}
	
#sec-sheet-form td{
	padding:5px;
	vertical-align:top;
	color:#00646b;
	}

table.cart{
	width:100%;
	}

table.cart td{
	border-bottom:1px solid #CCCCCC;
	}

.delete-sheet, .edit-sheet, .delete-mockup, .edit-mockup, .delete-envelope, .edit-envelope{
	cursor:pointer;
}

/** Mockup **/	
#sec-mockup-form{
	background-color:#dfedf0;
	padding:10px;
	display:none;
	}

#sec-mockup-form select{
	width:160px;
	}

#sec-mockup-form input{
	border:1px solid #00646b;
	}
	
#sec-mockup-form td{
	padding:5px;
	vertical-align:top;
	color:#00646b;
	}

/** Envelope **/
#sec-envelope-form{
	background-color:#e8ebe0;
	padding:10px;
	display:none;
	}

#sec-envelope-form select{
	width:300px;
	}

#sec-envelope-form input{
	border:1px solid #00646b;
	}
	
#sec-envelope-form td{
	padding:5px;
	vertical-align:top;
	color:#00646b;
	}