body { background-color: #FFF; background-image: url(../images/cmainBG.jpg); background-repeat: repeat-x; background-position: top; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; line-height: 1.45; }

/*---------FOR IE PNG SUPPORT----------*/
img, div, a, input { behavior: url(../../sg/css/css/iepngfix.htc); }
/*--------------------------------------*/

/*--------------TEXT STYLES-------------*/
h1 { font-size: 120%; color: #990000; margin-bottom: 10px; line-height: 1; }
h2 {
	color: #333;
	font-size: 1.25em;
	font-weight: bold;
	margin-bottom: 5px;
	line-height: 1.2;
}
h3 {
	font-size: 2em;
	color: #990000;
	line-height: 1;
	margin-bottom: 25px;
	margin-left: 12px;
}
h4 { font-weight: bold; font-size: 125%; line-height: 1; margin-bottom: 10px; color: #FFF; text-shadow:#333 0 1px 2px; }
h5 { font-size: 200%; font-weight: normal; color: #FFF; text-align: center; display: block; text-shadow: #000 2px 2px 4px; }
.mainText { font-size: .9em; color: #474747; margin-bottom: 10px; margin-right: 25px; list-style-image: url(../images/bulletRed.png); }
.mainText a:link, .mainText a:visited{ color: #016F9E; text-decoration:none
}
.mainText a:hover{ text-decoration:underline; }
.productSubhead { font-size: 80%; color: #FFF; text-align: center; display: block; line-height: 1.25; width: 700px; margin-right: auto; margin-left: auto; }
.mainText li { margin-bottom: 10px; }
/*--------------------------------------*/


/*-----------LAYOUT ELEMENTS------------*/
#container { width: 925px; margin-right: auto; margin-left: auto; top: 0px; }
/*----------GLOBAL HEADER-----------*/
#header { height: 100px; width: 925px; position: relative; }
#topLogo { background-image: url(../images/homeLogo.jpg); background-repeat: no-repeat; height: 67px; width: 184px; position: absolute; left: 0px; top: 20px; cursor:pointer; cursor:hand; }
#topLinks { height: 19px; top: 15px; right: 0px; position: absolute; }
#topLinks img { margin-left: 7px; }
#topLinks p { display: inline; font-size: .75em; color: #999; position: relative; top: -5px; }
#topLinks p a{ color: #999; }
#topLinks p a:hover{ color: #FFF; }
#languageEN, #languageES, #languageFR, #languageCH {
	font-size: 8px;
	color: #999;
	position: absolute;
	height: 12px;
	top: 4px;
	visibility: hidden;
}
#languageEN {
	left: 873px;
}
#languageES { left: 847px; }
#languageFR { left: 872px; }
#languageCH {
	left: 898px;
}
/*---------NAV TABS---------*/

#topNav { position: absolute; height: 35px; top: 45px; right: -42px; }
#topNav ul { list-style-type: none; display: inline; }
#topNav ul li { float: left; }

a.tab { background: transparent url(../images/navTabR.jpg) no-repeat scroll top right; color: #FFF; display: block; font-size: 1.25em; height: 35px; padding-right: 8px; /* sliding doors padding */
	text-decoration: none; text-shadow:#000 0 1px 2px; float: left; }

a.tab span { background: transparent url(../images/navTabBG.jpg) no-repeat top left; display: block; line-height: 25px; padding: 5px 4px 5px 12px; }
a.tab:hover { background-position: bottom right; outline: none; 
}

a.tab:hover span { background-position: bottom left; }
/*------------------------------*/

/*----------------------------------*/


/*----------GLOBAL FOOTER-----------*/
#bottom { height: 75px; width: 925px; position: relative; float: left; border-top: solid #666 1px; margin-top: 5px; text-align: right; }
#bottom img { margin-top: 15px; float: left; }
#bottom p { font-size: 70%; color: #666; margin-top: 15px; }
#bottom p a:link, #bottom p a:visited, #bottom p a:active{ color: #016F9E; text-decoration:none
}
#bottom p a:hover{ text-decoration:underline; }
/*----------------------------------*/

/*---------HOMEPAGE LAYOUT----------*/
#homeMainContent { position: relative; width: 925px; float: left; }
#homeFlash { height: 301px; width: 614px; position: relative; float: left; }
#homeBanner { height: 301px; width: 287px; position: relative; right: 0px; float: right; }
#homeCol1, #homeCol2 { float: left; width: 294px; margin-top: 25px; position: relative; }
#homeCol2 { margin-left: 25px; }
#homeCol3 { float: right; width: 288px; margin-top: 25px; position: relative; }
/*----------------------------------*/


/*-------CONTENT PAGE LAYOUT--------*/
#contentMainContent, #contentProduct { position: relative; width: 925px; float: left; background-color: #FFF; background-repeat: no-repeat; background-position: center top; }
#contentMainContent { background-image: url(../images/contentTop.jpg); }
#contentProduct { background-image: url(../images/contentProduct.jpg); }

/*-------contentCol01 (main content area)--------*/
#contentCol1 { float: left; width: 613px; margin-top: 25px; position: relative; margin-left: 12px; margin-bottom: 25px; margin-right: 12px; }
/* IE6 only */
* html #contentCol1{ margin-left: 10px; }
/* END */

#contentCol1 div { width: 281px; padding: 0 12px 0 12px; margin: 0; float: left; }

#contentCol1 br { clear: left; }
#contentCol1 div p { font-size: .9em; color: #333; margin-bottom: 10px; }

#contentCol1 div p a:link, #contentCol1 div p a:visited, #contentCol1 div ul li a:link, #contentCol1 div ul li a:visited{ color: #016F9E; text-decoration:none
}
#contentCol1 div p a:hover, #contentCol1 div ul li a:hover{ text-decoration:underline; }

#contentCol1 div ul { margin-bottom: 25px; list-style-image: url(../images/bulletRed.png); }
#contentCol1 div ul li { font-size: .9em; color: #333; margin-bottom: 5px; }
#contentCol1 div img { margin-bottom: 15px; }

#contentCol1 div#ice { float: none; display: block; width: auto; }
/*-------contentCol02 (side panels)--------*/
#contentCol2 { float: right; width: 262px; margin-top: 70px; position: relative; margin-right: 25px; }
/* IE6 only */
* html #contentCol2{ margin-right: 10px; }
/* END */

#contentCol2 span #button { margin-top: 5px; }

/*-------contentCol03 (alternate main content area - products page)--------*/
#contentCol3 { float: left; width: 900px; margin-top: 25px; position: relative; margin-left: 25px; margin-bottom: 25px; }

/* IE6 only */
* html #contentCol3{ margin-left: 10px; }
/* END */

#contentCol3 .mainText { padding-right: 25px; }

#contentCol3 div { width: 410px; margin-right: 35px; margin-top: 400px; float: left; }

#contentCol3 br { clear: left; }
#contentCol3 div p { font-size: .9em; color: #333; margin-bottom: 10px; }

#contentCol3 div p a:link, #contentCol3 div p a:visited{ color: #016F9E; text-decoration:none; }
#contentCol3 div p a:hover{ text-decoration:underline; }

#contentCol3 div ul { margin-bottom: 15px; list-style-image: url(../images/bulletRed.png); }

#contentCol3 div ul li { font-size: .9em; color: #333; margin-bottom: 10px; }
#contentCol3 div img { margin-bottom: 15px; }
/*----------------------------------*/


/*-----------SIDE PANELS------------*/
#panelFree, #panelDemo, #panelDemo2, #panelFreeC, #panelDemoC, #panelDemo2C, #panelUptime { display: block; height: 177px; width: 262; text-decoration: none; margin-bottom: 15px; cursor:pointer; cursor:hand; }
#panelFree { background: transparent url(../images/panelFreedom.jpg) no-repeat scroll top left; }
#panelFree:hover { background-position: top right; outline: none; }#panelFreeC { background: transparent url(../images/panelFreedomC.jpg) no-repeat scroll top left; }
#panelFreeC:hover { background-position: top right; outline: none; }
#panelDemo { background: transparent url(../images/panelDemo.jpg) no-repeat scroll top left; }
#panelDemo:hover { background-position: top right; outline: none; }
#panelDemoC { background: transparent url(../images/panelDemoC.jpg) no-repeat scroll top left; }
#panelDemoC:hover { background-position: top right; outline: none; }
#panelDemo2 { background: transparent url(../images/panelDemo2.jpg) no-repeat scroll top left; }
#panelDemo2:hover { background-position: top right; outline: none; }
#panelDemo2C { background: transparent url(../images/panelDemo2C.jpg) no-repeat scroll top left; }
#panelDemo2C:hover { background-position: top right; outline: none; }
#panelUptime { background: transparent url(../images/panelUptime.jpg) no-repeat scroll top left; }
#panelUptime:hover { background-position: top right; outline: none; }
#panelCareers { background: transparent url(../images/buttonCareers.jpg) no-repeat scroll top left; display: block; height: 48px; width: 262; text-decoration: none; margin-bottom: 15px; cursor:pointer; cursor:hand; }
#panelCareers:hover { background-position: bottom left; outline: none; }
#panelCareersC { background: transparent url(../images/buttonCareersC.jpg) no-repeat scroll top left; display: block; height: 48px; width: 262; text-decoration: none; margin-bottom: 15px; cursor:pointer; cursor:hand; }
#panelCareersC:hover { background-position: bottom left; outline: none; }

.panelGray { background: transparent url(../images/panelGrayBottom.jpg) no-repeat scroll bottom left; color: #999; display: block; font-size: .75em; line-height: 1.2; color: #333; width: 262px; padding-bottom: 15px; /* sliding doors padding */
	text-decoration: none; margin-bottom: 15px; }
.panelGray div { background: transparent url(../images/panelGrayTop.jpg) no-repeat top left; display: block; padding: 5px 15px 0px 15px; }
.panelGray div a:link, .panelGray div a:visited{ color: #016F9E; text-decoration:none; }
.panelGray div a:hover{ text-decoration:underline; }
#bannerDemo { background: transparent url(../images/buttonDemo.jpg) no-repeat scroll top left; display: block; height: 48px; width: 376px; margin-top: 0px; position: relative; float: left; cursor:pointer; cursor:hand; }
#bannerDemo:hover {background-position: bottom left; }
#bannerDemoC { background: transparent url(../images/buttonDemoC.jpg) no-repeat scroll top left; display: block; height: 48px; width: 376px; margin-top: 0px; position: relative; float: left; cursor:pointer; cursor:hand; }
#bannerDemoC:hover {background-position: bottom left; }
/*----------------------------------*/

/*-------contentCol04 (form pages)--------*/
#contentCol4 { float: left; width: 600px; margin-top: 25px; position: relative; padding-left: 25px; margin-bottom: 25px; }
#contentCol4 p { margin-bottom: 1em; }
#contentCol4 p.recommendation { margin-bottom: 2em; }
/* IE6 only */
* html #contentCol4{ margin-left: 10px; }
/* END */

/*-----------------------------------------*/



div.2column { margin-bottom: 25px; }



#spanStateText, { float: right; }
