/* global */

	body{ 
		background:#f2f2f2;
		margin:0;
		padding:0 0 2em 0;
		}
		
		.clr {clear: both;}
		
		#wrapper{margin:0 auto;width:960px;position:relative;}
	/* typography, headings and elements  */		
		
		table, input, textarea, select, li, button{
			line-height:160%;
			color:#333;
			}	
				
		body{font:11px arial,verdana, Sans-Serif;color: #505050;}

		h1, h2, h3, h4, h5, h6{
			margin:5px;
			line-height:130%;
			}	
		h1{font-size:220%;}	
		h2{font-size:150%;font-weight:lighter;}	
		h3{font-size:170%;}
		h4{font-size:140%;}
		h5{font-size:110%;}
		h6{font-size:100%;font-weight:bold;}

a:hover{color:#999;}

blockquote{font-style:italic;font-size:14px;color:#777;line-height:180%;}

a, a:visited{
			text-decoration:none;
			color:#666666;
			}							
		 blockquote, ul, ol, form{margin:0;padding:0;}
		 p{
	margin-top:2px;
	margin-bottom: 2px;
}	
	img{border:none;}			
		hr{display:none;}	
		table{
			margin:1em 0;
			width:100%;
			border-collapse:collapse;
			}
		th, td{padding:2px 5px;}	
		th{text-align:left;}
		li{display:list-item;}	

	/* // typography, headings and elements */	
	
	/* forms */
		
		form div{margin:.25em 0;}
		fieldset{padding:1em 0;border:none;border-top:1px solid #ccc;}
		legend{background:#fff;color:#555;padding:0 5px;}
		label{float:left;width:150px;}
		.field, .area, select{border:1px solid #ccc;width:300px;padding:3px;}
		.area{height:120px;}
		select{width:186px;}
		.radio, .checkbox{margin-left:-2px;}
		.submit{margin-left:150px;padding-top:.5em;}
		button{
			border:5px solid #f0f0f0;
			padding:5px 25px;
			cursor:pointer;
			background:#ffa800 url(../images/bg_button.gif) repeat-x;
			color:#333;
			font-weight:bold;
			}
		
	/* // forms */
	
	/* common */		
		
		.left{float:left;width:170px;margin-top:28px;}
		.right{float:right;margin-left:1em;}
		.center{text-align:center;}
		
		img.left, img.right{border:5px solid #d6d6d6;margin-top:.5em;}
		
		blockquote.right{width:240px;padding-left:12px;border-left:1px solid #d6d6d6;margin-top:.5em;}
		
		.clear{clear:both;}
		.first{margin-left:0 !important;}
		.last{margin-right:0 !important;}
		.top{margin-top:0 !important;}
		.bottom{margin-bottom:0 !important;}

	
		.error{display:block;margin:.5em 0;border:1px solid #c00;background:#ffdbdb;padding:5px 10px;color:#333;}
		.success{border:1px solid #a0d127;background:#e1ecc6;padding:5px 10px;color:#333;}
	
	/* // common */			
	
/* // global */
#skyscraper{
	background: url(../images/demoimg/standing.png) no-repeat;
	position: fixed;
	height: 180px;
	width:  85px;
	right: 175px;
}

/* Top-bar */
#top-bar {height: 30px; background: url(../images/top-bar-bg.png) repeat-x;margin-bottom: 15px;}

/* Top-bar navigation */
#top-menu,#bot-menu {padding: 2px 0 8px;display: block;float: right;margin-top: 30px;}
#bot-menu {
	padding:0;
	margin:0;
}
#top-menu li,#bot-menu li {position:relative;display: block;float:left;background: url(../images/menu_sep.png) no-repeat 0  29%;padding-left:10px;margin-left: 20px;}
#top-menu li.first a{background: none;color: #003366;font-weight:bold;}
#top-menu li.check-out{
	background: url(../images/check_out_ico.png) no-repeat 0 20%;padding-left:25px;
}
#top-menu li.check-out a{
	font-size: 12px;
	font-weight: bold;
	
}
#top-menu li a:hover {z-index: 100;cursor: pointer;margin: 0;color: #ccc;}
#top-menu ul,#horiz-menu ul,#footer ul,ul.horiz{list-style: none;padding: 0;margin: 0;}
#top-menu li a {display: block;padding: 2px 3px 5px;height: 20px;font-weight: lighter;color: #333333;text-transform:uppercase;font-size: 10px;font-family: verdana;letter-spacing:0.09em;}
#bot-menu li a {display: block;padding: 2px 3px 0;height: 20px;font-weight: lighter;text-transform:uppercase;}
/* Main menu */
#horiz-menu {width: 100%;border:1px solid #e5e5e5;height: 40px;background:transparent url(../images/menu_bg.png) repeat-x scroll 0 0;}
#horiz-menu u{
	padding:0 0 0 5px;
}
#horiz-menu ul li {float: left;line-height: 37px;background:transparent url(../images/menu_ico.png) no-repeat scroll 10% 50%;}
#horiz-menu ul li a {color: #555555; font-size: 14px;padding: 14px 40px 8px 40px;}
#horiz-menu ul li a:hover {color: #ccc; background: url(../images/menu_ico_hov.png) no-repeat scroll 0 50%;line-height: 37px;cursor:pointer;}

/* left menu */
.left h2 {color: #fff;font-family: "Lucide Sans Unicode","Lucida Grande",Arial,sans-serif;font-size:12px;font-weight: bold;text-transform: uppercase;background:#926347;margin:0;padding:5px;}
ul.horiz li {line-height: 25px;background:transparent url(../images/menu_ico.png) no-repeat scroll 3% 50%;border-bottom:1px solid #F2F2F2;}
ul.horiz li a {color: #555555; font-size: 11px;padding: 14px 27px 8px 20px;}
ul.horiz span{display:block;}


/* Top-right */
#top-right {float: right; width: 210px;display: inline;}

/* spacer */
#top-spacer {height:40px;}

/* Main content area */

#main-body {background: #fff; padding: 10px;}

/* header area */
	#header{height:81px;position:relative;}
	#logo{position:relative;float: left;background:url(../images/logo.png) no-repeat 0 0;width:330px;height:80px;}
	
	
	
					
/* Showcase area */

.show-2 {width: 245px;margin-left: 10px; height:224px; float: left;border:1px solid #E1E3CD;font-weight:bold;}
		
			.row{clear:both;padding:0 0;margin:0;}
			.row1{background:#f6f6f6;margin-top: 10px;padding: 10px;overflow:hidden;border:1px solid #E5E5E5;}
			.row2{background:#111;color:#fff;}
			
			.col1, .col2, .col3{
				float:left;
				display:inline;
				}	
			.col1{width:636px;text-align: justify;}
			.col2{width:225px;margin-left:46px;}
			.col3{width:252px;margin-left:31px;}	
			
			
			/**** main-content *****/
			#main-content{overflow:hidden;float:left;width:757px;background:#fff;}
			#main-content .inner {padding:15px;}
			#main-content p{margin-bottom:10px;margin-top:10px;}
			
			/**** bottom area ****/
.bottom {overflow: hidden; padding-bottom: 10px;margin-top:10px;}

/***** steps nand left-menu mix *****/
#main-step,ul.horiz,#main-wrap {
	overflow:hidden;
	margin-bottom: 2px;
	border: 1px solid #ddd;
}

#main-step{background:url(../images/step_bg.png) repeat-x scroll 0 100%;}

#main-wrap {margin-top:10px;padding:5px;background:#f2f2f2;}

ul.horiz {margin-top:5px;border-right:medium none !important;background:#fff;margin-bottom:20px;} 

#main-step .part p {
/*background: #fff url(../images/steps_inner_bg.png) repeat-x 0 100%;
border-left:3px solid #666666;
border-right:1px solid #B3B1B1;
border-top:1px solid #B3B1B1;
border-bottom:1px solid #B3B1B1;*/
color:#666666;
font-family:trebuchet MS;
font-size:12px;
font-weight:bold;
letter-spacing:1px;
padding:5px;
text-align: center;
}
#main-step .part, .part-last {padding:10px;float:left;width:213px;text-align: left;margin-right: 4px;overflow:hidden;}

#main-step .part {
	background:url(../images/arrow-steps.png) no-repeat scroll 100% 50%;
	padding-right: 2px;
}

.part .inner,.part-last .inner{
	/*background: url(../images/steps_bg.png) no-repeat;*/
	height: 140px;
	padding: 10px;
}

#main-step .title,#main-wrap .title {
	padding: 0 3px 0 40px;
	font-weight:lighter;
	letter-spacing:1px;
	font-size:14px;
	background: url(../images/numbered.png) no-repeat;
	height:33px;
line-height:32px;
	}
	
	#main-step .title,#main-wrap .title {border-bottom: 1px solid #ddd;}
	
	#main-step .title span,#main-wrap .title span{
	background:transparent url(../images/step_sep.png) no-repeat scroll 0 0;
margin:0;
overflow:hidden;
position:relative;
width:19px;
height:33px;
float:left;
}


#main-step .heading {
font-family:Arial,Helvetica,Geneva,sans-serif;
font-size:14px;
text-align:center;
font-weight:normal;
letter-spacing:0;
line-height:1em;
text-decoration:none;
}
#main-step img {padding: 2px;margin-left: 25px;}
.pricing {
	color:#EC2D48;
font-size:11px;
}

/***** tool-tip styling ******/
#text {margin:50px auto; width:500px}
.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}

#tt {position:absolute; display:block; background:url(images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px;  background:#ccc;border: 1px solid #B3B1B1; color:#555555;margin-left:-90px;font-size: 12px;}
#ttbot {display:block; height:5px; margin-left:5px; background:url(images/tt_bottom.gif) top right no-repeat; overflow:hidden}

/*** footer area ***/

#footer{background:#222222;padding:20px;overflow:hidden;}
#footer-part{float: left; width: 210px; padding: 5px; overflow: hidden;}
#footer li{text-align: left;padding-left: 10px; background: url(../images/bullet.png) no-repeat 0 50%;	}
#footer a {color: #ccc;}
		
/** Copyright **/

#copyright {border-top: 1px solid #ccc;padding:10px 10px 6px;overflow: hidden;color: #666666;}
				
	/* grid */	

/* // layout */

/* content */

	#title{
		background:url(../images/bg_title.jpg) no-repeat 0 0;
		line-height:100px;
		height:100px;
		color:#fff;
		padding:0 54px;
		overflow:hidden;
		margin:0;
		}

	.row1 a, .row1 a:visited{color:#B7AD85;
font-size:21px;
font-weight:lighter;
text-transform:capitalize;}
	.row2 a, .row2 a:visited{color:#a1d227;}
	.row2 a:hover{color:#fff;}
	
	
			
			
		
	/* //showcase list*/
	.showcase-item li a{
	font-weight:bold;
}
	
	

		
	/* // showcase menu items */
	
		ul.list1{
		margin-left:20px;
margin-top:5px;
padding:0;
			}	
		ul.list1 li{height: 60px;margin:0 0 11px;padding:5px 0 0.5em 60px;list-style:none;border-bottom:1px solid #eee;}
		ul.list1 li.shipment{
	background: url(../images/shipment-ico.png) no-repeat;
}

		ul.list1 li.login-bu{
	background: url(../images/buyer-ico.png) no-repeat;
}
		ul.list1 li.sys-working{
	background: url(../images/website-ico.png) no-repeat;
}
		.list1 span{
	font-weight:lighter;
}
		.row2 ul.list1{border-top:1px solid #333;}
		.row2 ul.list1 li{border-bottom:1px solid #333;}
		.row1 ul.list1 li a, .row1 ul.list1 li a:visited{text-decoration:none;display:block;margin-bottom: 5px;}
		
		ul.thumbs{
			margin:1em 0;
			padding:0;
			}	
		ul.thumbs li{
			float:left;
			margin:0 0 2px 5px;
			padding:0;
			list-style:none;
			}
		ul.thumbs li img{
			border:1px solid #777;
			}

	/* // misc */

/* // content */

/* image replacement */
	

/* // image replacement */

/* clearfix */

	.row:after, .fixed:after{
		content:"."; 
		display:block; 
		height:0; 
		clear:both; 
		visibility:hidden;
		}
	.row, .fixed{display:block;}
	/*  \*/
	.row, .fixed{min-height:1%;}
	* html .row, * html .fixed{height:1%;}

/* // clearfix */