/*------------------------------------------------------------------ 

# [Master Stylesheet for site for all global layout and text styling] 
#  
# Project:    Axios Web Refresh 
# Version:    1.1 
# Last changes:    30/09/09 - Details:  Link styling / Form fields in sidebar / Update Header H2 links_set / Styling for alternate tabe rows - use of Java / Orgnaisation of global.css

# -------------------------------------------------------------------*/

/*------------------------------------------------------------------ 

# [TABLE OF CONTENTS] 
#  

GENERAL / GLOBAL

# i. Color codes
# 1. Background & Global Styling 
# 2. Link & Button Styling - Text links and generic button links
# 3. Global Styling of text - Covers h1 h2 h3 h4 ul li p q for left and right columns 

CONTENT BASED (Structural & Styling)

# 4. Header 
# 5. Main Content Section - Main content of site, contained in left column
# 6. IndexTabbed Navigation (Javascript carousel - 3 tabs) 
# 7. Quote styling - for quotes appearing in the left hand column 
# 8. Sidebar - Styling for Right hand column (includes form styling in RHC
# 9. Footer - All footer styling

# -------------------------------------------------------------------*/

/*i.

/*------------------------------------------------------------------ 

# # [Color codes] 

# # White: 			#FFF		(Input Button text) 
# # Off-White:		#FCFCFF		(Right hand column BG)
# # Light Stone:	#EFEFEF		(tabbed navigation border)
# # Light Purple:	#F0F2FC		(Table row BG for alternate rows)
# # Light Grey:		#CCC		(H2 border bottom, tabbed nav border)
# # Mid Grey:		#999		(Footer p, box quotes)
# # Warm Grey:		#B2B2B2		(p.h1a)
# # Dark Grey:		#4C4C4C		('p' tag, 'table' text color)
# # Faded Blue:		#f3f6ff		(even rows)
# # Light blue  	#CCCCFF 	(top navigation)
# # Mid Blue  		#333399		(header) 
# # Lilac:			#BABFDF		(html default background colour)
# # Soft Purple:	#9693C5		(Links hover and active)
# # Grey/Purple:	#E3E6FF		(H2 links set, Input Btn hover, homepage CTA border-top )
# # Matt Purple:	#585396		(H3, sidebar h1, login link, tabbed nav link hover)	
# # Navy/Purple:	#5D618C		(H2, UL, Tab menu link and active state)
# # Navy Blue:		#4F5EBA		(Links, hover and visited)
# # Deep Purple:	#1F007F		(Left Column H1, Quote, 'q' tag border and quotee color)
# # Vivid purple:	#A8A1E4		(Login box hover)
# # Dark Purple  	#000066 	(headings, links)

# # ------------------------------------------------------------------*/


/* 1.BACKGROUND & GLOBAL STYLING */


html{
background-color:#BABFDF;
background-image: url(/img/structure/html_bggradient.png);
background-repeat: repeat-x;
background-position: top;
}

body {
text-align: left;
font-family:Arial, Helvetica, sans-serif;
margin-top: 0px;
background-image: url(/img/structure/topBGshadows.jpg);
background-repeat: no-repeat;
background-position: center top;
}

#clear {
background-color:#FFFFFF;
clear: both;
width: 100%;
margin-bottom:-3px;
}

img{
border:0;
}

/* END Background & Global Styling*/


/* 2. LINK & BUTTON STYLING*/

a:link, a:visited{
color:#4f5eba;
text-decoration:none;
outline:none;
}

a:hover, a:active{
color:#9693C5;
text-decoration:none;
}

.inputButton {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background: url(/img/structure/button_arrow.gif) no-repeat scroll right top;
height:22px;
padding-right:18px;
margin:10px 0px 25px 0px;
}

.inputButton input {
float:right;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background: url(/img/structure/button_bg.gif) no-repeat scroll left top;
border:medium none;
color:#FFFFFF;
cursor:pointer;
display:block;
font-size:11px !important;
height:22px;
padding:0 0px 2px 15px;
}

.inputButton input:hover {
color:#E3E6FF; !important;
}

select{
margin:2px 0px 2px 11px;
}

/* END Link & Button Styling*/


/* 3. GLOBAL STYLING OF TEXT */

/*  headers */

h1, h2 /*,h3, h4, h5*/ {
clear:both;
}

h1.strapline {
/*background-image: url(/img/structure/strapline.png);
background-repeat: no-repeat;
left: 220px;
top: 55px;*/
position: absolute;
text-indent: -9999px;
/*height: 34px;
width: 455px;
margin: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;*/
}

h2{
font-weight:normal;
font-size:18px;
color:#5d618c;
border-bottom:1px solid #cccccc;
}

h2.h2_links_set{
font-weight:bold;
font-size:13px;
color:#e3e6ff;
background: url(/img/structure/h2_links_set_bg.png) left top no-repeat;
padding:3px 5px 4px 5px;
border:none;
overflow:visible;
width:652px;
margin-left:-5px;
}

h3{
font-weight:bold;
font-size:14px;
color:#585396;
}
h4 {
font-size: 12px;
font-weight: bold;
margin-bottom: -10px;
color: #1f007f;
margin-top: -5px;
}

/*  paragraph, tables and quotes */

#footercontent p{
font-size:10px;
color:#999999;
}

.quotewrap q {
border-left-width: 1px;
border-left-style: solid;
border-left-color: #1f007f;
display: block;
margin-left: 80px;
margin-right: 18px;
margin-top:20px;
padding-left:5px;
}

<!--- To remove greyed out scroll bar --> 

textarea {
overflow:auto
}

#contentcontainer ul{
font-size:12px;
color:#5d618c;
list-style-image: url(/img/structure/li_bullet.gif);
line-height: 20px;
margin-left: 30px;
margin-top: 20px;
margin-bottom: 20px;
}

.leftcolumn .li{
padding-left:20px;
}

#wrapper .leftcolumn ul.links_list {
list-style-image: url(/img/structure/links_list_bullet.gif);
margin: 0px 0px 0px 14px;
padding: 0px;
}

#wrapper .leftcolumn ul.links_list li:hover {
list-style-image: url(/img/structure/links_list_hover.gif);
}

.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar p, .sidebar ul{
margin-left: 12px;
margin-right: 12px;padding-left:5px;
font-weight:normal;
}

p, table{
font-size:12px;
color:#4c4c4c;
line-height: 18px;
}

.leftcolumn table{
width:100%;
}

table td, table td p{
padding:2px 5px;
margin:0px;
}

<!-- Alternate table rows works with Javascript-->

.r0{
background-color:#fff;
}

.r1{
background-color:#f3f6ff;
}

/*  Right hand column specific */

.sidebarcontent h1 img {
position: absolute;
right: 10px;
top: -18px;
}

.sidebarcontent .icondrop {
margin-top: 12px;
}

.sidebar h1, #rhcindex h1 {
margin-top:0px; 
font-size: 13px; 
color: #585396; 
background: url(/img/structure/sidebarH1_bg.gif) no-repeat left bottom; 
position: relative; 
padding-top:9px; 
padding-bottom: 2px
}

/*
background-image:url(/img/structure/sidebarH1_bg.gif);
background-position:right bottom;
background-repeat:no-repeat;
color:#585396;
font-size:13px;
margin-top:0;
padding-bottom:2px;
padding-right:35px;
position:relative;
*/


.sidebarcontent p {
font-size: 11px;
line-height: 15px;
}

.sidebarcontent ul {
margin-left:0px;
font-size:11px;
line-height:12px
}

.sidebarcontent li{
padding-left:0px;
}

/* END Global Styling of text */


/* ### Body content and div styling follows from here ### */


/* 4. HEADER */

#wrapper{
width:960px;
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
padding:0px;
position: relative;
left:10px;
}

#headerWrapper {
height:155px;
background-color: #FFFFFF;
position:relative;
/* left:-10px; */
width:960px;
}

#header {
background: url(/img/structure/header_bg.jpg) no-repeat left top;
height: 155px;
}

#logo {
position: absolute;
left: 28px;
top: 40px;
}

#login {
height: 29px;
width: 712px;
/*background: url(/img/structure/login_bg.png) no-repeat top right;*/
position: absolute;
top: 0px;
right: 0px;
}

#login ul {
list-style-type: none;
font-size: 10px;
margin: 0px;
padding:0px;
display:inline;
position:absolute;
right:20px;
top:4px;
}

#login li {
float:left;
}

#login a {
padding-right: 12px;
margin-left: 5px;
}

li.login a:link, li.login a:visited{
background-image: url(/img/structure/padlock.gif);
background-repeat: no-repeat;
background-position: right center;
}

li.login a:hover, li.login a:active{
background-image: url(/img/structure/padlock_hover.gif);
background-repeat: no-repeat;
background-position: right center;
}

li.logout a:link, li.logout a:visited{
background-image: url(/img/structure/padlock-open.gif);
background-repeat: no-repeat;
background-position: right center;
}

li.logout a:hover, li.logout a:active{
background-image: url(/img/structure/padlock-open_hover.gif);
background-repeat: no-repeat;
background-position: right center;
}

li.register a:link, li.register a:visited {
background-image: url(/img/structure/tick.gif);
background-repeat: no-repeat;
background-position: right center;
}

li.register a:hover, li.register a:active {
background-image: url(/img/structure/tick_hover.gif);
background-repeat: no-repeat;
background-position: right center;
}

li.profile a:link, li.profile a:visited {
background-image: url(/img/structure/profile.gif);
background-repeat: no-repeat;
background-position: right center;
}

li.profile a:hover, li.profile a:active {
background-image: url(/img/structure/profile_hover.gif);
background-repeat: no-repeat;
background-position: right center;
}

#login li a:link, #login li a:visited{
color:#fff;
}

#login li a:hover, #login li a:active{
color:#A8A1E4;
}

#countryselect {
height: 27px;
width: 152px;
display: block;
overflow: hidden;
position: absolute;
right: 12px;
top: 103px;
z-index:150;
}

#countryselect img:hover{
margin-top:-27px;
}

/* 5. MAIN CONTENT SECTION */


#contentcontainer {
background-color: #FFFFFF;
float:left;
width:100%;
}

.leftcolumn {
width: 642px;
margin: 0px 24px;
float: left;
z-index:1;
}

/* Homepage Specific */

.calltoaction_container {
width:936px;
margin-left: 12px;
margin-right:12px;
padding-top:20px;
float:left;
}

.calltoaction_container img.product_benefits{
top:-26px;
left:18px;
position:relative;
}
/*
#featurebanner img {
margin: 12px;
}

#featurebanner {
background-image: url(/img/structure/featurebanner_bg.png);
background-repeat: repeat-x;
background-position: top;
}
*/
/* 6. INDEX TABBED NAVIGATION */

/*#tabbed_content {
width: 642px;
margin: 20px 0px 10px 12px;
float: left;
background-image: url(/img/structure/tabbed_content_BG.png);
background-repeat: no-repeat;
background-position: left top;
}*/

#tabbed_content p {
width: 250px;
margin-left: 20px;
margin-top: 30px;
float: left;
}

#tab_container{
margin:-22px 0px 30px 10px
}

/*ul#MainTabMenu {
display: block;
float:left;
margin:0px;
padding:0px;
height:30px;
}

#MainTabMenu li{
display:inline;
}

#MainTabMenu li a{
width:202px;
height:13px;
float:left;
background-image: url(/img/structure/index_tab_inactive.png);
background-repeat:no-repeat;
padding:10px;
margin:-10px;
}

#MainTabMenu li a.active{
background-image: url(/img/structure/index_tab_active.png);
}*/

#MainTab1 ul, #MainTab2 ul, #MainTab3 ul, #MainTab4 ul, #MainTab5 ul{
/* float:left; */
margin-top:30px;
}

#MainTabMenu a:link, #MainTabMenu a:visited{
color:#5d618c;
}

#MainTabMenu a:hover, #MainTabMenu a:active{
color:#fff;
background-position: 0px -34px;
}

#MainTabMenu a.active{
color:#5d618c;
background-position:0px 0px;
}

/* END Index Tabbed Navigation */


/* Fluid Tabbed Navigation - for left column tabbed content */

ul#tab_navigation{
padding:0px;
margin:0px;
list-style-type: none;
list-style-image: none;
float:left;
width:100%;
background-image: url(/img/structure/tab_ul_bg.jpg);
background-repeat: no-repeat;
background-position: center 8px;
}
/*
ul#tab_navigation li {
float:left;
text-align:center;
border-right-width: 1px;
border-top-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-top-style: solid;
border-left-style: solid;
border-right-color: #ccc;
border-top-color: #efefef;
border-left-color: #efefef;
line-height:12px;
margin-top:-5px;
}

#tab_navigation a{
display:block;
padding:5px 0px;
width:120px;
margin: 0px 0px 0px 0px;
background-image: url(/img/structure/tab_nav_BG.png);
background-repeat:no-repeat;
background-position: left 0px;
height:25px;
}*/
#tab_navigation a:hover{
background-image: url(/img/structure/tab_nav_BG.jpg);
background-repeat:no-repeat;
background-position: left -100px;
color:#fff;
}

#tab_navigation li a{
background-image: url(/img/structure/tab_nav_BG.jpg);
background-repeat:no-repeat;
background-position: left -50px;
display:block;
width:120px;
height:25px;
border-right:1px solid #babfdf;
line-height:14px;
padding:5px 3px;
}
#mid-row-index #tab_navigation li a{
padding: 5px 0px;
border:0
}
#tab_navigation li a.active{
background-image: url(/img/structure/tab_nav_BG.jpg);
background-repeat:no-repeat;
background-position: left 0px;
border-right:1px solid #efefef;
}

#wrapper #contentcontainer .leftcolumn .index-tabs li a.active{
background: url(/img/structure/index_tab_active.png) no-repeat;
}

#tab_navigation li a.active:hover, #tab_navigation li a.active {
color:#585396;
}

.tabbed_content{
margin:60px 0px 0px 0px;
padding-bottom:25px;
background: url(/img/structure/tab_ul_foot_bg.jpg) 0px 100%;
Background-repeat:no-repeat;
/* Chaged below to fix float issue with images 
overflow:hidden; */
}

/* END Fluid Tabbed Navigation */


/* 7. QUOTE STYLING */


.quotecontainer {
padding-bottom:20px;
background-image: url(/img/structure/quote_bottomleft.jpg);
background-repeat: no-repeat;
background-position: left bottom;
}
.quotecontainer img{
margin-left:15px;
}
.quotewrap {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
line-height: 20px;
color: #999999;
background-image: url(/img/structure/quote_topright.jpg);
background-position: right top;
background-repeat:no-repeat;
padding-top:20px;
}
.quotecontainer .quotee {
font-size: 11px;
color: #1f007f;
text-align: right;
margin-right:18px;
}

.quotetdleft{
width:110px;
}

#widequote .quotetdleft{
width:20px;
}

#widequote .quotewrap{ 
background-image: url(/img/structure/quote_topright_wide.jpg);
}

#thinquote{
width:420px;
}

#thinquote .quotewrap q{
margin-left:35px;
}

#thinquote .quotewrap{
background-image: url(/img/structure/quote_topright_thin.jpg);
}

/* END Quote styling */


/* 8. SIDEBAR */

#rhcindex {
float: right;
width: 282px;
padding:30px 12px 0px 0px;
background-color:#fcfcff;
background-repeat:no-repeat;
overflow:hidden;
margin: -15px 0px 0px 0px;
}
#rhcindex .footer {
margin-top:-5px;
}
.rightcolumn {
float: right;
padding-bottom:10px;
width:270px;
}

.sidebar {
background-image: url(/img/structure/sidebar_bg.jpg);
background-repeat: repeat-y;
margin: 0px 0px -11px 0px;
z-index: 0;
}
.sidebarcontent {
margin-left: 12px;
padding-top:15px;
padding-left: 12px;
}

.sidebarcontent .buttonclear{
margin-right:12px;
}

.sidebarcontainer {
float: right;
}

/* SIDEBAR FORM */

.sidebarcontent dd{
margin-left:4px;
}
.sidebarcontent input[type=text], .sidebarcontent textarea{
color:#b2b2b2;
font-family:arial, helvetica, sans-serif;
font-size:12px;
margin:0px 0px 8px 10px;
border:1px solid #bbb;
padding:4px;
width:85%;
}
.sidebarcontent input[type=text]:focus, .sidebarcontent textarea:focus{
background-color:#f2f2f2;
}

/* END Sidebar Form */


/* FORM TOOLTIP

span.hint {
display:none;
position: absolute;
right: 232px;
width: 220px;
margin-top: -4px;
padding: 6px 10px;
font-size:12px;
color:#fff;
opacity:0.9;
background-image: url(/img/structure/hint_bg.png);
background-repeat: no-repeat;
background-position: right top;
} */

/* If you want a seperate functioning arrow to display instead of all one graphic 
.hint .hint-pointer {
position: absolute;
left: 236px;
top: 2px;
width: 14px;
height: 24px;
background: url(/img/structure/pointer.png) left top no-repeat;
}
*/

/* END Form tooltip */


/* END Sidebar */

/* 9. FOOTER */

#footercontainer {
background-image: url(/img/structure/footer_bg.gif);
background-repeat: no-repeat;
background-position: center top;
height: 151px;
margin:-3px 0px 0px 0px;
padding:0px;
position:relative;
left:5px;
}

/* END Footer */

.leftcolumn #MainTab2 ul.box-links{
margin-right:auto;
margin-right:auto;
padding:0px;
}

.leftcolumn ul.box-links li, .leftcolumn ul#country-select li{
float:left;
display:inline;
list-style-type:none;
list-style-image: none;
}

ul.box-links li a{
padding:5px 10px;
border-left:1px solid #CCCCFF;
}

ul.box-links li a:hover, ul.box-links li a:active{
background-color:#CCCCFF;
color:#4F5EBA;
}

ul.box-links li.no-left-border a{
border-left:none;
}

ul.downloadpdf li {
list-style-image: url(/img/structure/li-pdf-up.gif);
}

ul.downloadpdf li:hover {
list-style-image: url(/img/structure/li-pdf-over.gif);
}

#country-select{
height346px;
width:618px;
background-image: url(/img/contact/contact-map.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
height: 347px;
position: relative;
}

#country-select li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#country-select a{
display:block;
}

#north-america{
top:0; left:0; height:130px; width:220px;
}

#south-america{
top:120px; left:120px; height:150px; width:130px;
}

#europe{
top:15px; left:270px; height:90px; width:350px ;
}

#mea{
top: 95px; left:270px ; height:130px ; width:150px ;
}

#asia-pac{
top:70px; left:390px ; height:180px ; width:220px ;
}

#north-america a {height: 120px;}
#south-america a {height: 150px;}
#europe a {height: 90px;}
#mea a {height: 130px;}
#asia-pac a {height: 150px;}

#north-america:hover {background: url(/img/contact/contact-map.jpg) -0px -347px no-repeat;}
#south-america:hover {background: url(/img/contact/contact-map.jpg) -120px -814px no-repeat;}
#europe:hover {background: url(/img/contact/contact-map.jpg) -270px -709px no-repeat;}
#mea:hover {background: url(/img/contact/contact-map.jpg) -270px -1136px no-repeat;}
#asia-pac:hover {background: url(/img/contact/contact-map.jpg) -390px -417px no-repeat;}

#regional-contacts h3{
width:100%;
background-color:#585396;
color:white;
padding:4px 5px;
font-weight:normal;
position:relative;
border-bottom:1px dashed #BABFDF;
}

#regional-contacts h3 span a{
color:#EFEFEF;
font-size:10px;
position:absolute;
right:10px;
padding-right:20px;
background: url(/img/structure/arrow-up.gif) no-repeat 100% 50%
}

#regional-contacts h3 span a:hover, #regional-contacts h3 span a:active{
color:white;
}

#regional-contacts h4{
border-bottom:1px solid #efefef;
padding-bottom:6px;
margin-bottom:10px;
}

#regional-contacts h4 img{
float:right;
margin-top:-2px;
display:block;
}
a#new-window{
background-color:#F0F2FC;
width:100%;
display:block;
padding:5px 2px;
margin-top:6px;
}

a#new-window span{
float:right;
display:block;
height:11px;
width:12px;
background: url(/img/structure/new-window.gif) 0px 0px no-repeat;
}

a#new-window:hover span{
background: url(/img/structure/new-window.gif) 0px -11px no-repeat;
}

div.contact-details{
width:300px;
float:left;
padding:0px 21px 0px 0px;
margin:0px 0px 20px 0px;
display:block;
}

div.contact-details td p{
font-size:10px;
line-height:12px;
vertical-align: top;
margin: 0px;
}

.contact-rhc{
border-bottom:1px solid #efefef;
padding:3px;
}

/* END STYLING FOR CONTACT SECTION */

/*##########################
ADDITIONS AS OF 17/11/09 
##########################*/

/* LAYOUT & SITEWIDE STYLING */

.left{
float:left;
}

.right{
float:right;
}
.img-block-right{
margin-top:-14px;
padding-left:25px;
}

.note{
font-size:10px;
color:#9693C5;
line-height:10px;
}

/* END LAYOUT & SITEWIDE STYLING */


/* FORM STYLING */

div.leftcolumn input[type=text], input[type=password], div.leftcolumn textarea{
color:#585396;
font-family:arial, helvetica, sans-serif;
font-size:12px;
margin:0px 0px 0px 10px;
border:1px solid #BABFDF;
padding:6px;
width:60%;
}

div.leftcolumn input[type=text]:focus, input[type=password]:focus, textarea:focus{
background-color:#F0F2FC;
border:1px solid #9693C5;
}

div.leftcolumn input[type=submit]{
margin: 0px 0px 0px 10px;
}

/* END FORM STYLING */

.odd{
background-color:#fff;
}

.even{
background-color:#f3f6ff;
}

/* ADDITIONS for new header 20091125 */

/*div#header div#logo span{
display:block;
width:2px;
height:95px;
position:absolute;
left:185px;
top:-16px;
background:url(/img/structure/strapline_split.png) no-repeat center;
}*/

#lang-select{
display:none; /* REMOVE DISPLAY:NONE ONCE OTHER LANGUAGE SITES BECOME AVAILABLE */
font-size:10px;
position:absolute;
right:6;
top:30px;
}

#lang-select img{
margin-left:-3px;
}

#search-wrapper{
position:absolute;
right:12px;
top:106px;
height:38px;
/*z-index*/:2000;
}

#search{
padding: 7px 5px 8px 5px;
background: url(/img/structure/search-bg.png)repeat-x;
}

#search input[type=text]{
border:1px solid #9a9a9a;
padding:4px;
color:#959494;
font-size:11px;
}

.searchbtn {
outline:none;
margin-left:3px;
border:1px solid #9a9a9a;
padding:3px;
color:#ffffff;
background:url(/img/structure/search-btn.jpg) no-repeat left bottom;
}

.searchbtn:hover {
background:url(/img/structure/search-btn.jpg) no-repeat left top;
}

.left{
float:left;
}

.right{
float:right;
}

div#contentcontainer div.leftcolumn ul.index-tabs li a{
width:214px;
}

#index-rhc{
margin:-10px 0 0 0;
}

.leftcolumn #index-tabbed p{
margin-top:10px;
line-height:22px;
}

.leftcolumn #index-tabbed ul{
padding:0px;
margin-top:0px;
}

#wrapper #contentcontainer .leftcolumn #index-tabbed #tabs-wrapper {
background: url(/en/images/home/index-tabbed-bg.jpg) no-repeat;
width:642px;
height:auto;
overflow:hidden;
margin-top:-19px;
padding-bottom:0px;
}

#index-tabbed #MainTab1, #index-tabbed #MainTab2, #index-tabbed #MainTab3{
padding:10px 20px 0px 20px;
}

#wrapper #contentcontainer .leftcolumn #index-tabbed{
border-top:1px solid #EFEFEF;
padding-bottom:25px;
Background-repeat:no-repeat;
/* Chaged below to fix float issue with images */
overflow:visible;
}

#wrapper #contentcontainer .leftcolumn #index-tabbed p{
width:200px;
float:left;
}

#wrapper #contentcontainer .leftcolumn #index-tabbed ul{
margin:10px 0px 20px 0px;
float:left;
padding:0px 0px 0px 50px;
}

.leftcolumn #index-tabbed ,tabbed-content{
margin-top:49px;
}

#index-tabbed img{
margin-right:-25px;
}

ul#tab_navigation li {
float:left;
text-align:center;
line-height:12px;
margin-top:-4px;
}


#mid-row-index{
margin-top:-33px;
background:url(/img/structure/mid-row-index.jpg) no-repeat;;
height:100%;
padding:20px 0px 0px 0px;
}

.both{
clear:both;
}

#index-rhc .sidebar{
background:url(/en/images/home/index-rc-bg.jpg) repeat-y;
}

#index-rhc h3{
margin:0px;
padding:5px 0px 4px 0px;
border-bottom:1px solid #1f007f;
}

#index-rhc ul{
padding:0px 0px;
margin:5px 0px -6px 35px;
}

#index-rhc li{
background:url(/img/structure/hr-splitter.jpg) bottom no-repeat;
line-height:13px;
padding:2px 20px 4px 0px;
margin:0px 0px 0px 0px;
font-size:11px;
}

#index-rhc li:hover{
background-color:#fcfcff ;
}

#index-rhc .sidebarcontent{
margin:0px;
padding:0px 0px 15px 40px;
}

.calltoaction_container {
width:912px;
padding:5px 24px 5px;
float:left;
z-index:200;
position:relative;
margin-bottom:-40px;
}

/*START SECTION HEADERS STYLING*/
.h1-solutions, .h1-services, .h1-customers, .h1-support, .h1-resources, .h1-news, .h1-company, .h1-partner, .h1-contact, .h1-service-catalog, .h1-saas-1{
width:657px;
height:96px;
color:#1f007f;
font-size:20px;
font-weight:normal;
padding:8px 0px 0px 10px;
margin:0px 0px 0px -12px;
position:relative;
}

.h1a{
width:410px;
display:block;
font-size: 18px;
font-style: oblique;
font-weight: normal;
font-family: "Times New Roman, Times, serif";
color:#4c4c4c;
margin:8px 0px 15px 0px;
}

.h1-solutions{
background:url(/img/structure/h1-solutions.jpg) no-repeat;
}

.h1-services{
background:url(/img/structure/h1-services.jpg) no-repeat;
}

.h1-customers{
background:url(/img/structure/h1-customers.jpg) no-repeat;
}

.h1-support{
background:url(/img/structure/h1-customers.jpg) no-repeat;
}

.h1-resources{
background:url(/img/structure/h1-resources.jpg) no-repeat;
}

.h1-news{
background:url(/img/structure/h1-news.jpg) no-repeat;
}

.h1-company{
background:url(/img/structure/h1-company.jpg) no-repeat;
}

.h1-partner{
background:url(/img/structure/h1-partner.jpg) no-repeat;
}

.h1-contact{
background:url(/img/structure/h1-contact.jpg) no-repeat;
}

.h1-service-catalog{
background:url(/img/structure/h1-service-catalog.jpg) no-repeat;
}

.h1-saas-1{
background:url(/img/structure/h1-saas-1.jpg) no-repeat;
}/*END SECTION HEADERS STYLING*/

a div.cta {
width:201px;
height:119px;
margin-right:18px;
float:left;
position:relative;
color:#ffffff;
}

a div.cta:hover {
color:#ccccff;
}

.cta span{
position:absolute;
top:14px;
left:15px;
}

.cta a:hover{
color:#babfdf;
}

#cta-contact{
background:url(/img/structure/cta-contact.jpg) no-repeat bottom left;
}

#cta-casestudies{
background:url(/img/structure/cta-casestudies.jpg) no-repeat bottom left;
}

#cta-demo{
background:url(/img/structure/cta-demo.jpg) no-repeat bottom left;
}

#cta-contact:hover, #cta-casestudies:hover, #cta-demo:hover{
background-position:top left;
}

.rhc-cta{
float:right;
width:236px;
background:url(/img/structure/rhc-cta-footer.jpg) no-repeat bottom left;
position:relative; top:-40px; z-index:100;
}

#wrapper .rhc-cta ul, .rhc-cta p, .rhc-cta h4, .rhc-cta a{
font-size:11px;
}

.rhc-cta li{
line-height:14px;
}

.rhc-cta ul{
margin:0px;
padding:0px;
}

#rhc-content-wrap{
padding:15px 15px 0px 15px;
background:url(/img/structure/rhc-cta-top.jpg) no-repeat top left;
/*z-index*/:10;
margin-bottom:13px;
float:right;
}

.btn-div{
background:url(/img/structure/btn-div-right.gif) no-repeat top right;
padding-right:15px;
float:right;
clear: both;
clip: rect(auto,auto,auto,auto);
}

.btn-div a{
background:url(/img/structure/btn-div-left.gif) no-repeat;
padding:5px 0px 5px 10px ;
float:right;
color:#ffffff;
}

th p {
background: url(/img/structure/th-form-header.jpg) no-repeat scroll 0 0;
color:#5D618C;
margin:8px 0;
padding:4px 10px 17px;
text-align:left;
}

.4col{
width:25%;
}

/* z-index of #mask must lower than #boxes .window */  
#mask {  
position:absolute;  
/*z-index*/:9000;  
background-color:#000;  
display:none;  
}  

#boxes .window {  
position:absolute;  
width:440px;  
height:200px;  
display:none;  
/*z-index*/:9999;  
padding:20px;  
}  

/* Customize your modal window here, you can add background image too */  
#boxes #dialog {  
width:375px;   
height:203px;  
}  

#footercontent {
width: 960px;
margin: 0 auto 0 auto;
padding: 30px 10px 0px 40px;
}

.footerlinks a{
border-right:1px solid #cccccc;
padding:0 10px 0 0;
}
#footercontent p.tiny{
font-size: 9px;
margin-top:-6px;
line-height:12px;
}

.screen-thumb{
float:right;
margin:1px;
width:210px;
height:176px;
padding:8px 0px;
}


.brand {
	font-weight: bold;
}

label, .label{
font-weight: bold;
}

.strap{
font-weight:bold;
}

.nextlink{
	text-align:right;
	font-weight:bold;
}

/* RESOURCES SECTION DOWNLOAD ICONS */ 

.download-pdf, .download-wp, .download-ccs, .download-webinar{
background:url(/img/structure/icon-sprites.gif) no-repeat;
	display:block;
	height:40px;
	width:60px;
}

/* UP STATES */
.download-pdf{background-position:-120px 0px;}
.download-wp{background-position:-60px 0px;}
.download-ccs{background-position:0px 0px;}
.download-webinar{background-position:-180px 0px;}

/* OVER STATES */
div.download-pdf:hover{background-position:-120px -40px;}
div.download-wp:hover{background-position:-60px -40px;}
div.download-ccs:hover{background-position:0px -40px;}
div.download-webinar:hover{background-position:-180px -40px;}

#panel-container{
width:960;
}

#excerpt .quotewrap {
background-image:url(/img/structure/excerpt.jpg);
} 
#excerpt .quotewrap q{
border:none; margin-left:0px;
} 
#excerpt .quotetdleft {
width:20px;
}

p.footerlinks{margin-top:10px;}

/*Targets chrome footer nudge issue*/ body:nth-of-type(1) #footercontainer {left:4px;}

.body #footercontainer, x:-moz-any-link{margin-left:2px;} 
/* Target Firefox only to position rhc call to action & prevent overlap. NOT CAROUSEL SPECIFIC */ 
.rhc-cta, x:-moz-any-link{top: -16px;}

.notshown {
visibility:hidden;  
display:none;  
}