/**************************************  STANDARD STYLE SHEET FOR RWT TECHNOLOGY SITE  *************************************/

/* Site Wide Formats for all pages */
html {height:100%; margin:0; padding:0;}

a {text-decoration: none;}
a:hover {color: #FF0000;}
p {	padding:0px; margin:5px 0px 10px 0px; font-size: 10pt;}
a img {border: 0;}
h1 {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:20pt; color:#FFFFFF; font-weight:bolder; margin:0px; padding:0px;}
h2 {font-family: "Century Gothic"; font-size:16pt; color:#0010e8; font-weight:bolder; margin:0px; padding:0px;}	
h3 {font-family: "Century Gothic"; font-size:12pt; color:#0010e8; font-weight:bolder; margin:3px 0px 7px 0px; padding:0px;}	
h4 {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:8pt; color:#0010e8; font-weight:bolder; margin:0px; padding:0px;}

/* Columns - Styles */
.C_ctr {margin-right:auto; margin-left:auto;}
.C_190 {width:190px; float:left; padding: 0px; margin:0px; position: relative;}
.C_210 {width:210px; float:left; padding: 0px; margin:0px; position: relative;}
.C_250 {width:250px; float:left; padding: 0px; margin:0px; position: relative;}
.C_300 {width:300px; float:left; padding: 0px; margin:0px; position: relative;}
.C_303 {width:303px; float:left; padding: 0px; margin:0px; position: relative;}
.C_350 {width:350px; float:left; padding: 0px; margin:0px; position: relative;}
.C_420 {width:420px; float:left; padding: 0px; margin:0px; position: relative;}
.C_455 {width:455px; float:left; padding: 0px; margin:0px; position: relative;}
.C_490 {width:490px; float:left; padding: 0px; margin:0px; position: relative;}
.C_600 {width:600px; float:left; padding: 0px; margin:0px; position: relative;}
.C_720 {width:720px; float:left; padding: 0px; margin:0px; position: relative;}
.C_850 {width:850px; float:left; padding: 0px; margin:0px; position: relative;}
.C_900 {width:900px; float:left; padding: 0px; margin:0px; position: relative;}
.C_910 {width:910px; float:left; padding: 0px; margin:0px; position: relative;}

/* Column Heights */
.H_120 {height:120px;}


/* General Formats */
.t-7 {font-size:7pt;}
.t8 {font-size:8pt;}
.t-8 {font-size:8pt;}
.t9 {font-size:9pt;}
.t-10 {font-size:10pt;}
.t-12 {font-size:12pt;}

.t-whi {color:#ffffff;}

.bold {font-weight: bold;}
.bolder {font-weight: bolder;}

.white {color:#ffffff;}
.blue {color:#0010e8;}
.black {color:#000000;}
.red {color:red;}
.gold {color:#b59b07;}
.lgray {color:#808080}

.uline {text-decoration: underline;}
.border-b {border-bottom:1px solid #b2b2b2;}
.right {text-align:right;}
.ctr {text-align:center;}

.bgwhi {background-color: #ffffff;}
.bgbla {background-color: #000000;}
.bglgy {background-color: #808080;}

img.floatleft {float:left; margin:2px;}
img.floatr {float:right; margin-right:2px;}

.p-10 {padding:10px;}
.p-5 {padding:5px;}
.p-1 {padding:1px;}
.pt-10 {padding-top:10px;}
.pt-25 {padding:25px 0px 0px 0px;}
.pt-0 {padding-top:0px; margin-top:0px;}
.pt-180 {padding-top:180px;}
.pb-0 {padding-bottom:0px; margin-bottom:0px;}
.pr-20 {padding-right:20px; margin-bottom:0px;}
.pl-15 {padding-left:15px;}


/* Text Boxes */

.tb-1 {margin: 0px 0px 5px 0px; padding:0px 15px 5px 15px; text-align:justify; font-family:"Maiandra GD";}
.tb-95p {width:95%; margin:0px auto 0px auto; padding:5px 5px 0px 5px; text-align:justify;}
.tb-90p {width:90%; margin:0px auto 0px auto; padding:5px 5px 0px 5px; text-align:justify;}
.tb {padding:0px 5px 5px 5px; margin:0px 10px 0px 0px; text-align: justify;}
.tb-price {height:20px; width:150px; font-family:"Franklin Gothic Book"; font-size:12pt; color:#000000; font-weight:bolder; float:left; position: relative; padding:0px 0px 0px 10px;}
.tb-price-sale{height:20px; width:115px; font-family:"Franklin Gothic Book"; text-decoration:line-through;  font-size:12pt; color:#000000; font-weight:bolder; float:left; position: relative; padding:0px 0px 0px 10px;}
.tb-cart {height:21px; width:98px; padding:0px; float:right; position:relative;}
.tb-pn {height:15px; width:100%; padding:0px 0px 0px 10px; font-family: Helvetica; font-size: 8pt; color:#000;}
.footnotes {font-size: smaller;	font-family: Arial, Helvetica, sans-serif; margin:0px; padding:5px 10px 0px 20px;}	

/* Ads */
#adbox1-130-175 {width:130px; height:165px;background-image:url('../image/ads/cybermonday.png');	background-position:right top;	background-repeat:no-repeat;}
.adbox-130-175 {width:110px; height:165px; padding:10px 0px 0px 2px; float:right; position:relative;}
	
/* Information Boxes */
.tb-tt {
	padding:0px 5px 5px 5px;
	margin:0px 10px 0px 0px;
	min-height:200px;
	background-image:url('../image/BG-Travel_Tips.png');
	background-position:center top;
	background-repeat:no-repeat;
	background-color:#d5d5d5;}
	.tb-tt h2 {color:blue; font-size:12pt; font-weight:bolder; text-align:center; margin-bottom:0px;}
	.tb-tt ul {padding:3px 2px 1px 20px; margin:0px;}
	.tb-tt li {padding-bottom:7px;}	

.ib-90 {
	height: 90px;
	font-family: Helvetica;
	border: solid 1px #d5d5d5;
	padding: 2px 4px 2px 0px;
	margin: 0px 10px 4px 0px;
	text-align: left;
	float:left;
	position:relative;}
	.ib-90 p {font-size:8pt}
	
#contact-response {
	height:150px;
	width:850px;
	position:absolute;
	top:185px;
	left:25px;}
	



body {
	height: 100%;
	margin:0;
	padding:0;
	color: #000000;
	font-family:"Helvetica";
	font-size: 10pt;
	font-style: normal;
	background-color:#b49102;
	background-image: url('../image/bg-gld.jpg');
	background-position: top;
	background-repeat:repeat-x;}

/* Standard Page Header Components */
#container {
	width: 950px;
	min-height:100%;
	margin-top:-105px;				/* Negative margin to move container to top of page under header div to allow for 100% option */
	background-color:#ffffff;
	margin-left: auto;
	margin-right: auto;
	overflow:hidden;
	position:relative;
	z-index:0;}
* html #container {height:100%}

#header {
	height:105px;
	min-width: 100%;
	margin:0 auto 0 auto;
	padding:0px;
	background-image: url('../image/Header-clouds.png');
	background-position:center 0px;
	background-repeat:no-repeat;
	position:relative;
	z-index:1;}

#masthead {
	text-align: right;
	height: 53px;
	padding-bottom:2px;
	width: 950px;
	background-color: transparent;
	margin-left: auto;
	margin-right: auto;
	overflow:hidden;
	position: relative;}
	
#mastheadleft {
	width: 310px;
	padding-top: 20px;
	padding-left:10px;
	position: absolute;
	top: 0px;
	left: 0px;}
	
#mastheadleft img {float: left;	margin: 0;padding: 0;}

/* Standard Navigation Bar Components */
#nav {
	text-align: right;
	height:50px;
	width: 950px;
	background-image: url('../image/nav-blue-50.png');
	background-repeat:no-repeat;
	margin-left: auto;
	margin-right: auto;
	overflow:hidden;
	position: relative;
	z-index:2}
	
	.nav-home {
		height:50px; 
		width:60px;
		padding:0px 0px 0px 0px;
		margin:0px; 
		float:left;}
		.nav-home a {
			display: block;
			line-height:50px;
			padding:0px;
			margin:0px;
			background-image: url('../image/icon-home-black.png'); 
			background-repeat: no-repeat;}
			.nav-home a:hover {	background-image: url('../image/icon-home.png'); background-repeat: no-repeat;}
			
	.nav-home-select {
		height:50px; 
		width:60px;
		padding:0px 0px 0px 0px;
		margin:0px; 
		float:left;
		display: block;
		line-height:50px;
		padding:0px;
		margin:0px;
		background-image: url('../image/icon-home.png'); 
		background-repeat: no-repeat;}
		
		
	.nav-button {
		height:50px;
		width:166px;
		padding: 0px 0px 0px 0px;
		float:left;
		font-family: "Agency FB";
		font-size: 14pt;
		text-align:center;}
		.nav-button  a {display:block; line-height:50px; color:#000000; font-weight:bold;}
		.nav-button a:hover {color:#FFFFFF; font-weight: bolder; background-image: url('../image/nav-blue-hover.png'); background-position: left; background-repeat:no-repeat;}
	
	.nav-button-select {
		height:50px;
		width:166px;
		display:block;
		line-height:50px;
		color:#ffffff; 
		padding: 0px 0px 0px 0px;
		float:left;
		font-family: "Agency FB";
		font-size: 14pt;
		text-align:center;
		color:#FFFFFF; 
		font-weight: bolder;
		background-image: url('../image/nav-blue-hover.png');
		background-position: left;
		background-repeat:no-repeat;}
		.nav-button-select  a {display:block; line-height:50px; color:#ffffff; font-weight:bolder;}
		.nav-button-select a:hover {color:#ffffff; font-weight: bolder; background-image: url('../image/nav-blue-hover.png'); background-position: left; background-repeat:no-repeat;}
	
	.nav-cart {
		height:50px; 
		width:60px;
		padding:0px 0px 0px 0px;
		margin:0px; 
		float:left;}
	.cart-hover {background-image: url('../image/icon-cart-black.png'); background-repeat: no-repeat;} 
	.cart-hover:hover {background-image: url('../image/icon-cart.png'); background-repeat: no-repeat;} 
/*		.nav-cart a {
			display: block;
			line-height:0px;
			padding:0px;
			margin:0px;
			background-image: url('../image/icon-cart-black.png'); 
			background-repeat: no-repeat;}
			.nav-cart a:hover {	background-image: url('../image/icon-cart.png'); background-repeat: no-repeat;} 
*/			
	.nav-cart-select {
		height:50px; 
		width:60px;
		padding:0px 0px 0px 0px;
		margin:0px; 
		float:left;
		display: block;
		line-height:50px;
		padding:0px;
		margin:0px;
		background-image: url('../image/icon-cart.png'); 
		background-repeat: no-repeat;}
	

#banner {
	width: 950px;
	min-height:50px;
	padding:102px 0px 0px 0px;
	margin:0px;				/* Padding to drop top of Banner below the nav bar as a result of the negative container margin */
	position: relative;}
#banner img {border:solid 1px #8d8d8d;}


#page_content {
	width: 910px;
	margin: 0px 20px 130px 20px;
	padding: 0px 0px 0px 0px;		/* Bottom padding so nothing ends up under footer which is moved up to align with bottom of 100% container */
	float:left;
	position:relative;}

/* Standard Side Menu Components */
#sidemenu-200 {
	width:167px;	
	min-height:350px; 
	border-right:solid 1px #b2b2b2;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; 
	margin:10px 0px 0px 0px; float:left;	
	position:relative;}
	.sm-select-200 {width;167px position:relative;}
		.sm-select-200 p {padding:1px 0px 0px 10px; font-size:10pt; font-weight:bolder; color:#000000;}
		.sm-select-200 a {width:138px; margin-left:auto; margin-right:auto; display:block; padding:5px 5px 5px 15px; border-bottom:dotted 1pt; font-size:8pt; color:gray; font-weight:bold;}
		.sm-select-200 a:hover {color:#B49902; font-weight:bolder;}
	.sm-choice-200 {width:166px; margin-top:1px; position:relative;}
		.sm-choice-200 a {
			display:block; 
			width:144px; 
			min-height:25px; 
			padding:3px 0px 3px 16px; 
			background-color:#ffffff; 
			margin:0px 0px 1px 0px; 
			font-size: 9pt;
			line-height: 25px;
			color: #808080;
			font-weight:bolder;
			position: relative;
			float: left;}
		.sm-choice-200 a:hover {color:#000000; font-weight:bolder}	
	.sm-choice-on-200 {width:166px; margin-top:1px; position:relative;}		
		.sm-choice-on-200 p {
			display:block; 
			width:144px; 
			min-height:25px; 
			padding:3px 0px 3px 16px; 
			background-color:#ffffff; 
			margin:0px 0px 1px 0px; 
			font-size: 9pt;
			line-height: 25px;
			color: red;
			font-weight:bolder;
			position: relative;
			float: left;}

/* Standard Page Footer Components */
#footer {
	width: 100%;
	height: 120px;
	color:#ffffff;
	text-align: center;
	background-image: url('../image/footer-night.png');
	background-position: center bottom;
	background-repeat:no-repeat;
	margin-top:-120px;				/* Negative margin to move footer up so it is aligned with bottom of 100% container div */
	position:relative;}
	#footer-ads {
		width:950px;
		height:60px;
		margin-left: auto;
		margin-right: auto;
		padding: 0px;}
		.home-shop-ads {width:230px; padding:0px 2px 0px 5px; margin:0px; position:relative; float:left;}
	#footer-links {
		width:950px; 
		height:45px; 
		padding-top:15px;
		margin-left: auto;
		margin-right: auto;
		background-image: url('../image/footer-copyright.png');
		background-position: center bottom;
		background-repeat:no-repeat;
		position:relative;}
			#footer-links a {
				font-size: 8pt;
				font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
				text-align: center;
				color: #ffffff;
				text-decoration: none;
				padding-left: 5px;}
			#footer-links a:hover {color: #B49902; font-weight:bolder; text-decoration: none;}
	





/*************** Home Page Components - Custom **************/
#flash-full {
	width: 950px;
	padding-top:120px;
	padding-left:20px;				/* Padding to drop top of Banner below the nav bar as a result of the negative container margin */
	position: relative;}
#flash-full img {border:solid 1px #8d8d8d;}


/*************** Information Page Components - Custom **************/
#banner-info {
	width: 100%;
	height: 85px;
	background-image: url('../image/Header-info.png');
	background-repeat: repeat-x;
	background-position:bottom;
	background-color: #ffffff;
	text-align:right;
}
#banner-image {
	width:250px;
	height:60px;
	padding:19px 20px 0px 0px;
	float:right;
	position: relative;
	text-align:right;}
	#banner-image img {border:none;}
	
#banner-title {
	width: 500px;
	height: 52px;
	text-align: left;
	float: left;
	padding-left:40px;
	padding-top:32px;}


/***************  Product Line Up Page Components, Power Line - Custom ***************/
/* Top Banner */
#banner-prod {
	width: 950px;
	height: 95px;
	background-image: url('../image/Header-CTPower.png');
	background-repeat: no-repeat;
	background-position:top;
	background-color: #ffffff;
	text-align:right;}
	
#banner-prodpage {
	width: 950px;
	height: 95px;
	background-image: url('../image/Header-CT.png');
	background-repeat: no-repeat;
	background-position:top;
	background-color: #ffffff;
	text-align:right;}	
	
#banner-prod-title {
	width: 600px;
	height: 60px;
	text-align: left;
	float: left;
	padding-left:150px;
	padding-top:35px;}
	
#banner-pl {
	width: 950px;
	height: 247px;
	background-image: url('../image/Banner-PL.png');
	background-repeat: no-repeat;
	background-position:top;
	background-color: #b59b07;
	text-align:justify;}
	#banner-pl-title {width:560px; height:25px; padding:35px 300px 0px 95px; margin:0px; position:relative; float:left;}
	#banner-pl-text {width:400px; height:175px; padding:0px 5px 0px 105px; font-family:"Arial";  margin:0px; position:relative; float:left;}
	#banner-pl-photo {width:300px; height:175px; padding:0px; margin:0px; position:relative; float:left;}
		#banner-pl-photo img {border:none;}
	#banner-pl-gif {width:140px; height:145px; padding:30px 0px 0px 0px; margin:0px; position:relative; float:left;}
		#banner-pl-gif img {border:none;}


/* Product Page Menu (used inside standard side menu division) */
#sm-choice {width: 180px; float:left; position:relative;}
	#sm-choice a {display:block; width:164px; min-height:20px; padding:2px 0px 2px 6px; margin: 0px 0px 2px 0px; font-size:11px; font-weight:bolder; line-height:20px;	color:#000000; float:left;}
	#sm-choice a:hover {color:#ffffff; background-color:#b59b07;}

#sm-choice-on {
	width: 170px;
	height: 30px;
	margin-top:3px;
	text-indent: 8px;
	line-height: 30px;
	background-image: url('../images/sm-select.png');
	background-position: top;
	background-repeat: no-repeat;
	float:left;
	position:relative;}
	#sm-choice-on p {font-size:14px; color:red; padding:2px 0px 0px 2px; margin:0px; font-weight:bolder}

#sm-select {width:165px; padding:0px 0px 10px 0px; float:left; position:relative;}
	#sm-select p {padding:1px 0px 0px 10px;	font-size: 8pt; font-weight: bolder; color: #000000;}	
	#sm-select a {width:115px; margin: 0px 0px 0px 20px; display:block; padding:5px 5px 5px 0px; border-bottom:dotted 1pt; font-size:7pt; color:gray; font-weight:bold;}
	#sm-select a:hover {color:#B49902; font-weight:bolder;}
	
/* Product Summary Page Box - Gold */
.prodsum {
	width:350px;
	height:210px;
	margin:5px 0px 5px 0px;
	padding:0px 0px 0px 10px;
	background-image:url('../image/BG-Prodsum.png');
	background-position:top left;
	background-repeat:no-repeat;
	float:left;
	position:relative;}
	.prodsum-text {width:163px; height:149px; margin:0px; padding:2px; float:left; position:relative; font-family:Helvetica; font-size:8pt;}
	.prodhome {width:163px; height:135px; float:left; position:relative}
		.prodhome p {padding:0px 0px 3px 10px; font-family:Helvetica; font-size:8pt;}
		.prodhome img {float:right;}
	.prodsum-foot {width:338px; height:22px; margin:0px; padding:1px 0px 0px 0px; font-size:8pt; float:left; position:relative;}

.plsum-a {
	width:860px; 
	height:490px; 
	margin:0px 20px 0px 20px; 
	padding:5px; 
	font-family:"Century Gothic";
	border-bottom:1px solid #cccccc;
	position:relative;
	float:left;}
	.plsum-a3 {width:860px; height:490px; margin:0px 20px 0px 20px; padding:5px; font-family:"Century Gothic"; border-bottom:1px solid #cccccc; position:relative; float:left; background-image:url('../image/bat-op3-bg.png'); background-position:right top; background-repeat:no-repeat;}
	.plsum-atitle {width:860px; height:65px; padding:0px; margin:0px; position:relative; float:left;}
	.plsum-aphoto {width:300px; height:285px; padding:0px; margin:0px; position:relative; float:left;}
	.plsum-athumb {width:300px; height:95px; padding:0px; margin:0px; position:relative; float:left;}
	.plsum-anotes {width:275px; height:45px; padding:0px 20px 0px 5px; margin:0px; font-size:8pt; text-align:center; position:relative; float:left;}
	.plsum-atext {width:255px; height:350px; padding:30px 5px 0px 0px; margin:0px; text-align:justify; position:relative; float:left;}
	.plsum-atextr {width:270px; height:350px; padding:30px 0px 0px 20px; margin:0px; text-align:justify; position:relative; float:left;}
	.plsum-abullets {width:270px; height:350px; padding:30px 0px 0px 30px; margin:0px; position:relative; float:left;}
		.bulletl {padding: 30px 20px 0px 10px;}
		.plsum-abullets ul {margin:0px 0px 0px 20px; padding:0px;}
		.plsum-abullets li {margin:10px 0px 2px 0px; padding:0px; font-size:11pt; font-weight:bold;}
	.plsum-alink {width:240px; height:45px; padding:0px 10px 0px 10px; margin:0px; font-weight:bolder; text-align:center; position:relative; float:left;}
	.plsum-aprice {width:290px; height:45px; padding:0px 10px 0px 0px; margin:0px; font-size:14pt; color:red; font-weight:bolder; text-align:right; position:relative; float:left;}
	
	
.plsum {
	width:300px;
	height:325px;
	margin:5px 0px 5px 0px;
	padding:0px 1px 0px 2px;
	background-image:url('../image/BG-PLsum.png');
	background-position:top left;
	background-repeat:no-repeat;
	float:left;
	position:relative;}
	.plsum p {padding:0px 0px 0px 0px; font-family:Helvetica; font-size:8pt;}
	.plsum-text {width:250px; height:85px; margin:0px; padding:0px 25px 5px 25px; float:left; position:relative; font-family:Helvetica; font-size:8pt; text-align:justify;}
	.plsum-photo {width:250px; height:110px; margin:0px; padding:0px 25px 5px 25px; float:left; position:relative;}
	.plhome {width:163px; height:135px; float:left; position:relative}
		.plhome p {padding:0px 0px 3px 10px; font-family:Helvetica; font-size:8pt;}
		.plhome img {float:right;}
	.plsum-foot {width:280px; height:22px; margin:0px; padding:2px 20px 0px 0px; font-size:9pt; font-weight:bolder; float:left; position:relative;}
	
	
/* Product Detail Page Components - Custom */
#prod-menu {width:168px; min-height:500px; float:left; position:relative;}
#prod-detail {width:601px; min-height:350px; padding:1px; background-color:#ffffff;	float:left;	position:relative;}
	.prod-detail-title {width:227px; height:102px; background-color: transparent; color:#000000;  position:absolute; top:5px; left:365px; z-index: 3;}
	
	/* Tab Window Components */
	.tab_container-prod {border-left: none; overflow: hidden; clear: both; float: left; position:absolute; top:1px; left:60px; width:540px; height:347px; background: #fff;}
	.tab_content-prod {padding: 5px 5px 5px 15px; font-family: Helvetica}
		.tab_content-prod p {padding:0px 0px 5px 0px; font-size:9pt; margin:0px;}
	.tab_content-prod-text {width:115px; height:220px; padding:10px 5px 0px 10px; font-size:8pt; position:absolute; top:107px; left:400px;}
		.tab_content-prod-text p {font-family:"Arial"; font-size:8pt;}
	
	ul.tabs-prod {
		margin: 0;
		padding: 0;
		float: left;
		list-style: none;
		height: 347px; /*--Set height of tabs--*/
/*		border-right: 1px solid #999;
		border-top: 1px solid #999;
		border-left:none;*/
		width: 58px;}
	
		ul.tabs-prod li {
			float: left;
			margin: 0;
			padding: 0;
			width: 57px; /*--Subtract 1px from the height of the unordered list--*/
			line-height: 20px; /*--Vertically aligns the text within the tab--*/
			border: 1px solid #999;
			border-top: none;
			margin-right: -1px; /*--Pull the list item down 1px--*/
			overflow: hidden;
			position: relative;
			background: #e0e0e0;}
		
			ul.tabs-prod li a {
				text-decoration: none;
				color: #000;
				display: block;
				font-size: 1.2em;
				padding: 0px;
				border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
				outline: none;}
				
			ul.tabs-prod li a:hover {background: #ccc;}
			html ul.tabs-prod li.active, html ul.tabs-prod li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
				background: #fff;
				border-right: 1px solid #fff; border-left: 1px solid #fff;} /*--Makes the active tab look like it's connected with its content--*/


#prod-thumbs {width:48px; height:350px;	padding:20px 0px 0px 0px; float:left; position:relative;}
	.prod-thumb {height:43px; width:46px}
#prod-photo {width:398px; height:350px;	float:left;	position:relative;}
#prod-side {width:148px; height:350px; float:left; position:relative;}
#prod-ads {width:138px;	height:350px; float:left; position:relative;}	
#prod-spec {width:738px; min-height:150px; float:left; position:relative;}

.tab_container {border-top: none; overflow: hidden;	clear: both; float: left; width: 100%; min-height:110px;background: #fff;}
.tab_content {padding: 10px 5px 5px 15px; font-family: Helvetica}
	.tab_content p {padding: 0px 0px 5px 0px; font-size: 10pt; margin:0px;}
	.tab_content ul {padding:0px 0px 0px 15px; margin:0px;}
	.tab_content li {font-size:8pt;}
	
	ul.tabs {
		margin: 0;
		padding: 0;
		float: left;
		list-style: none;
		height: 21px; /*--Set height of tabs--*/
		border-bottom: 1px solid #999;
		border-left: 1px solid #999;
		width: 100%;}
	
		ul.tabs li {
			float: left;
			margin: 0;
			padding: 0;
			height: 20px; /*--Subtract 1px from the height of the unordered list--*/
			line-height: 20px; /*--Vertically aligns the text within the tab--*/
			border: 1px solid #999;
			border-left: none;
			margin-bottom: -1px; /*--Pull the list item down 1px--*/
			overflow: hidden;
			position: relative;
			background: #e0e0e0;}
		
			ul.tabs li a {
				text-decoration: none;
				color: #000;
				display: block;
				font-size: 1.2em;
				padding: 0 20px;
				border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
				outline: none;}
				
			ul.tabs li a:hover {background: #ccc;}
			html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
				background: #fff;
				border-bottom: 1px solid #fff;} /*--Makes the active tab look like it's connected with its content--*/
				
/* Tips Container Components */
#tipsarea {width:625px; float:left; position:relative;}
	.tipsframe {width:100px; height:175px; background-image:url('../image/tipsframe.png'); color:#000000; font-size: 12pt;}
	.tipsphoto {width:70px;	height:70px; position:absolute;	top:18px; left:18px;}
	.tipstext {width:80px; height:40px;	font-size:8pt; color:#ffffff; text-align:center; position:absolute;	top:90px; left:10px;}
	.tipsprice {width:85px;	height:30px; color:#0003ff;	font-size:12pt;	font-weight:bolder; font-family:Arial, Helvetica, sans-serif; position:absolute; top:120px; left:30px;}
	.tipscart {width:82px; height:25px;	position:absolute; top:140px; left:7px;}	
	
/* Order Pages Components */
.ordercc-box {
	height:130px; 
	width:710px; 
	padding:3px; 
	margin:0px; 
	background-image: url('../image/BG-Ordercc.png'); 
	background-position: top; 
	background-repeat: no-repeat; 
	position:relative; 
	float:left;}
.ordercc-photo {width:100px; height:114px; margin: 5px; padding: 0px; background-color:#ffffff; position:relative; float:left;}	
.ordercc-title {height:15px; width:585px; padding:0px 2px 0px 10px; text-align:right; position:relative; float:left;}
	img.ordercc-title {float:right; padding:0px; margin:0px;}
.ordercc-details {height:90px; width:310px; padding: 5px 10px 0px 10px; position:relative; float:left;}
	.ordercc-wholesale {width:100%; color:#ffffff; font-weight: bolder; padding:5px 0px 0px 0px;}
	.ordercc-table {width:306px; border-top: solid 1px #000000; border-right:solid 1px #000000; float:left; position:relative;}
		.ordercc-cell1 {width:58px; height:14px; font-size:7pt; padding:0px 0px 0px 2px; background-color:#ffffff; border-left:solid 1px #000000; border-bottom:solid 1px #000000; float:left; position:relative;}
		.ordercc-cell {width:48px; height:14px; font-size:8pt; text-align: center; background-color:#ffffff; border-left:solid 1px #000000; border-bottom:solid 1px #000000; float:left; position:relative;}
.ordercc-cart {height:90px; width:250px; padding: 5px 10px 0px 5px; position:relative; float:left;}
	.ordercc-cart p, .ordercc-details p {margin:0px; padding:1px 0px 0px 5px; font-size:9pt;}
	.ordercc-price {width:100%; font-weight:bold; font-size:10pt; text-align:right;}
	
/***************  Partner Portal Page Components - Custom ***************/
/* Top Banner */
#banner-partner {
	width: 950px;
	height: 95px;
	background-image: url('../image/Header-Partner.png');
	background-repeat: no-repeat;
	background-position:top;
	background-color: #ffffff;
	text-align:right;}
	
#banner-partner-title {
	width: 600px;
	height: 60px;
	text-align: left;
	float: left;
	padding-left:150px;
	padding-top:35px;}
	
.inputArea {
    font-family: Arial, Sans-Serif;
    font-size: 10pt;		/*was 13px*/
    /*background-color: #d6e5f4; */
	background-color: #EFEFEF;
    padding: 10px;
	width: 250px;  /*was 25em*/
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border: solid 1px #00B7F8;
	  /*margin was 0 auto*/
	margin-right:auto;
	margin-left:auto;
	float:left;
	position: relative;
	 /*was top:5em*/
}

.inputcell {height:55px}

.inputArea input[type="text"], .inputArea input[type="password"], .inputArea textarea {
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 14px; /*was 16*/
    margin-bottom: 6px; /*was 2em*/
	margin-top: 2px;  /*was 1em*/
	margin-left: auto;
	margin-right: auto;
    display: block; 
    border: solid 1px #85b1de;
	height: 1.5em; 
	padding:0px 5px 0px 5px;
	width: 80%;
    /* background-color: #EDF2F7; */
	background-color: #FEFEFE;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	letter-spacing: 0.1em;
}
	.inputsmall {font-size:10pt; margin:5px 0px 0px 10px; height:1em;}
	.selectbox {
		font-family: Helvetica, Arial, Sans-Serif;
    	font-size: 10px; /*was 16*/
    	margin-bottom: 1px; /*was 2em*/
		margin-top: 5px;  /*was 1em*/
		margin-left: auto;
		margin-right: auto;
   		display: block;
   	 	border: solid 1px #85b1de;
		height: 20px; 
		padding:2px 5px 0px 5px;
		width: 80%;
   	 	/* background-color: #EDF2F7; */
		background-color: #FEFEFE;
		-moz-border-radius: 0.5em;
		-webkit-border-radius: 0.5em;
		letter-spacing: 0.1em;}
		.selectbox select {font-size: 11px; border:none; width:98%;}
	
.inputArea input[type="text"]:focus, .inputArea input[type="password"]:focus, .inputArea textarea:focus  {
    background-image: none;
    background-color: #EFF2FF;
    border: solid 1px #33677F;
}
.inputArea label {
	color:#000000;
	font-size: 10pt; /*was 16*/
	margin:0px;
	padding:0px 0px 0px 20px;
}
.formError {
	font-size: 8pt; /*was 14pt*/
	color: #FF4F4F;
	/*display: block;*/
	margin-top: 0px; /*was -1em*/
	margin-bottom: 2px; /*was 1em*/
	margin-left: 5px;  /*was 1em*/
}

.inputArea a {
	font-size:10pt;
	text-decoration: none;
	color: #00B7F8;
}
.inputArea input[type="submit"], .inputArea button {
	margin-left: 1em;
	margin-top: 1em;
	font-size: 10pt;
}
FORM, SELECT, INPUT {display: inline;}
.clearBoth {clear: both;}
.hiddenField {display: none;}
.visibleField {display: inline;}