/* 
 * hax 
 */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* this causes validation errors but seems to be required for ie. */
.clearfix {
  zoom: 1;
}

/**
 * BRANDING
 * This stylesheet provides branding (backgrounds, colours) for the major 
 * positional elements (divs prefixed with a t), site elements (prefixed
 * with a ww) and some internal elements (no prefix).
 */

/**
 * Element Styles
 */
 
body {
  background: #f5f5f7 url(images/bg.png) 0 0px repeat-x;
  line-height: 1.3;
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 10px;
  width: 100%;
  margin: 0px auto;
}
a {color: #a80011; text-decoration: none}
a:hover {color: #a80011; text-decoration: underline}



/**
 * Styling the positional elements
 * These IDs have been defined in the template where
 * Positional properties have already been set: 
 * width, min-width, max-width, float, clear. 
 * You are however, able to control other properties:
 * background-color, padding, border, margin, color, etc.
 * You can achieve some sweeping results by amending
 * the values in this section. This is a good place to set
 * colours for the templates.
 */
 

#tHeader {
  font-size: 11px;
  font-weight: bold;
  z-index: 30;
  xposition: absolute;
  top: 10px;
  left: 5px;
  right: 5px;
  height:59px;
  width:1024px;
}

/* ie 6 min-width hack  
* html #tHeader {
  width: expression((documentElement.clientWidth <820) ? "820" : "100%" );
}
  */

#tHeader a {
  text-decoration: none;
  color: #002a73;
  list-style-position: top left;
} 
#tHeader a:hover {
  color: #f00;
} 

/* generic sap classes */
.tHeaderLine {
  float: left;
  width: 100%;
  display: block;
  position: relative; /*prevents shifting when changing viewport in IE;thanks to Alan Gresley*/
  overflow: hidden; /*only needed for equal height columns*/
  background-color: transparent;
}
 
.tHeaderItem {
  position: relative;
  float: left;
  overflow: hidden;
  left: 100%;
}
 
.tHeaderColumn { 
}
 
#tHeaderMain #tHeaderMainLeft {
  margin-left: -100%;
  width: 220px;
  background-color: transparent;
  z-index: 101; /*prevent main content from obscuring sidebars */
}
 
#tHeaderMain #tHeaderMainLeft .sap-content {
}
 
#tHeaderMain #tHeaderMainBG {
  margin-left: -100%;
  width: 50%;
  height: 59px;
  z-index: 98;
}

#tHeaderMain #tHeaderMainBG .sap-content {
  height: 59px;
  margin-left: 100px;
  background: url(images/banner-bg.png) top left repeat-x;
}

#tHeaderMain #tHeaderMainTag {
  width: 325px;
  height: 42px;
  margin-left: -100%;
  margin-top:17px;
  xbackground: url(images/together.gif) top right no-repeat;
  z-index: 100;
}

#tHeaderMain #tHeaderMainTag .sap-content {
  float: right;
}

#tHeaderMain #tHeaderMainShortcuts {
  margin-left: -100%;
  width: 100%;
  height:59px; 
  z-index: 99;
  xpadding-top: 10px;
}

#tHeaderMain #tHeaderMainShortcuts .sap-content {
  xmargin-left: 350px;
  margin-right: 110px;
  float: right;
}


#tHeaderMain #tHeaderMainSlide {
  margin-left: -100%;
  width: 600px;
  height: 59px;
  background: url(images/banner-slide.png) top right no-repeat;
  z-index: 98;
}
 
/* ie 6 min-width hack 
* html #tHeaderMain #tHeaderMainSlide {
  width: expression((documentElement.clientWidth < 963) ? "470px" : "50%" );
}
  */

#tHeaderMain #tHeaderMainSlide .sap-content {
  height: 59px;
}

#tHeaderMain #tHeaderMainRightFill {
  margin-left: -100%;
  width: 100%;
  z-index: 98; /*prevent main content from obscuring sidebars */
}

#tHeaderMain #tHeaderMainRightFill .sap-content {
  padding-left: 0px;
  margin-left: 280px;
  margin-right: 100px;
  padding-right: 20px;
  height: 59px;
  background: url(images/banner-right-fill.png) top left repeat-x;
}

#tHeaderMain #tHeaderMainRight {
  margin-left: -100px;
  width: 100px;
  background: url(images/banner-right.png) top right no-repeat;
  z-index: 100; /*prevent main content from obscuring sidebars */
}
 
#tHeaderMain #tHeaderMainRight .sap-content {
  xwidth:90px;
  height:39px;
  background: url(images/logout.png) top left no-repeat;
  margin-left: 10px;
  margin-top: 20px;
}

.tBodyHeadTextOuter {
  display: table;
  #position: relative;
  overflow: hidden;
  height: 32px;
  width: 100%;
}
 
.tBodyHeadTextMiddle {
  display: table-cell;
  #position: absolute;
  #top: 50%;
  vertical-align: middle;
}
 
.tBodyHeadTextInner {
  #position: relative;
  #top: -50%;
}  

/* div
   the TRHS links
 */

#wwShortcuts {
  text-align: left;
  xdisplay: inline;
  margin-left: 10px;
  width: 100%;
  color: #0056A7;
}

#wwShortcutsTop {
  float: right;
  xpadding: 14px 6px 2px 8px;
  padding-bottom: 5px;
}

#wwShortcutsBottom {
  text-align: left;
  border-top: 1px solid #BAC0C7;
  clear: right;
  float: right;
}


#wwShortcutsTop ul {
  xfloat:right;
  margin-top: 13px;
}
#wwShortcutsBottom ul {
  xfloat:right;
  padding: 0px;
  margin-top: 5px;
  margin-left: 5px;
}
#wwShortcutsTop li {
  float: left;
  display: inline;
  list-style-type: none;
  font-size: 10px;
}
#wwShortcutsBottom li {
  float: left;
  display: inline;
  list-style-type: none;
  font-size: 11px;
}

#wwShortcutsTop li a {
  font-size: 10px;
}

#wwShortcutsTop li a, #wwShortcutsBottom li a {
  display: block;
  padding: 0 8px;
  color: #0056A7;
  xline-height: 18px;
  text-decoration: none;
}
#wwShortcutsTop li a:hover, #wwShortcutsBottom li a:hover {
  text-decoration: none;
  color: #A20010;
}

#wwShortcutsTop .separator, #wwShortcutsBottom .separator {
  background: url(images/bg_actionsep.png) right 5px no-repeat;
}


#wwLoginout {
  width: 100%;
}
#wwLoginout #shortcuts-signin {
  padding-left: 7px;
}
#wwLoginout ul {
  margin-left: 0px;
}
#wwLoginout li {
  float: left;
  display: inline;
  list-style-type: none;
  font-size: 11px;
}

#wwLoginout li a {
  display: block;
  padding: 0 8px;
  line-height: 22px;
  text-decoration: none;
  color: #fff;
}
#wwLoginout li a:hover {
  text-decoration: none;
  color: #ccc;
}


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

#tMain {
  z-index: 20;
  xposition: absolute;
  margin-top: 10px;
  xtop: 80px;
  left: 15px;
  right: 15px;
  width: 990px;
  margin-bottom: 25px;
}

/*
* html #tMain {
  width: expression((documentElement.clientWidth <820) ? "800" : "100%" );
}
*/

#tMainWrapper {
}

#tBody {
}

#tBodyMainContainer {
}

#tBodyMain {
}

#tBodyContent {
  padding: 20px;
  border: solid 1px #aeb0b2;
  background-color: #fff;
}

#tMainLeft {
  text-align: left;
  float: left;
  width: 250px;
  xpadding-right: 25px;
  margin-bottom: 10px;
}

#tMainRight {
  margin-left: 250px;
}

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

#pagewrapper {
  padding:20px;
  border: 1px solid #ddd;
  position: relative;
}

#pagewrappernopadding {
  border: 1px solid #ddd;
  position: relative;
}


#pageHeadingWrapper {
  float: left;
  width: 100%;
  padding-bottom: 20px;
}

#pageHeadingLeft {
  float: left;
  margin-right: 320px;
  padding-right: 20px;
}

#pageHeadingRight {
  float: left;
  width: 320px;
  margin-left: -320px;
}

.smalltext {
  font-size: 9px;
}

#body {
  xbackground-image: url(images/bg_shadow.jpg);
  background-position: top left;
  background-repeat: repeat-x;
}

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

/* Whats included */

#whatsIncludedHeading {
  text-align: left;
  margin-top: 20px;
  margin-bottom: 20px;
}

#whatsIncludedHeading h2 {
  color: #E2001C;
  font-size: 18px;
  display: inline;
}

#whatsIncludedHeading h4 {
  display: inline;
  padding-left: 20px;
}

#whatsIncludedWrapper {
  border: 1px solid #ddd;
  background: white url('images/bg-whatsincludded.png') repeat-x;
  height: 185px;
  position: relative;
}

#whatsIncludedScrollImg {
  position: absolute;
  top: 160px;
  left: 20px;
}

#whatsIncludedIcon {
  position: absolute;
  top: 15px;
  left: 35px;
}

#whatsIncludedContent {
  position: absolute;
  top: 30px;
  left: 200px;
  padding-right: 480px;
  font-size: 11px;
}

#whatsIncludedContent h2 {
  color: #0066b9;
  font-weight: bold;
  font-size: 14px;
}

#whatsIncludedImage {
  position: absolute;
  right: 0px;
  bottom: 0px;
}

.whatsIncludedScrollImg {
  xdisplay: inline;
  cursor: pointer;
  float: left;
  padding-right: 5px;
}

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

/* Spiel */

#spielWrapper {
  margin-top: 20px;
}
#spiel {
  font-size: 11px;
  height: 128px;
}

#spiel td {
  width: 33%;
  height: 100%;
}

.spielCellWrapperLeft {
  border: 1px solid #ccc;
  height: 100%;
  margin-right: 16px;
}

.spielCellWrapperMiddle {
  border: 1px solid #ccc;
  height: 100%;
  margin-left: 8px;
  margin-right: 8px;
}

.spielCellWrapperRight {
  border: 1px solid #ccc;
  height: 100%;
  margin-left: 16px;
}



.spielCell {
  padding: 10px;
  background: url(images/spielbackground.png) repeat-x;
  border: 1px solid white;
  height: 106px;
}

.spielClient {
}

.spielLogo {
  float: left;
}

.spielDetails {

}

.spielClientImg {
  width: 136px;
  height: 60px;
  padding-right: 10px;
}

.spielAwardImg {
  width: 136px;
  height: 60px;
  padding-right: 10px;
}

.spielLeft {
}

.spielMiddle {
  padding: 10px;
}

.spielRight {
  padding: 10px;
}

.spielHeader {
  font-size: 12px;
  font-weight: bold;
  color: #727e8f;
  padding-bottom: 7px;
}

.spielScrollImg {
  cursor: pointer;
  float: left;
  padding-right: 5px;
}

.spielCycleWrapper {
  clear: left;
  padding-top: 12px;
}

.spielCycleClientImg {
  float: left;
}

.spieldCycleAwardImg {
  float: left;
}

.spielCycleLeft {
  float: left;
}

.spielCycleRight {
  float: right;
}

.spielCycleRight a {
  font-weight: bold;
  text-decoration: none;
}

.spielCycleRight a:hover {
  text-decoration: underline;
}

.spielNewsDate {
  text-decoration: italic;
}

.spielNewsHeader {
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 7px;
}
.spielNewsHeader a {
  text-decoration: none;
}

.spielNewsHeader a:hover {
  text-decoration: underline;
}

.spielNewsContent {
  line-height: 13px;
  font-size: 11px;
  height: 39px;
  overflow: hidden;
}

#spielAwardContent {
  height: 65px;
  line-height:13px;
  font-size: 11px;
  overflow: hidden;
}


/* Home */

#homeHeaderWrapper {
  z-index: 100;
  width: 100%;
  background: red;
  height: 29px;
  background: url(images/accountsheadingright.png) repeat-x;
  color: blue;
  font-size: 16px;
  font-weight: bold;
}
#homeHeader {
  text-align: left;
  float: left;
  background: white url(images/accountsheading.png) no-repeat;
  width: 700px;
  height: 29px;
}
#homeHeader a {
  color: #005DAF;
  text-decoration: none;
}

#homeHeader a:hover {
  text-decoration: underline;
}

#homeHeaderRight {
}

#homeHeadingWrapper {
  margin: 20px;
}

.homeHeaderSelected {
  color: red !important;
}

#homeHeaderBusiness {
  position: absolute;
  line-height: 29px;
  margin-left: 25px;
  xdisplay:inline;
}

#homeHeaderEnterprise {
  xdisplay:inline;
  position: absolute;
  margin-left: 240px;
  line-height: 29px;
}

#homeHeaderIndividual {
  position: absolute;
  margin-left: 476px;
  line-height: 29px;
}

#homeContentWrapper {
  width: 100%;
}

#homeIndividualBR {
  position: absolute;
  bottom: 0px;
  right: 0px;
}
#homeBusinessBR {
  position: absolute;
  bottom: 0px;
  right: 0px;
}


.homeHighlight {
  color: #c30017;
}

.homeContentTable {
  margin-bottom: 20px;
}

.homeContentLeft {
  padding-left: 20px;
}
.homeContentMiddle {
  font-size: 11px;
}

.homeContentRightCell {
  padding: 10px;
  padding-right: 20px;
  padding-top: 0px;
}

#homeContentRight {
  width: 280px;
  border: 1px solid #e0e2e3;
  height: 240px;
}
.homeContentRightImg {
  background: url(images/child.png) bottom left no-repeat;
}
#homeContentRightInner {
  margin: 10px;
}
#homeContentRight h2 {
  color: #E2001C;
  font-size: 20px;
  font-weight: bold;
  margin-bottom:0px
}
#homeContentRight h3 {
  color: #0066b9;
  font-size: 12px;
  font-weight: bold;
  margin-bottom:20px
}
.homeContentRightBigger {
  font-size: 14px !important;
}


#homeUsername {
  border: 1px solid #e8808c;
}
#homeTryNowLeft {
  margin-top: 10px;
  float: left;
  padding-bottom: 10px;
}
#homeTryNowRight {
  margin-top: 10px;
  float: right;
}

#homeContentRightSep {
  clear: both;
  border-top: 1px solid #e0e2e3;
  padding-top: 10px;
  padding-bottom: 10px;
}

#homeContentRightSep p {
  color: #0066b9;
  font-size: 12px;
}



/* What is Sosius */
#whatContentWrapper {
  width: 100%;
}
#whatBR {
  position: absolute;
  bottom: 0px;
  right: 0px;
}

#whatTable {
  font-size: 11px;
}

/* Options and pricing */

#optionsHeaderWrapper {
  z-index: 100;
  width: 100%;
  background: red;
  height: 29px;
  background: url(images/accountsheadingright.png) repeat-x;
  color: blue;
  font-size: 16px;
  font-weight: bold;
}
#optionsHeader {
  text-align: left;
  float: left;
  background: white url(images/accountsheading.png) no-repeat;
  width: 700px;
  height: 29px;
}
#optionsHeader a {
  color: #005DAF;
  text-decoration: none;
}

#optionsHeader a:hover {
  text-decoration: underline;
}

#optionsHeaderRight {
}


.optionsHeaderSelected {
  color: red !important;
}

#optionsHeaderBusiness {
  position: absolute;
  line-height: 29px;
  margin-left: 25px;
  xdisplay:inline;
}

#optionsHeaderEnterprise {
  xdisplay:inline;
  position: absolute;
  margin-left: 240px;
  line-height: 29px;
}

#optionsHeaderIndividual {
  xdisplay:inline;
  position: absolute;
  margin-left: 476px;
  line-height: 29px;
}

#optionsContentWrapper {
  padding: 20px;
  width: 100%;
}

#optionsContentLeft {
  display: inline;
  width: 250px;
  float: left;
  text-align: left;
}

#optionsContentRight {
  display:inline;
  float:right;
  text-align: left; 
}

.optionsSoloWrapper {
  width: 231px;
  height: 121px;
}

.optionsSolo {
  width: 100%;
  height: 100%;
  border: 1px solid #ddd; 
}

.optionsSoloImg {
  float: left;
  padding: 10px;
}

.optionsSoloContent {
  font-size: 10px;
  color: #999;
  padding: 10px;
}

.optionsSoloContent h3 {
  font-size: 14px;
  color: #005DAF;
  margin-bottom: 5px;
}

.optionsTeamWrapper {
  width: 231px;
  height: 121px;
}

.optionsTeam {
  width: 100%;
  height: 100%;
  border: 1px solid #ddd; 
}

.optionsTeamImg {
  float: left;
  padding-top: 30px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 30px;
}

.optionsTeamContent {
  font-size: 10px;
  color: #999;
  padding: 10px;
}

.optionsTeamContent h3 {
  font-size: 14px;
  color: #005DAF;
  margin-bottom: 5px;
}


.optionsYourWrapper {
  width: 231px;
  height: 164px;
}

.optionsYour {
  width: 100%;
  height: 100%;
  border: 1px solid #ddd; 
}

.optionsYourImg {
  padding: 10px;
  padding-top: 0px;
}

.optionsYourContent {
  font-size: 10px;
  color: #999;
  padding: 10px;
}

.optionsYourContent h3 {
  font-size: 14px;
  color: #005DAF;
  margin-bottom: 5px;
}

.optionHighlight {
  color: #c30017;
}

#optionsContentRightWrapper {
  width: 650px;
}

#optionsTable {
  font-size: 11px;
}
.optionsGroupSize {
  border-top: 1px solid #ddd;
  padding: 6px;
  border-bottom: 1px solid #ddd;
}


.optionsFeatures {
  background: white url(images/bg-options-plan.png) repeat-x;
  height: 250px;
  width: 50%;
}
.optionsFeaturesEnterprise {
  background: white url(images/bg-options-plan.png) repeat-x;
  height: 200px;
  width: 300px;
}
.optionsFeatures ul, .optionsFeaturesEnterprise ul {
  padding-top: 10px;
}

.optionsFeatures ul li, .optionsFeaturesEnterprise ul li {
  padding: 5px;
}





.optionsBuy {
  border-top: 1px solid #ddd;
  padding: 6px;
  border-bottom: 1px solid #ddd;
  color: #b93f4b;
  font-size: 14px;
  font-weight: bold;
  line-height: 26px;
}

.buynowwrapper {
  line-height: 20px;
}


.buynowContent  {
  display:inline;
  float:left;
  line-height: 28px;
}

.buynowImgWrapper {
  float: right;
  padding-right: 10px;
  background: url(images/bg-buynow.png) no-repeat;
  line-height: 28px;
}

.buynowImg {
  display: inline;
  color: white;
  font-size: 12px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  line-height: 27px;
}


.buynowImg a {
  color: white;
}

.buynowImg a:hover {
  color: #ccc;
  text-decoration: none;
}


.signupContent {
  display:inline;
  float:left;
  line-height: 28px;
}
.signupImgWrapper {
  float: right;
  padding-right: 10px;
  background: url(images/bg-buynow.png) no-repeat;
  line-height: 28px;
}

.signupImg {
  display: inline;
  color: white;
  font-size: 12px;
  padding-left: 14px;
  padding-right: 14px;
  padding-top: 10px;
  line-height: 27px;
}

.signupImg a {
  color: white;
}

.signupImg a:hover {
  color: #ccc;
  text-decoration: none;
}






.optionsContentHead1 {
  font-weight: bolder;
  font-family: arial;
  font-size: 24px;
  color: #e2001c;
  padding: 0;
  margin: 0;
}

.optionsContentHead2 {
  font-weight: bolder;
  font-family: arial;
  font-size: 24px;
  color: #ae000c;
  padding: 0;
  margin: 0;
}

.optionsContentHead3 {
  font-weight: bolder;
  font-family: arial;
  font-size: 24px;
  color: #530006;
  padding: 0;
  margin: 0;
  padding-bottom: 25px;
}



/* About Us */



#aboutusprofiles {
}

#aboutusprofiles h3 {
  font-size: 12px;
}

.aboutusprofilesimg {
  width:33%;
  padding-right:10px;
  padding-bottom:10px;
  border-bottom:1px solid #ccc;
  padding-left: 5px;
}

#aboutusdownloads img {
  padding-right: 10px;
}

#aboutusdownloads {
  width: 100%;
  font-size: 11px;
}

#aboutusdownloads tr {
}

#aboutusdownloads td {
  padding: 10px;
  padding-left: 35px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

#aboutusHeadRight {
  text-align: left;
  padding: 15px;
  background: #f6f6f6; 
}

#aboutusHeadRight h2 {
  color: #E2001C;
  font-size: 20px;
  font-weight: bold;
  margin-bottom:2px
}


#aboutusHeadRight h3 {
  color: #0066b9;
  font-size: 12px;
  font-weight: bold;
  margin-bottom:20px
}

#aboutusUsername {
  border: 1px solid #e8808c;
  width: 180px;
  float: left;
  margin-top: 5px;
}
#aboutusTryNowRight {
  padding-left: 10px;
}


/* Register */
.registerwrapper {
  margin-left: 20px;
}

#registerControls {
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #dddfe0;
  border-bottom: 1px solid #dddfe0;
  font-weight: bold;
  padding-left: 10px;
}


#registerselectform {
  padding-top: 10px;
}
#registerselectform input {
  margin-left: 10px;
  xmargin-bottom: 10px;
}

#registerSupportForm {
  font-size: 10px;
  margin-left: 25px;
}

.registerinput {
  color: #489fd1;
}

#registerForm table {
  xwidth: 100%;
  padding: 0px;
  font-size: 11px;
  border-top: 1px solid #dddfe0;
  background: #f3f4f6;
}

#registerForm table tr td {
  padding-left: 20px;
}


.register-sep {
  height: 10px;
  border-bottom: 1px solid #dddfe0;
}

.register-seplast {
  height: 20px;
  border-top: 1px solid #dddfe0;
}

.register-noback {
  background: white;
  padding-left: 50px;
  padding-top: 10px;
}

.registersend {
   border-top: 1px solid #dddfe0;
   background: white;
   padding-left: 50px;
   padding-top: 10px;
   font-size: 12px;
   color: #a20010;
   font-weight: bold;
}



.registersendwrapper {
  line-height: 20px;
}


.registersendContent {
  display:inline;
  float:left;
  line-height: 28px;
  padding-bottom: 10px;
}

.registersendImgWrapper {
  float: right;
  padding-right: 10px;
  xbackground: url(images/bg-buynow.png) no-repeat;
  line-height: 28px;
}

#registerDetails {
}

#registerDetails h2 {
  margin: 10px;
  color: #E2001C;
  font-size: 14px;
  font-weight: bold;
}

#registerDetailsList {
  border-top: 1px solid #ddd;
  background: white url(images/bg-register.png) repeat-x;
}

#registerDetailsList ul {
  padding-top: 10px;
  margin-left: 25px;
  padding-bottom: 10px;
  font-size: 10px;
}

#registerDetailsList ul li {
  margin-bottom: 10px;
}

.registerHighlightHead {
  color: #0066b9;
  font-weight: bold;
}

.registerHighlight {
  color: #E2001C;
  font-weight: bold;
}


.registerTeamWrapper {
  width: 100%;
  height: 121px;
}

.registerOptionsYourWrapper {
  width: 100%;
}


.registerEnterpriseBlurb {
  margin-bottom: 10px;
  color: #0066b9;
}

/* Contact us */
#contactControls {
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #dddfe0;
  border-bottom: 1px solid #dddfe0;
  font-weight: bold;
}

#contactusselectform {
  padding-top: 10px;
}
#contactusselectform input {
  margin-left: 10px;
  xmargin-bottom: 10px;
}

#contactSupportForm {
  font-size: 10px;
  margin-left: 25px;
}

.contactinput {
  color: #489fd1;
}

#contactSupportForm table {
  xwidth: 100%;
  padding: 0px;
  font-size: 11px;
  border-top: 1px solid #dddfe0;
  background: #f3f4f6;
}

#contactSupportForm table tr td {
  padding-left: 20px;
}

.contactuswrapper {
  line-height: 20px;
}

.contactusContent {
  display:inline;
  padding-right:20px;
  float:left;
}

.contactusImgWrapper {
  padding-top: 10px;
}
.contactusImg {
  display: inline;
  background: url(images/bg-buynow.png) no-repeat;
  color: white;
  font-size: 12px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 6px;
  padding-bottom: 6px;
}

.contactusImg a {
  color: white;
}

.contactusImg a:hover {
  color: #ccc;
  text-decoration: none;
}

.contactus-right {
  padding-left: 10px;
}

.contactus-left {
  width: 70px;
  text-align: right;
}

.contactus-left-required {
  text-align: right;
  font-weight: bold;
}

.contactus-sep {
  height: 10px;
  border-bottom: 1px solid #dddfe0;
}

.contactus-seplast {
  height: 20px;
  border-top: 1px solid #dddfe0;
}

.contactussend {
  vertical-align: middle;
  background: white;
  padding-left: 50px;
  padding-top: 10px;
  font-size: 12px;
  color: #a20010;
  font-weight: bold;
}

.contactuscode {
  background:white;
  padding-top:10px;
}

.contactuspad {
  padding: 5px;
}


/* Partners */

#partnerapplication {
  display:none;
  border:1px solid #ddd;
  text-align:left;
  padding:5px;
  margin-bottom:20px;
}


.partnerinput {
  color: #489fd1;
}

#partnerform table {
  width: 100%;
  padding: 0px;
  font-size: 11px;
  border-top: 1px solid #dddfe0;
  background: #f3f4f6;
}

#partnerform table tr td {
  padding-left: 20px;
}

.partner-right {
  padding-left: 10px;
}

.partner-left {
  width: 70px;
  text-align: right;
}

.partnerrequired {
  text-align: right;
}

.partner-sep {
  height: 10px;
  border-bottom: 1px solid #dddfe0;
}

.partner-seplast {
  height: 20px;
  border-top: 1px solid #dddfe0;
}

.partnersend {
   background: white;
   padding-left: 50px;
   padding-top: 10px;
   font-size: 12px;
   color: #a20010;
   font-weight: bold;
}

.partnerpad {
  padding: 5px;
}






/* FAQs */

/* faqs */

h1#faqs-heading {
  padding-top:0px;
}

h3#faqs-heading {
  margin-top:10px;
  margin-bottom:0px;
}

h3#faqs-heading a {
  color: black;
}

h4#faqs-subheading {
  margin-top:0px;
  margin-bottom:0px;
  margin-left:10px;
}

h4#faqs-subheading a {
 font-weight: normal;
 color: #1f48ac;
}

#faqsSummary {
  border-top: 1px solid #dadcde;
}

#faqsDetails {
  margin-left: 25px;
}

#faqsDetails h3 {
  font-size: 14px;
  color: red;
}
#faqsDetails h4 {
  margin-bottom: 0px;
}

a:hover .faqDetailsHeading  {
  text-decoration: none;
}

.faqs-subheading {
  margin-bottom: 0px;
}

.faqDetails p {
  margin-top: 0px;
}

.faqs-seperator {
  border-top: 1px solid #dadcde;
  padding-top: 10px;
  padding-bottom: 10px;
}

.faqs-seperatorend {
  padding-bottom: 20px;
}


/* News */

#newsControls {
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #dddfe0;
  border-bottom: 1px solid #dddfe0;
  font-weight: bold;
}

#newsselectform {
  padding-top: 10px;
}
#newsselectform input {
  margin-left: 10px;
  xmargin-bottom: 10px;
}
#newsContent {
  margin-left: 25px;
  border-top: 1px solid #dddfe0;
  font-size: 11px;
}
.news-seperator {
  border-bottom: 1px solid #dddfe0;
}


/* Help Classes */
.help-home-outer {
  padding-top: 10px;
}

.help-home-inner {
  text-align: left;
  padding: 10px; 
  border: 1px solid #ccc;
}

.help-item {
  padding: 0px !important;
  text-align: left;
}

.help-see-also {
  padding-top: 20px;
}



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

#tBottomContent {
  margin-bottom: -30px;
  xpadding: 0px 10px 10px 10px;
  clear: left;
}

.footer {
  border: 0px;
  background: #E3E5E8;
  
}

.footerbox {
  border: 1px solid #dddde0;
  border-top: none;
  padding: 10px;
}

.footertable {
  width: 100%;
  xpadding-left: 20px;
  xpadding-right: 20px;
}

.footercell {
  vertical-align:top;
  padding-left: 10px;
  padding-right: 10px;
}

.footercell li {
  margin-left: 0.5em;
  margin-right: 0.5em;
  line-height: 1.4em;
  font-size: 11px;
}

.footercell h3 {
  color: #768c9c;
  font-size: 11px;
  margin-bottom: 0px;
  padding-bottom: 5px;
  border-bottom: 1px solid #c2c3c6;
  margin-right: 10px;
}

.plain {
  text-decoration:none;
}

.footercell:hover h3 {
  color: #32454B;
}

.footercell ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  font-size: 95%;
  padding-top: 5px;
}

.footercell a {
	color: #768c9c;
}
.footercell:hover a { 
  color: #32454B; 
}

.footercell a:hover {
xcolor: #00A5D7;
color: #A20010;
text-decoration:underline;
}

#footertwitter {
  font-weight: bold;
  font-size: 11px;
  padding-top: 7px;
  vertical-align: middle;
}

#footertwitter img {
  margin-left: 20px;
}
.copyright {
  width: 100%;
  margin-left:auto;
  margin-right:auto;
}
.copyright p {
  font-size: 85%;
  color: #0F2E54;
  padding-top: 5px;
  padding-left: 5px;
}

/* inline styles */


h1.pageHeading {
  margin-bottom: 10px;
  color: #E2001C;
  font-size: 24px;
  xmargin-right: 20px;
}
h2.pageHeading {
  font-size: 14px;
  font-weight: normal;
  color: #5F7EAD;
  xmargin-right: 20px;
}

img#pageHeadingImage {
}

.events-date {
  font-size: 11px;
}


/* ---------home page ----------------- */






.footercell:hover h3 {
  color: #32454B;
}


.homeFooter {
  background-color: #FFFFFF;
  width: 100%;
  margin-left:auto;
  margin-right:auto;
  border-collapse: collapse;
  margin-top: 0;
  border: 0;
}




/* news */

.news-left {
  width:160px;
  text-align:left;
  padding-top:13px;
  font-size: 11px;
} 

.news-right {
  padding-top: 10px;
  padding-left:10px;
  padding-bottom:40px;
  font-size: 11px;
  line-height:150%;
}

/* register */



/* blog */

.blog-table {
  font-size: 11px;
}

.blog-header-left {
  width:7%;
}

.blog-header-middle {

}

.blog-header-right {
}

.blog-title {
  padding-bottom: 10px;
}

.blog-item-title {
  font-weight:bold;
  padding-top: 2px;
  padding-bottom: 10px;
  font-size: 110%;
}

.blog-content {
  line-height: 150%;
  font-size: 110%;
}


.blog-date {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 11px;
}

.blog-description {
}

.blog-seperator {
  border-top: 1px solid #dadcde;
  margin-bottom: 2px;
}
.blog-seperator2 {
  border-top: 1px solid #dadcde;
  xmargin-bottom: 10px;
}
.blog-seperatorall {
  padding-top: 10px;
  border-bottom: 1px solid #dadcde;
}



.blog-author {
  padding-top: 10px;
  font-style: italic;
  padding-bottom: 10px;
}

#blog_subscribe {
  border-top: 1px solid #dadcde;
  border-bottom: 1px solid #dadcde;
  padding: 10px;
}
#blog_subscribe_img {
  float: left;
  padding-right: 5px;
}
#blog_share {
  padding: 10px;
  border-bottom: 1px solid #dadcde;
}
#blog_link {
  border-top: 1px solid #dadcde;
}

#blog_link ul {
  padding-top: 20px;
}
#blog_link li {
  list-style-type: none;
}
#blogContents {
  margin-left: 25px;
}


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

/*
 * Element margins and paddings. Default is 0
 */
 
* {
  margin: 0;
  padding: 0;
}
ul, ol {
  margin-left: 30px;
}
/*
 * font-family: Georgia, "Times New Roman", serif;
 * font-style: italic;
 */
h1, h2, h3, h4, h5, h6 {
  color: #4C5B74;
  font-family: Verdana, Helvetica, sans-serif;
  text-align: left;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl {
  margin-bottom: 1em;
}
a img {
  border-style: none;
}
p {
  text-align: left;
}
.highlight {
  color: #e9bf0c;
}


/* fonts */
body {
  font: 66% Verdana, Helvetica, sans-serif;
  color: #4C5B74;
}
textarea {
  font-family: Verdana, Helvetica, sans-serif;
}


dt {
  font-weight:bold;
}
th {
  font-weight: normal;
  text-align: left;
}

H1 {
  font-size: 125%;
}
H2 {
  font-size: 115%;
}
H3 {
  font-size: 115%;
}
H4 {
  font-size: 105%;  
}
H5 {
  font-size: 105%;
}
H6 {
  font-size: 105%;
}