/* CSS variables to generate new styles:
**
** Note: this is the future. At current time we are building the list
**
** $inputBg:
** $inputFocus:
** $inputFg:
** $inputBorder:
** $inputBorderFocus:
** $formButton:			is used for non java buttons and some input labels (eg. send to friend)
**
*/

BODY { FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif; color: #1F1F1F; FONT-SIZE: 10px; margin: 0px; }
DIV,TH,TD,P,INPUT,SELECT,TEXTAREA,TT { FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif; FONT-SIZE: 10px; }
BODY { 
        MARGIN-TOP: 0 px; MARGIN-BOTTOM: 0 px; MARGIN-LEFT: 0 px; MARGIN-RIGHT: 0 px; 
        BACKGROUND-COLOR: #004080;
        /*
        BACKGROUND: URL(images/bg.gif);
        */
}
.bodyArea {
	BACKGROUND-COLOR: #FFFFFF;
}

BODY
{
	SCROLLBAR-TRACK-COLOR: #6B9ED6;
	SCROLLBAR-FACE-COLOR: #28609C;
	SCROLLBAR-HIGHLIGHT-COLOR: #6B9ED6;
	SCROLLBAR-3DLIGHT-COLOR: #6B9ED6;
	SCROLLBAR-DARKSHADOW-COLOR: #6B9ED6;
	SCROLLBAR-SHADOW-COLOR: #6B9ED6;
	SCROLLBAR-ARROW-COLOR: #cccccc;
	/*
	SCROLLBAR-BASE-COLOR: green;
	*/
}

A:link { color: #970000; TEXT-DECORATION: none; }
A:visited { color: #970000; TEXT-DECORATION: none; }
A:hover { color: #FF0000; TEXT-DECORATION: none; }
A:active { color: #970000; TEXT-DECORATION: none; }
/*
H1 { FONT-SIZE: 15px; color: #AA0000; padding:0;margin:0; }
H1 { color: #002448; font-weight: bold; font-size: 11px; line-high:15px;margin-top:-6px;margin-bottom:0px;padding-left: 20px; padding-top: 0px; padding-bottom: 3px; background-image: url('images/dialog_title_bg.gif'); background-repeat: no-repeat; background-position: bottom left; }
H1 { color: #002448; font-weight: bold; font-size: 11px;line-high:15px;margin-top:-8px;margin-bottom:0px; }
*/
H1 { color: #002448; font-weight: bold; font-size: 11px;line-high:15px;margin-top:-8px;margin-bottom:1px; }
H2 { FONT-SIZE: 13px; color: #E87400; }
H3 { FONT-SIZE: 12px; color: #A40000; }
HR { color: #000000; HEIGHT: 1px; }
/*
A:link {
	COLOR: #081589; TEXT-DECORATION: none;
}
A:visited {
	COLOR: #081589; TEXT-DECORATION: none;
}
A:hover {
	COLOR: #FF0000; TEXT-DECORATION: underline;
}
A:active  {
	COLOR: #081589; TEXT-DECORATION: none;
}
*/
/*
table tr td.left
{
	text-align: left;
}
*/
table tr td.right
{
	text-align: right;
}
table tr td.center
{
	text-align: center;
}
div.center table {margin-left: auto; margin-right:auto; text-align: left;} 
INPUT, TEXTAREA
{
    font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
    font-size: 8pt;
    border-style: solid;
    border-width: 1px;
    /* $inputBorder */
    border-color: #AAAAAA;
    /*
    background: #D8E8FF;
    background: #EEF3F8;
    background: #fffbff;
    */
    /* $inputBg */
    background: #F8F8F8;
    /* $inputFg */
    color: #000000;
    padding-left: 3px;
}
INPUT:focus, TEXTAREA:focus 
{
    /* $inputBorderFocus */
	border-color:#000000;
    /* $inputBgFocus */
	background:#ffffff;
}
SELECT
{
    border-style: solid;
    border-width: 1px;
    background: #FFFFFF;
}
input.radio
{
    border: none;
    background: #FFFFFF;
}
input.checkbox
{
    border: none;
    background: #FFFFFF;
}
input[type="radio"], input[type="checkbox"] {
    border: none;
    background: #FFFFFF;
}
div.nshow { display: none; }
.company {
    COLOR: #ffffff;
    FONT-WEIGHT: bold;
    FONT-SIZE: 22pt;
}
.slogan {
    COLOR: #ffffff;
    FONT-SIZE: 7pt;
}
.hline {
    border-top: 1px solid #000080;
}
/* thumbnail border */
.tnPicBorder {
    border-width: 0px;
    border-style: solid;
    border-color: #FFFFFF;
}
.picBorder {
    border-width: 0px;
    border-style: solid;
    border-color: #FFFFFF;
}
.hrShort {
    HEIGHT: 1px; color: #909090;
}
.hrLong {
    HEIGHT: 1px; color: red;
}
.HeadText {
        FONT-SIZE: 12px; FONT-WEIGHT: bold;
}
.HeadLine { background-color: #004080; color: #FFFFFF; padding: 8px; border-bottom: 2px solid #000000; background-image: url('images/subnav_bg.gif'); background-repeat: repeat-x; background-position: left; }
.VertMenuBox { color: #FFFFFF; }
.VertMenuItems { color: #000000; TEXT-DECORATION: none; }
.VertMenuBoxNewsTitle { color: #FFFFFF; FONT-WEIGHT: bold; padding: 0px; margin: 0px; }
.VertMenuItems:link { color: #000000; TEXT-DECORATION: none; }
.VertMenuItems:visited { color: #000000; TEXT-DECORATION: none; }
/*
.VertMenuItems:hover { color: #FF0000; TEXT-DECORATION: underline; }
*/
.VertMenuItems:hover { color: #000000; TEXT-DECORATION: none; }
.VertMenuItems:active { color: #000000; TEXT-DECORATION: none; }
.VertMenuItems_top { COLOR: #ffffff; TEXT-DECORATION: none; }
.VertMenuItems_top:link { color: #FFFFFF; TEXT-DECORATION: none; }
.VertMenuBorder { margin: 0px; padding: 0px; }
.VertMenuHr { color: #484848; }
.VertMenuTitle { color: #FFFFFF; font-weight: bold; padding: 2px; font-size: 11px; background-color: #3175BD; border-bottom: 1px solid #000000; }
.VertMenuItems input.checkbox
{
    border: none;
    background: #E5E5E5;
}

.logo { background-color: #004080; color: #FFFFFF; background-image: url('images/logo_bg_right.gif'); background-repeat: no-repeat; background-position: right bottom; width: 100%; }

.subnav { border-top: 1px solid #B3C6D9; border-bottom: 2px solid #000000; background-image: url('images/toptab_bg.gif'); background-repeat: repeat-x; background-position: bottom; }
.rightMargin { width:180px; border-left: 0px solid #868686; background-color: #E5E5E5; color: #000000; vertical-align: top; }
.leftMargin { width:180px; border-right: 0px solid #868686; background-color: #E5E5E5; vertical-align: top; }
.CategoriesList { font-size: 11px; color: #000000; }
#categories a { display: block; background-color: #E5E5E5; border-bottom: 1px solid; padding-left: 15px; padding-top: 2px; padding-bottom: 2px; color: #000000; border-color: #FFFFFF; background-image: url('images/arr.gif'); background-repeat: no-repeat; background-position: left; }
#categories a:hover { background-color: #FFFFFF; color: #004080; text-decoration: none; background-image: url('images/arr_hover.gif'); background-repeat: no-repeat; background-position: left; }
.VertMenuItems_top { COLOR: #ffffff; TEXT-DECORATION: none; }
.VertMenuItems_top:link { color: #FFFFFF; TEXT-DECORATION: none; }
.DialogBox { BACKGROUND-COLOR: #ffffff; background-image: url('images/item_foot.gif'); background-repeat: repeat-x; background-position: bottom; }
.DialogBorder { background-color: #E8E8E8; color: #002040; }
.DialogTitle { color: #002448; font-weight: bold; font-size: 11px; padding-left: 20px; padding-top: 4px; padding-bottom: 3px; background-image: url('images/dialog_title_bg.gif'); background-repeat: no-repeat; background-position: bottom left; }
.DialogTitleR { color: #002448; font-weight: bold; font-size: 11px; padding-left: 20px; padding-top: 4px; padding-bottom: 3px; }
.NumberOfArticles { color: #373737; font-weight: bold; padding: 3px; }
.dialogmodulestitle { color: #9F7793; font-weight: bold; font-size: 12px; padding-left: 0px; padding-top: 4px; padding-bottom: 3px; background-color: #EDE7EA; border-bottom: 1px solid #C1C1C1; border: 1px solid #C1C1C1; }
.dialogproducttitle { color: #A63151; font-weight: bold; font-size: 16px; padding-left: 30px; padding-bottom: 6px; background-image: url('images/products_bg.gif'); background-repeat: no-repeat; background-position: bottom left; padding-top: 5px; }

/* my tabs */
/* this set works well for registration
table.tabMenu_my { margin-bottom: 1em; border-collapse: collapse; border-spacing: 0; }
table.tabMenu_my td, table.tabMenu_my th { padding: 0; }
td.cTab, td.dTab, td.aTab, td.aTabHover, td.spTab, td.spEndFlexTab { border: 1px solid #CBCBCB; }
td.spTab { border-width: 0 0 1px 0; width: 3px; }
td.spEndFlexTab { border-width: 0 0 1px 0; margin-left: 0; margin-right: 0; width: auto; }
td.aTab, td.cTab, td.dTab, td.aTabHover { width: 40px; padding: 0; }
td.aTab, td.cTab, td.dTab, td.aTabHover { height:30px; text-align: center; }
td.dTab { background: #E8E8E8; }
td.aTab { background: #CFE0F3; cursor: pointer;}
td.aTabHover { background: #88B3E0; cursor: pointer; }
td.hTab { display:none; }
td.cTab { border-bottom: 0; }
td.cTab { background: #FFFFFF; }
td#contTabTop { border: solid; border-width: 0 1px 0 1px; border-color: #CBCBCB; background: #FFFFFF; height: 1px;}
td#rcontTabPool { border: solid; border-width: 0 1px 1px; border-color: #CBCBCB; padding: 10px 8px 0;  }
td#ccontTabPool { border: solid; border-width: 0 1px 1px; border-color: green; padding: 10px 8px 0;  }
div.contTab { display: none; }
div.curContTab { display: block; }
*/

/* here we test the set for checkout */

table.tabMenu_my { margin-bottom: 1em; border-collapse: collapse; border-spacing: 0; }
table.tabMenu_my td, table.tabMenu_my th { padding: 0; }
td.cTab, td.dTab, td.aTab, td.aTabHover, td.spTab, td.spEndFlexTab { border: 1px solid #CBCBCB; }
/*
td.spTab { border: 1px solid red; width: 3px; }
*/
td.spTab { border-width: 0 0 1px 0; width: 3px; }
td.spEndFlexTab { border-width: 0 0 1px 0; margin-left: 0; margin-right: 0; width: auto; }
td.aTab, td.cTab, td.dTab, td.aTabHover { width: 80px; padding: 6px; }
td.aTab, td.cTab, td.dTab, td.aTabHover { height:30px; text-align: center; }
td.dTab { background: #E8E8E8; }
td.aTab { background: #CFE0F3; cursor: pointer;}
td.aTabHover { background: #88B3E0; cursor: pointer; }
td.hTab { display:none; }
td.cTab { border-bottom: 0; }
td.cTab { background: #FFFFFF; }
td#contTabTop { border: solid; border-width: 0 1px 0 1px; border-color: #CBCBCB; background: #FFFFFF; height: 1px;}
td#rcontTabPool { border: solid; border-width: 0 1px 1px; border-color: #CBCBCB; padding: 10px 8px 0;  }
td#ccontTabPool { border: solid; border-width: 0 1px 1px; border-color: #CBCBCB; padding: 10px 8px 0;  }
div.contTab { display: none; }
div.curContTab { display: block; }

/* end checkout set */

td#pcontTabPool { border: solid; border-width: 0 1px 1px; border-color: #CBCBCB; }
td#pcontTabTop { border: solid; border-width: 0 1px 0 1px; border-color: #CBCBCB; background: #FFFFFF; height: 3px; font-size: 4px; }
td.pcTab, td.pdTab { border: 1px solid #CBCBCB; }
td.pcTab, td.pdTab { padding: 4px; }
td.pcTab, td.pdTab { height:30px; text-align: center; }
td.pdTab { background: #E8E8E8; cursor: pointer; }
td.pcTab { border-bottom: 0; background: #FFFFFF; cursor: pointer; }
td.paTabHover { background: #88B3E0; cursor: pointer; }

/* tabs version 2 */
table#tabmenu { margin-bottom: 1em; }
td#contents_top { background: #FFFFFF; height: 1px;}
td.tabs, td.selectedtab, td.tabspacer, td#contentscell { border: 1px solid #CBCBCB; }
td.tabspacer { border-width: 0 0 1px; }
td.tabs, td.selectedtab { padding: 4px; width: 25%; }
td.tabs { background: #E8E8E8; cursor: pointer; }
td.selectedtab { border-bottom: 0; }
td.selectedtab, td#contentscell { background: #FFFFFF; }
/*
td#contentscell { border-width: 0 1px 1px; padding: 4px; }
*/
td#contentscell { border-width: 0 1px 1px; padding-top: 3px;  }
div.contents { display: none; }
div.selectedcontents { display: block; }

.NumberOfArticles {
	COLOR: #000000; FONT: bold 10px;
}
.TopLabel { color: #FFFFFF; font-size: 11px; }
/* check usage */
.TopLabel2 { color: #FFFFFF; font-size: 11px; }
.TopLabel2 a, .TopLabel2 a:visited { color: #FFFFFF; }
input.TopControl
{
/*
border:1px inset #004080;color:#cccccc;background:#004080;padding-left:4px;width:150px;
*/
border:1px inset #004080;color:#000000;background:#E2ECF7;padding-left:4px;width:150px;
    padding-left: 3px;
}
select.TopControl
{
/*
border:1px inset #004080;color:#cccccc;background:#2A5E97;padding-left:1px;
*/
border:1px inset #004080;color:#000000;background:#E2ECF7;padding-left:1px;
}
.Text {
	COLOR: #000000;
}
.AdminSmallMessage {
	COLOR: #FF3300;
}
.AdminTitle {
	COLOR: #FF3300; FONT: bold 12px;
}
.Line {
	border-top: 1px solid #840000;
	font-size: 1px;
}
.ProductTitle {
	COLOR: #081589; FONT: bold 12px;
}
.ProductDetailsTitle {
	COLOR: #840000; FONT: bold 12px;
}
.ProductDetails {
	COLOR: #000000;
}
.ProductPriceTitle {
	COLOR: #000000; FONT: bold 12px;
}
.ProductPriceConverting {
	COLOR: #000000; FONT: bold 12px;
}
.ProductPrice {
	COLOR: #FF3300; FONT: bold 12px;
}
.ProductPriceSmall {
	COLOR: #FF3300; FONT: bold 10px;
}
.MarketPrice {
	FONT-SIZE: 11px;
}
.ItemsList {
	COLOR: #081589; FONT: bold 10px;
}
.locationTop { border-bottom: 1px solid #999999; padding-top: 5px; padding-bottom: 3px; }
.locationBot { border-top: 1px solid #999999; padding-top: 5px; padding-bottom: 3px; }
.navigationpath, .navigationpath a, .navigationpath a:visited { color: #949494; text-decoration: none; font-size: 10px; }
.navigationpath a:hover { color: #BB0000; text-decoration: none; }
.navigationpath a:active { color: #949494; text-decoration: none; }
.VertMenuLink, .VertMenuLink a, .VertMenuLink a:visited { color: #000000; text-decoration: none; font-size: 10px; }
.VertMenuLink a:hover { color: #BB0000; text-decoration: none; }
.VertMenuLink a:active { color: #000000; text-decoration: none; }


.FormButton {
	/* $formButton */
	COLOR: #000000; FONT: bold 10px;
}
.Button { font-family: Arial; background: URL(images/butbg.gif); background-repeat: repeat-x; color: #000000; font-size: 11px; height: 17px; text-decoration: none; }
.wideButton { font-family: Arial; background: URL(images/butbg.gif); background-repeat: repeat-x; color: #000000; font-size: 11px; height: 17px; width: 158px; text-decoration: none; }
.Button_b { font-family: Arial; background: URL(images/butbg_b.gif); background-repeat: repeat-x; color: #000000; font-size: 12px; height: 21px; text-decoration: none; }
.Button_b_oro { font-family: Arial; background: URL(images/butbg_b_oro.gif); background-repeat: repeat-x; color: #000000; font-size: 12px; height: 21px; text-decoration: none; }
.Button_b_orolt { font-family: Arial; background: URL(images/butbg_b_orolt.gif); background-repeat: repeat-x; color: #000000; font-size: 12px; height: 21px; text-decoration: none; }
.wideButton_b { font-family: Arial; background: URL(images/butbg_b.gif); background-repeat: repeat-x; color: #000000; font-size: 12px; height: 21px; width: 158px; text-decoration: none; }
.wideButton_b_oro { font-family: Arial; background: URL(images/butbg_b_oro.gif); background-repeat: repeat-x; color: #000000; font-size: 12px; height: 21px; width: 158px; text-decoration: none; }
.wideButton_b_orolt { font-family: Arial; background: URL(images/butbg_b_orolt.gif); background-repeat: repeat-x; color: #000000; font-size: 12px; height: 21px; width: 158px; text-decoration: none; }
.authInput { width: 169px; }
table.butRow { border-collapse: collapse; border-spacing: 0; }
table.butRow td, table.butRow th { padding: 0; text-align: left; }
td.butSpace { width: 4px; }
td.butGap { width: 99%; }
td.rightBut { text-align: right; }


.CustomerMessage {
	COLOR: #FF3300; FONT: bold 10px;
}
.ErrorMessage {
	COLOR: #FF3300; FONT: bold 10px;
}
.Star {
	COLOR: #FF0000;
}
.SaveMoneyLabel {
	COLOR: #FFFFFF; font-weight: bold; font-size: 13px;
}
.TableHead {
    BACKGROUND-COLOR: #DDDDDD;
}
.TableSubHead {
    BACKGROUND-COLOR: #EEEEEE;
}
.TableLine {
    BACKGROUND-COLOR: #F0F0F0;
}
.SmallNote:link {
        COLOR: #888888; TEXT-DECORATION: none; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif;
}
.SmallNote:visited {
        COLOR: #888888; TEXT-DECORATION: none; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif;
}
.SmallNote:hover {
        COLOR: #888888; TEXT-DECORATION: underline; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif; 
}
.SmallNote:active {
        COLOR: #888888; TEXT-DECORATION: none; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif;
}
.SmallText {
        COLOR: #7C4C00; TEXT-DECORATION: none; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif;
}
.Bottom {
        BACKGROUND-COLOR: #3175BD; COLOR: #FFFFFF;
}
.Tab { color: #FFFFFF; font-size: 10px; text-transform: uppercase; text-align: center; padding-top: 7px; padding-bottom: 7px; }
.Tab a, .Tab a:visited { color: #FFFFFF; text-decoration: none; background-image: url('images/toptab_bg.gif'); background-repeat: repeat-x; background-position: bottom; border-left: 1px solid; padding: 7px; text-align: center; border-color: #809FBF; }
.Tab a:hover { color: #000000; text-decoration: none; background-image: url('images/toptab_bg_hover.gif'); background-repeat: repeat-x; background-position: bottom; padding: 7px; text-align: center; }

.StatisticsBar {
	BACKGROUND-COLOR: #A8BCC8;
}

/* new from 4.0.5
.NavDialogTitle {
    font-size: 11px;
    font-weight: bold;
    color: #330000;
}   
.NavDialogBorder {
    background-color: #FFCC33;
}
.NavDialogBox {
    background-color: #FFFFCC;
}
.PopupHelpLink {
	FONT-SIZE: 9px;
	COLOR: #330000; 
	TEXT-DECORATION: none;
}
.SubHeader2Line {
	BACKGROUND-COLOR: #CCCCCC;
}
*/	

/* gmm checkout */
.newline
{
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 1px;
}

fieldset
{
	border: 1px #667 solid;
    font-size: 13px;
}

fieldset.SELECT fieldset.INPUT fieldset.TEXTAREA fieldset.INPUT.SUBMIT
{
	float: left;
}

legend.bordered
{
	padding: 3px 5px;
	background-color : #ffffff;
	/*
	border: 1px #667 solid;
	color: #667;
	*/
	font-weight: bold;
	color: #DE0C10;
}

legend.borderedSa
{
	padding: 3px 5px;
	background-color : #ffffff;
	/*
	border: 1px #667 solid;
	color: #667;
	*/
	font-weight: bold;
	color: #0E770E;
}

legend.borderedCo
{
	padding: 3px 5px;
	background-color : #ffffff;
	/*
	border: 1px #667 solid;
	*/
	font-weight: bold;
	color: #667;
}
.rlabel
{
	/* width: 90%; */
	float: left;
	text-align: left;
	margin-left: 5px;
}

.embed
{
	position: relative;
	/*
	float: left;
	*/
	width: 150px;
	border: 1px dotted #002487;
	color: #667;
   	background: #FFFFEF; 
	padding: 5px;
	padding-bottom: 9px!important;padding-bottom: 0px;
	margin-right: 5px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    /*
	font-size: .9em;
	*/
    font-size: 11px;
}

.embed td
{
	color: #667;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 11px;
}

div.hline
{
	position: relative;
	clear: both;
	top: 20px;
	height: 10px;
	border-top: 1px solid #C0C0C0;
}

.left
{
	float: left;
}

div.legendIcon
{
	float:left;
	width:8px;
	height:8px;
	font-size:1px;
	margin: 3px 5px 0px 0px;
}
html>body div.legendIcon
{
	margin: 3px 8px 0px 0px;
}
.colorMay
{
	background: #F0FDF6;
	border: 1px solid #066E06;
}
.colorMust
{
	background: #FFF9FB;
	border: 1px solid #C36767;
}

.finput {color:#000; background:#D4D3FF; border:1px #0000CC solid;padding-left:2px;width:180px;}
.finput:focus {background:#fff; border:1px #0000CC solid;}
.finput.may {color:#000; background: #F0FDF6; border:1px #066E06 solid; padding-left:2px;}
.finput.may:focus {background:#fff; border:1px #066E06 solid;}
.finput.must {color:#000; background: #FFF9FB; border:1px #C36767 solid; padding-left:2px;}
.finput.must:focus {background:#fff; border:1px #C36767 solid;}

.uinfoimg
{
	border:0;
	/*
	margin-top:2px!important;margin-top:1px;
	*/
	vertical-align:bottom;
}

.hidden
{
	display:none;
}

.bcc0
{
	border-collapse: collapse; border-spacing: 0;
}

.bcc0 td, .bcc0 th { padding: 0; }

div.ovpop, div.ovpop td, span.ovpop, span.ovpop td
{
/*
	color: #B00000;
*/
	color: #AB454C;
   	background: #F0F0F0; 
}

.ovtip, .ovtip div, .ovtip td
{
	color: #004080;
   	background: #F0F0F0; 
}

div.popnl { padding-top:4px; }
.popbtn { font-size: 12px; background-color:#808080; color:#fff }
.ovbg {background-color:#999999;}
.ovfg {background-color:#F0F0F0;}


.fs_profile
{
	position: relative;
	width: 390px;
	margin-left: auto;
	margin-right:auto;
}
table.fsProfileMain {
border-collapse: collapse; border-spacing: 0;
margin-bottom: 0px!important;
margin-bottom: 10px;
margin-top: 0px!important;
margin-top: 5px;
}
table.fsProfileMain td, table.fsProfileMain th { padding: 0; }

table.fsCheckout {
position: relative;
width: 390px;
border-spacing: 0;
border-collapse: collapse;
margin: 0px auto 0px auto;
}
table.fsCheckout td, table.fsCheckout th { padding: 0; }
table.fsCheckout td.label, table.fsCheckout label
{
text-align: right; width: 10em;padding-right:4px;font-size:11px;
}
table.fsCheckout td.rlabel
{
text-align: left; padding-left:4px;font-size:11px;
}
table.fsCheckout td.next, table.fsCheckoutMain td.next, table.bcc0 td.next { height: 3px; } 
table.fsCheckout td.error
{
text-align:left; padding-left:0px;
}
table.fsCheckout td.checkbox
{
    border: none;
    background: #FFFFFF;
    padding-left: 2px!important;
    padding-left: 7px;
    width: 15px;
}
table.fsCheckout input.checkbox
{
    border: none;
    background: #FFFFFF;
}

table.fsProfile {
position: relative;
width: 390px;
border-spacing: 0;
border-collapse: collapse;
margin: 0px auto 0px auto;
}
table.fsProfile td, table.fsProfile th { padding: 0; }
table.fsProfile td.label, table.fsProfile label
{
text-align: right; width: 14em;padding-right:4px;font-size:11px;
}
table.fsProfile td.rlabel
{
text-align: left; padding-left:4px;font-size:11px;
}
table.fsProfile td.next, table.fsProfileMain td.next, table.bcc0 td.next { height: 3px; } 
table.fsProfile td.error
{
text-align:left; padding-left:0px;
/*
width:50px;
*/
}
table.fsProfile td.checkbox
{
    border: none;
    background: #FFFFFF;
    padding-left: 2px!important;
    padding-left: 7px;
    width: 15px;
}
table.fsProfile input.checkbox
{
    border: none;
    background: #FFFFFF;
}

/* for checkout, experimental */

.fs_recap
{
	position: relative;
	width: 360px;
	float: left;
	/*
	margin-left: auto;
	margin-right:auto;
	*/
}
table.fsRecap td.value
{
	float: left;
	font-weight: 400;
    font-size: 13px;
}
table.fsRecapMain {
border-collapse: collapse; border-spacing: 0;
margin-bottom: 0px!important;
margin-bottom: 10px;
margin-top: 0px!important;
margin-top: 5px;
}
table.fsRecapMain td, table.fsRecapMain th { padding: 0; }
table.fsRecap {
position: relative;
width: 360px;
border-spacing: 0;
border-collapse: collapse;
margin: 0px auto 0px auto;
}
table.fsRecap td.label
{
text-align: right; width: 120px;padding-right:6px;font-size:11px;
}
table.fsRecap td.rlabel
{
text-align: left; padding-left:4px;font-size:11px;
}

/*
div.lbl_recap { float:left; width:8em; text-align: right; margin-right: 8px; color: #002484; }
div.row_recap { clear:both; padding-top:2px; padding-bottom:2px;position: relative; }
*/

/* end for checkout experimental */

table.msgProfile {
border-collapse: collapse; border-spacing: 0;
margin: 0px auto 0px auto;
}
table.msgProfile td, table.msgProfile th { padding: 0; }
/*
.embed_checkout
{
	position: relative;
	width: 360px;
	text-align: left;
	border: 1px dotted #CBCBCB!important;
	border: 1px solid #CBCBCB;
	color: #667;
   	background: #FBFBFB;  	 
	padding: 5px;
	padding-bottom: 9px!important;padding-bottom: 0px;
	margin: 0px auto 0px auto;
	padding: 8px 7px 10px 8px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 11px;
}
*/
.embed_checkout
{
	position: relative;
	text-align: left;
	border: 1px dotted #CBCBCB!important;
	border: 1px solid #CBCBCB;
	color: #667;
   	background: #FBFBFB;  	 
	padding: 5px;
	margin: 0px auto 0px auto;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 11px;
}
.embed_checkout a, .embed_checkout a:visited { color: #667; text-decoration: none; }
.embed_checkout a:hover { color: #BB0000; text-decoration: none; }
.embed_checkout td
{
	color: #667;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 11px;
}
/*
.embed_profile
{
	position: relative;
	width: 360px;
	text-align: left;
	border: 1px dotted #CBCBCB!important;
	border: 1px solid #CBCBCB;
	color: #667;
   	background: #FBFBFB;  	 
	padding: 5px;
	padding-bottom: 9px!important;padding-bottom: 0px;
	margin: 0px auto 0px auto;
	padding: 8px 7px 10px 8px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 11px;
}
*/
.embed_profile
{
	position: relative;
	width: 390px;
	text-align: left;
	border: 1px dotted #CBCBCB!important;
	border: 1px solid #CBCBCB;
	color: #667;
   	background: #FBFBFB;  	 
	padding: 5px;
	margin: 0px auto 0px auto;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 11px;
}

.embed_profile a, .embed_profile a:visited { color: #667; text-decoration: none; }
.embed_profile a:hover { color: #BB0000; text-decoration: none; }
.embed_profile td
{
	color: #667;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 11px;
}
.embed_msg
{
	position: relative;
	text-align: left;
	border: 1px dotted #CBCBCB!important;
	border: 1px solid #CBCBCB;
	color: #667;
   	background: #FBFBFB;  	 
	padding: 5px;
	padding-bottom: 9px!important;padding-bottom: 0px;
	margin: 0px auto 0px auto;
	padding: 8px 7px 10px 8px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 11px;
}

/* form error icons */
.ubi2l
{
	border:0;
	margin-top:0px!important;margin-top:2px;
	height: 11px;
	vertical-align:middle;
	margin-left:0px;
	margin-right:4px;
}
.uiea
{
	border:0;
	margin-top:0px!important;margin-top:2px;
	height: 11px;
	width: 5px;
	align:left;vertical-align:middle;
	display:none;
}

.uieam
{
	border:0;
	margin-top:0px!important;margin-top:2px;
	height: 11px;
	align:left;vertical-align:middle;
	display:none;
}

.uiep
{
	border:0;
	vertical-align:middle;
	margin-bottom:3px;
	width: 16px;
	display:none;
}

.uiepm
{
	border:0;
	vertical-align:middle;
	margin-left:-3px;
	margin-bottom:3px;
}

div.tableContainer1
{
	clear: both;
	border: 1px solid #3175BD;
	height: 166px;
	overflow: auto;
	width: 506px
}

html>body div.tableContainer1
{
	overflow: hidden;
	width: 506px
}

div.tableContainer1 table
{
	float: left;
	width: 490px
}

html>body div.tableContainer1 table
{
	width: 506px
}

thead.fixedHeader1 tr
{
	position: relative
}

html>body thead.fixedHeader1 tr
{
	display: block
}

thead.fixedHeader1 th
{
	color: #FFF;
	background: #3175BD;
	border-left: 1px solid #6B9ED6;
	border-right: 1px solid #6B9ED6;
	border-top: 1px solid #6B9ED6;
	font-weight: normal;
	padding: 4px 3px;
	text-align: left
}

html>body tbody.scrollContent1
{
	display: block;
	height: 145px;
	overflow: auto;
	width: 100%
}

tbody.scrollContent1 td, tbody.scrollContent1 tr.normalRow td
{
	background: #FFF;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px
}

tbody.scrollContent1 tr.alternateRow td
{
	background: #EEE;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px
}
/*
tbody.scrollContent1 td, tbody.scrollContent1 tr.normalRow.gridRowHover td
tbody.scrollContent1 td, tbody.scrollContent1 tr.alternateRow.gridRowHover td
{
	background: #FFC;
}

tbody.scrollContent1 td, tbody.scrollContent tr.gridRowHover td
{
 	cursor: pointer;
}
tbody.scrollContent1 td, tbody.scrollContent tr.gridRowHover td
{
	background: #FFC;
 	cursor: pointer;
}
tbody.scrollContent1 tr.gridRowHover td
{
	background: #FFC;
 	cursor: pointer;
}
*/
tbody.scrollContent1 tr:hover td
{
	background: #D4E3F3;
}

html>body thead.fixedHeader1 th
{
	width: 30px;
}

html>body thead.fixedHeader1 th + th
{
	width: 130px
}

html>body thead.fixedHeader1 th + th + th
{
	width: 90px
}

html>body thead.fixedHeader1 th + th + th + th
{
	width: 80px
}

html>body thead.fixedHeader1 th + th + th + th + th
{
	width: 130px
}

html>body thead.fixedHeader1 th + th + th + th + th + th
{
	width: 46px
}

html>body tbody.scrollContent1 td
{
	width: 30px;
}

html>body tbody.scrollContent1 td + td
{
	width: 130px
}

html>body tbody.scrollContent1 td + td + td
{
	width: 90px
}

html>body tbody.scrollContent1 td + td + td + td
{
	width: 80px
}

html>body tbody.scrollContent1 td + td + td + td + td
{
	width: 130px
}

html>body tbody.scrollContent1 td + td + td + td + td + td
{
	width: 30px
}

div.tableContainer2
{
	clear: both;
	border: 1px solid #3175BD;
	height: 166px;
	overflow: auto;
	width: 506px
}

html>body div.tableContainer2
{
	overflow: hidden;
	width: 506px
}

div.tableContainer2 table
{
	float: left;
	width: 490px
}

html>body div.tableContainer2 table
{
	width: 506px
}

thead.fixedHeader2 tr
{
	position: relative
}

html>body thead.fixedHeader2 tr
{
	display: block
}

thead.fixedHeader2 th
{
	color: #FFF;
	background: #3175BD;
	border-left: 1px solid #6B9ED6;
	border-right: 1px solid #6B9ED6;
	border-top: 1px solid #6B9ED6;
	font-weight: normal;
	padding: 4px 3px;
	text-align: left
}

html>body tbody.scrollContent2
{
	display: block;
	height: 145px;
	overflow: auto;
	width: 100%
}

tbody.scrollContent2 td, tbody.scrollContent2 tr.normalRow td
{
	background: #FFF;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px
}

tbody.scrollContent2 tr.alternateRow td
{
	background: #EEE;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px
}
/*
tbody.scrollContent2 td, tbody.scrollContent2 tr.normalRow.gridRowHover td
tbody.scrollContent2 td, tbody.scrollContent2 tr.alternateRow.gridRowHover td
{
	background: #FFC;
}

tbody.scrollContent2 td, tbody.scrollContent2 tr.gridRowHover td
{
 	cursor: pointer;
}
tbody.scrollContent2 td, tbody.scrollContent2 tr.gridRowHover td
{
	background: #FFC;
 	cursor: pointer;
}
tbody.scrollContent2 tr.gridRowHover td
{
	background: #FFC;
 	cursor: pointer;
}
*/
tbody.scrollContent2 tr:hover td
{
	background: #D4E3F3;
 	cursor: pointer;
}

html>body thead.fixedHeader2 th
{
	width: 30px;
}

html>body thead.fixedHeader2 th + th
{
	width: 80px
}

html>body thead.fixedHeader2 th + th + th
{
	width: 150px
}

html>body thead.fixedHeader2 th + th + th + th
{
	width: 120px
}

html>body thead.fixedHeader2 th + th + th + th + th
{
	width: 80px
}

html>body thead.fixedHeader2 th + th + th + th + th + th
{
	width: 46px
}

html>body tbody.scrollContent2 td
{
	width: 30px;
}

html>body tbody.scrollContent2 td + td
{
	width: 80px
}

html>body tbody.scrollContent2 td + td + td
{
	width: 150px
}

html>body tbody.scrollContent2 td + td + td + td
{
	width: 120px
}

html>body tbody.scrollContent2 td + td + td + td + td
{
	width: 80px
}

html>body tbody.scrollContent2 td + td + td + td + td + td
{
	width: 30px
}