
/* global */

	body{ 
		background:#F2F2F2 url(../images/body_bg.png) repeat-x 50% 0;
		margin:0;
		padding:0 0 2em 0;
		}
		
		.clr {clear: both;}
		
		#top-area{
background: url(../images/top_bar_bg.png) repeat-x 0 0;
overflow:hidden;
}
		#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:2px;
			line-height:130%;
			}	
		h1{font-size:220%;}	
		h2{font-size:160%;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:5px;
	margin-bottom: 5px;
}	
	img{border:none;}			
		hr{display:none;}	
		table{
			margin:1em 0;
			margin-left:2px;
			width:98%;
			border-collapse:collapse;
			border-color:#cccccc;
			}
		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;margin-right:1em;}
		.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 */

/* 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;}
#top-menu {
	float:right;
}
#bot-menu {
	padding:0;
	margin:0;
	float:left;
}
#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;}
#top-menu li.first a{background: none;color:#089EA8;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 {list-style: none;padding: 0;margin: 0; z-index:99999;}
#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 {border:1px solid #e5e5e5;margin-top: 10px;background:transparent url(../images/menu_bg.png) repeat-x scroll 0 100%;}
#horiz-menu u{
	padding:0 0 0 5px;
}

/*
#horiz-menu ul li {border-bottom:1px solid #E5E5E5;line-height: 37px;background:transparent url(../images/menu_ico.png) no-repeat scroll 10% 50%;}*/
#horiz-menu ul li a {color: #555555; text-transform: uppercase;padding: 10px 27px 10px 40px;}
#horiz-menu ul li a:hover {color: #ccc;cursor: pointer; }
.menu-shad {
	background: url(../images/menu_shadow.png) repeat-x;
	margin-top: 2px;
	position: relative;
	height:30px;
}

/* header area */
	#header{height:81px;position:relative;margin-top:10px;}
	#logo{position:relative;float: left;background:url(../images/logo.jpg) no-repeat 0 0;width:280px;height:88px;}

/* Top-right */
#top-right {overflow:hidden; width:606px;float:right;text-align:right;}
#top-right h2{text-transform: uppercase;border-bottom:1px solid #CCCCCC;padding-bottom:5px;}


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

/* Main content area */

#main-body {background: #FFFFFF; padding: 10px;}
#main_wrap {
	overflow:hidden;
	border-top: 4px solid #ccc;
	margin:5px;
	}
#left-col {
	float:left;
	width: 250px;
	margin-right:20px;
}

#left-col {
	float:left;
	width: 250px;
	margin-right:20px;
	font-family:"Comic Sans MS",helvetica,serif;
}

	
.main_col{
	float:left;
	overflow:hidden;
	width: 660px;
}
	
					
/* Showcase area */

#show-1 {
	margin-top:10px;
	position:relative;
	border:solid 1px #ccc;
	padding:2px;
	}

/* content area */
.content {margin-top: 10px; overflow: hidden;font-weight:bold;font-family:"Comic Sans MS", helvetica,serif;font-size:13px;font-weight:bold;text-align: center; z-index:-99999;}
		
		.content p{
	padding-bottom: 10px;
}
			
			.col1, .col2, .col3{
				float:left;
				display:inline;
				}	
			.col1{text-align: justify;}
			.col2{width:225px;margin-left:46px;}
			.col3{width:252px;margin-left:31px;}	
			
			
			/**** bottom area ****/
.bottom {overflow: hidden; padding-bottom: 10px;}

/***** featured products *****/
#products {
	overflow:hidden;
	margin-bottom: 2px;
}

#products .part {float:left;padding:0;width:181px;text-align: justify;margin-right: 4px;text-align:center;}
#products h4 {
	color:#92462A;
font-size:10px;
font-weight:bold;
line-height:14px;
}
#products span {
	width: 25px;
	height:25px;
	background: url(../images/merchandis.png) no-repeat scroll 0 0px;
	font-weight: bold;
	padding-left: 19px;
}
#products img {padding: 2px;margin-left: 10px;}
.pricing {
	color:#EC2D48;
font-size:11px;
}


/*** 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 {height:50px;padding:10px 3px 3px;overflow: hidden;color: #666666;background:url(../images/footer_bg.png) repeat-x scroll 0 0;border-top:1px solid #EEEEEE;margin-top:5px;}
				
	/* 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:lowercase;}
	.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:0;
			padding:0;
			}	
		ul.list1 li{margin:0 0 11px;padding:5px 0 0.5em 50px;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  */
	
#img-border{float:left; margin-right:10px; border:solid 1px #ccc; margin-left:30px; padding:3px;}

/* // 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%;}


.orange{color:#F88017;}
/* // clearfix */