body, html 		{margin: 0; padding: 0px; border: 0; font-family: Arial, Helvetica, sans-serif; color: #4b5962;}
body			{background: #e6eaec url('../images/bgr_page.jpg') repeat-x; font-size: 75%;}

a 			{text-decoration: none; color: #3e88b8;}
a:hover 	{color: #e51937; text-decoration: underline;}

p 			{margin: 0 0 1.1em 0; padding: 0;}
td 			{vertical-align: top;}
b, strong 	{font-weight : bold;}
img 		{border: 0;}
.clear		{clear: both;}

h1, h2, h3, h4, h5 {font-family: Arial, Helvetica, sans-serif; color: #e51937;}
h1 {font-size : 22px; font-weight: normal; margin:0 0 7px 0; padding:0; line-height: 1.1em;}
h2 {font-size : 20px; font-weight: normal; margin:0 0 7px 0; padding:0; line-height: 1.1em;}
h3 {font-size : 16px; font-weight: bold; margin:0 0 6px 0; padding:0; line-height: 1.1em;}
h4 {font-size : 14px; font-weight: bold; margin:0 0 5px 0; padding:0; line-height: 1.1em;}
h5 {font-size : 12px; font-weight: bold; margin:0 0 4px 0; padding:0; line-height: 1.1em;}

.redText	{color: #e51937;}
.blackText	{color: #000000;}

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


/* Basic layout */
#header,
#topNav,
#pageContent,
#footer {width: 930px; margin: 0 auto 0 auto; clear: both;}

/* Header */
#header 					{height: 77px; position: relative;}
#header #logo 				{float: left; margin: 0 0 0 0;}
#header #topLinks 			{position: absolute; top: 10px; right: 0px; width: 615px}
#header #topLinks ul 		{margin: 0; padding: 0; list-style: none; font-weight: normal; float: right;}
#header #topLinks li 		{float: left; padding: 5px 22px 0 18px;}
#header #topLinks a 		{display: block; color: #000;}
#header #topLinks a.selected,
#header #topLinks a:hover 	{color: #e51937	;}
#header a:hover 			{text-decoration: none;}

#icoEmail		{background: url('../images/ico_email.gif') no-repeat 0 7px; padding-left: 20px !important;}
#icoCompany 	{background: url('../images/ico_company.gif') no-repeat 0 4px; padding-left: 17px !important;}
#icoNews 		{background: url('../images/ico_news.gif') no-repeat 0 6px; padding-left: 15px !important;}
#icoContact 	{background: url('../images/ico_contact.gif') no-repeat 0 4px; padding-left: 14px !important;}
#icoWorld 		{background: url('../images/ico_world.gif') no-repeat 0 5px; padding-left: 35px !important; padding-right: 0px !important;}

#icoUSA 		{background: url('../images/flag_usa.gif') no-repeat 0 8px;}
#icoAustralia 	{background: url('../images/flag_australia.gif') no-repeat 0 8px;}
#icoBrazil 		{background: url('../images/flag_brazil.gif') no-repeat 0 8px;}
#icoSpain 		{background: url('../images/flag_spain.gif') no-repeat 0 8px;}
#icoIndia 		{background: url('../images/flag_india.gif') no-repeat 0 8px;}

#topLinks .dropdown 			{ width: 205px; position: absolute; top: 25px; z-index: 100; clear: both; display: none; !important; margin-left: -30px !important;}
#topLinks .dropdown li			{padding: 2px 0 0 0 !important; margin-left: 0 !important; width: 205px; font-size: 12px; background-color: #fff;}
#topLinks .dropdown a 			{width: 185px; display: block; padding: 3px 10px 3px 10px; text-decoration: none; color: #375566; font-weight: normal; overflow: hidden; hand: pointer;}
#topLinks .dropdown a:hover 	{background-color: #789eb6; color: #fff !important;}
#topLinks .dropdown .flag 		{display: block; float: left; width: 20px; height: 15px;}
#topLinks .dropdown .country 	{display: block; font-weight: bold; width: 95px; white-space: nowrap; float: left;}
#topLinks .dropdown .language 	{font-weight: normal; float: left;}

.flagUSAEs,
.flagUSA 		{background: url('../images/flag_usa.gif') no-repeat 0 3px;}
.flagAustralia 	{background: url('../images/flag_australia.gif') no-repeat 0 3px;}
.flagBrazil 	{background: url('../images/flag_brazil.gif') no-repeat 0 3px;}
.flagSpain		{background: url('../images/flag_spain.gif') no-repeat 0 3px;}
.flagIndia		{background: url('../images/flag_india.gif') no-repeat 0 3px;}

/* Top Navigation */
#topNav 			{background: url('../images/bgr_topnav.jpg') repeat-x; height: 27px; margin-bottom: 4px;}
#topNav ul 			{margin: 0; padding: 6px 0 0 0; list-style: none;}
#topNav li 			{float: left; padding: 0 0 0 22px; border-right: 1px solid #fff; display: block;}
#topNav li.last     {border-right: none;}
#topNav a 			{color: #000; font-weight: bold; font-size: 14px; text-decoration: none; padding: 0 22px 5px 8px;}
#topNav li:hover a,
#topNav a.selected,
#topNav a:hover 	{color: #e51937;background: url('../images/arrow.gif') no-repeat 0 4px;}

/* Menus */
#topNav ul li ul      {display: none;}
#topNav ul ul li      {margin:0; padding:0;}
#topNav ul li:hover ul          {clear: left; display:block; position:absolute; width:180px; padding:0; list-style: none; border: solid 1px #cccccc; z-index: 100; background: #FFFFFF; margin-top: 4px;}
#topNav ul li:hover ul li ul    {display: none;}
#topNav ul li:hover ul li a     {display:block; text-decoration: none; padding:4px 10px 4px 10px;margin:0; color: #505050; font-weight: normal; font-size: 11px; background: none; width: 159px;}
#topNav ul li:hover ul li a:hover {text-decoration: underline; color: #e51937; background: url('../images/arrow.gif') no-repeat 0 7px;}

/**
HOME PAGE
**/

/* Homepage Block */
#mainBanner 					{height: 320px; background: url('../images/bgr_main.jpg') no-repeat 0 0; position: relative; margin-bottom: 20px;}
#featuredProductLinks 			{position: absolute; top: 25px; left: 25px; width: 220px; height: 270px; border-right: 1px solid #ccd9e1; z-index: 99;}
#featuredProductLinks ul 		{margin: 0; padding: 15px 0 0 0; list-style: none; width: 195px;}
#featuredProductLinks li 		{padding: 3px 0 3px 0; border-bottom: 1px solid #a0bfd3; font-weight: bold;}
#featuredProductLinks a 		{color: #2c3c46;}
#featuredProductLinks a:hover 	{color: #e51937; text-decoration: none;}

/* Slideshow */
#slideshow 				{position: absolute;}
#thumbnailPanel 		{position: absolute; top: 280px; left: 720px; width: 183px; z-index: 100;}  /* left: 785 */
#bigPhotos 				{}

#thumbnails ul 			{margin: 0; padding: 0; list-style: none; width: 135px; float: left;} /* width: 70 */
#thumbnails li 			{float: left; margin-right: 4px}
#thumbnails a 			{border: 1px solid #a2a5a8; display: block; width: 16px; height: 16px; text-align: center; font-weight: bold; outline: none;}
#thumbnails a:hover 	{border: 1px solid #e51937; text-decoration: none;}
#thumbnails a.selected 	{border: 1px solid #a2a5a8; background-color: #e51937; color: #fff;}
#thumbnails .previous 	{border: 1px solid #a2a5a8; width: 18px; height: 14px; padding-top: 2px; text-align: center; font-weight: bold; outline: none; float: left; margin-right: 8px; background: url('../images/arrow_previous.png') no-repeat 5px 3px;}
#thumbnails .next 		{border: 1px solid #a2a5a8; width: 18px; height: 14px; padding-top: 2px; text-align: center; font-weight: bold; outline: none; float: left; background: url('../images/arrow_next.png') no-repeat 6px 3px;}

#featuredItems 			{margin: 0; padding: 0; list-style: none; position: relative;}
#featuredItems li 		{position: absolute; top: 0; left: 0;}

/* HP Content */
#hpContent 							{padding: 0px;}
#hpContent .spacer 					{width: 31px;}
#hpContent .colOne 					{width: 604px; background: #fff url('../images/bgr_hp_col1.gif') no-repeat bottom;}
#hpContent .colOne .heading 		{height: 35px; background: url('../images/bgr_heading_col1.gif') no-repeat;}
#hpContent .colOne .content 		{padding: 15px 20px 20px 20px;}
#hpContent .colTwo 					{width: 295px; background: #fff url('../images/bgr_hp_col2.gif') no-repeat bottom;}
#hpContent .colTwo .heading 		{height: 35px; background: url('../images/bgr_heading_col2.gif') no-repeat;}
#hpContent .heading strong 	{font-size: 14px; display: block; padding: 9px 0 0 20px;}

/* News */
#news 			{padding: 15px 20px 20px 20px; font-size: 11px;}
#news ul		{margin: 0; padding: 0; list-style: none;}
#news li 		{padding: 0 0 7px 20px; background: url('../images/ico_news.gif') no-repeat 0 3px;}
#news a 		{color: #4b5962;}
#news a:hover 	{color: #e51937; text-decoration: none;}

#cagiLogo       {float: right; margin: 0 20px 0 40px;}

/**
PAGE
**/

/* Crumbtrail */
#crumbTrail 			{color: #e0102a; font-size: 11px; border-bottom: 1px solid #d3e4f0; padding: 5px 0 3px 0; margin: 0 0 15px 0;}
#crumbTrail a 			{color: #2c3c46;}
#crumbTrail a:hover 	{text-decoration: none; color: #e0102a;}

/* Page Banner */
#pageBanner 		{height: 70px; position: relative; background: url('../images/hd_default.jpg') no-repeat; margin: 0 0 25px 0;}
#pageBanner h1 		{position: absolute; top: 25px; left: 20px; font-size: 28px;}

/* Page Content */
#pageContent 			{}
#pageGrid 				{padding: 0 0 25px 0; background: #fff url('../images/bgr_bottom.gif') no-repeat bottom;}
#pageGrid .leftColumn 	{float: left; width: 195px; margin: 0 0 0 20px;}
#pageGrid .rightColumn 	{float: right; width: 665px; margin: 0 20px 0 0;}
#pageGrid .mainColumn 	{margin: 0 20px;}

.highlightPanel {background: #e6f0f7; padding: 10px; margin: 0 0 25px 0;}
.highlightPanel .imgRight {border: 2px solid #FFF; margin-bottom: 0;}
.rightFloatingColumn {float: right; width: 270px; padding: 0 0 0 15px; margin: 0 0 0 30px; border-left: 1px solid #d3e4f0;}

.underlineTextBlock  	{border-bottom: 1px solid #d3e4f0; padding: 8px 0 8px 0; margin: 0;}

ul.underline 	{margin: 10px 0 0 0; padding: 0; list-style: none;}
ul.underline li {background: url('../images/bullet_01.gif') no-repeat 0 5px; padding: 0 0 10px 15px; border: none;}

.textImgBox 		{font-size: 11px; line-height: 1.1em; clear: both; margin: 0 0 20px 0;}
.textImgBox .photo 	{float: left; margin: 0 15px 0 0;}
.textImgBox a 		{color: #4B5962;}
.textImgBox a:hover {color: #e51937; text-decoration: none;}
.textImgBox .redText {display: block; font-weight: bold; padding: 0 0 4px 0; font-size: 12px;}

#aboutUsTextBlock {width: 345px;}

/* Product Grid */
.selectionRow 				{border-bottom: 1px solid #d3e4f0; border-top: 1px solid #fff; padding: 0 0 15px 0; margin: 0 0 10px 0; clear: both;}
.selectionRow ul 			{margin: 0; padding: 0; list-style: none;}
.selectionRow li 			{float: left; width: 145px; text-align: center; margin: 0 9px 0 9px;}
.selectionRow li a 			{color: #2c3c46;}
.selectionRow li a:hover 	{text-decoration: none; color: #e0102a;}
.selectionRow img 			{margin: 0 0 7px 0;}

.infoPanel 					{}
.infoPanel .tabs 			{clear: both; border: 1px solid #d3e4f0; border-bottom: none; height: 100%; overflow: hidden; background: url('../images/bgr_tabs.gif') repeat-x 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 15px 0 15px; height: 25px; display: block; color: #8e8e98; line-height: 1em; font-size: 11px; font-weight: bold; outline: none;}
.infoPanel .tabs a:hover 	{color: #e51937; text-decoration: none;}
.infoPanel .tabs a.selected {background-color: #FFF; color: #e51937; text-decoration: none;}
.infoPanel .tabContent 		{clear: both; padding: 20px;}
.infoPanel .tabs span 		{padding: 5px 0 0 0; display: block;}

/* Product Preview */
#productPreview 				{position: relative; border-left: 1px solid #d3e4f0; float: right; width: 350px; margin: 0 0 25px 25px; padding: 0 0 0 25px;}
#productPreview .thumbnails 	{height: 40px;}
#productPreview .thumbnails img {border: 1px solid #d3e4f0; margin-right: 15px;}
#productPreview .thumbnails img.selected {border: 1px solid #e0102a;}
#productPreview .thumbnails ul 	{margin: 0; padding: 0; list-style: none;}
#productPreview .thumbnails li 	{float: left;}

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

/* Worldwide sites */
#worldwideSites {background: #fff url('../images/globe.jpg') no-repeat right 70px; height: 300px;}
#selectWorldSite {width: 300px; margin: 70px 0 0 75px;}
#selectWorldSite td {padding: 0 10px 7px 0;}
#selectWorldSite select {width: 250px;}

/* Sub Navigation */
ul.subNav 					{list-style: none; margin: 0 0 20px 0; padding: 0;}
ul.subNav li 				{border-bottom: 1px solid #d6d6d6; padding: 3px 0 4px 0; font-weight: bold;}
ul.subNav li a 				{color: #2c3c46;}
ul.subNav li a:hover 		{text-decoration: none; color: #e0102a;}
ul.subNav h4 				{list-style: none; margin: 0 0 5px 0;}
ul.subNav a.selected 		{color: #e0102a;}


/* Footer */
#footer 						{line-height: 1.1em; padding: 8px 0 8px 0; margin-top: 10px; font-size: 11px; color: #454545;}
#footer #copyright 				{float: left;}
#footer #bottomLinks 			{float: right;}
#footer #bottomLinks a 			{color: #4b5962; padding: 5px;}
#footer #bottomLinks a:hover 	{color: #e51937; text-decoration: none;}

/* Forms */
form 					{padding: 0px; margin: 0px;}
input, textarea 		{padding-left:4px; padding-right:2px; border: 1px solid #9e9e9e; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.button,.submit         {font-weight: bold; font-family: Arial, Helvetica, sans-serif; background: #e51937; border: 1px solid #e51937; color: #FFF; padding: 1px 5px 1px 5px;}
#signUp input 			{margin-right: 5px;}
#signUp .inputBox 		{padding: 2px;}
input.noborder 			{border: none;}

/* Header */
#topBanner 			{color: #000000; margin: 15px auto 0 auto; position: relative; width: 900px; background: #eeeeee; padding: 6px 15px 6px 15px; font-weight: bold;}
#topBanner a        {text-decoration: none;}
#topBanner a:hover  {text-decoration: underline;}
#topBanner .leftCol     {width: 50%; text-align: left;}
#topBanner .rightCol    {text-align:right;}

ul.leftNav          {margin-left: 0; padding-left: 10px; margin-top: 0;}
ul.leftNav li       {list-style-type:square; margin-left: 15px; padding-top: 2px; padding-bottom: 2px;}
ul.leftNav li.blank {list-style:none; margin-left: 0;}
ul.leftNav li.title {list-style:none; margin-left: 0;}

.spec-left  {float: left; text-align: right; font-weight: bold; width: 30%; padding: 4px 12px 4px 0; clear: left; display: block; border-top: dotted 1px #cccccc;}
.spec-right {float: left; text-align: left; font-weight: normal; width: 60%; padding: 4px 0 4px 0; display: block; clear: right; border-top: dotted 1px #cccccc;}
.spec-title {float: left; text-align: left; font-weight: bold; width: 92%; padding: 4px 0 4px 0; display: block; clear: both; border-top: dotted 1px #cccccc;}

/* Distributor Locator */
.distributorMap		{width: 890px;}
.divLeft			{float: left; display: block; padding-right: 20px; width: 600px;}
.divRight			{float: right; display: block; text-align: left; width: 270px; padding-top: 18px;}
.countriesList ul	{list-style: none; display: block; padding: 0;}
.countriesList ul ul	{padding-left: 3px;}
.countriesList li		{padding: 1px 0;}
.countriesList li.blank	{padding-left: 20px; padding-top: 4px;}
.countriesList span		{margin-left: 5px;}