/* ****************************************************** /* Eagle Prepaid Default Sytle Sheet /* Version 1.0 /* Steve Taylor - 23 June 2008 /* ******************************************************/ /* Common tag elements */ * {padding: 0px; margin: 0px} body { /*background-color:#ffffff; */ background-color:#EFFAFF; background-image: url(../images/layoutcomponents/Hiten-header.gif); background-repeat:repeat-x; color:#000000; font-family: Arial, Verdana, sans-serif; font-size: 80%; font-weight:normal; height:100%; margin:0px; padding:0px;} /* global margins */ /*textbox,*/ /*input,*/ /*select */ /*textarea */ p, ul, dl {margin:0.8em 1.4em 0.9em 1.4em;} paragraphs table p, dl p {margin:0.4em 0;} hr { height:1px; margin:8px 0 8px 0; display:block; } /* headings*/ h1, h2, h3, h4, h5 {padding:0; margin:0.8em 0 0.3em 0; color:#868071; } h1 { font-size: 1.9em; } h2 { font-size: 1.5em; font-weight:normal; } h3 { font-size: 1.3em; font-weight:normal; } h4 { font-size: 1.2em; font-weight:normal; } h5 { font-size: 1.0em; } /* inputs*/ .textstandard{font-weight: bold;vertical-align: middle;color: #2c5189;direction: ltr;text-indent: 3px;line-height: normal;font-family: Tahoma, Arial;letter-spacing: normal;text-align: left;padding-bottom: 3px;padding-top: 3px;padding-left:2px;margin:1px 0px 1px 0px;} .textboxstandard{border: solid 1px #2C5189;font-weight: normal;vertical-align: middle;color: black;direction: ltr;text-indent: 3px;line-height: normal;font-family: Tahoma, Arial;letter-spacing: normal;text-align: left;padding-bottom: 3px;padding-top: 3px;padding-left:2px; margin:1px 4px 1px 0px;} .textboxstandardrequired{border: solid 1px #2C5189;font-weight: normal;vertical-align: middle;color: black;direction: ltr;text-indent: 3px;line-height: normal;font-family: Tahoma, Arial;letter-spacing: normal;text-align: left;padding-bottom: 3px;padding-top: 3px;padding-left:2px;margin:1px 4px 1px 0px;background-color:#FFFFA0;} /*input,*/ select, textarea {font-size:1em;} dl input, dl select {margin:0;} fieldset { border: none; margin: 0; padding: 2px 0 3px 0;} p { font-size: 100%; line-height: 140%; margin: 0.1em 0 1em 0; } /*a:link, a:visited { color:#184D91; text-decoration: underline; } a:link, a:visited { text-decoration: underline; } a:hover, a:active { text-decoration: underline; }*/ /* lists */ ul {padding:0; margin-left: 1.8em;} li {list-style-position:outside; margin:0.3em 0 0 0; list-style-type:square; } /* definition lists */ dl {margin-bottom:0; clear:both;} dt {float:left; width:12em; margin-bottom:0.3em; clear:both; font-weight:bold; text-align:right;} dd {margin-left:13em; margin-bottom:0.8em;} dl {margin-bottom:0; clear:both;} dt {float:left; margin-bottom:0.2em; clear:both; font-weight:bold; } dd {margin-left:13em; margin-bottom:0.3em;} /* print styles */ .printText{ font-family:Arial, Tahoma; font-size:8pt;} .FloatingLayer{ z-index:109;} table.X1 { margin:0; width:100%; border-collapse:collapse;} table.X1 td, table.X1 th { border-bottom:1px solid #6dbbdd; border-right:1px solid #6dbbdd; font-weight:normal;} table.X1 th { background-color:#6dbbdd; } table.X1 thead { color:#ffffff;} table.X1 thead th { padding:0.5em 0.4em 0.5em 1em; } table.X1 tbody { } table.X1 tbody th { padding:0.25em 0.4em 0.25em 1em; border-left:none; } table.X1 tbody .clearrow { border-right:none; } table.X1 tbody td { text-align:center; padding:0.25em 0.4em 0.25em 1em; border-right:none; border-left:1px solid #6dbbdd; } table.X1 tfoot td { border-bottom:none; border-left:1px solid #6dbbdd; border-right:none; } table.X1 tfoot th { border-bottom:none; border-right:none; } table.X1 tfoot tr { background-color:#6dbbdd; height:27px; } table.X1 .last { border-right:none; } table.X1 .clearrow { border-right:none; } table.X2 { margin:0; width:100%; border-collapse:collapse;} table.X2 td, table.X2 th { border-bottom:1px solid #6dbbdd; border-right:1px solid #6dbbdd; font-weight:normal;} table.X2 th { background-color:#6dbbdd; } table.X2 thead { color:#ffffff; text-align:left;} table.X2 thead th { padding:0.5em 0.4em 0.5em 1em;} table.X2 tbody { } table.X2 tbody th { padding:0.25em 0.4em 0.25em 1em; } table.X2 tbody .clearrow { border-right:none; } table.X2 tbody td { text-align:left; vertical-align:text-top; padding:0.25em 0.4em 0.25em 1em; border:1px solid #6dbbdd; } table.X2 tbody td.td70 { text-align:left; font-weight:bold; vertical-align:text-top; padding:0.25em 0.4em 0.25em 1em; border:1px solid #6dbbdd; width:250px; } table.X2 tfoot td { border-bottom:none; border:1px solid #6dbbdd;} table.X2 tfoot th { border-bottom:none; border-right:none; } table.X2 tfoot tr { background-color:#6dbbdd; height:27px; } /*table.X2 .last { border-right:none; } table.X2 .clearrow { border-right:none; }*/ table.ts { margin:0; } table.ts td, /*table.ts th { border-bottom:1px solid #184D91; border-right:1px solid #184D91; }*/ table.ts th {border:1px solid #868071; background-color:#868071; } table.ts thead { color:#ffffff; text-align:left;} table.ts thead th { padding:0.5em 0.4em 0.5em 1em; } table.ts tbody { font-size:100%; } table.ts tbody th { padding:0.25em 0.4em 0.25em 1em; background-color:#FFFFFF; } table.ts tbody td { padding:0.25em 2em 0.25em 1em; background-color:#FFFFFF; border:1px solid #868071; } table.ts tfoot td { border:1px solid #184D91} table.ts tfoot th { border-bottom:none; border-right:none; } table.ts tfoot tr { background-color:#666666; height:27px; } table.ts table .last { border-right:none; } /* table {margin:0 0 0.0em 0; border-collapse:collapse;} td, th {padding:0.0em 0.0em 0.0em 0em; text-align:left;} tbody th { font-weight:normal;} caption { display:none; } */ /* common CSS classes */ colours .alt {color:#2c79b6;} .warning {color:red;} .red {color:red !important;} .important {font-weight:bold;} .strike {text-decoration: line-through;} .save_price {color:red; font-weight:bold;} /* icons*/ .pdf { padding-left:22px; background-image: url(../images/icon_pdf.gif); background-position:left center; background-repeat:no-repeat; } .links { margin-left:0.3em; } .links li { list-style-type:none; } /* floats */ .fl {float:left;} .fr {float:right;} .fn {float:none;} /* clears*/ .cb {clear:both;} .clearfix:after {content: "."; display: block; height: 0; margin:0; padding:0; clear: both; visibility: hidden;} .clearfix { position:relative; display: inline-block;} /* Hides from IE-mac \ * html .clearfix {height: 1%;} .clearfix {display: block;}*/ /* End hide from IE-mac */ /* text-align */ .tal {text-align:left; } .tac {text-align:center; } .tar {text-align:right; } .nowrap { white-space:nowrap; } .bold {font-weight:bold;} .normal { font-weight:normal;} .strike-out { text-decoration: line-through; } /* display */ .hidden {display:none;} .invisible {visibility:hidden;} .hide {position:absolute; left:-9000px; top:0; z-index:20} /* handles the alpha transparacy for PNG graphics in IE5.5/IE6 */ /* FOR THE STAGING AND LIVE SITE CHANGE BELOW TO */ /* html .png { behavior: url(library/javascript/iepngfix.htc); }*/ * html .png { behavior: url(/library/css/iepngfix.htc); } /* site structure */ #parent {display:block; position:relative; margin:0 auto 0 auto; width:996px; padding:0px 0 0 0;} /*#main {display:block; background-color:white; padding:0 0 0 5px; border-left:solid 1px #999999; border-right:solid 1px #999999;}*/ #main {display:block; padding:0 0 0 5px;} #content-left{display:block; position: relative; float:left; width:791px; margin: 0 0px 0 0px; padding: 0px 4px 20px 0; border-right:/* dotted*/ solid 2px /*#acacac*/#ffffff;} #cp-content-left{display:block; position: relative; float:left; width:770px; margin: 0px 3px 0 0px; padding: 10px 4px 20px 10px; /*border-right:solid 3px #acacac;*/} #cp-nav-right {display:block; position: relative; float:left; width:192px; height:100%; /*background-color:#999999;*/} #cp-nav-left { position: relative; float:left; width:185px; margin:0 0px 0 0px; padding:0;} #nav-right {display:block; position: relative; float:left; width:192px;} /*#header-slices {display:block; position:relative; border-left:solid 1px #999999; padding:8px 8px 4px 5px; border-right:solid 1px #999999; /*background-color:#999999;}*/ #header-slices {display:block; position:relative; padding:8px 8px 4px 5px;} /* Header Slice */ #header-slices h1{position:absolute; z-index:99; color:#ffffff; font-family:Arial; font-size:190%; margin:20px 0 0 15px; font-weight:normal;} /* Content Left*/ .coll400{width:393px; border-right:/* dotted*/ solid 2px #999999; height:330px; } .colr400{width:393px; height:330px; } .imagepadding{margin:5px;} #Homeheader {} #Homeheader h1 {margin: 0; padding: 10px 0 10px 5px; font-size:205%;} #cp-content-left .content {display:block; height:auto;} #cp-content-left .content .header{display:block;} #cp-content-left .content .listbox {position:absolute; z-index:100; width:800px; } #cp-content-left .content .listbox ul {margin: 44px 0 0 390px; padding: 0;} #cp-content-left .content .listbox li {list-style-type:none; margin: 0 0 16px 20px; padding: 0; font-weight:bold; font-size:105%; } #cp-content-left .content h2 {position:relative; display:block; font-size:145%; font-weight:normal; color:#6DBBDD; margin: 0px 40px 0px 0; padding: 0px 0px -10px 0; line-height:170%; } #cp-content-left .content .wide {position:relative; display:block; font-size:100%; font-weight:normal; color:#6DBBDD; margin: 0px 40px 0px 0; padding: 0px 0px 20px 0; line-height:170%;} #cp-content-left .content .wide h2 {position:relative; display:block; font-size:145%; font-weight:normal; color:#6DBBDD; margin: 0px 40px 0px 0; padding: 0px 0px 0px 0; line-height:170%; } #cp-content-left .content .cucoll{width:500px; margin-top:6px; } #cp-content-left .content .cucolreg{ margin-top:6px; } #cp-content-left .content .cucolr{width:240px; margin-top:6px; } .alignright{ text-align:right;} #cp-content-left .content .cucoll .wrap {display:block; border:solid 1px #d4d4d4; background-color:#f7f7f7; padding:8px 8px 15px 8px; margin:4px;} #cp-content-left .content .cucoll .errmsg {display:block; border:solid 1px red; background-color:#fee1e1; padding:8px; margin:4px; color:red} #cp-content-left .content h1 {padding:0; margin: 0 0 0.3em 0; color:#868071; font-size:145%;} #cp-content-left .content .cucoll .label {display:block; float:left; width:170px; padding:3px 10px 12px 0; text-align:right;} #cp-content-left .content .cucoll .labeldefault {display:block; float:left; width:250px; padding:3px 10px 12px 30px; text-align:right;} #cp-content-left .content .cucoll .requireddata{color:Red; font-size:75%; padding:0 0 0 5px;} #cp-content-left .content .cucoll .field {display:block; float:left; text-align:left; width:250px;} #cp-content-left .content .cucoll .field150 {display:block; float:left; text-align:left; width:150px;} #cp-content-left .content .cucoll .fielddefault {display:block; float:left; text-align:left;} #cp-content-left .content .cucoll ul { margin:0; padding:0; font-size:100%;} #cp-content-left .content .cucoll li { list-style-type:none; background-position:0px 4px; background-repeat:no-repeat; margin:3px 5px 3px 2px; clear:both;} #cp-content-left .content .cucoll h2 { display:block; width:95%; background-color:Navy; padding:3px 0 3px 10px; color:White; font-size:85%;} #cp-content-left .content .cucoll .red { display:block; width:95%; background-color:red; padding:3px 0 3px 10px; color:White; font-size:85%;} #cp-content-left .content .cucoll h3 { display:block; width:95%; background-color:silver; padding:3px 0 3px 10px; margin:20px 0 10px 0; color:navy; font-size:85%;} #cp-content-left .content .cucoll .formfooter { display:block; width:80%; padding: 3px 10px 3px 10px; margin:20px 0 0 0 ; color:navy; font-size:85%; text-align:right;} #cp-content-left .content .cucolr .contactbox { display:block; width:200px; background-color:#6DBBDD; padding: 10px; margin: 0px 0 15px 0 ; color:#ffffff; font-size:95%; text-align:left;} #cp-content-left .content .cucolr .contactbox A {color:#ffffff;} #cp-content-left .content .cucolr .contactbox H4 {color:#ffffff; font-size:125%; text-align:left; font-weight:bold;} #cp-content-left .content .cucolreg .wrap {display:block; height:auto; border:solid 1px #d4d4d4; background-color:#f7f7f7; padding: 20px 8px 15px 8px; margin:4px;} #cp-content-left .content .cucolreg .errmsg {display:block; border:solid 1px red; background-color:#fee1e1; padding:8px; margin:4px; color:red} #cp-content-left .content h1 {padding:0; margin: 0 0 0.3em 0; color:#868071;} #cp-content-left .content .cucolreg .label {display:block; float:left; width:170px; padding:3px 10px 12px 0; text-align:right;} #cp-content-left .content .cucolreg .requireddata{color:Red; font-size:75%; padding:0 0 0 5px;} #cp-content-left .content .cucolreg .field {display:block; float:left; text-align:left; width:250px;} #cp-content-left .content .cucolreg .fieldreg {display:block; float:left; text-align:left; width:250px; padding:3px 10px 12px 0;} #cp-content-left .content .cucolreg .field150 {display:block; float:left; text-align:left; width:150px;} #cp-content-left .content .cucolreg .fielddefault {display:block; float:left; text-align:left;} #cp-content-left .content .cucolreg .boldtext{ font-weight:bold;} #cp-content-left .content .cucolreg ul { margin:0; padding:0; font-size:100%;} #cp-content-left .content .cucolreg li { list-style-type:none; background-position:0px 4px; background-repeat:no-repeat; margin:3px 5px 3px 2px; clear:both;} #cp-content-left .content .cucolreg h2 { display:block; width:95%; background-color:Navy; padding:3px 0 3px 10px; color:White; font-size:85%;} #cp-content-left .content .cucolreg .red { display:block; width:95%; background-color:red; padding:3px 0 3px 10px; color:White; font-size:85%;} #cp-content-left .content .cucolreg h3 { display:block; width:95%; background-color:silver; padding:3px 0 3px 10px; margin:20px 0 10px 0; color:navy; font-size:85%;} #cp-content-left .content .cucolreg .formfooter { display:block; width:80%; padding: 3px 10px 3px 10px; margin:20px 0 0 0 ; color:navy; font-size:85%; text-align:right;} #cp-content-left .content .widerows {margin:10px 10px 0 5px; padding: 10px 0 0 0; border-bottom:/* dotted*/ solid 2px #999999;} #cp-content-left .content .widerows .logo {position:relative; display:block; float:left;} #cp-content-left .content .widerows .copybox {position:relative; display:block; float:left; width:330px; margin:0 20px 20px 0;} #cp-content-left .content .widerows .copyboxwide {position:relative; display:block; float:left; width:75%; margin:0 20px 20px 0;} #cp-content-left .content .widerows .redtext {font-family:Arial; font-weight:bold; color:#868071; text-decoration:none;} #cp-content-left .content .widerows .quotebox {position:relative; display:block; float:left; width:200px; height:200px; margin:0 0 20px 0; padding:65px 0 0 0; background-image: url(../Images/logos/quotation.gif); background-position:left top; background-repeat:no-repeat;} #cp-content-left .content .widerows h3 {font-size:145%; height:37px; font-weight:normal; color:#6DBBDD; margin: 0 0 -10px 0 } #cp-content-left .content .widerows .copy {font-family:Arial; font-size:95%; color:#000000; margin: 0px 10px 5px 20px} #cp-content-left .content .widerows ul { margin: 0 10px 0 40px; padding:0; } #cp-content-left .content .widerows li {color:#868071;} #cp-content-left .content .widerows A.morelink {font-family:Arial; font-weight:bold; font-size:95%; color:#868071; text-decoration:none;} #cp-content-left .content .widerows A.morelink:hover {color:#868071;text-decoration:underline;} #cp-content-left .content .widerows A.copylink {font-family:Arial; font-weight:bold; color:#868071; text-decoration:none;} #cp-content-left .content .widerows A.copylink:hover {color:#868071;text-decoration:underline;} /* Gadgets - Left */ #cp-nav-left .gadget { padding:0 0 8px 0; margin:0 0 5px 0; background-image: url(../images/gadgets/left/img_left_gadget_base.jpg); background-position:left bottom; background-repeat:no-repeat; } #cp-nav-left .gadget h2 { font-size:115%; height:23px; font-weight:bold; color:#ffffff; margin:0; padding:8px 0 0px 15px; } #cp-nav-left .gadget ul { position:relative; font-size:85%; margin:0; padding:0 0 12px 0; background-image: url(../images/gadgets/left/img_left_gadget_fill.jpg); background-position:left top; background-repeat:repeat-y } #cp-nav-left .gadget li { margin:0 1px 0 1px; padding:0px 0 0px 0px; list-style-type:none; border-bottom: solid 1px #C2C8DE; } #cp-nav-left .gadget a { color:#2763A1; text-decoration:none; display:block; width:165px; padding:5px 0 5px 18px; background-image: url(../images/bullet_blue_left.gif); background-position:9px 10px; background-repeat:no-repeat; } #cp-nav-left .gadget a:hover { background-color:#868071; color:#FFFFFF; background-image: url(../images/bullet_white_left.gif); } #cp-nav-left .gadget .selected a { color:#FFFFFF; font-weight:bold; background-image: url(../images/bullet_white_left.gif); } #cp-nav-left .gadget h2 { background-image: url(../images/myaccountmenu/img_nav_header_gray.gif); background-position:left top; background-repeat:repeat-x; } #cp-nav-left .gadget .selected a { background-color:#868071;} #cp-nav-left .gadget .free a { color:red; } #cp-nav-left .gadget {padding:0 0 6px 0; margin:0 0 5px 0; background-image: url(../images/myaccountmenu/img_panel_base_gray.gif); background-position:left bottom; background-repeat:no-repeat; } #cp-nav-left .gadget ul { position:relative; font-size:85%; margin:0; padding:0 0 12px 0; background-image: url(../images/myaccountmenu/img_fill_outline_gray.gif); background-position:left top; background-repeat:repeat-y } #cp-nav-left .gadget li { margin:0 1px 0 1px; padding:0px 0 0px 0px; list-style-type:none; border-bottom: solid 1px #C2C8DE; } #cp-nav-left a {width:auto !important;} #cp-nav-left .gadget .HeadLink{background-color:#9F9F9F; color:#ffffff; font-weight:bold;} #cp-nav-left .gadget a.HeadLink{background-image: url(../../library/images/bullet_white_left.gif); background-repeat:no-repeat; padding:5px 0px 5px 18px;} #cp-nav-left .gadget a.HeadLink:hover{background-image: url(../../library/images/bullet_white_left.gif); background-repeat:no-repeat; color:#ffffff; padding:5px 0px 5px 18px;} #cp-nav-left .gadget .SubLink { background-color:#ffffff; color:#2763A1;} #cp-nav-left .gadget a.SubLink { background-image: url(../../library/images/bullet_blue_dash.gif); background-repeat:no-repeat; padding:2px 0px 5px 18px; display:block;} #cp-nav-left .gadget a.SubLink:hover{color:#ffffff; background-image: url(../../library/images/bullet_white_dash.gif); background-repeat:no-repeat; padding:2px 0px 5px 18px; display:block;} #cp-nav-left .gadget .sublinkselected a {color:#ffffff; background-color:#868071; background-image: url(../../library/images/bullet_white_dash.gif); background-repeat:no-repeat;} .aboutprepaid {margin: 0px 0px 0px 0px;} .aboutprepaid h2 { background-image: url(../images/leftcolumn/abou-prepaid-cards-header_3.png); background-position:left top; background-repeat:no-repeat; font-size:145%; height:42px; font-weight:normal; color:#ffffff; margin:0 0 0 5px; padding: 12px 0 0px 50px; } .aboutprepaid h3 {font-size:145%; height:37px; font-weight:normal; color:#6DBBDD; margin: 0px 0px -10px 20px; padding: 0px 0 0px 0px; } .aboutprepaid .copy {font-family:Arial; font-size:95%; color:#000000; margin: 0px 10px 5px 20px} .aboutprepaid ul { margin: 0 10px 0 40px; padding:0; } .aboutprepaid li {color:#868071;} .aboutprepaid A.morelink {font-family:Arial; font-weight:bold; font-size:95%; color:#868071; text-decoration:none;} .aboutprepaid A.morelink:hover {color:#868071;text-decoration:underline;} .createprepaid {margin: 0px 0px 0px 0px;} .createprepaid h2 { background-image: url(../images/leftcolumn/crete-your-prepaid-header_1.png); background-position:left top; background-repeat:no-repeat; font-size:145%; height:42px; font-weight:normal; color:#ffffff; margin:0 0 0 5px; padding: 12px 0 0px 50px; } .createprepaid h3 {font-size:145%; height:37px; font-weight:normal; color:#6DBBDD; margin: 0px 0px -10px 20px; padding: 0px 0 0px 0px; } .createprepaid .copy {font-family:Arial; font-size:95%; color:#000000; margin: 0px 10px 5px 20px} .createprepaid ul { margin: 0 10px 0 40px; padding:0; } .createprepaid li {color:#868071;} .createprepaid A.morelink {font-family:Arial; font-weight:bold; font-size:95%; color:#868071; text-decoration:none;} .createprepaid A.morelink:hover {color:#868071;text-decoration:underline;} .createprepaid A.copylink {font-family:Arial; font-weight:bold; color:#868071; text-decoration:none;} .createprepaid A.copylink:hover {color:#868071;text-decoration:underline;} .createprepaid .col1 {display: block; } .createprepaid .col2 {display: block; } .widerow {margin:10px 0 0 5px; padding:10px 0 0 0; border-top:/* dotted*/ solid 2px #999999;} .widerow h3 {font-size:145%; height:37px; font-weight:normal; color:#6DBBDD; margin: 0px 0px -10px 0px; padding: 0px 0 0px 20px; } .widerow .copy {font-family:Arial; font-size:95%; color:#000000; margin: 0px 10px 5px 20px} .widerow ul { margin: 0 10px 0 40px; padding:0; } .widerow li {color:#868071;} .widerow A.morelink {font-family:Arial; font-weight:bold; font-size:95%; color:#868071; text-decoration:none;} .widerow A.morelink:hover {color:#868071;text-decoration:underline;} .widerow A.copylink {font-family:Arial; font-weight:bold; color:#868071; text-decoration:none;} .widerow A.copylink:hover {color:#868071;text-decoration:underline;} /*news*/ #nav-right .news {margin: 0px 0px 0px 0px;} #nav-right .news h2 { background-image: url(../images/rightcolumn/section-headers/news-rss-header_1.png); background-position:right top; background-repeat:no-repeat; font-size:145%; height:37px; font-weight:normal; color:#ffffff; margin:0; padding: 10px 0 0px 50px; } #nav-right .news .content{ position:relative; display:block; margin:0; padding: 5px 2px 5px 10px; border-bottom:/* dotted*/ solid 0px #999999;} #nav-right .news A.itemlink { display:block; font-family:Arial; font-weight:bold; font-size:95%; color:#000000; text-decoration:underline;} #nav-right .news A.itemlink:hover {color:#868071;text-decoration:none;} #nav-right .news .copy {font-family:Arial; font-size:85%; color:#868071;} #nav-right .news A.morelink {font-family:Arial; font-weight:normal; font-size:85%; color:blue; text-decoration:underline;} #nav-right .news A.morelink:hover {color:#868071;text-decoration:none;} /*partners*/ #nav-right .partners {margin: 0px 0px 0px 0px;} #nav-right .partners h2 { background-image: url(../images/rightcolumn/section-headers/our-partners-header_1.png); background-position:right top; background-repeat:no-repeat; font-size:145%; height:37px; font-weight:normal; color:#ffffff; margin:0; padding: 10px 0 0px 50px; } #nav-right .partners .content{ position:relative; display:block; margin:0; padding: 5px 0 5px 15px; border-bottom:/* dotted*/ solid 0px #999999;} #nav-right .partners A.itemlink { display:block; font-family:Arial; font-weight:bold; font-size:95%; color:#000000; text-decoration:underline;} #nav-right .partners A.itemlink:hover {color:#868071;text-decoration:none;} #nav-right .partners .copy {font-family:Arial; font-size:85%; color:#868071;} #nav-right .partners A.morelink {font-family:Arial; font-weight:normal; font-size:85%; color:blue; text-decoration:underline;} #nav-right .partners A.morelink:hover {color:#868071;text-decoration:none;} /*award winning*/ #nav-right .award {margin: 0px 0px 0px 0px;} #nav-right .award h2 {background-image: url(../images/rightcolumn/section-headers/award-winning_1.png); background-position:right top; background-repeat:no-repeat; font-size:145%; height:37px; font-weight:normal; color:#ffffff; margin:0; padding: 10px 0 0px 40px; } #nav-right .award h3 {font-size:115%; height:37px; font-weight:bold; color:#656565; margin:0; padding: 0px 0 0px 0px; } #nav-right .award .content{ position:relative; display:block; margin:0; padding: 5px 5px 5px 15px; border-bottom:/* dotted*/ solid 0px #999999;} #nav-right .award A.itemlink { display:block; font-family:Arial; font-weight:bold; font-size:95%; color:#000000; text-decoration:underline;} #nav-right .award A.itemlink:hover {color:#868071;text-decoration:none;} #nav-right .award .copy {font-family:Arial; font-size:85%; color:#868071;} #nav-right .award A.morelink {font-family:Arial; font-weight:normal; font-size:85%; color:blue; text-decoration:underline;} #nav-right .award A.morelink:hover {color:#868071;text-decoration:none;} /*Content Nav manu*/ #cp-nav-right .gadget ul {position:relative; margin: 0 0px 0 0px; padding:0; font-size:95%;} #cp-nav-right .gadget li {margin:0 0px 0 0px; padding:0px 0 0px 0px; list-style-type:none; border-bottom:solid 1px #ffffff; /*background-color:#868071;*/} #cp-nav-right .gadget a { color:#ffffff; text-decoration:none;display:block; width:auto; padding: 6px 0 6px 18px; /*background-image: url(../images/bullet_white_left.gif); background-position:9px 10px; background-repeat:no-repeat;*/ background-image: url(../images/rightcolumn/content-btn/base-content-btn.png); background-position:left top; background-repeat:no-repeat; } #cp-nav-right .gadget a:hover {background-color:#b12c35; color:#FFFFFF; /*background-image: url(../images/bullet_white_left.gif);*/ background-image: url(../images/rightcolumn/content-btn/active-content-btn.png); background-position:left top; background-repeat:no-repeat;} #cp-nav-right .gadget .selected a {color:#FFFFFF; font-weight:bold; background-image: url(../images/bullet_white_left.gif); /*background-color:#626262;*/ background-image: url(../images/rightcolumn/content-btn/active-content-btn.png); background-position:left top; background-repeat:no-repeat;} /* Header */ .header {position:relative; display:block; height:75px; width:996px; padding:0; margin:0; } .header .logo {position:absolute; top:0; left:0; width:242px;} /*#header .logo {position:absolute; top:13px; left:20px; width:150px;}*/ .header .strap{position:absolute; top:43px; left:150px; width:250px; font-family:Arial; font-weight:normal; font-size:105%; color:#000000;} .header .partner {position:absolute; top:25px; left:920px; width:200px; font-family:Arial; font-weight:normal; font-size:95%; color:White;} .header .partner .col1 {position:relative; display:block;} .header .partner .col2 {position:relative;display:block; padding: 10px 0 0 0; margin: 0 0 0 10px;} .header .secondarynav {position:absolute; top:0px; left:600px; width:396px; font-family:Arial; font-weight:normal; font-size:95%; color:white; background-color:#868071; padding:0px; height:30px; } .header .secondarynav ul { margin: 0; padding: 0;} .header .secondarynav li { float:left; list-style-type:none; margin: 5px 0 0 6px; padding: 0; } .header .secondarynav a { padding: 3px 0 6px 24px; margin: 0; font-weight:normal; text-decoration: none; color:#FFFFFF; background-repeat:no-repeat; display:block; } .header .secondarynav a:hover { text-decoration:underline; } .header .secondarynav .myaccount { background-image: url(../images/buttons/support/buttonsupport.gif); background-position:0px 2px; } .header .secondarynav .aboutus { background-image: url(../images/buttons/support/buttonsupport.gif); background-position:0px 2px; } .header .secondarynav .faq { background-image: url(../images/buttons/support/buttonsupport.gif); background-position:0px 2px; } .header .secondarynav .terms { background-image: url(../images/buttons/support/buttonsupport.gif); background-position:0px 2px; } .header .secondarynav .contact { background-image: url(../images/buttons/support/buttonsupport.gif); background-position:0px 2px; } .header .secondarynav .flags a { padding:0 0 0 0px; margin:0 0 0 3px; display:block; float:left;} /* Primary Navigation */ #nav-wrapper { height:32px; width:auto; background-image: url(../images/header/navbar/nav-wrapper-bg_hiten.gif); background-position:left top; background-repeat:repeat-x; border-right:solid 1px #999999;} #nav-wrapper a.active {position:relative; display:block; margin: 0 0px 0 0px; color:#ffffff; font-family:Arial; font-weight:bold; font-size:105%; text-decoration:none; /*border-left:solid 1px #999999; border-right:solid 1px #ffffff;*/ padding: 8px 20px 8px 20px; /*background-color:#adb5c0;*/ background-image: url(../images/header/navbar/base-btn-state_hiten.gif); background-position:left top; background-repeat:repeat-x;} #nav-wrapper a.active:hover { background-image:url(xfsdgvdsgf); color:#000000; /*background-color:#999999;*/ /*border-left:solid 1px #999999;*/ background-image: url(../images/header/navbar/hover-btn-state_hiten.gif); background-position:left top; background-repeat:repeat-x;} #nav-wrapper a.hilight {position:relative; display:block; margin: 0 0px 0 0px; color:#ffffff; font-family:Arial; font-weight:bold; font-size:105%; text-decoration:none; /*border-left:solid 1px #999999; border-right:solid 1px #ffffff;*/ padding: 8px 20px 8px 20px; /*background-color:#adb5c0;*/ background-image: url(../images/header/navbar/base-btn-state_hiten.gif); background-position:left top; background-repeat:repeat-x;} #nav-wrapper a.hilight:hover { background-image:url(xfsdgvdsgf); color:#000000; /*background-color:#999999;*/ /*border-left:solid 1px #999999;*/ background-image: url(../images/header/navbar/hover-btn-state_hiten.gif); background-position:left top; background-repeat:repeat-x;} #nav-wrapper a.in {position:relative; display:block; margin: 0 0px 0 0px; color:#000000; font-family:Arial; font-weight:bold; font-size:105%; text-decoration:none; /*border-left:solid 1px #ffffff; border-right:solid 1px #ffffff;*/ padding:8px 20px 8px 20px; background-color:#ffffff; background-image: url(../images/header/navbar/active-btn-state_hiten.gif); background-position:left top; background-repeat:repeat-x;} /*#nav-wrapper a.in:hover { color:#000000; background-color:#acacac; background-image: url(../images/header/navbar/hover-btn-state.gif); background-position:left top; background-repeat:repeat-x;}*/ #nav-wrapper a.inhome {position:relative; display:block; margin: 0 0px 0 0px; color:#000000; font-family:Arial; font-weight:bold; font-size:105%; text-decoration:none; border-left:solid 1px #999999; border-right:solid 1px #ffffff; padding:8px 20px 8px 20px; background-color:#ffffff; background-image: url(../images/header/navbar/home-active-btn-state_hiten.gif); background-position:left top; background-repeat:repeat-x;} /*#nav-wrapper a.inhome:hover { background-image:url(xfsdgvdsgf); color:#000000; background-color:#acacac; }*/ /* Footer*/ #footer-wrapper {position:relative; display:block; text-align:center;} #footer-wrapper .bar {position:relative; display:block; text-align:center; border-left:solid 1px #999999; border-right:solid 1px #999999; border-bottom:solid 1px #999999; background-image: url(../images/header/navbar/nav-wrapper-bg_hiten.gif); background-repeat:repeat-x; padding:5px 0 5px 0;} #footer-wrapper a.active {position:relative; text-align:center; color:#ffffff; font-family:Arial; font-weight:bold; font-size:105%; text-decoration:none; padding:0 20px 0 20px;} #footer-wrapper a.active:hover { background-image:url(xfsdgvdsgf); color:#000000; } #footer-wrapper .imprint {font-family:Arial; font-weight:normal; color:#6DBBDD; font-size:75%; text-decoration:none; margin:20px 140px 20px 140px;} /*user content*/ #user_content {width:100%;} #user_content h1 {padding:0; margin: 0 0 0.3em 0; color:#868071; } #user_content .BodyTextIntro {color:#868071;} /* FAQ */ .FAQBoxQuestionBox{ display:block; position:relative; font-family:arial; line-height:1.5em; cursor:pointer; width:100%; color:#868071; padding-top:3px; padding-bottom:3px; font-weight:bold; margin-bottom:2px;} .FAQBoxQuestion{ display:block; position:relative; float:left; width:3%; padding-left:10px;} .FAQBoxQuestionLabel{ display:block; position:relative; float:left; display:block; width:95%;} .FAQBoxAnswerBox{ display:block; position:relative; font-family:arial; line-height:1.5em; cursor:pointer; width:100%; color:#000000; padding-top:3px; padding-bottom:3px; margin-bottom:2px;} .FAQBoxAnswer{ display:block; position:relative; float:left; width:3%; font-weight:bold; padding-left:10px;} .FAQBoxAnswerLabel{display:block; position:relative; float:left; width:95%;} /* Currency Converter Box */ #SignUp2e .formP5 {padding:0 0 15px 0; margin:0 0 5px 0; background-image: url(../images/bg/signup/Step2BoxFooterGray.png); background-position:left bottom; background-repeat:no-repeat;} #SignUp2e .formP5 h2 { background-image: url(../images/bg/signup/Step2BoxHeaderGray.png); background-position:left top; background-repeat:no-repeat; font-size:115%; height:25px; font-weight:bold; color:#ffffff; margin:0; padding: 5px 0 5px 15px; background-color:#868071; } #SignUp2e .formP5 ul { position:relative; margin:0; padding:0px 0 5px 15px ; background-image: url(../images/bg/signup/Step2BoxBodyFillGray.png); background-position:left top; background-repeat:repeat-y } #SignUp2e .formP5 li { margin:0 1px 0 0px; padding:0px 0 0px 0px; list-style-type:none; } #SignUp2e .formP5 .body { background-image: url(../images/bg/signup/Step2BoxBodyFillGray.png); background-position:left top; margin:0; padding: 8px 0 0px 65px; background-repeat:repeat-y;} #SignUp2e .formP5 .bodya { background-image: url(../images/bg/signup/Step2BoxBodyFillGray.png); background-position:left top; margin:0; padding: 8px 0 0px 15px; background-repeat:repeat-y;} #SignUp2e a.FooterBtn195blue{display:block;float:right;height:25px;width:208px;padding: 9px 0px 0px 0px;text-decoration:none;background-image: url('../images/buttons/signup/FooterBtn195Blue_a.png');font-weight:bold; color:white; margin: 3px 5px 0px 0px;text-align:center; background-repeat:no-repeat;} #SignUp2e a:hover.FooterBtn195blue{background-image: url('../images/buttons/signup/FooterBtn195Blue_hover.png');color:#FFFFFF;} /*Modal Popup */ .popupControl { background-color:#AAD4FF; position:absolute; visibility:hidden; border-style:solid; border-color: Black; border-width: 2px; } .modalBackground { background-color:Gray; filter:alpha(opacity=60); opacity:0.6; } .modalPopup { background-color:#ffffdd; border-width:3px; border-style:solid; border-color:Gray; padding:15px; width:600px; top:10px; z-index:200; } .modalBackgroundErr { background-color:Gray; filter:alpha(opacity=60); opacity:0.6; } .modalPopupErr { background-color:#FFEEF2; border-width:3px; border-style:solid; border-color:red; color:red; padding:15px; width:600px; top:10px; z-index:200; } .modalPopupErr H2 {color:red;} .modalPopupErr760 {display:block; border:solid 1px red; background-color:#FFEEF2; padding:8px 8px 15px 8px; margin:4px; width:760px;} /* Signup Form */ /*email Box*/ #embox .formP1 {padding:0 0 15px 0; margin: 10px 0 5px 0; background-image: url(../images/bg/signup/Step2CardDesignFooter.png); background-position:left bottom; background-repeat:no-repeat;} #embox .formP1 h2 { background-image: url(../images/bg/signup/ChooseAddressHeader.png); background-position:left top; background-repeat:no-repeat; font-size:115%; height:23px; font-weight:bold; color:#ffffff; background-color:#868071; margin:0; padding: 5px 0 5px 15px; } #embox .formP1 ul { position:relative; margin:0; padding:0px 0 5px 15px ; background-image: url(../images/bg/signup/Step2CardDesignFill.png); background-position:left top; background-repeat:repeat-y; background-color:#d4edf8;} #embox .formP1 li { margin:0 1px 0 0px; padding:0px 0 0px 0px; list-style-type:none; } #embox .formP1 .label {float:left; width:170px; padding:3px 10px 12px 0; text-align:right;} #embox .formP1 .field {float:left; text-align:left; width:250px;} /*Signup Step 2 Box 1*/ #SignUp2a .formP1 {padding:0 0 15px 0; margin: 10px 0 5px 0; background-image: url(../images/bg/signup/Step2CardDesignFooter.png); background-position:left bottom; background-repeat:no-repeat;} #SignUp2a .formP1 h2 { /*border-bottom:solid 1px #259DF4;*/ background-image: url(../images/bg/signup/ChooseAddressHeader.png); background-position:left top; background-repeat:no-repeat; font-size:115%; height:23px; font-weight:bold; color:#ffffff; background-color:#868071; margin:0; padding: 5px 0 5px 15px; } #SignUp2a .formP1 ul { position:relative; margin:0; padding:0px 0 5px 15px ; background-image: url(../images/bg/signup/Step2CardDesignFill.png); background-position:left top; background-repeat:repeat-y; background-color:#d4edf8;} #SignUp2a .formP1 li { margin:0 1px 0 0px; padding:0px 0 0px 0px; list-style-type:none; } #SignUp2a .formP1 .body { background-image: url(../images/bg/signup/Step2CardDesignFill.png); background-position:left top; margin:0; padding: 8px 0 0px 15px; background-repeat:repeat-y;} #SignUp2a .formP1 .bullets { position:relative; margin:0; padding:0px 0 5px 15px ; list-style-type:square;} #SignUp2a #blankbox ul { padding:0; margin-left: 1.2em;background-image: url(../images/bg/signup/Step2CardDesignFilla.png);} #SignUp2a #blankbox li {list-style-position:outside; margin:0.3em 0 0 0; padding-left:12px; list-style-type:none; background-image: url(../images/bullet_blue.gif); background-position:0px 7px; background-repeat:no-repeat; } /*Signup Step 2 Box 2*/ #SignUp2b .formP2 {padding:0 0 15px 0; margin:0 0 5px 0; background-image: url(../images/bg/signup/Step2BoxFooterBlue.png); background-position:left bottom; background-repeat:no-repeat;} #SignUp2b .formP2 h2 { background-image: url(../images/bg/signup/Step2BoxHeaderBlue.png); background-position:left top; background-repeat:no-repeat; font-size:115%; height:23px; font-weight:bold; color:#ffffff;background-color:#868071; margin:0; padding: 5px 0 5px 15px; } #SignUp2b .formP2 ul { position:relative; margin:0; padding:0px 0 5px 20px ; background-image: url(../images/bg/signup/Step2BoxBodyFillBlue.png); background-position:left top; background-repeat:repeat-y; background-color:#d4edf8;} #SignUp2b .formP2 ul { position:relative; margin:0; padding:0px 0 5px 65px ; background-image: url(../images/bg/signup/Step2BoxBodyFillBlue.png); background-position:left top; background-repeat:repeat-y; background-color:#d4edf8;} #SignUp2b .formP2 li { margin:0 1px 0 0px; padding:0px 0 0px 0px; list-style-type:none; } #SignUp2b .formP2 .body { background-image: url(../images/bg/signup/Step2BoxBodyFillBlue.png); background-position:left top; margin:0; padding: 8px 0 0px 65px; background-repeat:repeat-y;} #SignUp2b .formP2 .bodya { background-image: url(../images/bg/signup/Step2BoxBodyFillBlue.png); background-position:left top; margin:0; padding: 8px 0 0px 15px; background-repeat:repeat-y;} /*Signup Step 2 Box 3 identity*/ #SignUp2c .formP3 {padding:0 0 15px 0; margin:0 0 5px 0; /*background-image: url(../images/bg/signup/Step2BoxFooterGreen.png);background-position:left bottom; background-repeat:no-repeat;*/ } #AddressFinder .form {float:left; width: 190px; padding:0 0 15px 0; margin:0 3px 5px 0; background-image: url(../images/bg/signup/FindAddressFooter.png); background-position:left bottom; background-repeat:no-repeat;} #AddressFinder .form h2 { background-image: url(../images/bg/signup/FindAddressHeader.png); background-position:left top; background-repeat:no-repeat; font-size:115%; height:23px; font-weight:bold; color:#ffffff; background-color:#868071; margin:0; padding: 5px 0 5px 15px; } #AddressFinder .form ul { position:relative; margin:0; padding:0px 0 5px 20px ; background-image: url(../images/bg/signup/FindAddressFill.png); background-position:left top; background-repeat:repeat-y; background-color:#d4edf8;} #AddressFinder .form li { margin:0 1px 0 0px; padding:0px 0 0px 0px; list-style-type:none; } #AddressFinder .form A.Find{display: block;padding: 5px;width:80px;text-decoration:none;border:solid 1px #ffffff;font-family:Tahoma;font-size:.9em;font-style:normal;font-weight:bold;color:#ffffff;margin:5px 0 0 0 ;text-align:center;background-color:#1B9EF6} #AddressFinder .form A:hover.Find{border:solid 1px #ffffff;color:#ffffff;background-color:#0976BF;} #CYA .form {float:left; width:575px; padding:0 0 20px 0; margin:0 0 5px 0; background-image: url(../images/bg/signup/ChooseAddressFooter.png); background-position:left bottom; background-repeat:no-repeat;} #CYA .form h2 { background-image: url(../images/bg/signup/ChooseAddressHeader.png); background-position:left top; background-repeat:no-repeat; font-size:115%; height:23px; font-weight:bold; color:#ffffff; background-color:#868071; margin:0; padding: 5px 0 5px 15px; } #CYA .form ul { position:relative; margin:0; padding:0px 0 5px 10px ; background-image: url(../images/bg/signup/ChooseAddressFill.png); background-position:left top; background-repeat:repeat-y; background-color:#d4edf8;} #CYA .form li { margin:0 1px 0 0px; padding:0px 0 0px 0px; list-style-type:none; } .scrollbox{display:block;width:380px;height:180px;overflow:auto;} .grid{width: 370px;text-transform: capitalize;color: black;font-style: normal;font-family: arial, Tahoma;font-variant: normal;text-decoration: none; } /*Signup Step 2 Box 4 identity*/ #SignUp2d .formP4 {padding:0 0 15px 0; margin:0 0 5px 0; background-image: url(../images/bg/signup/Step2BoxFooterGreen.png); background-position:left bottom; background-repeat:no-repeat;} #SignUp2d .formP4 h2 { background-image: url(../images/bg/signup/Step2BoxHeaderGreen.png); background-position:left top; background-repeat:no-repeat; font-size:115%; height:23px; font-weight:bold; color:#ffffff; background-color:#868071; margin:0; padding: 5px 0 5px 15px; } #SignUp2d .formP4 ul { position:relative; margin:0; padding:0px 0 5px 20px ; background-image: url(../images/bg/signup/Step2BoxBodyFillGreen.png); background-position:left top; background-repeat:repeat-y; background-color:#d4edf8;} #SignUp2d .formP4 li { margin:0 1px 0 0px; padding:0px 0 0px 0px; list-style-type:none; } #SignUp2d .formP4 .body { background-image: url(../images/bg/signup/Step2BoxBodyFillGreen.png); background-position:left top; margin:0; padding: 8px 0 0px 15px; background-repeat:repeat-y;background-color:#d4edf8;} /*Signup Step 2 Box 5 Login*/ #SignUp2e .formP5 {padding:0 0 15px 0; margin:0 0 5px 0; background-image: url(../images/bg/signup/Step2BoxFooterGray.png); background-position:left bottom; background-repeat:no-repeat;} #SignUp2e .formP5 h2 { background-image: url(../images/bg/signup/Step2BoxHeaderGray.png); background-position:left top; background-repeat:no-repeat; font-size:115%; height:25px; font-weight:bold; color:#ffffff; margin:0; padding: 5px 0 5px 15px; } #SignUp2e .formP5 ul { position:relative; margin:0; padding:0px 0 5px 15px ; background-image: url(../images/bg/signup/Step2BoxBodyFillGray.png); background-position:left top; background-repeat:repeat-y; background-color:#d4edf8;} #SignUp2e .formP5 li { margin:0 1px 0 0px; padding:0px 0 0px 0px; list-style-type:none; } #SignUp2e .formP5 .body { background-image: url(../images/bg/signup/Step2BoxBodyFillGray.png); background-position:left top; margin:0; padding: 8px 0 0px 65px; background-repeat:repeat-y; background-color:#d4edf8;} #SignUp2e .formP5 .bodya { background-image: url(../images/bg/signup/Step2BoxBodyFillGray.png); background-position:left top; margin:0; padding: 8px 0 0px 15px; background-repeat:repeat-y; background-color:#d4edf8;} #SignUp2e a.FooterBtn195blue{display:block;float:right;height:25px;width:208px;padding: 9px 0px 0px 0px;text-decoration:none;background-image: url('../images/buttons/signup/FooterBtn195Blue_a.png');font-weight:bold; color:white; margin: 3px 5px 0px 0px;text-align:center; background-repeat:no-repeat;} #SignUp2e a:hover.FooterBtn195blue{background-image: url('../images/buttons/signup/FooterBtn195Blue_hover.png');color:#FFFFFF;} /*cart #cart {width:700px;} #cart .block {padding:0 0 15px 0; margin:0 0 5px 0; background-image: url(../images/bg/signup/Step2BoxFooterGray.png); background-position:left bottom; background-repeat:no-repeat;} #cart .block h2 { background-image: url(../images/bg/signup/Step2BoxHeaderGray.png); background-position:left top; background-repeat:no-repeat; font-size:115%; height:25px; font-weight:bold; color:#ffffff; margin:0; padding: 5px 0 5px 15px; background-color:#868071; width:700px;} #cart .block ul { position:relative; margin:0; padding:0px 0 5px 15px ; background-image: url(../images/bg/signup/Step2BoxBodyFillGray.png); background-position:left top; background-repeat:repeat-y; background-color:#d4edf8;} #cart .block li { margin:0 1px 0 0px; padding:0px 0 0px 0px; list-style-type:none; } */ /*cart*/ #cart {width:700px;} #cart .block {padding:0 0 15px 0; margin:0 0 5px 0; background-image: url(../images/bg/signup/Step2BoxFooterGray.png); background-position:left bottom; background-repeat:no-repeat;} #cart .block h2 { background-image: url(../images/bg/signup/Step2BoxHeaderGray.png); background-position:left top; background-repeat:no-repeat; font-size:115%; height:25px; font-weight:bold; color:#ffffff; margin:0; padding: 5px 0 5px 15px; background-color:#868071; width:700px;} #cart .block ul { position:relative; margin:0; padding:0px 0 5px 15px ; background-image: url(../images/bg/signup/Step2BoxBodyFillGray.png); background-position:left top; background-repeat:repeat-y; background-color:#d4edf8;} #cart .block li { margin:0 1px 0 0px; padding:0px 0 0px 0px; list-style-type:none; } #cart .block .scroll {height:200px; width:550px; overflow: auto;} #cart .block2 h3 {color:#ffffff; padding: 5px 0 5px 15px;} #cart .block2 .scroll {display:block; border:solid 1px silver; height:170px; width:688px; padding: 10px 10px 10px 15px; overflow:auto; background-color:#d4edf8;} #cart .block2 .basicbox {display:block; border:solid 1px silver; width:688px; padding: 10px 10px 10px 15px; overflow:auto; background-color:#d4edf8;} /*signup companion*/ #SignUp3 .formP1 {padding:0 0 15px 0; margin:0 0 5px 0; background-image: url(../images/bg/signup/Step3P1Footer.png); background-position:left bottom; background-repeat:no-repeat;} #SignUp3 .formP1 h2 { background-image: url(../images/bg/signup/Step3P1Header.png); background-position:left top; background-repeat:no-repeat; font-size:115%; height:25px; font-weight:bold; color:#ffffff; margin:0; padding: 5px 0 5px 15px; background-color:#868071; width:700px;} #SignUp3 .formP1 ul { position:relative; margin:0; padding:0px 0 5px 20px ; background-image: url(../images/bg/signup/Step3P1BodyFill.png); background-position:left top; background-repeat:repeat-y; background-color:#d4edf8; } #SignUp3 .formP1 li { margin:0 1px 0 0px; padding:0px 0 0px 0px; list-style-type:none; } #SignUp3 .formP1 .body { background-image: url(../images/bg/signup/Step3P1BodyFill.png); background-position:left top; margin:0; padding: 8px 0 0px 65px; background-repeat:repeat-y; background-color:#d4edf8;} /*payment*/ #SignUp4 .Billing {padding:0 0 15px 0; margin: 10px 0 5px 0; background-image: url(../images/bg/signup/Step2CardDesignFooter.png); background-position:left bottom; background-repeat:no-repeat;} #SignUp4 .Billing h2 { background-image: url(../images/bg/signup/Step2BoxHeaderBlue.png); background-position:left top; background-repeat:no-repeat; font-size:115%; height:23px; font-weight:bold; color:#ffffff; margin:0; padding: 5px 0 5px 15px; background-color:#868071;width:700px; } #SignUp4 .Billing ul { position:relative; margin:0; padding:0px 0 5px 15px ; background-image: url(../images/bg/signup/Step2CardDesignFill.png); background-position:left top; background-repeat:repeat-y; background-color:#d4edf8; } #SignUp4 .Billing li { margin:0 1px 0 0px; padding:0px 0 0px 0px; list-style-type:none; } #SignUp4 .Billing .body { background-image: url(../images/bg/signup/Step2CardDesignFill.png); background-position:left top; margin:0; padding: 8px 0 0px 15px; background-repeat:repeat-y; background-color:#d4edf8;} #SignUp4 .Billing .address {margin:10px 0 0 0 ; padding: 5px; width:90%; color:White; background-color:#1F9DF4;} .address2 {margin:0px 0 0 0 ; padding: 5px; width:90%; color:White; background-color:#1F9DF4;} #SignUp4 .Card {padding:0 0 15px 0; margin:0 0 5px 0; background-image: url(../images/bg/signup/Step2BoxFooterBlue.png); background-position:left bottom; background-repeat:no-repeat;} #SignUp4 .Card h2 { background-image: url(../images/bg/signup/Step2BoxHeaderBlue.png); background-position:left top; background-repeat:no-repeat; font-size:115%; height:23px; font-weight:bold; color:#ffffff; margin:0; padding: 5px 0 5px 15px; background-color:#868071; width:700px;} #SignUp4 .Card ul { position:relative; margin:0; padding:0px 0 5px 20px ; background-image: url(../images/bg/signup/Step2BoxBodyFillBlue.png); background-position:left top; background-repeat:repeat-y; background-color:#d4edf8; } #SignUp4 .Card ul.65 { position:relative; margin:0; padding:0px 0 5px 65px ; background-image: url(../images/bg/signup/Step2BoxBodyFillBlue.png); background-position:left top; background-repeat:repeat-y; background-color:#d4edf8; } #SignUp4 .Card li { margin:0 1px 0 0px; padding:0px 0 0px 0px; list-style-type:none; } #SignUp4 .Card hr { border:1px solid black;} #SignUp4 .Card .body { background-image: url(../images/bg/signup/Step2BoxBodyFillBlue.png); background-position:left top; margin:0; padding: 8px 0 0px 65px; background-repeat:repeat-y; background-color:#d4edf8;} #SignUp4 .Card .bodya { background-image: url(../images/bg/signup/Step2BoxBodyFillBlue.png); background-position:left top; margin:0; padding: 8px 0 0px 15px; background-repeat:repeat-y; background-color:#d4edf8;} /*page header msg box*/ .pageheadermsgbox{ background-color:#d4edf8; border: solid 1px #6DBBDD; padding:15px 15px 15px 15px;} .pageheadermsgbox .lfield {display:block; float:left; width:30px; padding:3px 10px 12px 0; text-align:right;} .pageheadermsgbox .rfield {display:block; float:left; text-align:left; width:400px; } /*Card List styles*/ .cardlist { display:block; width:600px; margin:0 0 15px 0; padding: 5px 0 5px 0; border-bottom:solid 1px #cccccc;} .cardlist .lfield {display:block; float:left; width:260px; padding:3px 10px 12px 0; text-align:right;} .cardlist .rfield {display:block; float:left; text-align:left; width:260px; } .cardlist .requireddata{color:Red; font-size:75%; padding:0 0 0 5px;} .cardlist .labeldefault {display:block; float:left; width:250px; padding:3px 10px 12px 30px; text-align:right;} .cardlist .rfield ul { position:relative; margin:0; padding:0px 0 5px 20px ; background-image: url(../images/bg/signup/Step2BoxBodyFillBlue.png); background-position:left top; background-repeat:repeat-y } .cardlist .rfield li { margin:0 1px 0 0px; padding:0px 0 0px 0px; list-style-type:none; } .cardlist .rfield .footer {display:block; text-align:right; width:100%; padding:5px 20px 5px 5px; background-color:#eff6fc; border: solid 1px #2e94d2; margin:20px 0 0 0;} .cardlist .rfield .footer .col {display:block; float:left; margin:0 10px 0 0;} .cardlist .rfield .price {display:block; font-size:125%; font-weight:bold; padding:10px 0px 0 0;} .cardlist h3 {display:block; font-size:130%; font-weight:bold; } /*left menu*/ .leftmenufillerbg { width:185px; height:450px; background-image: url(../images/bg/bg_main_hiten.gif); background-position:left 30px; margin: 8px 5px 10px 2px ; background-repeat:no-repeat; } .leftmenufillerbg h2 { background-image: url(../images/bg/signup/Step2BoxHeaderGray.png); background-position:left top; background-repeat:no-repeat; font-size:115%; height:25px; font-weight:bold; color:#ffffff; margin:0; padding: 5px 0 5px 15px; background-color:#868071; width:170px;} /* load */ .userwrapper {display:block; border:solid 1px #d4d4d4; background-color:#f7f7f7; padding:8px 8px 15px 8px; margin:4px; width:760px;} .userwrapper .floatblock{display:block; float:left; border:solid 1px #d4d4d4; background-color:#f7f7f7; padding:8px 8px 15px 8px; margin:4px;}