﻿/*
margin :  top, right, bottom, left;
*/
/* CONTENT */
/* To Show Google Video and Product image */
#showimage
{
		_height: 1%;
}

#highlight_content {
	position: absolute;
	display: block;
	top: 260px;
}
	
#highlight_content  p{
	color: #000;
}	

#show
{
	display: block;
	background: url(/assets/Uploads/SiteImages/image1.jpg);
}

.bigFrame
{
	display: block;
	background: url(../images/PhotoFrame.gif) no-repeat center;
	width: 632px;
	height: 433px;
	padding: 22px 10px 44px 10px;
}
	.bigFrame img
	{
		padding: 17px 13px;
	}


.view2
{
	display: block;
	background: url(../images/PhotoFrame2.gif) no-repeat center;
	width: 284px;
	height: 321px;
	padding: 2px 22px 22px 1px;
	float: left;
}
	.view2 img
	{
		padding: 20px 23px;
	}

.view3
{
	display: block;
	background: url(../images/PhotoFrame2.gif) no-repeat center;
	height: 321px;
	padding-left: 22px;
	float: right;
}
	.view3 img
	{
		padding: 13px 16px 0px 0px;
	}

	

#thumbnailmenu {
	padding: 22px 6px;
	float: left;
	width: 100%;
	_width: auto;
	overflow: hidden;
	list-style: none;
}

.thumbnail
{
	float: left;
	height: 145px;
	width: 158px;
	padding: none;
}
/* Product Tabe */

#producttab {
	width: 100%;
	_height: 1%;
	_border-bottom: none;
	padding-bottom: 22px;

}
	#producttab a
	{
		color: grey;
		border: none;
	}	

	#producttab ul
	{
		background: none;
		list-style: none;
		_height: 1%;
		border-bottom: none;
	}	

	#producttab li
	{
		background: none;
		float: left;
		padding: 0px !important;
		border: none;
	}
	#producttab table
	{
		border-top: none;
	}
	#producttab td
	{
		border-bottom: none;
		padding: 0px 0px;
	}


#buythisproduct
{
	float: left;
	width: 120px;
	padding-left: 43px !important;
	border: 1px solid #ccc;
	background: #0D73B8 !important;
	border: 1px solid #ccc;
	height: 21px;
}
	#buythisproduct a
	{
		color: white;
	}


			
#topbar {
	background: #e4e4e4;
	width: 100%;
	_height: 1%;
}

#topbar img.topbarBottom {
	display: block;
	float: left;
	position: relative;
	height: 27px;
	width: 100%;
	bottom: 24px;
	left: 0;
	padding: 0;
	margin: 0;
	margin-bottom: -27px !important;
	z-index: 10;
	
}
#topbar ul {
	z-index: 1;
	margin: 0 10px;
	background: none;
	height: 45px;
	border: 0;
}
#smallbar #topbar_menu {
	height: 0;
	display: none;
}
	#topbar ul li {
		display: block;
		float: left;
		border: 0;
		background: none;
		padding: 0 10px;
		border-right: 1px solid #ccc;
	}
		#topbar ul li.section {
			padding-bottom: 0;
		}
		#topbar ul li.current.last {
			border-left: none !important;
		}
		#topbar ul li.last {
			width: auto; /* added to fix ie6 problem */
		}
		#topbar ul li a {
			color: #333;
			font-size: 13px;
			white-space: nowrap;
			border-bottom: none;
			_height: 1%;
		}
			#topbar ul li span {
				display: block;
				padding: 10px 0px;
				margin: 0;
			}
			#topbar ul li em {
				font-style: normal;
			}
			#topbar ul li.current,
			#topbar ul li.section {
				background: #fff;
				border: 1px solid #cdcdcd;
				border-bottom: 0;
			}
			#topbar ul li.current {
				border-left: none;
			}
			#topbar ul li.current.first {
				border-left: 1px solid #cdcdcd;
			}
			#topbar ul.black li.current,
			#topbar ul.black li.section {
				background: #111;
				border: 1px solid #cacaca;
			}
				#topbar ul li.current span,
				#topbar ul li.section span {
					
				}
				#topbar ul.black li.current span,
				#topbar ul.black li.section span {
					
				}
			#topbar ul li.section a {
				color: #0D73B8;
			}
			#topbar ul li.current a {
				color: #0D73B8;
				font-weight: bold;
			}
				#topbar ul li a:hover {
					color: #0D73B8;
				}
				
				#topbar ul li.onlineshop {
					background: url(../images/nav-bkgd.png) no-repeat center top;
					border: 1px solid #cacaca;	
				}	

				#topbar ul li.section.onlineshop,
				#topbar ul li.onlineshop:hover {
					background: url(../images/nav-bkgd-hover.png) no-repeat center top ;
				}
				
				#topbar ul li.onlineshop a {
					color: white;
				}	
				
				#topbar ul li.RedirectorPage {
					background: url(../images/nav-bkgd.png) no-repeat center top;
					border: 1px solid #cacaca;	
				}	

				#topbar ul li.section.RedirectorPage,
				#topbar ul li.RedirectorPage:hover {
					background: url(../images/nav-bkgd-hover.png) no-repeat center top ;
				}
				
				#topbar ul li.RedirectorPage a {
					color: white;
				}					
				#topbar ul li.wwd {
					background: #0D73B8;
					color: white;
					border: 1px solid #cacaca;	
				}				
				#topbar ul li.wwd a {
					color: white;
				}
.gridBox {
	margin:20px 12px 12px 12px;
	float: left;
	width: 100%;
	_width: auto;
	overflow: hidden;
}	

.gridCell{
	height: 340px;
}			


/* Language Menu */
#langmenu
{
	position: absolute;
	top: 12px;
	right: 200px;
	height: 27px;
	font-size: 75%;

}

	#langmenu a
	{
		border-bottom: none !important;	
	}

/* itemList style */
.gridItem h3.fixedHeight {
	height: 40px;
	font-size: 14px;
	line-height: 1.2em;
	color: #333;
}
	.gridItem h3.fixedHeight a {
		color: #333;
		border: none;
	}
		.gridItem h3.fixedHeight a:hover {
			color: #0B89E2;
		}
.gridItem img {
	margin-bottom: 15px !important;
}
.gridItem p {
	margin-bottom: 0 !important;
}

.gridItem,
#SupportHolder .gridItem {
	float: left;
	padding-right: 27px;
	width: 175px;
}
.gridItem {
	height: 340px;
}

/* Product detail */
.case1
{
	position:absolute;
	width:629;
	height:295;
}

#c1shadow {
	position:absolute;
	width:10;
	height:295;
	z-index:1;
}
#c1img {
	position:absolute;
	width:295;
	height:295;
	z-index:2;
	left: 10;
}
#c1text {
	position:absolute;
	width:324;
	height:295;
	z-index:3;
	left: 305;
}


.shadowed_desc,
.shadowed_case2,
.shadowed_case1 {
	height: 295px;
	float:left;
	overflow: visible;
	background: url(../images/service_shadow.png) no-repeat left top;
	padding-left: 11px;
	margin: 0 0 12px 0;
}
	.shadowed_desc img,
	.shadowed_case2 img,
	.shadowed_case1 img {
		position: relative;
		top: -5px;
	}	
	
	.shadowed_desc a ,
	.shadowed_case2 a ,
	.shadowed_case1 a {
		border-bottom: none !important;	
	}
	

.shadowed_case2 {
	float:right;
}
	
.shadowed_case3 {
	height: 590px;
	width:629;
	float:none;
	overflow: visible;
	background: url(../images/service_shadow.png) no-repeat left top;
	padding-left: 11px;
	margin: 0 0 12px 0;
}
	.shadowed_case3 img {
		position: relative;
		top: -5px;
	}	
	
	.shadowed_case3 a {
		border-bottom: none !important;	
	}		

.shadowed_desc {
	float:left;
}

#desc .gridItem,
#case2 .gridItem,	
#case1 .gridItem
{
	height: 295px;
	width: 629px;
	padding-right: 25px;
	padding-top: 25px;
}

#case3 .gridItem
{
	height: 885px;
	width: 629px;
	padding-right: 25px;
	padding-top: 25px;
	float:none;
}

#line
{
	height: 1px;
	padding-top: 25px;
	background: url(../images/line.jpg) no-repeat left top;
}
/* Blog */
.blogSummary
{
	float: left;
	width: 100%;
	overflow: hidden;
	text-align: justify;
	_height: 1%;
}
	.blogSummary h2
	{
		font-size: 130% !important;
		font-weight: bold;
		line-height: 100%;
	}

.view
{
	float: left;
	width: 100%;
	padding-bottom: 16px;
	overflow: hidden;
	text-align: justify;
	_height: 1%;
}
	.view img
	{
		padding-bottom: 4px;
	}
/* Display Two image. */
.imgbox
{
	float: left;
	width: 100%;
	overflow: hidden;
	text-align: justify;
	_height: 1%;
}
.imgbox img
{
	padding: 0px;
}

.imgbox table {

	margin-bottom: 5px;
	border: none!important;
}


.imgbox table td {
	padding: 5px !important;
	border:none!important;
}

	
	
.oneline
{
	float: left;
	width: 100%;
	overflow: hidden;
	text-align: justify;
	_height: 1px;
}	
	.oneline p
	{
		margin-bottom: 22px !important;
		_margin-bottom: 0px;
	}

#mediagalary
{
	float: left;
	padding: 0px 29px;
	display: inline;
}	
	
#view1Text
{
	padding: 22px;
}
.smallBox
{
	height: 295px;
	float:left;
	overflow: visible;
	background: url(../images/service_shadow.png) no-repeat left top;
	padding-left: 11px;
	margin: 0 0 12px 0;	
}
	.smallBox img {
		position: relative;
		top: -5px;
		margin-right: 19px;
	}
	
	.smallBox a {
		border-bottom: none !important;	
	}	

.smallTextBox
{
	height: 295px;
	overflow: visible;
	padding-left: 11px;
	margin: 0 25px 12px 0;	

}


.smallBoxR
{
	height: 295px;
	float:right;
	overflow: visible;
	background: url(../images/service_shadow.png) no-repeat left top;
	padding-left: 11px;
	margin: 0 0 12px 19px;	
}
	.smallBoxR img {
		position: relative;
		top: -5px;
		margin-right: 25px;
	}
	
	.smallBoxR a {
		border-bottom: none !important;	
	}	

.smallTextBoxR
{
	height: 295px;
	overflow: visible;
	padding-left: 11px;
	margin: 0 25px 12px 0;	
}


.fullBox
{
	float:left;
	overflow: visible;
	background: url(../images/service_shadow.png) no-repeat left top;
	padding-left: 11px;
	margin: 0 0 12px 0;	
}
	.fullBox img {
		position: relative;
		top: -5px;
		margin-right: 25px;
	}
	
	.fullBox a {
		border-bottom: none !important;	
	}	

.fullTextBox
{
	overflow: visible;
	padding-left: 11px;
	margin: 0 25px 12px 0;	
}
	
	
.bbuy {
	margin-left:20px;
	margin-left:12px;
	padding-left:12px;
	float: left;
	width: 100%;
	_width: auto;
	overflow: hidden;
}

	.bbuy a {
		border-bottom: none !important;	
	}

	.bbuy img {
		position: relative;
		padding-right: 20px;
		float: right;
		top: -5px;
	}	
	
.descurl
{
	margin-left:20px;
	margin-left:12px;
	padding-left:12px;
	float: left;
	width: 100%;
	_width: auto;
	overflow: hidden;
}

	.descurl ul {
		border: none !important;	
	}
	.descurl ul li {
		border: none !important;	
	}
	
.partnerintro
{
	float: left;
	width: 100%;
	_width: auto;
	overflow: hidden;
}
	.partnerintro p
	{
		padding:0px 25px 0px 0px;
	}
	
.partner
{
	float: left;
	padding-right: 20px;
	padding-left: 20px;
	width: 247px;
	height: 70px;
	margin-top: 20px;
}
	.partner a {
		border-bottom: none !important;	
	}	
	
/* Single line History */
.miledate
{
	float: left;
	font-weight: bold;
	width: 85px;

}
/* Two line History */
.miledate2
{
	float: left;
	font-weight: bold;
	width: 85px;
	height: 32px;
}	
/* Three line History */
.miledate3
{
	float: left;
	font-weight: bold;
	width: 85px;
	height: 44px;
}	
.mileyear
{
	float: left;
	font-weight: bold;
	width: 60px;

}
.mileyear2
{
	float: left;
	font-weight: bold;
	width: 60px;
	height: 32px;
}
.milestones
{
	float: left;
	width: 100%;
	_width: auto;
	overflow: hidden;
	padding-top:44px;
}
	.milestones ul
	{
		border-bottom: none !important;	
		margin-bottom: none!important;	
	}
	.milestones ul li
	{
		padding: 10px 0 0 35px !important;
		border: none !important;

	}
	.milestones p
	{
		text-align: justify;
	}

.address
{
	float: left;
	width: 100%;
	_width: auto;
	overflow: hidden;	
	padding: 0 0 24px 12px;
}
	.address ul
	{
		border-bottom: none !important;	
	}
	.address ul li
	{

		border: none !important;
		background: url(../images/bullet_cyan.gif) 10px 10px no-repeat;
		padding: 0px 0 0 60px !important;
	}	
	
.onelinespace
{
	padding-top:12px;
	padding-right:25px;
	float: left;
	width: 100%;
	height: 1px;
	overflow: hidden;	
	_height: 1%;
}

/* SHADOW FOR IMAGES ON PROFILE
---------------------------------------------------- */
.shadowed {
	height: 100px;
	overflow: visible;
	background: url(../images/service_shadow.png) no-repeat left bottom;
	padding-left: 11px;
	margin: 0 0 12px -9px;
}
	.shadowed img {
		position: relative;
		top: -5px;
		left: 20px;
	}	
	
	.shadowed a {
		border-bottom: none !important;	
	}
	
/* Grid List */
.gList {
	margin-left:20px;
	margin-top:20px;
	margin-left:22px;
	padding-left:12px;
	float: left;
	width: 100%;
	_width: auto;
	overflow: hidden;
	list-style: none;
}

.gItem {
	float: left;
	height: 340px;
	width: 190px;
	padding: 0 25px 0 0px;
}

/* gridList style */
.gItem h3.fixedHeight {
	height: 40px;
	font-size: 14px;
	line-height: 1.2em;
	color: #333;
}
	.gItem h3.fixedHeight a {
		color: #333;
		border: none;
	}
		.gItem h3.fixedHeight a:hover {
			color: #0B89E2;
		}
.gItem img {
	margin-bottom: 15px !important;
}
.gItem p {
	margin-bottom: 0 !important;
}


.intro {
	padding-top: 25px;
	float: left;
	width: 100%;
	_width: auto;
	overflow: hidden;
}
	.intro p
	{
		display: block;
		font-size: 14px !important;
		line-height: 1.4em !important;
		text-align: justify;
	}
	
/* News */
.NewsList
{
	float: left;
	width: 100%;
	_width: auto;
	overflow: hidden;
}
	.NewsList h2
	{
		padding-top: 44px;
		padding-bottom: 12px;
		margin: none!important;
	}
	
	.NewsList ul
	{
		border: none !important;	
	}
	.NewsList ul li
	{
		border: none !important;
		background: none;
		padding: 0 0 0 12px !important;
		margin: none !important;

	}				

	.NewsList li.newsDateTitle span {
		color:#666;
		line-height:2em;
	}
	.NewsList li.newsDateTitle a {
		font-size:1.3em;
		font-weight:bold;
		color:#0083C8;
		text-decoration:none;
		padding-left:20px;
		background:url(../images/treeicons/news-file.gif) no-repeat left center;
	}
		.NewsList li.newsDateTitle a:hover {
			border-bottom:1px dotted #0083C8;
		}
		
	.NewsList li.newsSummary {
		margin-bottom:20px !important;
		padding-bottom: 20px !important;
	}
		.NewsList li.newsSummary span {
			font-size:1.1em;
			line-height:1.5em;
			color:#333;
		}
		.NewsList li.newsSummary a.readMoreLink {
			color:#0083C8;
			text-decoration:none;
		}
			.NewsList li.newsSummary a.readMoreLink:hover {
				border-bottom:1px dotted #0083C8;
			}

div.newsDetails {
	margin-bottom:10px;
}

div.newsDetails p {
	color:#666;
	margin:0;
	font-size:1em;
}	
	
		#l_news {
			top: 405px;
			left: 70px;
			width: 410px;
			text-align: center;
		}
			#l_news p {
				font-size: 14px;
				color: #666;
				margin-bottom: 5px;
			}		

		
.aboutUs {
	padding: 0px 0px 44px 6px;
	float: left;
	width: 100%;
	_width: auto;
	overflow: hidden;
	list-style: none;
}
	.aboutUs a:hover
	{
		border: none;
	}
	.aboutUs a
	{
		border: none;
		padding:none;
	}

	.aboutUs h2
	{
		padding-top: 44px;
		padding-bottom: 12px;
		margin: none!important;
	}
	
.aboutUsItem {
	float: left;
	height: 131px;
	width: 142px;

}	

#gallery
{
	padding: 0px 0px 44px 6px;
	float: left;
	width: 100%;
	_width: auto;
	overflow: hidden;
	list-style: none;
}	
			
/* Media Galary image item */
.galleryImage{
	float: left;
	height: 73px;
	width: 79px;

}	
.newsnotice
{
	width: 100%;
	padding: 44px 0px;
	text-align: justify;
	_padding-bottom: 0px;
}	

.newsnotice a:hover
{
	border: none;
}
.newsnotice table,
.newsnotice tr,
.newsnotice td
{
	border: none;
}	


.noticeright
{
	height: 100%;
	width: 304px;
	display: block;
	margin: none;
	float: left;
}
	.noticeright h3
	{
		padding-top: 22px;
		font-size: 16px!important;
		font-style: bold;
	}
	.noticeright img
	{
		float: right;
		padding-right: 22px;
		padding-bottom:4px;
	}
	

.noticeleft
{
	height: 100%;
	width: 304px;
	display: block;
	margin: none;
	float: right;
}
	.noticeleft img
	{
		float: right;
		padding-left: 22px;
		padding-bottom:4px;
	}

	.noticeleft h3
	{
		padding-top: 22px;
		font-size: 16px!important;
		color: red;
	}
.whoweare
{
	height: 100%;
	width: 284px;
	display: block;
	margin: none;
	float: right;
}
	.whoweare img
	{
		float: right;
		padding-left: 22px;
	}
	
#footer_inactive {
				border: none;
				border-left: 1px dotted #aeaead;
				padding: 15px 25px 2px 10px;
				margin: 0;
				display: block;
				width: 260px;
				
				text-decoration: none;
				float: left;
				color: grey;

}

.blogEntry
{
	padding-top: 44px;
}

/* Test */

#theader
{
	margin: 0 0 0 5px;
	width: 939px;
	position: relative;
	background: #d5d5d5 url(../images/nav-bg-repeat.jpg) repeat-x bottom left;
	height: 122px;	
}

#logo
{
	float: left;
	width: 307px;
	height: 122px;
	display: inline;
}
	

#logo a:hover
{
	background: url(../images/SG_logo2.jpg);
}

#pagemenu
{
	float: left;
	width: 632px;
	height: 122px;
	display: inline;
}

#pagesearch
{
	float: left;
	width: 632px;
	height: 37px;
	display: inline;
}

#pagemenubar
{
	float: left;
	width: 632px;
	height: 85px;
	display: inline;
}

#theader h1 {
		float: left;
		margin-top: 9px;
		width: 307px;
		height: 122px;
		display: inline;
	}
		#theader h1 a,
		#theader h1 span {
			background: url(../images/SG_logo1.jpg) no-repeat top right;
			width: 307px;
			border: none;
			float: right;
			height: 122px;
			display: inline;
		}
			#theader h1 span:hover,
			#theader h1 a:hover {
				background: url(../images/SG_logo2.jpg) no-repeat top right;
			}
	#theader ul {
		background: url(../images/nav-menu-right.jpg) no-repeat bottom right;
		overflow: hidden;
		float: left;
		width: 632px;
		height: 85px;
		display: inline;
		border: 10px;
	}
			#theader li {
			font-size: 13px;
			font-weight: normal;
			color: #FFF;
			width: auto;
			float: left;
			margin-top: 4px;
			overflow: visible;
			display: inline;
			}
				#theader li a {
				background: url(../images/header_nav_divider.png) no-repeat right;
				margin-top: 14px;
				float: left;
				line-height: 56px;
				padding: 0 24px;
				height: 56px;
				border: none;
				color: #fff;
				font-weight: normal;
				display: inline;
				}
				#theader li a:hover {
					background: url(../images/nav-bkgd-hover.png) no-repeat center top;
					display: inline;
				}				

#tsearchbox {
	position: absolute;
	top: 10px;
	right: 30px;
	width: 188px;
	height: 27px;
	background: url(../images/searchbox.png) no-repeat top left;
	display: inline;
}

	#tsearchbox label {
		display: none;
	}
	#tsearchbox input.text {
		background: none;
		border: 0;
		margin: 0;
		width: 150px;
		position: absolute;
		top: 4px;
		right: 28px;
		color: #666;
	}
	#tsearchbox input.action {
		float: right;
		clear: none;
		background: none;
		padding-top: 24px;
		cursor: pointer;
		overflow: hidden;
		border: none;
		width: 24px;
		height:24px;
		display: inline;
	}			

#theader li.inactive {
			background: none;
		}
			#theader li.inactive span{
				margin-top: 14px;
				float: left;
				line-height: 54px;
				padding: 0 24px;
				height: 56px;
				border: none;
				font-weight: normal;			
				background: none;
				color: #999;
				display: inline;
			}
#tfooter {
	color: #333;
	font-size: 14px;
	text-align: left;
	overflow: hidden;
	position: relative;
	background: #E5E4E1;
	clear: left;	
}	

	#tfooter ul {
		overflow: hidden;
		font-size: 14px;
	}
	#tfooter li{
				border: none;
				border-left: 1px dotted #aeaead;
				padding: 15px 25px 0px 10px;
				margin: 0;
				display: inline;
				width: 260px;
				color: #333333;
				text-decoration: none;
	 
	}
	#tfooter li a{
				width: 260px;
				display: inline;
	}	
					#tfooter li span {
						border-bottom: 1px dotted #999;
						line-height: 1.5em;
						width: 260px;
					}	
				#tfooter li a:hover {
					background: #fff url(../images/footer-nav-hover.gif) no-repeat center right;
				}					

#navtest
{
	padding : 50px;
}
#tfooter_nav	
{
	padding: 25px;
}		
#tfooter_nav td	
{
	width: 260px;
}		

/* TABLE STYLING 
-------------------------------------------- */
.spec
{
	float: left;
	width: 100%;
	overflow: hidden;
	text-align: justify;
	_height: 1%;
}
.spec img
{
	padding: 0px;
}

.spec table {

	margin-bottom: 5px;
	border-top: thin solid black!important;
	border-right: thin solid black!important;
}


.spec table td {
	padding: 5px !important;
	border-bottom: thin solid black!important;
	border-left: thin solid black!important;
}

.spec table td p {
	margin-bottom: 0;
}





/* testing */
#ieheader {
	margin: 0 0 0 5px;
	width: 939px;
	position: relative;
	background: #d5d5d5;
	height: 131px;
}

#ienavmenu
{
	width: 636px;
	margin-left: 307px;
}
	#ienavmenu ul
	{
		background: url(../images/nav-bg-repeat.jpg) repeat-x bottom left;
		height: 85px;
		overflow: hidden;

	}
	#ienavmenu li
	{
		float: left;
		display: inline;
	}
			#ienavmenu li a {
				background: url(../images/header_nav_divider.png) no-repeat right;
				margin-top: 14px;
				float: left;
				line-height: 54px;
				padding: 0 24px;
				height: 56px;
				border: none;
				color: #fff;
				font-size: 70% !important;
				display: inline;
			}
				#ienavmenu li a:hover {
					background: url(../images/nav-bkgd-hover.png) no-repeat center top;
					display: inline;
				}
				
#iesearchbar
{
	width: 100%;
}				


#iesearchbox {
	float: right;
	top: 10px;
	right: 30px;
	width: 188px;
	height: 27px;
	background: url(../images/searchbox.png) no-repeat top left;
	display: inline;
}

	#iesearchbox label {
		display: none;
	}
	#iesearchbox input.text {
		background: none;
		border: 0;
		margin: 0;
		width: 150px;
		position: absolute;
		top: 4px;
		right: 28px;
		color: #666;
	}
	#iesearchbox input.action {
		float: right;
		clear: none;
		background: none;
		padding-top: 24px;
		cursor: pointer;
		overflow: hidden;
		border: none;
		width: 24px;
		height:24px;
		display: inline;
	}	
	
#ielangmenu
{


}

	#ielangmenu a
	{
		border-bottom: none !important;	
	}	
	
	
/* HEADER */
#testheader {
	margin: 0 0 0 5px;
	width: 939px;
	position: relative;
	background: #d5d5d5 url(../images/nav-bg-repeat.jpg) repeat-x bottom left;
	height: 131px;
}

	#testheader h1 {
		float: left;
		margin-top: 9px;
		width: 307px;
		height: 122px;
		display: inline;
	}
		#testheader h1 a,
		#testheader h1 span {
			width: 307px;
			border: none;
			float: right;
			height: 122px;
			display: inline;
		}
			#testheader h1 span:hover,
			#testheader h1 a:hover {
				background-position: bottom left;
			}
	#testheader ul {
		background: url(../images/nav-menu-right.jpg) no-repeat bottom right;
		overflow: hidden;
		float: left;
		margin-top: 46px;
		width: 632px;
		height: 85px;
		display: inline;
	}
		#testheader li {
			font-size: 13px;
			font-weight: normal;
			color: #FFF;
			width: auto;
			float: left;
			margin-top: 3px;
			overflow: visible;
			display: inline;
		}
		#testheader li.helpdesk {
			font-size: 10px;
		}
			#testheader li a {
				background: url(../images/header_nav_divider.png) no-repeat right;
				margin-top: 14px;
				float: left;
				line-height: 54px;
				padding: 0 24px;
				height: 56px;
				border: none;
				color: #fff;
				font-weight: normal;
				display: inline;
			}
				#testheader li a:hover {
					background: url(../images/nav-bkgd-hover.png) no-repeat center top;
					display: inline;
				}

				#testheader li.last a:hover {
					background: url(../images/nav-bkgd.png) no-repeat center top;
					display: inline;
				}

		#testheader li.active a,
		#testheader li.current a,
		#testheader li.section a {
			background: url(../images/nav-bkgd-hover.png) no-repeat center top;
			display: inline;
		}
		
		#testheader li.helpdesk {
			background: none;
			position: absolute;
			right:5px;
			top:46px;
		}
			#testheader li.helpdesk a {
				background: none;
				color: #999;
			}
			#testheader li.helpdesk a:hover {
				background: none;
			}
			#testheader li.helpdesk span.locked {
				padding-left: 16px;
				height: 10px;
				background: url(../images/helpdesk-icon.gif) no-repeat bottom left;
			}
				#testheader ul.nav li.helpdesk span.locked:hover {
					background-position: top left;
					color: #EFEFEF;
					_height: 1%;
					_overflow: hidden;
				}	
	
/* Online shop side bar links */
#shoplink
{
		float: right;
		width: 210px;
		padding: 0px 0px 0px 0px;	
}	
		#shoplink .box {
			float: left;
			width: 176px;
			padding-left: 34px;

			border-bottom: 1px solid #ddd;
		}
			#shoplink .box h4 {
				font-size: 15px;
			margin-top: 9px;
			margin-bottom: 8px;				
				background: url(../images/box_arrow.png) no-repeat 95% 0;
				margin-bottom: 8px !important;
			}	

		#mycart-box {
			padding-left: 5px;
			background: url(../images/shop/MyCart.gif) no-repeat center left;
		}	

		#checkout-box {
			padding-left: 5px;
			background: url(../images/shop/Checkout.gif) no-repeat center left;
		}	

		#myorders-box {
			padding-left: 5px;
			background: url(../images/shop/MyOrders.gif) no-repeat center left;
		}	

#shoptoplink		
{
	position: absolute;
	top: 60px;
	right: 30px;
	padding: none;
	margin: none;
	
}
#shoptoplink img	
{
	padding: 0px;
	margin: 0px;
	
}


/* Onlineshop Product Detail page */
#prod_top
{
	
}

#prod_img
{
	padding-right: 17px;
	width:  378px;
	height: 365px;
	float: left;
	display: inline;
	background: url(../images/shop/PicsFrame.jpg) no-repeat center left;
}
#prod_img img
{
	padding-left: 17px;
	padding-top: 17px;
}

#prod_thumb
{
	padding-right: 17px;
	width:  79px;
	height: 365px;
	float: left;
	display: inline;

}

#prod_spec
{
	width:  141px;
	height: 365px;
	float: left;
	display: inline;
	
}	
	#prod_spec ul
	{
		border-bottom: none;
		border-top: none;
		margin-bottom: 0px;
	}
			
	#prod_spec li
	{
		border-bottom: none;
		border-top: none;
		height: 40px;
		padding-left: 20px;
		
	}

	#prod_spec ul li,
	#prod_spec ol li {
		background: url(../images/arrow-com.gif) -2px 12px no-repeat;

	}	
	
/* shopping cart */
#prod_spec INPUT	
{
	width: 100px;
	text-align: right;
	padding: 0px;
}
		
.mycart
{
	width: 100%;
	padding: 44px 0px;
	text-align: justify;
	_padding-bottom: 0px;
}	

.mycart a:hover
{
	border: none;
}
.mycart table
{
	width: 100%;
	margin-bottom: 5px;
	border-top: thin solid #dddddd!important;
	border-right: thin solid #dddddd!important;	
}	
.mycart td
{
	text-align: center;
	padding: 5px !important;
	border-bottom: thin solid #dddddd!important;
	border-left: thin solid #dddddd!important;
}

.tdalignleft
{
	text-align: left!important;
}
.mycart td.item
{
	width: 332px;
	text-align: center;
}

.mycart td.price
{
	width: 85px;
}

.mycart td.qtyweight
{
	width: 108px;
}

.mycart tr.header
{
	height: 39px;
	background-color: #F6F6F6;
}


.mycartbutton
{
	width: 100%;
	padding-bottom: 44px;
	text-align: center;
	_padding-bottom: 0px;
}	

.mycartbutton a:hover
{
	border: none;
}
	
.mycartbutton img
{
	float: right;
}

#cartaddremove
{
	float: left;
	width: 11px;
	height: 10px;
	padding-left: 5px;
}

#cartremove
{
	float: left;
	width: 11px;
	height: 9px;
	font-size: 10px;
}

#cartadd
{
	float: left;
	width: 11px;
	height: 9px;
	font-size: 10px;
}
#cartaddremove a
{
	height: 9px;
	font-size: 8px;
}
#cartinput
{
	float: left;
}

#cartinput input
{
	width: 31px;
	height: 19px;
	text-align: right;
}

#cartitem
{
	float: left;
	height: 93px;
	overflow: hidden;
}

#cartitemdelete
{
	float: left;
	padding: 40px 13px;
	
}

#cartitemthumb
{
	float: left;
	padding: 10px 0px;
}

#cartitemname
{
	float: left;
	padding-left: 12px;
	padding-top: 25px;
	width: 140px;
}
#sidebar_menu ul li.current
{
	padding: 0px;
}

.sidebarProductBox
{
	height: 43px!important;
	padding-left: 0px!important;
}
.sidebarImgNew
{
	float: left;
	padding: 11px 0px;

}	
.sidebarProduct
{
	float: left;
	width: 85px;
	padding-top: 10px;
	padding-left: 5px;
	font-size: 90%;

	font-style: none!important;
}	

.sidebarProduct a
{
	color: #333;
}

.sidebarProduct a:hover
{
	color: #0D73B8;
}

.sidebarFullProduct
{
	float: left;
	padding-top: 10px;
	padding-left: 5px;
	font-size: 90%;
	font-style: none!important;
}	

.sidebarImgSilver
{
	float: left;
	padding-top: 10px;
	padding-right: 7px;

}
.sidebarImgBlack
{
	float: left;
	padding-top: 10px;

}
.sidebarEmptybox
{
	float: left;
	width: 27px;

}


#productSidebar {
	float: left;
	width: 210px;
	padding: 44px 5px;
	position: relative;
	_height: 1%;

}
		#productSidebar ul li a {
			color: #333;
			font-size: 11px;
			border-bottom: none;
		}
				#productSidebar ul li.section a {
					color: #0D73B8;
				}
				#productSidebar ul li.current a {
					color: #0D73B8;
					font-weight: bold;
				}
					#productSidebar ul li a:hover {
						color: #0D73B8;
					}
				#productSidebar ul li span em {
					font-style: normal;
				}					
#productSidebar ul
{
	border: 0;
}
#productSidebar li{
	background: none;
	border: 0;
	padding: 0px;
	border-bottom: 1px solid #d6d6d6;
}

/* TableClassic */
.tableClassic
{
	width: 100%;
	padding-bottom: 20px;
	text-align: justify;
	_padding-bottom: 0px;
}	

.tableClassic a:hover
{
	border: none;
}
.tableClassic table
{
	width: 100%;
	margin-bottom: 5px;
	border-top: thin solid #dddddd!important;
	border-right: thin solid #dddddd!important;	
}	
.tableClassic td
{
	text-align: center;
	padding: 5px !important;
	border-bottom: thin solid #dddddd!important;
	border-left: thin solid #dddddd!important;
}

.tableClassic tr.header
{
	height: 39px;
	background-color: #F6F6F6;
}

.tableClassic td.header
{
	text-align: left;
	padding-left: 44px!important;
}	

.tablePlain table
{
	width: 100%;
	border-top: none!important;
}

.tablePlain td.p1
{
	text-align: left;
	width: 120px;
	padding-left: 44px!important;
	border-bottom: none!important;
}	

.tablePlain td.p2
{
	text-align: left;
	width: 512px;
	border-bottom: none!important;
}

.tablePlain input
{
	width: 450px;
	border-bottom: thin solid #dddddd!important;
}

#LeftOrder input
{
	width: 413px;
	float: none;
	border: 1px solid #dddddd;
}

#OrderForm_OrderForm
{
	width: 632px;
}

#OrderForm_OrderForm_badd 
{
	padding-left: 150px;
	padding-bottom: 12px;
}
#OrderForm_OrderForm_badd input
{
	width: 15px!important;
}

#OrderForm_OrderForm label.left {
	float: left;
	width: 142px;
	padding-left: 38px;
}
#OrderForm_OrderForm h3
{
	font-weight: normal;
	font-size: 100%;
	height: 21px;
	background-color: #F6F6F6;
	color: #333;
	padding: 10px 38px;
	border: thin solid #dddddd!important;

}
#LeftOrder 
{
	width: 632px;
}

.message.required
{
	padding-left:150px; 
}
		
#confirmshippingadd
{
	width: 100%;
	padding-top: 13px;
	padding-bottom: 60px;
}
#confirmshippingadd img
{
	float: right;
}	

#NewShipImgSelect
{
	width: 100%;
	padding-bottom: 60px;
}
#BillShipImgSelect
{
	width: 100%;
	padding-bottom: 60px;
}

#PayPalSelect
{
	width: 100%;
	padding-bottom: 60px;
}

#NewShipImg
{
	float: left;
	width: 15px;
	padding-left: 150px;
}
#NewShipText
{
	float: left;
	padding-left: 10px;
}

#BillShipImg
{
	float: left;
	padding-left: 20px;
}
#BillShipText
{
	float: left;
	padding-left: 10px;
}	

#CheckoutModifiers
{
	width: 100%;
	height: 39px;
	border: thin solid #dddddd;
	background-color: #F6F6F6;
}
#EmsCharge
{
	width: 412px;
	float: left;
	padding-top: 10px;
	padding-left: 39px;
	border-right: thin solid #dddddd;
}		
#EmsWeight
{
	width: 80px;
	float: left;
	padding-top: 10px;
	text-align: center;
	
	border-right: thin solid #dddddd;
}
#EmsTotal
{
	width: 80px;
	float: left;
	padding-top: 10px;
	text-align: center;	
}

#CheckoutTotal
{
	width: 100%;
	height: 39px;
	padding-bottom: 64px;

}

#CheckoutTotal table
{
	width: 100%;
	margin-bottom: 5px;
	border-top: thin solid #dddddd!important;
	border-right: thin solid #dddddd!important;	
}

#CheckoutTotal td
{
	text-align: center;
	border-bottom: thin solid #dddddd!important;
	border-left: thin solid #dddddd!important;
	background-color: #F6F6F6;
	
}
#CheckoutTotalText
{
	width: 400px;
	color: red;
	text-align: left!important;
	padding-left: 44px!important;
}
#EmsShippingCharge
{
	text-align: left!important;
	padding-left: 44px!important;
}

#MyOrderEmsShippingCharge
{
	text-align: left!important;
	padding-left: 44px!important;
}

#MyOrder
{
	width: 100%;
	padding: 44px 0px;
}

#MyOrder h3
{
	font-weight: normal;
	font-size: 100%;
	height: 21px;
	background-color: #F6F6F6;
	color: #333;
	padding: 10px 38px;
	border: thin solid #dddddd!important;
}

#MyOrder .divField
{
	width: 100%;
	margin-bottom: 10px;
	float: left;
}
#MyOrder .leftField
{
	float: left;
	padding-left: 44px;
	width: 200px;
}
#MyOrder .rightField
{
	float: left;
	width: 316px;
}
#OrderHistoryTable table
{
	width: 100%;
	margin-bottom: 5px;
	border-top: thin solid #dddddd!important;
	border-right: thin solid #dddddd!important;		
}

#OrderHistoryTable	tr.header
{
	background-color: #F6F6F6;
}
#OrderHistoryTable	td
{
	border-bottom: thin solid #dddddd!important;
	border-left: thin solid #dddddd!important;
	padding-left: 44px;
}	
#MyOrderTable
{
	width: 100%;
	padding-bottom: 44px;
}
#LabelShipping
{
	padding-bottom: 44px;
}
#LabelShipping table
{
	width: 100%;
	border: none;
}
#LabelShipping td
{
	border: none;
	padding-top: 0px;

}
#LabelShipping td.first
{
		width: 150px;
		padding-left: 44px;
}

#OrderForm_OrderForm_action_processOrder
{
	float: right;
}
#DivLabelCheckoutPayment table
{
	width: 100%;
	border: none;
}
#DivLabelCheckoutPayment td
{
	border: none;
	padding-top: 0px;

}
#DivLabelCheckoutPayment td.first
{
		width: 150px;
		padding-left: 44px;
}

#OrderLoginForm_LoginButton
{
	float: right;
	width: 100%;
}

#OrderLoginForm_OrderLoginForm_action_NewUser
{
	float: right;
}
#OrderLoginForm_OrderLoginForm_action_BestUser
{
	float: right;
	padding-right: 20px;
}

#DivOrderInformation
{
	width: 100%;
	background: #dddddd;
}

#DivInputFields label.left {
	float: left;
	width: 142px;
	padding-left: 38px;
}
#DivOrderForm h3
{
	font-weight: normal;
	font-size: 100%;
	height: 21px;
	background-color: #F6F6F6;
	color: #333;
	padding: 10px 38px;
	border: thin solid #dddddd!important;

}




#DivInputFields input
{
	width: 306px;
	float: none;
	border: 1px solid #dddddd;
}

#DivActionFields
{
	padding-left: 180px;
}

#DivActionFields input
{
	width: 113px;
	height: 51px;
	float: none;
	border: none;
	
}

#invoicetest 
{
	background-color: #F6F6F6!important;
	width: 100%;
}

#invoicetest table
{
	background-color: #F6F6F6!important;
}

#InvoiceLogo
{
	width: 100%;
	padding-bottom: 10px;
}

.bold
{
	font-family: "Segoe UI";
	font-weight: bold;
}

#InvoiceDetailsTable
{
	width: 100%;
	margin-bottom: 5px;
	border-top: thin solid #dddddd!important;
	border-right: thin solid #dddddd!important;		
}

.showborder
{
	border-bottom: thin solid #dddddd!important;
	border-left: thin solid #dddddd!important;
}

#InvoiceNumber
{
	font-weight: bold;
	background-color: #F6F6F6!important;
	text-align: center;
	border-bottom: thin solid #dddddd!important;
	border-left: thin solid #dddddd!important;	
}

#InvoiceSalesPersonTD
{
	text-align: center;
	font-weight: bold;	
}

#InvoiceDateTD
{
	text-align: center;
	font-weight: bold;	
}
#InvoiceSoldToTD
{
	text-align: right;
	font-weight: bold;	
}

#InvoiceItemsTable
{
	text-align: center;
	width: 100%;
	margin-bottom: 5px;
	border-top: thin solid #dddddd!important;
	border-right: thin solid #dddddd!important;		
}
#InvoiceItemsTable	td
{
	border-bottom: thin solid #dddddd!important;
	border-left: thin solid #dddddd!important;
}


#InvoiceItemTableheader
{
	font-weight: bold;
	background-color: #F6F6F6!important;
}


#InvoiceItemsDetailTable
{
	text-align: center;
	width: 100%;
	margin-bottom: 5px;
	border-top: thin solid #dddddd!important;
	border-right: thin solid #dddddd!important;		
}
#InvoiceItemsDetailTable	td
{
	border-bottom: thin solid #dddddd!important;
	border-left: thin solid #dddddd!important;
}


#InvoiceItemsDetailTableheader
{

	font-weight: bold;
	background-color: #F6F6F6!important;
}

.invoiceSummaryField
{
	padding-right: 12px;
	text-align: right;
	background-color: #F6F6F6!important;
	
	
}
.tableGrayTD
{
	background-color: #F6F6F6!important;
}

label.error{
border: 1px solid #aaa;
background: #aa2222;
color: #fff;
padding: 5px;
margin: 0;
width: 100%;
}
input.error{
border: 1px solid  #aa2222;
}

.validation{
border: 1px solid #aaa;
background: #aa2222;
color: #fff;
padding: 5px;
margin: 0;
width: 100%;
}
.message.required, .message.bad, .message.error {
border: 1px solid #aaa;
background: #aa2222;
color: #fff;
padding: 5px;
margin: 0;
width: 100%;
}

#wwsidebar {
	float: left;
	width: 210px;
	position: relative;
	padding: 44px 0px;
	_padding: 44px 0px;
	}

	#wwsidebar ul {
		margin: 0;
		background: none;
		border: 0;
		border-top: 1px solid #d6d6d6;
	}
		#wwsidebar ul li {
			border: 0;
			border-bottom: 1px solid #d6d6d6;
			padding: 4px 0 4px 15px;
			background: none;
		}
			#wwsidebar ul li.section {
				padding-bottom: 0;
			}
			#wwsidebar ul li.current.last,
			#wwsidebar ul li.current.first {
				border-bottom: 1px solid #d6d6d6;
			}
			#wwsidebar ul li span.inPage {
				color: #0D73B8;
				font-size: 14px;
			}
				#wwsidebar ul li span {
					display: block;
					padding-top: 6px;
					padding-bottom: 6px;
					font-size: 14px;
				}
				#wwsidebar ul li span em {
					font-style: normal;
				}
					#wwsidebar ul li li span {
						padding: 4px 0;
					}
			#wwsidebar ul li a {
				color: #333;
				font-size: 12px;
				border-bottom: none;
			}
				#wwsidebar ul li.current {
					background: url(../images/nav-arrow-selected.png) 0px 12px no-repeat;
				}
					#wwsidebar ul li li.current {
						background: url(../images/nav-arrow-selected.png) 0px 9px no-repeat;
					}
				#wwsidebar ul li.section a {
					color: #0D73B8;
				}
				#wwsidebar ul li.current a {
					color: #0D73B8;
					font-weight: bold;
				}
					#wwsidebar ul li a:hover {
						color: #0D73B8;
					}
		
/* menu 3 */		
	#wwsidebar ul li ul,
	#wwsidebar ul li.current ul {
		border-top: 0;
	}
		#wwsidebar ul li ul li.first {
			border-top: 1px solid #d6d6d6;
		}
		#wwsidebar ul li.section ul li,
		#wwsidebar ul li.current ul li {
			padding-bottom: 3px;
		}
		#wwsidebar ul li.current ul li.last,
		#wwsidebar ul li.section ul li.last {
			border-bottom: 0;
		}
		#wwsidebar ul li.current ul li a,
		#wwsidebar ul li.section ul li a {
			color: #333;
			font-weight: normal;
		}
		#wwsidebar ul li.section ul li.current a {
			color: #0D73B8;
			font-weight: bold;
		}
		#wwsidebar ul li.section ul li a:hover,
		#wwsidebar ul li.current ul li a:hover {
			color: #0D73B8;
		}