body, html 	{margin: 0; padding: 0px; border: 0; font-family: Arial, Helvetica, sans-serif;  color: #5b5b5b; font-size: 12px;}
body		{background-image: url(../images/bgr_page.jpg); background-repeat: repeat-x; background-color: #c8c8d7;}
a 			{text-decoration: none; color: #1195e1;}
a:hover 	{color: #e93e21; text-decoration: underline;}
td 			{font-style : normal;  font-size : 9pt; vertical-align: top}
b, strong 	{font-weight : bold;}
img 		{border: 0;}
.clear		{clear: both;}
.redText 	{color: #ea3e21;}
.orangeLink {color: #ff8400; text-decoration: underline;}
.separator 	{border-top: 1px solid #c0c8cc; padding-bottom: 10px; margin-top: 5px;}

body {behavior:url("/global/css/csshover.htc");}	/* IE behaviour to enable :hover styles */

h1, h2, h3, h4 {font-family: Arial, Helvetica, sans-serif; color: #000000;}
h1 {font-size : 18px; font-weight: normal; margin:0 0 7px 0; padding:0; line-height: 18px;}
h2 {font-size : 16px; font-weight: bold; margin:0 0 7px 0; padding:0; line-height: 16px;}
h3 {font-size : 14px; font-weight: bold; margin:0 0 6px 0; padding:0; line-height: 14px;}
h4 {font-size : 12px; font-weight: bold; margin:0 0 5px 0; padding:0; line-height: 13px;}
.headline {font-size: 19px; letter-spacing: -1px; line-height: 1.0em; padding: 0 0 10px 0; color: #000000;}
h4.underline {border-bottom: 1px solid #e6e6ea; padding-bottom: 5px;}

.imgLeft 	{float: left; margin: 0 20px 15px 0;}
.imgRight 	{float: right; margin: 0 0 15px 20px;}

/* Basic frameset */
#topFrame,
#header,
#bottomPanel,
#bottomFrame,
#footer 	{width: 950px; margin: 0 auto 0 auto;}

#container 			{width: 948px; margin: 0 auto 0 auto; border-left: 1px solid #FFF; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF;}
#main .leftCol 		{width: 200px; background-image: url('../images/bgr_left_gradient.jpg'); background-repeat: repeat-x;}
#main .rightCol 	{width: 748px;}
#main .blueBgr 		{background-color: #5475a3;}
#main .colDivider 	{background-image: url('../images/bgr_col_divider.gif'); background-repeat: repeat-y;}

#topFrame {margin-top: 20px;}

/* Header */
#header 			{background-image: url(../images/bgr_header.gif); background-repeat: repeat-x; position: relative;}
#header #logo 		{float: left; margin: 0;}
#header #tagLine 	{text-align: right; font-size: 14px; font-weight: bold; position: absolute; top: 40px; left: 580px;}

#extraTopNav 				{position: absolute; left: 520px; top: 10px; width: 430px;}
#extraTopNav ul 			{margin: 0; padding: 0; list-style: none;}
#extraTopNav li 			{float: left; font-size: 11px; background-repeat: no-repeat; padding: 0 20px 5px 20px;}
#extraTopNav a 				{color: #707b80;}
#extraTopNav a:hover 		{color: #ee3f22; text-decoration: none;}
#extraTopNav li.newsletter 	{background-image: url('../images/ico_newsletter.gif');}
#extraTopNav li.warranty 	{background-image: url('../images/ico_warranty.gif');}
#extraTopNav li.login 		{background-image: url('../images/ico_login.gif');}

#topNav 		{height: 28px; clear: both; background-color: #000; border-top: 4px solid #ed3f22; border-bottom: 1px solid #c0c8cc;}
#topNav a 		{display: block; float: left; height: 28px; color: #ffffff; font-weight: bold; font-size: 12px; margin: 0; padding: 0 15px 0 15px; border-right: 1px solid #353737;}
#topNav a.Active,
#topNav a:hover {text-decoration: none; color: #fff; background-color: #323232;}
#topNav .bevel 	{border-right: 1px solid #000029; float: right; margin: 4px 0 0 0; height: 17px;}
#topNav span 	{display: block; margin: 6px 0 0 0;}


/* Container */
#container 			{background-color: #ffffff;}


/* Homepage */
#mainBanner 			{height: 322px;}
#mainBanner ul 			{margin: 0; padding: 0; list-style: none;}
#mainBanner li 			{position: absolute; top: 0; left: 0;}
#mainBanner a 			{outline: none;}

#hpGradient 			{background-image: url(../images/bgr_hp_content.gif); background-repeat: repeat-x; padding: 20px 25px 20px 25px;}

#hpContent 				{background-image: url('../images/bgr_hp_content.jpg'); background-repeat: repeat-x; padding: 20px 15px 15px 15px;}
#hpContent table		{width: 90%;}
#hpContent td 			{padding-left: 15px; padding-right: 15px; border-left: 1px solid #6e87a6; color: #FFF; line-height: 1.1em;}
#hpContent td.first 	{border-left: none;}
#hpContent img 			{margin-bottom: 8px; border: 1px solid #FFF;}
#hpContent h4 			{color: #FFF; }
#hpContent a 			{color: #F90;}
#hpContent a:hover 		{color: #FFF;}

#featuredProduct 					{position: relative;}
#featuredProduct .controls 			{position: absolute; top: 260px; left: 480px; z-index: 999;}
#featuredProduct .fTitle 			{font-size: 11px; font-weight: bold; margin: 0 0 3px 0;}
#featuredProduct ul.fLinks 			{margin: 0; padding: 0; list-style: none;}
#featuredProduct ul.fLinks li 		{float: left; font-weight: bold; margin-right: 5px; text-align: center;}
#featuredProduct ul.fLinks img 		{border: 1px solid #89a4a9; margin: 0 0 2px 0;}
#featuredProduct ul.fLinks a.selected img {border: 1px solid #C00;}
#featuredProduct ul.fLinks a 		{color: #0081b7; outline: none;}
#featuredProduct ul.fLinks a:hover 	{color: #32bdd9; text-decoration: none;}

#main .leftCol .content {padding: 15px;}

/* LEFT PANEL */
/* Left Navigation */
ul.leftNav 				{list-style: none; margin: 0 0 30px 0; padding: 0;}
ul.leftNav li 			{padding: 3px 0 5px 0; border-bottom: 1px solid #e3e3e7; line-height: 1.1em;}
ul.leftNav li a 		{color: #000000; font-weight: bold;}
ul.leftNav li a:hover 	{color: #e53d21; text-decoration: none;}
ul.leftNav h3 			{list-style: none; margin: 0; padding: 0;}

.banner {border: 1px solid #c0c8cc; margin: 0 0 10px 0;}

/* News */
ul.news 	{margin: 0; padding: 0; list-style: none;}
ul.news li 	{padding: 0 0 10px 0; font-size: 11px;}
ul.news a:hover {text-decoration: none;}

/* Banners */
.banners 	{position: relative; height: 100px; overflow: hidden;}
.banners ul {margin: 0; padding: 0; list-style: none;}
.banners li {position: absolute; top: 0; left: 0; z-index:1;}
.banners li.selected {z-index:3;}
.banners li.lastSelected {z-index:2;}

/* Page */
ul {margin: 0 0 0 15px; padding: 0;}

#pageTools 					{height: 25px; background-color:#e3e5e6; background-image: url('../images/bgr_pagetools.gif'); background-repeat: repeat-x;}
#pageTools ul 				{margin: 0; padding: 0; list-style: none; float: right;}
#pageTools li 				{float: left; font-size: 11px; background-repeat: no-repeat; padding: 5px 20px 5px 20px; font-weight: bold;}
#pageTools a 				{color: #000;}
#pageTools a:hover 			{color: #e53d21; text-decoration: none;}
#pageTools li.newsletter 	{background-image: url('../images/ico_newsletter.gif');}
#pageTools li.warranty 		{background-image: url('../images/ico_warranty.gif');}
#pageTools li.login 		{background-image: url('../images/ico_login.gif');}

#pageContent 		{clear: both; padding: 20px;}

/* Two Column Grid */
.twoColGrid 		{}
.twoColGrid .colOne {width: 260px;}
.twoColGrid .colTwo {width: 440px;}
.twoColGrid .colOne .content {padding-right: 20px}

.infoPanel 					{border: 1px solid #e6e6ea;}
.infoPanel .heading 		{clear: both; padding: 20px; background-image: url('../images/bgr_gradient_heading.jpg'); background-position: bottom;}
.infoPanel .tabs 			{clear: both; border-top: 1px solid #e6e6ea; height: 100%; overflow: hidden; background-image: url('../images/bgr_tab.jpg'); background-repeat: repeat-x;  background-position: bottom;}
.infoPanel .tabs ul			{margin: 0; padding: 0; list-style: none;}
.infoPanel .tabs li			{float: left; border-right: 1px solid #dcdcdf; }
.infoPanel .tabs a 			{padding: 0 16px 0 16px; height: 40px; display: block; color: #8e8e98; line-height: 1em; font-size: 11px; font-weight: bold; outline: none;}
.infoPanel .tabs a.selected,
.infoPanel .tabs a:hover 	{background-color: #FFF; color: #e63d21; text-decoration: none;}
.infoPanel .content 		{clear: both; padding: 20px; background-image: url('../images/bgr_gradient_content.jpg'); background-repeat: repeat-x;  background-position: bottom;}
.infoPanel .tabs span 		{padding: 8px 0 0 0; display: block;}

/* Product Preview */

#productPreview 				{position: relative;}
#productPreview .thumbnails 	{height: 40px;}
#productPreview .thumbnails img {border: 1px solid #dcdcdf; margin-right: 5px;}
#productPreview .thumbnails ul 	{margin: 0; padding: 0; list-style: none;}
#productPreview .thumbnails li 	{float: left;}

#productPreview .bigPhoto 		{width: 240px; height: 220px; overflow: hidden; border: 1px solid #fff; position: relative;}
#productPreview .bigPhoto ul 	{margin: 0; padding: 0; list-style: none; position: absolute;}
#productPreview .bigPhoto li 	{width: 240px; height: 220px;}
#productPreview .bigPhoto li 	{float: left !important;}
#productPreview a 				{outline: none;}

/* SubNav */
.subNav 	{margin: 0; padding: 0; list-style: none;}
.subNav li 	{padding: 0 0 3px 0;}

/* Bottom Panel */
#bottomPanel 					{background-color: #000019; background-image: url('../images/bgr_bottom.jpg'); background-repeat: no-repeat;}
#bottomPanel .colOne 			{width: 210px;}
#bottomPanel .colTwo 			{width: 470px; color: #87a8d6; font-weight: bold;}
#bottomPanel .colThree 			{}
#bottomPanel .colTwo .content 	{padding: 35px 25px 0 25px;}
#bottomPanel .colOne img 		{margin-left: 20px;}

/* Footer */
#footer 			{color: #000; font-weight: normal; line-height: 1.2em; padding: 8px 0 8px 0; clear: both; font-size: 11px;}
#footer #copyright 	{float: left; font-size: 11px;}
#footer #bottomnav 	{float: right; padding: 0 0 5px 0; text-align: right;}
#footer a 			{padding: 0 2px 0 2px; font-size: 11px; color: #000;}
#footer a:hover 	{text-decoration: underline;}
#credits            {text-align: right; color: #686868; margin: 0; padding-top:2px; line-height: 11px;}
#credits a          {color: #404040; line-height: 11px;}

/* Forms */
form 				{padding: 0px; margin: 0px;}
input, textarea 	{padding-left:2px; padding-right:2px; border: 1px solid #9e9e9e; font-size: 11px;}
input:hover,
textarea:hover 		{background: #E6F5F8;}