/* CSS Document */

@charset "utf-8";

/* GENERAL */
* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
	margin-bottom: 1px;
}
body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	font-size: 62.5%;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	background-color: #fff;
	behavior:url("../htc/csshover.htc");
}
body.big {
	font-size: 68.75%;
}
body.large {
	font-size: 75%;
}
body, th, td, input, textarea, select {
	color: #000000;
	font-family: Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
}
form {
	display: inline;
}
img {
	border: none;
}
hr {
	border: none;
	color: #f4f4f4;
	background: #ccc;
	height: 2px;
	margin: 10px 0;
}

img, div {
	behavior: url(../htc/iepngfix.htc);
	behavior: url(/htc/iepngfix.htc);
}

/* FLOATS & CLEARS */
.fl {
	float: left;
} .fr {
	float: right;
}
.clear {
	clear: both;
	height: 0;
	margin: 0;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

/* TEXT & LINKS*/
p {
	margin: 0 0 10px;
	padding: 0;
	font-size: 1.2em;
}
a {
	color: #527690;
	text-decoration: none;
	outline: none;
}
a:active {
	outline: none;
}
a:hover, a:active, a:focus {
	color: #c13f31;
}


#s1p p.large_sol {
	color: #c13f31;
	font-weight: bold;
	font-size: 1.5em;
}

h1 {
	margin: 0;
	padding: 0;
	color: #CCCCCC;
	font-size: 2.8em;
	font-weight: normal;
}
h2 {
	margin: 0;
	padding: 0;
	color: #999999;
	font-size: 2.4em;
}
h3 {
	margin: 0;
	padding: 0;
	color: #666666;
	font-size: 2em;
}
h4 {
	margin: 0;
	padding: 0;
	color: #333333;
	font-size: 1.6em;
}
h5 {
	margin: 0;
	padding: 0;
	color: #000000;
	font-size: 1.2em;
	font-weight: bold;
}
#pd {
	padding-bottom: 1em;
	font-size: .9em;
	color: #333333;
	font-style: italic;
	font-weight: bold;
}
/* Tips for Elastic layouts 
1. Since the elastic layouts overall sizing is based on the user's default fonts size, they are more unpredictable. Used correctly, they are also more accessible for those that need larger fonts size since the line length remains proportionate.
2. Sizing of divs in this layout are based on the 100% font size in the body element. If you decrease the text size overall by using a font-size: 80% on the body element or the #container, remember that the entire layout will downsize proportionately. You may want to increase the widths of the various divs to compensate for this.
3. If font sizing is changed in differing amounts on each div instead of on the overall design (ie: #sidebar1 is given a 70% font size and #mainContent is given an 85% font size), this will proportionately change each of the divs overall size. You may want to adjust based on your final font sizing.
*/
#container {
	height:100%; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	/*background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../images/body_backgrounds/0009.jpg);
	background-color: #FFFFFF;*/
}

#header {
	width: 100%;
	margin: 0 auto;
	padding: 0px;
	background-position: 0em 8em;
	background-repeat: no-repeat;
} 
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#mainContent {
	padding: 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 100%;
	text-align: left;

}
#mainContent.homepage {
	background-image: url(../images/common/content_bg_black_spacer.gif);
	background-repeat: repeat;
	width: 100%;
	background-color: #494949;
}
#subContent {
	padding: 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 100%;
	text-align: left;

}
#subContent.subpage {
	background-repeat: no-repeat;
	width: 100%;
	background-color: #eaeaea;
	background-image: url(../images/common/content_bg_white2.jpg);
	background-position: center top;
}
#homepage_bg {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
#subpage_bg {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	/*width: 900px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/common/content_bg_white.jpg);
	background-repeat: no-repeat;
	background-position: center top;*/
}
#footer {
	padding: 0;
	background-color: #000000;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 100%;
} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

#t1 {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	top: 10px;
}
#t1a {
	width: 900px;
	height: 4em;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#t1f {
	position: absolute;
	top: .2em;
	width: 250px;
	height: 50px;
	z-index: 1;
	left: 0em;
}
#t1f h1.x { display: none; }

#t1l { position: absolute; list-style: none; width: 14em;  margin: 0; padding: 0; top: 0; right: 0; z-index: 1; }
#t1l li { font: small-caps 1.1em Tahoma,sans-serif; text-transform: lowercase; }
#t1l li a { position: absolute; top: -200px; display: block; width: 14em; padding: 0.4em 0 0.4em 1em; background: url(../images/m_li_rag.gif) #474747 13.5em 55% no-repeat; color: #dadada; line-height: 1.3em; } 
#t1l li a:focus, #t1l li a:active { right: 0; top: 0; color: #fff; background: url(../images/m_li_rag.gif) #575757 13.5em 55% no-repeat; }

#t1s {
	position: absolute;
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 1;
	top: 0em;
	background-image: url(../images/common/main_nav_bg.gif);
	background-repeat: repeat-x;
	float: left;
	background-position: 50%;
	left: 0em;
}
#t1s li {
	float: left;
	font-size: 1.1em;
	border-left: 1px solid #CCCCCC;
}
#t1s li a { display: block; color: #dadada; padding: 0.4em 0.6em; line-height: 1.3em; } 
#t1s li a:hover, #t1s li a:focus, #t1s li a:active { color: #fff; background: #575757; }
#t1s li.tx {
	font-family: Tahoma, sans-serif;
}
#t1s li.tx a {
	padding: 0.4em 1em;
	background: url(../images/m_li_rag.gif) no-repeat 92% 55%;
	color: #000000;
} 
#t1s li.tx a:hover, #t1s li.tx a:focus, #t1s li.tx a:active {
	background: #c13f31 url(../images/m_li_rag.gif) no-repeat 92% 55%;
	color: #FFFFFF;
}
#t1s li.fx { font-weight: bold; }
#t1s li.fx a span { color: #9cc45e; }
#t1v {
	font-size: 1.1em;
	z-index: 900;
	float: right;
}
#h2 { background: #fff; }
#h2e {
	font-size: 1.1em;
	background-color: #0066CC;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 2em;
	padding-bottom: 2em;
	float: right;
	width: 10%;
}


#h2e h1 { color: #555; }
#h2e a { text-decoration: underline; }
#h2a { width: 750px; height: 2.9em; padding: 1.7em 0 0; margin: 0 auto; font-size: 1.1em; text-align: right; }
#h2a a { color: #666; } #h2a a:hover { color: #333; text-decoration: underline; }
#h2a span { color: #bbb; padding: 0 0.3em; }

#t3 {
	background: url(../images/m_bg_nav.gif) repeat-x 0 100%;
	width: 900px;
}
#t3a { width: 750px; margin: 0 auto; }

#t3n {
	padding: 0;
	list-style: none;
	float: left;
	margin: 0;
}
#t3n li {
	display: block;
	position: relative;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 0;
	float: left;
	background-image: url(../images/m_e_menu.gif);
	background-repeat: no-repeat;
	background-position: 50% -1000%;
}
#t3n li.x a { border-left: none; }
#t3n li.home { border-left: none; background: url(../images/m_i_home.gif) 0 50% no-repeat !important; }
#t3n li:hover, #t3n li.over { background-position: 50% 100%; }
#t3n li a {
	float: left;
	display: block;
	padding: 0.9em 10px 0.73em;
	font-size: 1.1em;
	color: #000000;
	font-weight: bold;
} 
#t3n li:hover a, #t3n li.over a, #t3n li a:hover, #t3n li a:focus, #t3n li a:active {
	color: #FFFFFF;
	background-color: #c13f31;
}
#t3n li.home { padding: 0; border-left: 0.1em solid #dedede;
	border-bottom: 0.27em solid #fff;}
#t3n li.home a {
	border-left: none;
	padding: 0.9em 10px 0.73em 19px;
	color: #333;
	background-color: #FFFFFF;
	
}
#t3n li.home a:hover { padding: 0.9em 10px 0.73em 19px; color: #000; border-color: #fff !important; }
#t3n li a span { position: absolute; left: 47%; top: 3.2em; visibility: hidden; width: 5px; height: 3px; background: url(../images/m_e_menu.gif) no-repeat; }
#t3n li a:hover span, #t3n li a:focus span, #t3n li a:active span { visibility: visible; }
#foot1 {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	background-color: #000000;
}

#t4 {
	margin: 0px;
	padding: 0px;
}
#t4a {
	width: 900px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0px;
}
#t4n {
	color: #CCCCCC;
	font-size: 1.1em;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
	z-index: -1;
}
#t4n a { color: #CCCCCC; }
#t4n a.x { font-weight: bold; }
#t4n a:hover, #t4n a:focus, #t4n a:active {
	text-decoration: underline;
	color: #c13f31;
}
#t4n object { position: absolute; right: 10px; top: 5px; }
#t4h {
	background: url(../images/m_bg_t4h.jpg) no-repeat;
}
#t4hi {
	height: auto;
	min-height: 3em;
	background-position: 18px 50%;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
#t4 div.error #t4hi { padding-left: 15px; }
#t4hi h2 { font-size: 1.8em; padding: 0; margin: 0; }
#t4c {
	background: #3d3e42;
	width: 900px;
}
div.home #t4c {
	background-color: #CCCC33;
	background-image: url(../images/common/content_bg_black.png);
	background-repeat: no-repeat;
	background-position: center 0;
} 
div.subs #t4c { background: url(../images/m_bg_subs.gif) #3d3e42 259px 0 repeat-y; } 
div.error #t4c { background: #fff; } 
#t4c_c { background: #83b830; height: 1px !important; }

#t4f {
	clear: both;
	border-top: 0.2em solid #c13f31;
	border-bottom: 0.1em solid #333333;
	background-color: #000000;
	width: 100%;
}
#t4f div.fl, #t4f div.fr { font-size: 1.1em; padding: .8em 0 0.8em; color: #bcbcbc; }
#t4f div a {
	color: #bcbcbc;
	padding: 3px 5px 2px;
} 
#t4f div a:hover, #t4f div a:focus, #t4f div a:active {
	background-color: #c13f31;
	color: #fff;
}
#t4f div.fl img, #t4f div.fr img {
	vertical-align: middle;
	background-color: #000000;
}
#t4ff {
	color: #bcbcbc;
	font-size: .9em;
	text-align: center;
	padding-top: 0.6em;
	padding-right: 0;
	padding-bottom: 0.2em;
	padding-left: 0;
	background-color: #000000;

}
#t4ff div.fl, #t4ff div.fr {
	font-size: 1.1em;
	padding: 0.81em 0 0.8em;
	color: #bcbcbc;
	background-color: #000000;
}
#t4ff div a {
	color: #bcbcbc;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
} 
#t4ff div a:hover, #t4ff div a:focus, #t4ff div a:active {
	background-color: #c13f31;
}
#t4ff div.fl img, #t4ff div.fr img { vertical-align: middle; }
#t4s {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
}

#t4s h1 {
	font-weight: normal;
	color: #FFF;
	font-size: 3.6em;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}

#t4s.sub {
	background-color: #000000;
	width: 900px;
	margin-top: 50px;
}
#navcontainer { /* none needed */
	width: 100%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}

ul#navlist {
        margin: 0;
        padding: 0;
        list-style-type: none;
        white-space: nowrap;
}

ul#navlist li {
        float: left;
        font-family: verdana, arial, sans-serif;
        font-size: .9em;
        font-weight: bold;
        margin: 0;
        padding: 5px 0 4px 0;
        background-color: #FFFFFF;
}

#navlist a, #navlist a:link {
        margin: 0;
        padding: 5px 9px 4px 9px;
        color: #666666;
        border-right: 1px solid #eaeaea;
        text-decoration: none;
}

ul#navlist li#active {
        color: #fff;
        background-color: #000;
}

#navlist a:hover {
        color: #fff;
        background-color: #c13f31;
}

#col_l {
	float: left;
	width: 300px;
	margin: 10px 0px;
	padding: 0px;
	z-index: 5;
}

#col_c {
	width: 300px;
	float: left;
	margin: 10px 0px;
	padding: 0px;
	z-index: 5;
}

#col_r {
	float: right;
	width: 290px;
	margin: 10px 0px;
	padding: 0px;
	z-index: 5;
}
#s0l_news {
	background: repeat-y left;
	list-style: none;
	padding: 10px 20px;
	font-size: 1.1em;
	color: #404040;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #666666;
	z-index: 10;
}

#s0l_news h3 {
	font-size: 1.5em;
	color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 2px;
	margin-bottom: 10px;
}
#s0l_news h3 a:link, a:visited, a:active {

	/*color: #5B7E95;	*/
}
#s0l_news h3 a:hover {	
	color: #D42524;	
}
#s0l_news li {
	font-size: 1.2em;
	color: #FFFFFF;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	letter-spacing: 1px;
	display: block;
	background-image: none;
}

#s0l_news li.x {
	border-bottom: none;
}
#s0l_news li a {
	position: relative;
	/* vg display: block; */
	background: no-repeat 97% 50%;
	color: #FFFFFF;
	font-size: 1.11em;
	letter-spacing: 1px;
	text-decoration: underline;
}

#s0l_news li a.v {
	/*color: #5B7E95;	*/			
	margin: 0px;
	padding: 0px;
	font-size: 1.6em;
	font-weight: bold;
	border-bottom: none;
}

#s0l_news li a.v:link, #s0l_news li a.v:visited, #s0l_news li a.v:active {
	/*color: #5B7E95;	*/	
}
#s0l_news li a.v:hover {
	color: #D42524;
	text-decoration: underline;
	background-color: #0033CC;
}

#s0l_news li a img {
	bottom: -2px;
	position: relative;
}
#s0l_news li a:hover, #s0l_news li a:focus, #s0l_news li a:active {
	background-image: url(../images/m_li_rapw.gif);
	color: #c13f31;
	background-color: #CCCCCC;
}
#s0l_news li a:hover span, #s0l_news li a:focus span, #s0l_news li a:active span {
	color: #D42524;
	background-color: #3300FF;
}
#s0r_work {
	font-size:1.1em;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 20px;
	padding-left: 20px;
	width: 260px;
}
#s0r_work h3 {
	font-size: 1.5em;
	color: #666666;
	padding-top: .3em;
	padding-bottom: .2em;
	margin-bottom: 1em;
	background-image: url(../images/common/column_header_accent.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 1em;
}
#s0r_work h3 a:link, a:visited, a:active {
	/*color: #5B7E95;	*/	
}
#s0r_work h3 a:hover {	
	color: #D42524;	
}
#s0r_work ul {
	list-style: none;
}
#s0r_work ul li {
	overflow: hidden;
}
#s0r_work ul li img {
	padding: 1px;
	margin: 0;
	display: block;
	background-position: center;
	border: 1px none #5B7E95;
	float: left;
}
#s0r_work ul li div {
	min-height: 5.3em;
	font-size: 1.1em;
	float: left;
	line-height: 1.65em;
	margin: 0px;
	width: 210px;
	padding: 0;
}
#s0r_work ul li div a {
	display: block;
	padding-top: 0.25em;
	padding-right: 0.5em;
	padding-bottom: 0.25em;
	padding-left: 0.5em;
	font-size: 1.1em;
}
#s0r_work ul li div a:hover, #s0r_work ul li div a:focus, #s0r_work ul li div a:active {
	color: #ffffff;
	background-color: #c13f31;
}
#s0r_work ul li a:hover img, #s0r_work ul li a:focus img, #s0r_work ul li a:active img { border: 1px none #DE3949; }
#s0r_work h5 {
	color: #333333;
	padding-right: .5em;
	padding-left: .5em;
	font-size: 1.1em;
}
#s0r_work p {
	color: #000000;
	padding-right: .5em;
	padding-left: .5em;
	font-size: 1.1em;
	padding-top: 0px;
	padding-bottom: 1em;
	letter-spacing: 0.1em;
	display: block;
	line-height: normal;
}
#s0r_test {
	font-size:1.1em;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 20px;
	padding-left: 20px;
}
#s0r_test h3 {
	font-size: 1.5em;
	color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 2px;
	margin-bottom: 10px;
}
#s0r_test h3 a:link, a:visited, a:active {
	/*color: #5B7E95;	*/	
}
#s0r_test h3 a:hover {	
	color: #D42524;	
}
#s0r_test ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-size:.9em;
}
#s0r_test ul li {
	clear: both;
	overflow: hidden;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
#s0r_test ul li img {
	padding: 1px;
	margin: 0;
	display: block;
	background-position: center;
	border: 1px none #5B7E95;
	float: left;
}
#s0r_test ul li div {
	min-height: 5.3em;
	font-size: 1.1em;
	float: left;
	line-height: 1.65em;
	margin: 0px;
	height: 40px;
	width: 210px;
	padding: 0;
}
#s0r_test ul li div a {
	display: block;
	/*color: #5B7E95;	*/
	margin-right: 0;
	margin-left: 0;
	background-color: #FFFFFF;
}
#s0r_test ul li div a:hover, #s0r_test ul li div a:focus, #s0r_test ul li div a:active {
	color: #D42524;
}
#s0r_test ul li a:hover img, #s0r_test ul li a:focus img, #s0r_test ul li a:active img { border: 1px none #DE3949; }
#s0r_test h5 {
	color: #CCCCCC;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#s0r_test p {
	color: #CCCCCC;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 1.1em;
	padding-top: 0px;
	padding-bottom: 0px;
}
#s0l {
	float: left;
	width: 620px;
	text-align: left;
}
#s0l.notabs {
	padding-top: 4em;
}
#s0l.tabbed {
	float: left;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 620px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	margin-top: 0px;
}
#s0r {
	float: right;
	width: 240px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: relative;
	top: 2em;
	padding-bottom: 5em;
}
#s0r.tabbed {
	float: right;
	width: 240px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: relative;
	top: -4.3em;
}
#s1h {
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 0em;
	padding-right: 2em;
	padding-bottom: 0.5em;
	padding-left: 2em;
}
#s1h h3 {
	color: #666666;
	font-weight: normal;
}
#s1s { padding: 1.5em 30px 1.4em 40px; border-bottom: 0.2em solid #e8e8e8; font-size: 1.1em; }
#s1c { padding: 1.5em 30px 5em 40px; font-size: 1.1em; }
#s1c a { text-decoration: underline; }

ol.suns { list-style: none; }
ol.suns li { height: auto; min-height: 45px; padding: 3px 0 1.5em 60px; background-position: 3px 3px; background-repeat: no-repeat; }
ol.suns li:hover, ol.suns li.over { background-position: -797px 3px; }
ol.suns li.x1 { background-image: url(../images/m_s_w_01.png); }
ol.suns li.x2 { background-image: url(../images/m_s_w_02.png); }
ol.suns li.x3 { background-image: url(../images/m_s_w_03.png); }
ol.suns li.x4 { background-image: url(../images/m_s_w_04.png); }
ol.suns li.x5 { background-image: url(../images/m_s_w_05.png); }
ol.suns li.x6 { background-image: url(../images/m_s_w_06.png); }
ol.suns li.x7 { background-image: url(../images/m_s_w_07.png); }
ol.suns li.x8 { background-image: url(../images/m_s_w_08.png); }

#s1p {
	/*background-color: #FFFFFF;*/
	color: #404040;
	float: left;
	padding-bottom: 5em;
	padding-right: 2em;
	padding-left: 2em;
}
#s1p a {
	color: #527690;
}

#s1p ul.news {
	padding-left: 6em;
}

#s1p h4 {
	color: #404040;
	font-weight: bold;
	margin-top: 1em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0em;
}

#s1p h4 a:hover {
	color: #c13f31;
	text-decoration: underline;
}

#s1p h5 {
	color: #404040;
	font-weight: bold;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}
#s1p h5 a:hover {
	color: #c13f31;
	text-decoration: underline;
}

#s1p h6 {
	color: #000000;
	font-weight: bold;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	font-size:1em;
}

#s1p p {
	line-height: 150%;
	letter-spacing: 0.1em;
	color: #000000;
}

#s1p p a:hover {
	color: #c13f31;
	text-decoration: underline;
}

#s1p img {
	margin: 0em 0px;
	padding: 0px;
}
#s1p img.m {
	margin: 0 15px 0 0;
	padding: 0px;
}

#s1p ul {
	list-style: none;
	margin-bottom: 1em;
}
#s1p ul li {
	background: url(../images/common/m_li_rap.gif) no-repeat 5px .6em;
	letter-spacing: 0.1em;
	line-height: 150%;
	color: #000000;
	font-size: 1.2em;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0em;
	padding-left: 2em;
}
#s1p ul li.prods {
	padding-bottom: 0em;
}
#s1p ul li p { }
#s1p ul li a { color: #527690; }
#s1p ul li a:hover, #s1p ul li a:focus, #s1p ul li a:active {
	color: #ed2123;
	text-decoration: underline;
} 
#s1p p a.x:hover, #s1p p a.x:focus, #s1p p a.x:active { /*color: #5B7E95;	*/ } 
#s1p div.s1p_i { padding: 15px 0; margin: 0 0 35px; border-bottom: 1px solid #cdcdcd; }
#s1p div.s1p_i h4 { margin: 0; }
#s1p div.s1p_i p.s1p_sh { color: #888; margin: 0 0 15px; padding: 0; border: none; }
#s1p div.s1p_i p.s1p_sh a { color: #888; text-decoration: underline; } 
#s1p div.s1p_i p.s1p_sh a:hover, #s1p div.s1p_i p.s1p_sh a:focus, #s1p div.s1p_i p.s1p_sh a:active {
	color: #ed2123;
	text-decoration: underline;
} 
#s1p div.s1p_i div.s1p_ii { width: 100%; position: relative; margin: 0 0 17px; }
#s1p div.s1p_i div.s1p_ii img { border: 1px solid #ccc; display: block; }
#s1p div.s1p_i div.s1p_ii img.tr { position: absolute; top: 0; right: 3px; }
#s1p div.s1p_i div.s1p_ii img.br { position: absolute; bottom: 0; right: 3px; }
#s1p div.s1p_i p { margin: 0 0 0 2px; border-left: 3px solid #83b830; padding: 10px 0 0 13px; }
#s1p div.s1p_i p.technology { padding: 0 0 0 13px; text-transform: lowercase; }
#s1p div.s1p_i p.technology span { font-weight: bold; text-transform: capitalize; }
#s1p div.s1p_i p strong a { color: #83b830; padding: 0 0.9em 0 0; background: url(../images/m_e_p_forwarda.gif) 100% 50% no-repeat; }
#s1p div.s1p_i p strong a:hover { color: #000; }
#s1nav {
	padding: 1.5em 0 1em;
}
#s1nav h3 {
	margin: 0 20px 9px;
	font-size: 1.6em;
}
#s1nav ul {
	list-style: none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
#s1nav ul li { border-bottom: 1px solid #F0F0F0; }
#s1nav ul li a {
	display: block;
	color: #666666;
	font-size: 1.1em;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #999999;
	text-align: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 17px;
	padding-bottom: 10px;
}
#s1nav ul li a:hover, #s1nav ul li a:focus, #s1nav ul li a:active {
	background-color: #999999;
	color: #fff;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #D42524;
}
#s1nav ul li a.x { border-left: 3px solid #D42524; background-position: -730px 50%; background-color: #5B7E95; color: #fff; font-weight: bold; }
#t2s {
	list-style: none;
	padding: 0;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	height: 37px;
	width: 620px;
	background-image: url(../images/common/inside_tabs_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0;
	margin-right: 20;
	margin-bottom: 0;
	margin-left: 0px;
}
#t2s h5 {
	padding-right: 5px;
	padding-left: 5px;
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 11px;
}
#t2s li {
	float: left;
	font-size: 1.2em;
	color: #666666;
}
#t2s li a {
	display: block;
	color: #FFFFFF;
	line-height: 1.3em;
	font-weight: normal;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 11px;
	padding-left: 10px;
} 
#t2s li a:hover, #t2s li a:focus, #t2s li a:active {
	color: #fff;
	background-color: #c13f31;
	background-image: url(../images/navigation/t2s_over.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#t2s li.tx {
	font-family: Tahoma, sans-serif;
	color: #FFFFFF;
	background-color: #000000;
}
#t2s li.tx a {
	background: url(../images/m_li_rag.gif) no-repeat 92% 55%;
	color: #fff;
	font-weight: bold;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 11px;
	padding-left: 10px;
} 
#t2s li.tx a:hover, #t2s li.tx a:focus, #t2s li.tx a:active {
	color: #FFFFFF;
	background-color: #c13f31;
	background-image: url(../images/navigation/t2s_over.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#t2s li.fx { font-weight: bold; }
#t2s li.fx a span { color: #9cc45e; }
#quotebox {
	background-image: url(../images/common/silhouette2.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 339px;
	width: 260px;
	position: relative;
	bottom: 0px;
	right: 0px;
	padding: 0px;
}
#quotes {
	margin: 0em;
	width: 240px;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 1em;
	padding-left: 0em;
}
#quote {
	padding-top: 10px;
	padding-bottom: 0px;
	z-index: 15;
}

#quote p {
	font-size: 1.3em;
	color: #333333;
	text-align: center;
	font-weight: normal;
}
#morequotes {
	background-color: #c13f31;
}
#morequotes p {
	font-weight: bold;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}
#morequotes p a {
	color: #FFFFFF;
}
#morequotes p a:hover, #t2s li.tx a:focus, #t2s li.tx a:active {
	text-decoration: underline;
}

#cta {
	background-color: #c13f31;
	background-image: url(../images/insides/side_light.jpg);
	background-repeat: no-repeat;
	background-position: center 4.3em;
	margin-bottom: 1em;
}
#cta img {
	margin: 0 1em 0em;
}
#cta small {
	margin: 0 1em 1em;
	padding-bottom: 1em;
}
#cta h3 {
	margin: 0 1em 0em;
	font-size: 1.5em;
	padding-top: 1em;
	padding-bottom: 0.5em;
	color: #fff;
}
#cta h4 {
	margin: 0 1em 0em;
	font-size: 1.25em;
	padding-top: 2em;
	color: #c13f31;
	padding-bottom: 0em;
	text-align: right;
}
#cta h5 {
	margin: 0 1em 0em;
	font-size: 1.1em;
	padding-top: 1em;
	text-align: right;
}
#cta p {
	margin: 0 1em 0em;
	font-size: 1.1em;
	text-align: right;
}
#cta ul {
	list-style: none;
}
#cta ul li {
	text-align: right;
}

#cta ul li p {
	font-size: 1.1em;
	padding-top: .75em;
	padding-bottom: .75em;
}
#cta ul li a {
	display: block;
	color: #527690;
	font-size: 1.1em;
	text-align: right;
	padding-top: 0.75em;
	padding-right: 1em;
	padding-left: 1em;
	padding-bottom: 0.75em;
	font-weight: bold;
}
#cta ul li a:hover, #cta ul li a:focus, #cta ul li a:active {
	color: #c13f31;
}
#cta ul li a.x { border-left: 3px solid #D42524; background-position: -730px 50%; background-color: #5B7E95; color: #fff; font-weight: bold; }

#snav {
	background-color: #000;
	background-image: url(../images/insides/side_dark.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-bottom: 1em;
	padding: 0em;
}
#snav img {
	margin: 0 1em 0em;
}
#snav small {
	margin: 0 1em 1em;
	padding-bottom: 1em;
}
#snav h3 {
	margin: 0 1em 0em;
	font-size: 1.5em;
	padding-top: 1em;
	padding-bottom: 0.5em;
	color: #fff;
}
#snav h5 {
	margin: 0 1em 0em;
	font-size: 1.1em;
	padding-top: 1em;
}
#snav p {
	margin: 0 1em 0em;
	font-size: 1.1em;
}
#snav ul {
	list-style: none;
	margin: 0em;
	padding: 0em;
}
#snav ul li {
	text-align: left;
	margin: 0em;
	padding: 0em;
}

#snav ul li p {
	font-size: 1.1em;
	padding-top: .75em;
	padding-bottom: .75em;
}
#snav ul li a {
	display: block;
	color: #ACC1D0;
	font-size: 1.1em;
	text-align: right;
	padding-top: 0.75em;
	padding-right: 1em;
	padding-left: 1em;
	font-weight: bold;
	margin: 0em;
	padding-bottom: .75em;
}
#snav ul li a:hover, #snav ul li a:focus, #snav ul li a:active {
	color: #fff;
}
#snav ul li a.x { border-left: 3px solid #D42524; background-position: -730px 50%; /*background-color: #5B7E95;*/ color: #fff; font-weight: bold; }

#iq {
	margin-bottom: 1em;
}
#iq h3 {
	margin: 0 1em 1em;
	font-size: 1.2em;
}
#iq ul {
	list-style: none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
#iq ul li {
	border-bottom: 1px solid #F0F0F0; 
	text-align: left;
}

#iq p {
	font-size: 1.4em;
	text-align: center;
	font-weight: bold;
}
#iq small {
	font-size: 0.9em;
	font-style: italic;
	font-weight: normal;
	padding: 0em;
}
#iq ul li a {
	display: block;
	color: #666666;
	font-size: 1.1em;
	text-align: left;
	padding-top: 0.75em;
	padding-right: 1em;
	padding-left: 1em;
	padding-bottom: 0.75em;
	font-weight: bold;
}
#iq ul li a:hover, #iq ul li a:focus, #iq ul li a:active {
	background-color: #c13f31;
	color: #fff;
}
#iq ul li a.x { border-left: 3px solid #D42524; background-position: -730px 50%; background-color: #5B7E95; color: #fff; font-weight: bold; }

#news {
	width: 260px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-right: auto;
	margin-left: auto;
	background: repeat-y left;
	list-style: none;
	font-size: 1.1em;
	color: #404040;
	z-index: 10;
}
#news h3 {
	font-size: 1.5em;
	color: #666666;
	padding-top: 0.3em;
	padding-bottom: 0.2em;
	margin-bottom: 1em;
	background-image: url(../images/common/column_header_accent.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 1em;
}

#news ul li img {
	float: right;
	madding-right: 10px 0 0;
	padding: 0 0 1px 1px;
}
#news ul {
	list-style: none;
}
#news ul li {
	text-align: left;
	padding-bottom: 1em;
}

#news ul li p {
	font-size: 1.2em;
	padding-top: 0.75em;
	padding-right: 1em;
	padding-left: 1em;
	padding-bottom: 0em;
	letter-spacing: .1em;
}
#news ul li a {
	display: block;
	color: #527690;
	font-size: 1.2em;
	text-align: left;
	padding-top: .25em;
	padding-right: .5em;
	padding-left: .5em;
	padding-bottom: .25em;
	letter-spacing: .1em;
}
#news ul li a:hover, #news ul li a:focus, #news ul li a:active {
	color: #c13f31;
	text-decoration: underline;
}
#news ul li a.x { border-left: 3px solid #D42524; background-position: -730px 50%; background-color: #5B7E95; color: #fff; font-weight: bold; }

#customers {
	width: 260px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-right: auto;
	margin-left: auto;
	background: repeat-y left;
	list-style: none;
	font-size: 1.1em;
	color: #404040;
	z-index: 10;
}
#customers h3 {
	font-size: 1.5em;
	color: #666666;
	padding-top: 0.3em;
	padding-bottom: 0.2em;
	margin-bottom: 1em;
	background-image: url(../images/common/column_header_accent.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 1em;
}
#customers ul li img {
	float: left;
	padding: 0em 1em 1em 0em;
}
#customers ul {
	list-style: none;
}
#customers ul li {
	text-align: left;
	padding-bottom: 1em;
}

#customers ul li p {
	font-size: 1.2em;
	padding-top: 0.75em;
	padding-right: 1em;
	padding-left: 1em;
	padding-bottom: 0em;
	letter-spacing: .1em;
}
#customers ul li a {
	display: block;
	color: #333333;
	font-size: 1.2em;
	text-align: left;
	padding-top: .25em;
	padding-right: .5em;
	padding-left: .5em;
	padding-bottom: .25em;
	letter-spacing: .1em;
}
#customers ul li a:hover, #customers ul li a:focus, #customers ul li a:active {
	background-color: #c13f31;
	color: #fff;
}
#customers ul li a.x { border-left: 3px solid #D42524; background-position: -730px 50%; background-color: #5B7E95; color: #fff; font-weight: bold; }

#cta_hp {
	background-repeat: no-repeat;
	background-position: center top;
	margin-bottom: 1em;
}
#cta_hp img {
	margin: 0 1em 0em;
}
#cta_hp small {
	margin: 0 1em 0em;
}
#cta_hp h3 {
	margin: 0 1em 0em;
	font-size: 1.2em;
	padding-top: 1.5em;
	padding-bottom: .5em;
	color: #c13f31;
}
#cta_hp h5 {
	margin: 0 1em 0em;
	font-size: 1.1em;
	padding-top: 1em;
}
#cta_hp p {
	margin: 0 1em 0em;
	font-size: 1.1em;
	color: #333333;
}
#cta_hp ul {
	list-style: none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#cta_hp ul li {
	border-bottom: 1px solid #F0F0F0; 
	text-align: right;
}

#cta_hp ul li p {
	font-size: 1.1em;
	padding-top: 0.75em;
	padding-bottom: 0.25em;
}
#cta_hp ul li a {
	display: block;
	color: #527690;
	font-size: 1.1em;
	text-align: right;
	padding-top: 0.75em;
	padding-right: 1em;
	padding-left: 1em;
	padding-bottom: 0.75em;
	font-weight: bold;
}
#cta_hp ul li a:hover, #cta_hp ul li a:focus, #cta_hp ul li a:active {
	background-color: #c13f31;
	color: #fff;
}
#cta_hp ul li a.x { border-left: 3px solid #D42524; background-position: -730px 50%; background-color: #5B7E95; color: #fff; font-weight: bold; }

/* START SPRY NAVIGATION */

#MenuBar5 li {
	width: auto;
	white-space: nowrap;
}
#MenuBar5 ul {
	width: auto;
}
#MenuBar5 ul li {
	float: none;
	background-color: transparent;
}
#MenuBar5 a.MenuBarItemSubmenu {
	background-position: 100% 50%;
}
#MenuBar5 span {

}
#MenuBar5 #item1 {
	background-image: url(../images/navigation/ico_home.gif);
	margin: 0;
	padding: 2px;
	padding-left: 22px;
	display: block;
	background-position: center 50%;
	background-repeat: no-repeat;
}
#MenuBar5 #item2 {
	background-image: url(../images/navigation/ico_phone.gif);
	margin: 0;
	padding: 2px;
	padding-left: 22px;
	display: block;
	background-position: center 50%;
	background-repeat: no-repeat;
}
#MenuBar5 #item1-1 {
	background-image: url(../ajax/samples/menubar/images/italic.gif);
}
#MenuBar5 #item3 {
	margin: 0;
	padding-left: 22px;
	display: block;
	background-position: 0% 50%;
	background-repeat: no-repeat;
	padding-top: 2px;
	padding-right: 22px;
	padding-bottom: 2px;
}
#MenuBar5 #item3-1 {
	background-image: url(../ajax/samples/menubar/images/forward.gif);
}
#MenuBar5 #item3-3 {
	background-image: url(../ajax/samples/menubar/images/justifyAlign.gif);
}
#MenuBar5 #item3-1-1 {
	background-image: url(../ajax/samples/menubar/images/new.gif);
}
#MenuBar5 #item3 {
	margin: 0;
	padding: 2px;
	display: block;
	background-position: 0% 50%;
	background-repeat: no-repeat;
}
#MenuBar5 #item4 {
	margin: 0;
	padding: 2px;
	display: block;
	background-position: 0% 50%;
	background-repeat: no-repeat;
}
#MenuBar5 #item5 {
	margin: 0;
	padding: 2px;
	display: block;
	background-position: 0% 50%;
	background-repeat: no-repeat;
}
#MenuBar5 #item6 {
	margin: 0;
	padding: 2px;
	display: block;
	background-position: 0% 50%;
	background-repeat: no-repeat;
}
#MenuBar5 #item7 {
	margin: 0;
	padding: 2px;
	display: block;
	background-position: 0% 50%;
	background-repeat: no-repeat;
}
#MenuBar5 a {
	text-decoration: none;
}

/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 1em;
	cursor: default;
	width: auto;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 995;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 8em;
	float: left;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1005;
	cursor: default;
	width: 8.2em;
	position: absolute;
	left: -1000em;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
	width: 8.2em;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: -5% 0 0 95%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
	/*border: 1px solid #CCC;*/
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	background-color: #eee;
	padding: 0.5em 0.75em;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	background-color: #c13f31;
	color: #FFF;
	text-decoration: none;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-color: #c13f31;
	color: #FFF;
	text-decoration: none;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	background-image: url(../images/navigation/main_nav_down_arrow_out.gif);
	background-repeat: no-repeat;
	background-position: right 50%;
	padding-right: 20px;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
	background-image: url(../ajax/widgets/menubar/SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-image: url(../images/navigation/main_nav_down_arrow_over.gif);
	background-repeat: no-repeat;
	background-position: right 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-image: url(../ajax/widgets/menubar/SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}

/* STOP SPRY NAVIGATION */

/* START SPRY TABS */

/* SpryTabbedPanels.css - version 0.4 - Spry Pre-Release 1.6 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* Horizontal Tabbed Panels
 *
 * The default style for a TabbedPanels widget places all tab buttons
 * (left aligned) above the content panel.
 */

/* This is the selector for the main TabbedPanels container. For our
 * default style, this container does not contribute anything visually,
 * but it is floated left to make sure that any floating or clearing done
 * with any of its child elements are contained completely within the
 * TabbedPanels container, to minimize any impact or undesireable
 * interaction with other floated elements on the page that may be used
 * for layout.
 *
 * If you want to constrain the width of the TabbedPanels widget, set a
 * width on the TabbedPanels container. By default, the TabbedPanels widget
 * expands horizontally to fill up available space.
 *
 * The name of the class ("TabbedPanels") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabbedPanels container.
 */
.TabbedPanels {
	padding: 0px;
	float: left;
	clear: none;
	width: 100%;
	margin-top: 2em;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/* This is the selector for the TabGroup. The TabGroup container houses
 * all of the tab buttons for each tabbed panel in the widget. This container
 * does not contribute anything visually to the look of the widget for our
 * default style.
 *
 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabGroup container.
 */
.TabbedPanelsTabGroup {
	background-repeat: no-repeat;
	background-position: left top;
	height: 4.3em;
	margin: 0em;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 0em;
	white-space: nowrap;
	background-image: url(../images/common/inside_tabs_bg.jpg);
	border-bottom-width: .2em;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
#About_Us {
	background-image: url(../images/navigation/tabs_bg_about_us.gif);
	background-repeat: no-repeat;
	background-position: left top;
	/*padding-left: 192px;*/
	padding-left: 196px;
}

#Merchant {
	background-image: url(../images/navigation/tabs_bg_merchant.gif);
	background-repeat: no-repeat;
	background-position: left top;
	/*padding-left: 188px;*/
	padding-left: 197px;
}
#Connect {
	background-image: url(../images/navigation/tabs_bg_connect.gif);
	background-repeat: no-repeat;
	background-position: left top;
	/*padding-left: 188px;*/
	padding-left: 197px;
}
#Vendor_Portal {
	background-image: url(../images/navigation/tabs_bg_vendor_portal.gif);
	background-repeat: no-repeat;
	background-position: left top;
	/*padding-left: 188px;*/
	padding-left: 197px;
}

/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */
.TabbedPanelsTab {
	+position: relative;
	top: 1px;
	float: left;
	list-style: none;



	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	font-family: Tahoma;
	font-size: 1.4em;
	padding-top: 1.1em;
	padding-right: 1em;
	padding-bottom: 0.8em;
	padding-left: 1em;
	color: #FFFFFF;
	margin: 0em;
	font-weight: bold;
}

/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */
.TabbedPanelsTabHover {
	background-image: url(../images/navigation/t2s_over.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */
.TabbedPanelsTabSelected {
	background-color: #000000;
	color: #FFFFFF;
}

/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */
.TabbedPanelsContentGroup {
	clear: both;
}

/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */
.TabbedPanelsContent {
	padding-top: 2em;
}

/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisible {
}

/* STOP SPRY TABS */

#promo {
	margin-bottom: 1em;
}
#col_left1 {
	float:left; width:280px
}

#col_right1 {
float:right; width:280px
}

#col_left1 a:link, a:active, a:visited {
	color: #527690;
}

#col_right1 a:link, a:active, a:visited {
	color: #527690;
}

#col_left1 ul li a:hover {
	color: #c13f31;
	text-decoration: underline;
}

#col_right1 ul li a:hover {
	color: #c13f31;
	text-decoration: underline;
}
.cons_1col_wrap {

}
.cons_col_l {
	float: left;
	width: 270px;
	
}
.cons_col_c {
	width: 300px;
	float: left;
	padding-bottom: 5em;
	padding-left: 1em;
}
.cons_col_r {
	width: 300px;
	float: right;
	padding-right: 2em;
	padding-bottom: 5em;
}
#cons_s1p {
	/*background-color: #FFFFFF;*/
	color: #404040;
	float: left;
	padding-bottom: 5em;
	padding-right: 2em;
	padding-left: 2em;
}
#cons_s1p a {
	color: #527690;
}

#cons_s1p ul.news {
	padding-left: 6em;
}

#cons_s1p h4 {
	color: #404040;
	font-weight: bold;
	margin-top: 1em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0em;
}

#cons_s1p h4 a:hover {
	color: #c13f31;
	text-decoration: underline;
}

#cons_s1p h5 {
	color: #404040;
	font-weight: bold;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}
#cons_s1p h5 a:hover {
	color: #c13f31;
	text-decoration: underline;
}

#cons_s1p h6 {
	color: #000000;
	font-weight: bold;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	font-size:1em;
}

#cons_s1p p {
	line-height: 150%;
	letter-spacing: 0.1em;
	color: #000000;
}

#cons_s1p p a:hover {
	color: #c13f31;
	text-decoration: underline;
}

#cons_s1p img {
	margin: 2em 0px;
	padding: 0px;
}

#cons_s1p ul {
	list-style: none;
	margin-bottom: 1em;
}
#cons_s1p ul li {
	background: url(../images/common/m_li_rap.gif) no-repeat 5px .6em;
	letter-spacing: 0.1em;
	line-height: 150%;
	color: #000000;
	font-size: 1.2em;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0em;
	padding-left: 2em;
}
#cons_s1p ul li.prods {
	padding-bottom: 0em;
}
#cons_s1p ul li p { }
#cons_s1p ul li a { color: #527690; }
#cons_s1p ul li a:hover, #cons_s1p ul li a:focus, #cons_s1p ul li a:active {
	color: #ed2123;
	text-decoration: underline;
} 
#cons_s1p p a.x:hover, #cons_s1p p a.x:focus, #cons_s1p p a.x:active { /*color: #5B7E95;	*/ } 
#cons_s1p div.cons_s1p_i { padding: 15px 0; margin: 0 0 35px; border-bottom: 1px solid #cdcdcd; }
#cons_s1p div.cons_s1p_i h4 { margin: 0; }
#cons_s1p div.cons_s1p_i p.cons_s1p_sh { color: #888; margin: 0 0 15px; padding: 0; border: none; }
#cons_s1p div.cons_s1p_i p.cons_s1p_sh a { color: #888; text-decoration: underline; } 
#cons_s1p div.cons_s1p_i p.cons_s1p_sh a:hover, #cons_s1p div.cons_s1p_i p.cons_s1p_sh a:focus, #cons_s1p div.cons_s1p_i p.cons_s1p_sh a:active {
	color: #ed2123;
	text-decoration: underline;
} 
#cons_s1p div.cons_s1p_i div.cons_s1p_ii { width: 100%; position: relative; margin: 0 0 17px; }
#cons_s1p div.cons_s1p_i div.cons_s1p_ii img { border: 1px solid #ccc; display: block; }
#cons_s1p div.cons_s1p_i div.cons_s1p_ii img.tr { position: absolute; top: 0; right: 3px; }
#cons_s1p div.cons_s1p_i div.cons_s1p_ii img.br { position: absolute; bottom: 0; right: 3px; }
#cons_s1p div.cons_s1p_i p { margin: 0 0 0 2px; border-left: 3px solid #83b830; padding: 10px 0 0 13px; }
#cons_s1p div.cons_s1p_i p.technology { padding: 0 0 0 13px; text-transform: lowercase; }
#cons_s1p div.cons_s1p_i p.technology span { font-weight: bold; text-transform: capitalize; }
#cons_s1p div.cons_s1p_i p strong a { color: #83b830; padding: 0 0.9em 0 0; background: url(../images/m_e_p_forwarda.gif) 100% 50% no-repeat; }
#cons_s1p div.cons_s1p_i p strong a:hover { color: #000; }
#cons_1col_wrap_subtitle h4 {
	margin-left: 280px;
	margin-bottom: 1em;
	color: #676665;
}
.s0l_info {
	list-style: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.s0l_info h3 {
	font-size: 125%;
	font-weight: bold;
	color: #C13F31;
}
.s0l_info li {
	width: 300px;
	/*background-image: url(../images/m_e_inf_s.gif);*/
	background-repeat: no-repeat;
	background-position: 0 50%;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-bottom-color: #EEECE3;
}
.s0l_info li div { /*background: url(../images/m_e_inf_t.gif) 0 -100em no-repeat;*/ }
.s0l_info li div span {
	display: block;
	/*background: url(../images/m_e_inf_b.gif) no-repeat 0 -100em;*/
	padding-top: 10px;
	padding-bottom: 10px;
}
.s0l_info li div span a {
	display: block;
	color: #527690;
	font-size: 1.1em;
	/*background-image: url(../images/m_s_d_01.gif);;*/
	background-repeat: no-repeat;
	background-position: 10px 50%;
	padding-right: 10px;
	padding-left: 91px;
}
.s0l_info li div span a.x1 { background-image: url(../images/insides/thumb_supply_chain_management.gif); }
.s0l_info li div span a.x2 { background-image: url(../images/insides/thumb_business_intelligence.gif); }
.s0l_info li div span a.x3 { background-image: url(../images/insides/thumb_eai_b2bi.gif); }
.s0l_info li div span a.x4 { background-image: url(../images/insides/thumb_enterprise_applications.gif); }
.s0l_info li div span a.x5 { background-image: url(../images/insides/thumb_software_development.gif); }
.s0l_info li div span a.x6 { background-image: url(../images/insides/thumb_contact.gif); }
.s0l_info li div span a.x7 { background-image: url(../images/insides/thumb_custom_solutions.gif); }
.s0l_info li div span a.x8 { background-image: url(../images/insides/thumb_training.gif); }
.s0l_info li:hover, .s0l_info li.over {
	background-position: 349px 50%;
	/*background-image: url(../images/m_e_inf_s.gif);*/
}
.s0l_info li:hover div, .s0l_info li.over div {
	background-color: #F7F5EC;
	background-position: 0px 0%;
}
.s0l_info li:hover div span, .s0l_info li.over div span { /*background-position: 0 100%;*/ }
.s0l_info li:hover div span a, .s0l_info li.over div span a {
	color: #000;	/*background-position: -440px 50%;*/
}
.s0l_info li div span a:focus, .s0l_info li div span a:active { color: #000; }/*r_work ul li div a:hover, #s0r_work ul li div a:focus, #s0r_work ul li div a:active { color: #ed2123; text-decoration: underline; }*/
#dl {
	background: #fff;
	list-style: none;
	width: 240px;
	margin-right: 0px;
	margin-left: 0px;	
	margin-bottom: 1em;
}
#dl ul {
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
}
#dl ul li { background: none; padding: 0px; margin: 0px; border-bottom: 1px solid #e8e5de;
	font-size: 1.1em; }
#dl ul li a {
	font-size: 1.1em;
	background: url(../images/common/icon_pdf.gif) no-repeat 10px 5px;
	display: block;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 36px;
	color: #5B7E95;
	letter-spacing: normal;
	word-spacing: normal;
}
#dl ul li a span { position: absolute; left: 0; color: #134992; background: url(../images/common/icon_pdf.gif) no-repeat 10px 50%; padding: 0 0 0 0em; }
#dl ul li a:hover, #dl ul li a:focus, #dl ul li a:active {
	background-color: #F0F0F0;
	background-image: url(../images/common/icon_pdf.gif);
	color: #646464;
	text-decoration: none;
}
#dl ul li a:hover span, #dl ul li a:focus span, #dl ul li a:active span { color: #fff; }
#dl h5 {
	background-color: #B0B1B3;
	padding-top: 5px;
	padding-bottom: 5px;
	text-indent: 10px;
	font-size: 1.1em;
	color: #FFFFFF;
}
/* SPRY
-------------------------------------------*/
/* Layout Rules
----------------------------------------------- */
#wrap {
	padding-top: 20px;
	margin: 0px;
	padding-left: 20px;
}

#codesample #wrap { width: auto; }

/*#header {
	margin-bottom: 2em;
	text-align: left;
	padding-left: 0.5em;
}*/
#LeftColumn {
  margin:0 10px 0 0;
  padding:0;
  width: 200px;
  float: left;
}
#LeftColumn, #articles {
  border-left: solid 1px #404040;
  border-right: solid 1px #404040;
  border-bottom: solid 1px #404040;
}
#articles {	margin-bottom: 10px; }

#RightColumn {
	margin:0;
	padding:0;
	height: 600px;
	float: left;
	width: 750px;
}
#content, #sidebar {
	float: left;
	text-align: left;
}
#content {
	width: 584px;
	margin-right: 20px;
}
#sidebar {
	width: 258px;
	margin-top: 0;
}
#sidebar.b {
	padding-bottom: 5em;
}
.SpryHiddenRegion {
   visibility: hidden;
}
/* Table Rules
----------------------------------------------- */
td.rank { }

#products { 
	border-collapse:collapse;
	empty-cells:show;
	width:100%;
	margin: 0;
}
#products caption {
	color: #fff;
	text-transform:uppercase;
	text-align: left;
	font-weight: bold;
	letter-spacing: 0.1em;
	background-color: #FD2800;
	padding: 0.375em;
	border-top: solid 1px #999;
	border-bottom: solid 1px #3a3a3a;
}
#products th {
	background: url('../images/ajax/bg_grad_gray2.gif') repeat-x;
	padding: 6px 0.25em;
	color: #333333;	
	font-weight: bold;
	margin: 0;
	cursor: pointer;
}

#products th.infocus { background-color: #E6E6E6; }
#products th.selected {	color: #EAEAEA; }

#products td, #products th { 
	margin: 0; 
	padding: 0.25em 0.375em 0.45em 0.375em;
	text-align: left;
}
#products tr {
	border-bottom: solid 1px #202020;
	-moz-user-select: none;
	-khtml-user-select: none;
}
#products tr.infocus {
	background-color:#dfdfdf;
	cursor: pointer;
}

#products tr.notinfocus { background-color:#fff; }
#products tr.selected { color:#fc0; }
#products tbody { margin-top: 0; }
.even { background-color: #151515; }

.rowHover {
	color: #000;
	background-color: #777;
	cursor: pointer;
}

.rowSelected { color: #fc0; }

.productinfo {
	width: 700px;
	margin-left: 250px;
}

.category {
	float:right;
	margin-top:18px;
}

.boximage {
	float: left;
	background-color: white;
}
/* Utility IDs, classes, and HTML selectors
----------------------------------------------- */
#boxshot {
	background-color: #fff;
	border-top: solid 1px #999;
	border-bottom: solid 1px #3a3a3a;
	border-left: solid 1px #3a3a3a;
	border-right: solid 1px #3a3a3a;
	text-align: center;
 }
#hp_p {
	background-color: #efefef;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-right-color: #eee;
	border-bottom-color: #eee;
	border-left-color: #eee;
	background-image: url(../images/common/homepage_partners_bg.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#hp_p img {
	float: left;
}
#hp_p img.m {
	margin-right: 5px;
}
#hp_p p {
	padding-top:10px;
	margin-left: 170px;
}
#hp_p p a:link, #hp_p p a:visited, #hp_p p a:active { color: #527690; }
#hp_p p a:hover { color: #c13f31; }

.emailFont{
	font-family:Tahoma;
	font-size:11px;
	color:#808080
}