/* 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; }
.hideme {
  position: absolute;
  left: -1000em; /* LTR */
  top: -1000em;
}
.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; }
* html .HeadLine { background-color: #004080; color: #FFFFFF; padding: 8px 0 8px 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 { 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; }
div.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; }
div.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 { 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: 420px;
	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 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
}

div.ss_result h2
{
  color: #013162;
}
/* special search */
/* tables */

table.tablesorter, table.tablesorter tbody
{
  border-collapse: separate;
  border-top: 0;
  border-bottom: 0;
  margin-bottom: 0;
}
table.tablesorter, table.tablesorter tbody tr
{
  cursor: pointer;
}
table.tablesorter tbody tr.odd td {
  background-color: #F6F6F6;
}
table.tablesorter tbody tr:hover td {
  background: #fff8f8;
}
table.ts-grid-htable thead tr .header {
  background-image: url("images/asc_desc.gif");
  background-repeat: no-repeat;
  background-position: center right;
  cursor: pointer;
}
table.ts-grid-htable thead tr .headerSortUp
{
  background-image: url("images/asc.gif");
}
table.ts-grid-htable thead tr .headerSortDown
{
  background-image: url("images/desc.gif");
}
table.ts-grid-htable thead tr th {
  overflow: hidden;
  /*
  text-align: center;
  */
  white-space: nowrap;
  background: #dfeffc;
  font-weight: bold;
  color: #2e6e9e;
  outline: none;
  border-right: 1px solid #c5dbec;
  border-bottom: 0 none;
  border-left: 0 none;
  border-top: 0 none;
  height:22px;
  padding:0 2px;
}
table.ts-grid-htable
{
  margin: 0;
  table-layout: fixed;
  border-collapse: separate;
  border-top: 0;
  border-bottom: 0;
  margin-bottom: 0;
}
div.ts-grid-hbox
{
  float:left;
  padding-right:20px;
  background: #dfeffc;
}
.ts-grid-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ts-grid-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ts-grid-clearfix { height:1%; }
.ts-grid-clearfix { display:block; }
/* end clearfix */
.ts-grid
{
  position: relative;
  font-size: 11px;
  font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
  border: 1px solid #a6c9e2;
  /*
  background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;
  */
  background: #fcfdfd;
  color: #222222;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.ts-grid .ts-grid-view {position: relative; left: 0px; top: 0px; padding: .0em;}
.ts-grid .ts-grid-titlebar
{
  padding: .3em .2em .2em .3em;
  position: relative;
  border: 1px solid #4297d7;
  /*
  border-left: 0px none;
  border-right: 0px none;
  border-top: 0px none;
  background: #5c9ccc url(images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x;
  */
  /*
  background: #E65C2F;
  */
  background: #5c9ccc;  
  color: #ffffff;
  font-weight: bold;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
}
.ts-grid .ts-grid-title { float: left; margin: .1em 0 .2em; }
.ts-grid .ts-grid-titlebar-close
{
  position: absolute;
  right: .3em; top: 50%;
  width: 19px;
  margin: -10px 0 0 0;
  padding: 1px;
  padding-left: 3px;
  height: 18px;
}
.ts-grid .ts-grid-titlebar-close span { width: 16px; height: 16px; display: block; margin: 1px; }
.ts-grid .ts-grid-titlebar-close span.slide-up { background-image: url(images/slide_up.gif); }
.ts-grid .ts-grid-titlebar-close span.slide-up:hover { background: #d0e5f5; background-image: url(images/slide_up_h.gif); }
.ts-grid .ts-grid-titlebar-close span.slide-down { background-image: url(images/slide_down.gif); }
.ts-grid .ts-grid-titlebar-close span.slide-down:hover { background: #d0e5f5; background-image: url(images/slide_down_h.gif); }
.ts-grid .ts-grid-hdiv
{
  border: 1px solid #c5dbec;
  /*
  background: #dfeffc url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;
  */
  background: #dfeffc;
  font-weight: bold;
  color: #2e6e9e;
  outline: none;
  display: block;
  position: relative;
  margin: 0em;
  padding: 0em;
  overflow: hidden;
  border-left: 0px none !important;
  border-top : 0px none !important;
  border-right : 0px none !important;
}
.ts-grid .ts-grid-fdiv
{  
  /*
  background: #dfeffc url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;
  */
  background: #dfeffc;
  font-weight: bold;
  color: #2e6e9e;
  outline: none;
  /*
  text-align: center;
  */
  display: block;
  border-top: 1px solid #c5dbec;
  border-right: 0px none !important;
  border-bottom: 0px none !important;
  border-left: 0px none !important;
  margin: 0px !important;
  padding: 0px !important;
  position: relative;
  height: 21px;
  white-space: nowrap;
  overflow: hidden;
}
.ts-grid .ts-grid-fbox
{
  position: relative;
  font-weight: normal;
  height: 19px;
  margin-top: 4px;
  margin-right: 4px;
  margin-left: 4px;
}
/*  
.ts-grid .ts-grid-gdiv {position: relative; margin : 0em; padding: 0; overflow: auto; overflow-x: hidden; overflow-y: scroll; display: block;}
*/
.ts-grid .ts-grid-gdiv {position: relative; margin : 0em; padding: 0; overflow-x: hidden; overflow-y: scroll; display: block;}
.ts-grid .ts-grid-gtable {table-layout: fixed; margin-left: 0px}
.ts-grid tr.ts-row td
{
  font-weight: normal;
  overflow: hidden;
  text-align:left;
  color: #222222;
  white-space: pre;
  height: 22px;
  padding: 0 2px 0 2px;
  border-right: 1px solid #a6c9e2;
  border-bottom: 1px solid #a6c9e2;
}

/* sizes */
/*
.sr1-container { width: 639px; }
.sr1-container .ts-grid-htable { width: 622px; }
.sr1-container .ts-grid-gdiv { height: 150px; }
.sr1-container .ts-grid-gtable { width: 622px; }
.sr1-container .ts-grid-fdiv { width: 639px; }

.sr1-container .ts-grid-htable th.src1, .sr1-container .ts-grid-gtable td.src1 { width: 55px; }
.sr1-container .ts-grid-htable th.src2, .sr1-container .ts-grid-gtable td.src2 { width: 82px; }
.sr1-container .ts-grid-htable th.src3, .sr1-container .ts-grid-gtable td.src3 { width: 91px; }
.sr1-container .ts-grid-htable th.src4, .sr1-container .ts-grid-gtable td.src4 { width: 73px; }
.sr1-container .ts-grid-htable th.src5, .sr1-container .ts-grid-gtable td.src5 { width: 73px; }
.sr1-container .ts-grid-htable th.src6, .sr1-container .ts-grid-gtable td.src6 { width: 73px; }
.sr1-container .ts-grid-htable th.src7, .sr1-container .ts-grid-gtable td.src7 { width: 140px; }
.sr1-container .ts-grid-gtable td.src4 { text-align: right; }
.sr1-container .ts-grid-gtable td.src5 { text-align: right; }
.sr1-container .ts-grid-gtable td.src6 { text-align: right; }
*/

.product-grid { width: 637px; }
.product-grid .ts-grid-htable { width: 620px; }
.product-grid .ts-grid-gdiv { height: 150px; }
.product-grid .ts-grid-gtable { width: 620px; }
.product-grid .ts-grid-fdiv { width: 637px; }

.product-grid .ts-grid-htable th.tsc1, .product-grid .ts-grid-gtable td.tsc1 { width: 35px; }
.product-grid .ts-grid-htable th.tsc2, .product-grid .ts-grid-gtable td.tsc2 { width: 230px; }
.product-grid .ts-grid-htable th.tsc3, .product-grid .ts-grid-gtable td.tsc3 { width: 90px; }
.product-grid .ts-grid-htable th.tsc4, .product-grid .ts-grid-gtable td.tsc4 { width: 80px; }
.product-grid .ts-grid-htable th.tsc5, .product-grid .ts-grid-gtable td.tsc5 { width: 130px; }
.product-grid .ts-grid-htable th.tsc6, .product-grid .ts-grid-gtable td.tsc6 { width: 25px; } /* 590 */
.product-grid .ts-grid-gtable td.tsc1 { text-align: center; }


.printer-grid { width: 637px; }
.printer-grid .ts-grid-htable { width: 620px; }
.printer-grid .ts-grid-gdiv { height: 150px; }
.printer-grid .ts-grid-gtable { width: 620px; }
.printer-grid .ts-grid-fdiv { width: 637px; }

.printer-grid .ts-grid-htable th.tsc1, .printer-grid .ts-grid-gtable td.tsc1 { width: 35px; }
.printer-grid .ts-grid-htable th.tsc2, .printer-grid .ts-grid-gtable td.tsc2 { width: 110px; }
.printer-grid .ts-grid-htable th.tsc3, .printer-grid .ts-grid-gtable td.tsc3 { width: 200px; }
.printer-grid .ts-grid-htable th.tsc4, .printer-grid .ts-grid-gtable td.tsc4 { width: 120px; }
.printer-grid .ts-grid-htable th.tsc5, .printer-grid .ts-grid-gtable td.tsc5 { width: 100px; }
.printer-grid .ts-grid-htable th.tsc6, .printer-grid .ts-grid-gtable td.tsc6 { width: 25px; }
.printer-grid .ts-grid-gtable td.tsc1 { text-align: center; }


.other-grid { width: 637px; }
.other-grid .ts-grid-htable { width: 620px; }
.other-grid .ts-grid-gdiv { height: 150px; }
.other-grid .ts-grid-gtable { width: 620px; }
.other-grid .ts-grid-fdiv { width: 637px; }

.other-grid .ts-grid-htable th.tsc1, .other-grid .ts-grid-gtable td.tsc1 { width: 35px; }
.other-grid .ts-grid-htable th.tsc2, .other-grid .ts-grid-gtable td.tsc2 { width: 80px; }
.other-grid .ts-grid-htable th.tsc3, .other-grid .ts-grid-gtable td.tsc3 { width: 450px; }
.other-grid .ts-grid-htable th.tsc4, .other-grid .ts-grid-gtable td.tsc4 { width: 25px; }
.other-grid .ts-grid-gtable td.tsc1 { text-align: center; }