#ecommerces {
	background:#081d3a url('../images/ecommerce/body-bg.png') 0 0 repeat-x;
}
	#ecommerces .mainPage {
		background:none;
	}
	#ecommerces .mainPageBg {
		background:none;
	}
	#ecommerces .mainWrapper { 
		background:none;
	}

#ecommerces #wrapper {
	height: 740px;
}

#ecommerces .mainWrapper {
	width: 972px;
	padding:0 80px 0 0;
}
#ecommerces .content_holder {
	width: 972px;
	padding:0 80px 0 0;
	height:528px;
}

#ecommerces .top_holder {
	height: 140px;
}

#ecommerces .bottom_holder {
	width: 770px;
	height:auto;
	float:none;
	display:block;
	position:static;
	padding:22px 90px 50px 192px;
	margin:0;
	font-size:12px;
	line-height:1.5em;
	color:#ffffff;
	clear:both;
}
	#ecommerces .bottom_holder:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	#ecommerces .bottom_holder { display:inline-block; }
	/* Hides from IE-mac \*/
	* html #ecommerces .bottom_holder { height:1%; }
	#ecommerces .bottom_holder { display:block; }
	/* End hide from IE-mac */

#ecommerces .bottom_holder p {
	padding:0;
	margin:0 0 15px 0;
}
#ecommerces .bottom_holder a {
	color:#79c2ea;
}
#ecommerces .bottom_holder h3 {
	font-size:13px;
	font-weight:bold;
	line-height:1.5em;
	padding:0;
	margin:0 0 1em 0;
	display:block;
	float:none;
}
#ecommerces .bottom_holder .col {
	width:350px;
	float:left;
	display:table;
}
	#ecommerces .bottom_holder .col .image {
		display:table-cell; 
		vertical-align:top;
		padding:0 18px 0 0;
		text-align: right;
	}
	#ecommerces .bottom_holder .col .text {
		display:table-cell;
		vertical-align:top;
		padding:18px 0 0 0;
	}
	*:first-child+html #ecommerces .bottom_holder .col {
		display:block;
	}
	*:first-child+html #ecommerces .bottom_holder .col .image {
		float:left;
		display:inline-block; 
		padding:0 18px 0 0;
	}
	*:first-child+html #ecommerces .bottom_holder .col .text {
		float:left;
		display:inline-block; 
		padding:18px 0 0 0;
	}
	* html #ecommerces .bottom_holder .col {
		display:block;
	}
	* html #ecommerces .bottom_holder .col .image {
		float:left;
		display:inline-block; 
		padding:0 18px 0 0;
	}
	* html #ecommerces .bottom_holder .col .text {
		float:left;
		display:inline-block; 
		padding:18px 0 0 0;
	}
	
	#ecommerces .bottom_holder .left {
		padding-right:35px;
	}
	#ecommerces .bottom_holder .right {
		padding-left:35px;
	}

#ecommerces .footer {
	width: 770px;
	width:962px;
	height:auto;
	float:none;
	display:block;
	position:static;
	padding:0 90px 0 192px;
	padding:0 90px 20px 0;
	margin:0;
	clear:both;
}

#ecommerces .next,  #ecommerces .next_first,
#ecommerces .back {
	background:#1d6e9b url('../images/ecommerce/btn-next.gif') 100% 0 no-repeat;
	padding:0 30px 0 10px;
	height:23px;
	line-height:23px;
	font-family:'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode',sans-serif;
	font-size:11px;
	color:#ffffff !important;
	text-transform:uppercase;
	float:left;
	text-decoration:none;
	letter-spacing:0.1pt;
	float:none;
	position:absolute;
	left:0; top:238px;
}
#ecommerces .next { left:75px; }
#ecommerces .back {
	background:#1d6e9b url('../images/ecommerce/btn-back.gif') 0 0 no-repeat;
	padding:0 10px 0 30px;
	margin:0 5px 0 0;
}
	#ecommerces .next:hover,
	#ecommerces .back:hover	{
		color:#ffffff;
		text-decoration:none;
	}
	
#ecommerces .next_first { position:relative; float:left; left:auto; top:auto; }
	
#ecommerces .bottom_holder .next {
	background-image:url('../images/ecommerce/btn-next2.gif');
	position:relative; float:left; left:auto; top:auto;
}

/*** logo ***/
#ecommerces #logo {
	height: 120px;
	width: 285px;
	float: left;
	padding-top: 0px;
}
	#ecommerces #logo img {
		margin-top: 57px;
		margin-left: 29px;
	}

/*** send comment ***/
#ecommerces #sendcomment {
	width: 677px;
	height: 120px;
	float: left;
	padding-right:0;
	
}
	#ecommerces #sendcomment a.showForm {
		padding:0 1px 0 0;
		outline:0;
	}
	
	/** need to adjust form's height to grid **/
	#ecommerces #sendCommentForm .sendCommentFormContainer  {
		height: 171px;
	}
		#ecommerces #sendCommentForm .formContent {
			height: 141px;
		}
		#ecommerces #sendCommentForm form .inputSubject {
			padding-bottom: 3px;
		}
		
#ecommerces #sendCommentForm {
	position: absolute;
	top: 0;
	left: 613px;
	width:349px;
	height: 250px;
	overflow: hidden;
	text-align: left;
	display: none;
	z-index: 9000;
	font-size:11px;
	color:#fff;
}
	

/** home nav **/
#ecommerces #homenav {
	margin-top: 31px;
	position: absolute;
	left: 0;
}
* html #ecommerces #homenav {
	width:174px;
	
}

#ecommerces .homenavMenu .work { margin-left: 0px; }
#homenavCompany .subMenuItems { width: 87px; }

#ecommerce {
	position: relative;
	left: 192px;
	top: 21px;
	width: 780px;
	height: 325px;
	height:378px;
	padding:0;
	z-index:50;
}
#ecommerce a {
	color:#79c2ea;
}
#ecommerce h2 {
	font-family:'Myriad Pro', 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode',sans-serif;
	font-size:34px;
	font-weight:normal;
	line-height:1em;
	padding:0;
	margin:-0.2em 0 0.5em 0;
	letter-spacing:-1px;
	position:relative;
}
#ecommerce h3 {
	font-family:'Myriad Pro', 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode',sans-serif;
	font-size:24px;
	font-weight:normal;
	line-height:1em;
	padding:0;
	margin:-0.2em 0 0.5em 0;
	letter-spacing:0;
	position:relative;
}
	
#ecommerce h4 {
	font-family:'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode',sans-serif;
	font-size:13px;
	font-weight:bold;
	line-height:1.5em;
	padding:0;
	margin:0 0 0.3em 0;
	letter-spacing:0;
}
#ecommerce p {
	margin:0 0 1.5em 0;
}
#ecommerce p.nospace {
	margin:0 0 0.3em 0;
}
#ecommerce .slides_outer {
	width:780px;
	overflow:hidden;
	display:block;
	position:relative;
}
#ecommerce .slides_container {
	height:325px;
	padding:10px 0 43px 0;
	height:378px;
	padding:0;
	overflow:hidden;
	display:block;
	position:relative;
}
#ecommerce .slides {
	position:relative;
	float:left;
	height:325px;
	padding:10px 0 43px 0;
}

#ecommerce .slide {
	height:325px;
	width:780px;
	float:left;
	color: white;
	font-family:'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode',sans-serif;
	letter-spacing:0;
	font-size:12px;
	line-height:1.5em;
	position:relative;
}

	#ecommerce .slide .left {
		float:left;
		width:237px;
		padding:3px 35px 0 0;
		position:relative;
	}
	#ecommerce .slide .right {
		float:left;
		position:relative;
	}
	
		#ecommerce .slide .right .image {
			position:absolute;
			left:0;
			top:0;
			z-index:60
		}
		
	#ecommerce .slide .right .image, #ecommerce .slide .right .image a {
		cursor:url('../images/ecommerce/cursor.cur'), url('../images/ecommerce/cursor.png'), pointer;
	}
		
	
		
	
#ecommerce .mainSlide {
	height:325px;
	color: white;
	font-family:'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode',sans-serif;
	letter-spacing:0;
	font-size:13px;
	line-height:1.5em;
}


	#ecommerce .mainSlide .left {
		float:left;
		width:453px;
		height:325px;
		
		height:1px;
		padding:0;
	}
		#ecommerce .mainSlide .left .image {
			position:absolute;
			left:0;
			top:0;
			z-index:60
		}
	#ecommerce .mainSlide .right {
		float:left;
		width:325px;
		height:auto;
	}
	
	#ecommerce .mainSlide .left .image, #ecommerce .mainSlide .left .image a {
		cursor:url('../images/ecommerce/cursor.cur'), url('../images/ecommerce/cursor.png'), pointer;
	}
	
#eCommercePopup {
	background:white;
	color:#000000;
}

.logoMenu {
	position:relative;
	top:-21px;
	left:0;
	display:block;
	width:1052px;
	height:100px;
	z-index:10;
	
}
.logoMenuDiv {
	background:none;
	width:1052px;
	height:17px;
	margin:0;
	overflow:hidden;
	text-align:center;
}
	.logoMenuDiv img { display:block; margin: 0 auto; }
	
.logoMenu .logoShaderLeft {
	background:url('../images/ecommerce/logo-maskl.png') 0 0 no-repeat;
	height:154px;
	width:146px;
	
	position:absolute;
	left:0;
	top:17px;
	z-index:20;
	
}
.logoMenu .logoShaderRight {
	background:url('../images/ecommerce/logo-maskr.png') 0 0 no-repeat;
	height:154px;
	width:146px;
	
	position:absolute;
	right:-75px;
	top:17px;
	z-index:20;
}

.logoContainer {
	padding:20px 0 56px 0;
	height:78px;
	position:relative;
	left:55px;
	z-index:15;
	width:1052px;
	
	overflow:hidden;
	
}
.logos {
	
}
	.logos .logo {
		height:78px;
		line-height:78px;
		position:absolute;
	}
	.logos .logo .logoImage {
		position:absolute;
		left:0;
		top:0;
		z-index:5;
	}
	.logos .logo .logoImageOn {
		position:absolute;
		left:0;
		top:0;
		z-index:10;
	}

	
#GetStoreOnline { 
	background:#204f71;
	font-family:Arial, sans-serif;
	font-size:16px; line-height:1.33em;
	color:#9ab0bf;
	width:480px;
	padding:16px 30px;
}
#GetStoreOnline h2 { 
	font-family:Arial, sans-serif;
	font-size:26px;
	line-height:1em;
	display:block;
	margin:0 0 0.85em 0;
	color:#fff;
}
#GetStoreOnline form { padding:0; margin:0; display:block; float:none; font-size:1em; }
#GetStoreOnline form .inputTxt { 
	font-size:16px;
	background:#19638c;
	height:auto;
	line-height:1.3em;
	color:#000000;
	border:0; outline:0; padding:4px 6px; margin:0;
}
	#GetStoreOnline form .inputTxt:focus, #GetStoreOnline form .inputTxt.focus, #GetStoreOnline form .inputTxt.hasValue {
		background:#87b6d0;
	}
#GetStoreOnline form .frmRow {
	padding:0 0 10px 0;
}
#GetStoreOnline form .frmRow:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#GetStoreOnline form .frmRow { display:inline-block; }
/* Hides from IE-mac \*/
* html #GetStoreOnline form .frmRow { height:1%; }
#GetStoreOnline form .frmRow { display:block; }
#GetStoreOnline form .frmRowN { padding-bottom:0; }
/* End hide from IE-mac */

#GetStoreOnline form .basicInfo label { float:left; width:66px; line-height:28px; }
#GetStoreOnline form .basicInfo .input { 
	float:left; 
	width:410px; 
}
	#GetStoreOnline form .basicInfo .input .inputTxt { width:400px; }
	
#GetStoreOnline form .question { padding:5px 0 12px 0; }
#GetStoreOnline form .question .label { display:block; padding:0 0 7px; margin:0; width:auto; float:none; }
#GetStoreOnline form .question .input { 
	display:block;
	padding:0 0 7px 66px;
	margin:0;
	width:auto;
	float:none;
}
#GetStoreOnline form .question .input label { float:left; width:80px; padding:0; }
#GetStoreOnline form .question .input input { margin-right:6px; }

#GetStoreOnline form .onlineStoreInfo { padding:0px 0 0 0; display:none; }
#GetStoreOnline form .onlineStoreInfo label { display:block; padding:4px 0 7px; margin:0; width:auto; float:none; }
#GetStoreOnline form .onlineStoreInfo .input { 
	display:block;
	padding:0 0 0 66px;
	margin:0;
	width:auto;
	float:none;
}
#GetStoreOnline form .onlineStoreInfo .inputTxt { 
	width:400px;
}

#GetStoreOnline form .comments { padding:5px 0 0px 0; }
#GetStoreOnline form .comments label { display:block; padding:0 0 7px; margin:0; width:auto; float:none; }
#GetStoreOnline form .comments .input {
	display:block;
	padding:0 0 0 66px;
	margin:0;
	width:auto;
	float:none;
}
#GetStoreOnline form .comments textarea { 
	font-size:13px;
	background:#19638c;
	height:50px;
	line-height:normal;
	color:#000000;
	border:0; outline:0; padding:6px; margin:0;
	width:400px;
	outline:0;
	overflow:auto;
}
	#GetStoreOnline form .comments textarea:focus, #GetStoreOnline form .comments textarea.focus, #GetStoreOnline form .comments textarea.hasValue {
		background:#87b6d0;
		outline:0;
	}
#GetStoreOnline form .actions {
	padding:20px 0 0 66px;
}
#GetStoreOnline form .btnSubmit {
	background:#0d2845;
	float:left;
	display:block;
	font-family:'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode',sans-serif;
	font-size:11px;
	line-height:23px;
	height:23px;
	text-transform:uppercase;
	color:#dfe2e6;
	padding:0 9px;
	text-decoration:none;
}
	#GetStoreOnline form .btnSubmit:hover { text-decoration:none; }
	#GetStoreOnline form .btnSubmit span {
		background:url('../images/news_next_arrow.gif') 100% 50% no-repeat;
		padding:0 10px 0 0;
	}
#GetStoreOnline form .btnCancel {
	background:#0d2845;
	float:right;
	display:block;
	font-family:'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode',sans-serif;
	font-size:11px;
	line-height:23px;
	height:23px;
	text-transform:uppercase;
	color:#dfe2e6;
	padding:0 9px;
	text-decoration:none;
}
	#GetStoreOnline form .btnCancel:hover { text-decoration:none; }
	
#GetStoreOnline form .btnLoading {
	background:#0d2845;
	float:left;
	display:block;
	font-family:'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode',sans-serif;
	font-size:11px;
	line-height:23px;
	height:23px;
	text-transform:uppercase;
	color:#dfe2e6;
	padding:0 9px;
	text-decoration:none;
	display:none;
}
	#GetStoreOnline form .btnLoading span {
		background:url('../images/ajax-loader-2.gif') 0 0 no-repeat;
		padding:0 0 0 20px;
	}
	
#GetStoreOnline form .error {
	background: url(/images/icon_warning.gif) 0 1px no-repeat;
	color: #E1E31B;
	display:block;
	float:none;
	clear:both;
	font-size:12px;
	padding-left: 18px;
	line-height: 20px;
	position:relative;
}

#GetStoreOnline form .success {
	display:none;
	color: #E1E31B;
	font-size:12px;
	padding:15px 0 0px 0;
}


#eCommerceNews { 
	background:#204f71;
	font-family:Arial, sans-serif;
	font-size:14.5px; line-height:1.5em;
	color:#fdfdfe;
	width:615px;
	padding:16px 30px;
}
#eCommerceNews h2 { 
	font-family:Arial, sans-serif;
	font-size:26px;
	line-height:1em;
	display:block;
	margin:0 0 0.85em 0;
	color:#fff;
}
#eCommerceNews h3 { 
	font-family:Arial, sans-serif;
	font-size:1.2em;
	line-height:1em;
	display:block;
	margin:0.5 0 0.65em 0;
	color:#fff;
}
#eCommerceNews p {
	margin:0 0 1em 0;
	padding:0;
}
#eCommerceNews img.barkerImage {
	float:left; margin:5px 15px 0 0;
}
#eCommerceNews .newsContent {
	height:545px;
	font-size: 10pt;
	overflow:auto;
}

/** radio button **/
.RadioButton-checked, .RadioButton-unchecked, .RadioButton-checked-disabled, .RadioButton-unchecked-disabled {
	background:url('../images/radio.gif') 0 0 no-repeat;
	border:none;
	width:23px;
	height:22px;
	line-height:22px;
	display:block;
	float:left;
	overflow:hidden;
	cursor:pointer;
	margin:0;
}

.RadioButton-checked {
	background-position: 0 -22px;
}
.RadioButton-unchecked-disabled {
	background-position: -22px 0;
}
.RadioButton-checked-disabled {
	background-position: -23px -22px;
}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	background:#204f71;
	border-left:1px solid #1b435f;
	border-top:1px solid #1b435f;
	border-right:1px solid #3a6482;
	border-bottom:1px solid #3a6482;
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
}
.jScrollPaneDrag {
	background:#0d2745 url('../images/ecommerce_news_scroll_drag.gif') 0 0 repeat-y;
	position: absolute;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	background:#0d2745;
	height:1px;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
	background:#0d2745;
	height:2px;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}