body {
                margin-top: 0px;
                margin-left: 0px;
                margin-right: 0px;
                margin-bottom: 0px;
                background-color: #F3F3F3;
                background-image: url('background.jpg');
                background-repeat: repeat-x;
                font-family: arial, sans-serif, monospace;
                font-weight: normal;
                font-size: 12px;
                color:#383838;
}

#PageWrapper {
                width: 100%;
                height: 100%;
}



#SiteContainer {
                margin-top: 0pt;
                margin-right: auto;
                margin-bottom: 0pt;
                margin-left: auto;
                position: relative;
                width: 772px;
                height: 532px;

				background-image: url('SiteShade.png');

                z-index: 1;
                clear: both;
}



#SiteWrapper {
                position: absolute;
                width: 760px;
                height: 520px;
                background-image: url('ContentBackground.jpg');
				top: 5px;
				left: 5px;
                border: 1px solid #525252;
                font-size: 11px;
                z-index: 0;
}





#SelectLanguageDock {
                position: absolute;
				top: -18px;
				right: 6px;
				font-size: 2px;
}
   
#MenuDock {
                position: relative;
                width: 760px;
                height: 64px;
                background-image: url('menu_bg.jpg');
                border-bottom: 1px solid #525252;
                float: left;
                z-index: 10;
}

#HeaderImageSpace {
                position: relative;
                width: 180px;
                height:64px;
                float: left;
}

#DropDownMenuDock {
                position: relative;
                width: 580px;
                height:64px;
                float: left;
}

#PhotoDock {
                position: relative;
                width: 760px;
                height: 160px;
                float: left;
}

#PageTitleDock {
                position: absolute;
				bottom: 4px;
				right: 4px;
                float: bottom-right;
				font-size: 22px;
				color: #FFFFFF;
}

#ContentSeparator {
                position: relative;
                width: 760px;
                height: 8px;
                font-size: 1px;
                background-image: url('ContentSeparator.jpg');
                float: left;
}

#ContentShade {
                position: relative;
                width: 760px;
                height: 6px;
                background-image: url('ContentShade.png');
                font-size: 1px;
                float: left;
}

#PictureDock {
                position: relative;
                width: 120px;
                height: 264px;
                float: left;
}

#PictureContentSeparatorDock {
                position: relative;
                width: 4px;
                height: 264px;
                float: left;
}

#PictureContentSeparator {
                position: relative;
                width: 1px;
                margin-top: 0px;
                height: 264px;
                float: left;
                background-color: #FFFFFF;
}

#ContentDock {
                position: relative;
                width: 620px;
                height: 254px;
                overflow: auto;
                float: right;
                z-index: 8;
                margin-left: 5px;
				margin-top: 10px;
                text-align: left;
                font-size: 12px;
				padding-right: 8px;
}

#FooterDock {
                position: relative;
                width: 760px;
                height: 16px;
                float: left;
                border-top: 1px solid #525252;
                background-image: url('footer_bg.jpg');
                color: #545454;
}



#LogoDock {
                position: absolute;

				width: 220px;
                height: 140px;
				background-image: url('LogoDock.png');
                left: -50px;
                top: -40px;

                z-index: 11;
}

#Logo {
                position: relative;
                width: 170px;
                height: 110px;
                margin-left: 0px;
                margin-bottom: 0px;
}

#Footer {
                position: relative;
                width: 760px;
                height: 1px;
                clear: both;
                color: #FFFFFF;
                top: 6px;
                text-align: center;
}






#PhotoContainer {
                position: relative;
                margin-left: 12px;
                margin-top: 12px;
                
}

#PhotoItem {
                margin-top: 0px;
                margin-bottom: 12px;
                
                width: 90px;
                    height: 68px;
                
                background-image: url('photo_dock.jpg');
                padding-top: 2px;
                padding-left: 2px;
                padding-bottom: 0px;
                text-align: left;
                float: left;
}

table {
                font-size: 12px;
                padding: 0px;
}

td {
                padding: 0px;
                font-family: arial, sans-serif, monospace;
}

img {
                border-width: 0px;
                margin: 0px;
                vertical-align: top;
}

hr {
                background-color: #cccccc;
                border: 0px;
                height: 1px;
                color: #CCCCCC;
}

a:link,
a:visited,
a:active {
                text-decoration: none;
                color: #000000;
                font-family: arial, sans-serif, monospace;
                font-size: 12px;
                font-weight: bold;
}

a:hover {
                color: #FF9400;
}

form {
                padding: 0px;
                border: 0px;
                margin:0px;
}



.drag {			position:relative;
				cursor:hand;
}





.siteBody {
                width:940px;
                background-color: #ffffff;
                font-size: 11px;
}

.tdHeader {
                background-image: url('header.jpg');
                background-color: #CCCCCC;
                width: 940px;
                height: 90px;
                vertical-align: bottom;
                text-align: right;
                color: #000000;
                padding: 0px;
                margin: 0px;
}

.tdContent {
                background-color: #ffffff;
                width: 700px;
                height: 500px;
                vertical-align: top;
                text-align: left;
                padding: 0px;
}

.tdWelcomeBar {
                background-image: url('welcome_bar_bg.jpg');
                background-color: #000000;
                width: 940px;
                height: 16px;
                text-align: left;
                padding-left: 2px;
                padding-right: 2px;
                font-size: 9px;
                font-weight: bold;
                color: #FFFFFF;
                border-right:1px solid #000000;
                border-left:1px solid #000000;
}

.tdWelcomeBar td, .tdWelcomeBar a, .tdWelcomeBar td a {
                font-size: 11px;
                font-weight: bold;
                color: #FFFFFF;
}

.tdWelcomeBar a,
.tdWelcomeBar a:visited,
.tdWelcomeBar a:link,
.tdWelcomeBar a:active,
.tdWelcomeBar a:hover {
                font-size: 11px;
                font-weight: bold;
                color: #FFFFFF;
}

.tdTitleBarTop {
                height: 28px;
		padding-left: 0px;
		font-size: 16px;
		font-weight: bold;
                background-color: #F8F8F8;
                padding-left: 5px;
                margin: 0px;
                background-image: url("titlebar_top_bg.jpg");
                background-repeat: repeat-x;
}

.tdTitleBar {
		padding-left: 0px;
		font-size: 16px;
		font-weight: bold;
		
		border-bottom: 1px dotted #FF9400;
}

.tdMenuLeft {
                background-color: #F3F3F3;
                background-image: url('menu_bg_left.jpg');
                width: 120px;
                vertical-align: top;
}

.tdMenuRight {
                background-color: #F3F3F3;
                background-image: url('menu_bg_right.jpg');
                width: 120px;
                vertical-align: top;
}

.tdFooter {
                background-image: url('footer_bg.jpg');
                background-color: #000000;
                width: 940px;
                height: 16px;
                text-align: right;
                padding-left: 5px;
                padding-right: 5px;
                font-weight: normal;
                color: #FFFFFF;
}

.tdFooter a {
                color: #FFFFFF;
}

.tdForm2 {

                background-color: #FFFFFF;
                border-width: 1px;
                border-style: solid;
                border-color: #ABABAB;
                padding: 0px;
                background-image: url('menu_bg.png');
                font-size: 12px;
                color: #CCCCCC;
                margin-bottom:4px;
}

.tdForm { width:100% }

table.tdForm,
tr.tdForm,
td.tdForm
{
	background: transparent;
	color: #222;
	font-size: 11px;
	line-height: 135%;
}

.tdForm td, .divpad {
	padding: 0px;
}

td.nopad {
	padding: 0;
}

.tdSearchBox {
				padding: 0px;
				background-image: url("r2.jpg");
                background-repeat: repeat-x;
                background-color: #ECECEC;
                border-bottom:1px solid #000000;
                border-right:1px solid #000000 ;
                border-left:1px solid #000000;
}

.tdLanguageBox {
				padding: 2px;
				background-image: url("r1.jpg");
                background-repeat: repeat-x;
                background-color: #ECECEC;
                border-bottom:1px solid #000000;
                border-right:1px solid #000000 ;
                border-left:1px solid #000000;
}

.imgBlock		{

}

.r1
{
                background-color: #F8F8F8;
                padding: 3px;
                margin: 0px;
                background-image: url("r1.jpg");
                background-repeat: repeat-x;

}

.r2
{
                background-color:#ECECEC;
                padding: 3px;
                margin: 0px;
                background-image: url("r2.jpg");
                background-repeat: repeat-x;
                font-weight: bold;

}

.r3
{
                background-color:#ECECEC;
                padding: 0px;
                margin: 0px;
                background-image: url("r2.jpg");
                background-repeat: repeat-x;
                font-weight: normal;
}

.r4
{
                background-color:#E97039;
                padding: 3px;
                margin: 0px;
                background-image: url("rBlue.jpg");
                background-repeat: repeat-x;
                font-weight: bold;
                color: #000000;

}

.rFormTitleRow
{
                padding: 0px;
                margin: 0px;
                border-top: 1px solid #ABABAB;
                border-bottom: 1px dotted #ABABAB;
                background-color:#ABABAB;
                background-image: url("r2.jpg");
                color: #000000;
                background-repeat: repeat-x;
                font-weight: bold;
}

.rFormTitleRow_blue
{
				padding: 0px;
				margin: 0px;
				border-bottom: 1px solid #71BFDE;
                background-color:#71BFDE;
                background-image: url("rBlue.jpg");
                color: #ffffff;
			    background-repeat: repeat-x;
			    font-weight: bold;
}

.rFormTitleRow_black
{
                padding: 0px;
                margin: 0px;
                border-bottom: 1px solid #3B3B3C;
                background-color:#3B3B3C;
                background-image: url("rBlack.jpg");
                color: #ffffff;
                background-repeat: repeat-x;
                font-weight: bold;
}

.rFormTitleRow_gray
{
                padding: 0px;
                margin: 0px;
                border-bottom: 1px solid #AEBBBC;
                background-color:#AEBBBC;
                background-image: url("rGray.jpg");
                color: #000000;
                background-repeat: repeat-x;
                font-weight: bold;
}

.rFormTitleRow_orange
{
                padding: 0px;
                margin: 0px;
                border-bottom: 1px solid #E86934;
                background-color:#E86934;
                background-image: url("rOrange.jpg");
                color: #ffffff;
                background-repeat: repeat-x;
                font-weight: bold;
}

.rFormTitleRow_green
{
                padding: 0px;
                margin: 0px;
                border-bottom: 1px solid #AED23A;
                background-color:#AED23A;
                background-image: url("rGreen.jpg");
                color: #000000;
                background-repeat: repeat-x;
                font-weight: bold;
}

.ContentBox {
                background-color: #FFFFFF;

                padding: 0px;
                font-size: 12px;
                
                margin-bottom:5px;
                table-layout: fixed;
}

.ContentBoxHeader {
                background-color: #000000;
                font-family: arial, sans-serif, monospace;
                background-image: url('header_bg3.jpg');
                padding: 0px;
                padding-left: 5px;
                font-size: 12px;
                color: #FFFFFF;
                font-weight: bold;
                height: 27px;
}

.ContentBoxLeft {
                width: 10px;
                height: 29px;
                background-image: url('contentbox_title_left.jpg');
}

.ContentBoxRight {
                width: 10px;
                height: 29px;
                background-image: url('contentbox_title_right.jpg');
}

.ContentBoxTitleBody {
                background-image: url('contentbox_title_bg.jpg');
                height: 29px;
                color: #000000;
                font-weight: bold;
}

.ContentBoxBody {
                color: #000000;
                border-width: 0px;
                border-left: 1px;
                border-bottom: 1px;
                border-right: 1px;
                border-style: solid;
                border-color: #ABABAB;
}

.tdNavigationItem {
                font-size: 16px;
                font-weight: bold;
                
}

.tdProductDockTop {
                background-image: url('product_dock_top.jpg');
                background-repeat: no-repeat;
                width: 327px;
                height: 29px;
                font-size:16px;
                color:#000000;
                font-weight: bold;
                vertical-align: text-top;

}

.tdProductDockLeftWrapper {
                
                background-image: url('product_dock_left_variable.jpg');
                width: 122px;
}

.tdProductDockLeft {
                background-image: url('product_dock_left.jpg');
                background-repeat: no-repeat;
                vertical-align: text-top;
                background-color: #f3f3f3;
                width: 128px;
                height: 81px;
}

.tdProductDockLeftVariable {
                background-image: url('product_dock_left_variable.jpg');
                background-repeat: repeat-y;
                width: 122px;
}

.tdProductDockLeftBottom {
                background-image: url('product_dock_left_bottom.jpg');
                background-repeat: no-repeat;
                width: 122px;
                height: 7px;
}

.tdInsideProductDockLeft {
                padding-left: 0px;
}
.productDockImage {
                border: 1px solid #666666;

}

.tdProductDockRight {
                background: #FFFFFF;
                font-size: 11px;
                padding-top: 2px;
}

.tdShoppingcart {
                font-size: 11px;
                padding-top: 0px;
}

.tdShoppingcart a {
                font-size: 11px;
}

.tdOrderStepHeader {
				border: 4px solid #ABABAB;
				background-color: #F3F3F3;
				background-image: url('r1.jpg');
				padding: 0px;
				width: 100px;
				height: 35px;
				height: 40px;
				font-size: 25px;
}

.tdOrderStepHeaderCurrent {
				border: 4px solid #366CA8;
				background-color: #F3F3F3;
				background-image: url('r1.jpg');
				padding: 0px;
				width: 100px;
				height: 40px;
				font-size: 25px;
}

.tdOrderStepHeaderInactive {
				border: 4px solid #ABABAB;
				padding: 0px;
				width: 100px;
				height: 40px;
				font-size: 25px;
				color: #ABABAB;
}

.tdOrderStepHeader a,
.tdOrderStepHeader a:visited,
.tdOrderStepHeader a:link,
.tdOrderStepHeader a:active,
.tdOrderStepHeader a:hover,
.tdOrderStepHeaderCurrent a,
.tdOrderStepHeaderCurrent a:visited,
.tdOrderStepHeaderCurrent a:link,
.tdOrderStepHeaderCurrent a:active,
.tdOrderStepHeaderCurrent a:hover
{
				font-size: 25px;
				font-weight: bold;
}

.tdOrderStepCaption {
				font-size: 10px;
}



.forminput {
                font-family: arial, sans-serif, monospace;
                font-size: 12px;
                color: #FFFFFF;
                background-color: #4F4F4F;
                border-color: #CCCCCC;
                border: 1px solid #000000;
}



.txtNormal {
                font-size:10px;
                color:#666666;
                font-family: arial, sans-serif, monospace;
                font-weight: normal;
}

.txtLarge {
                font-size:16px;
                color:#666666;
                font-family: arial, sans-serif, monospace;
                font-weight: normal;
}

.txtHeader {
                font-size:20px;
                color:#666666;
                font-family: arial, sans-serif, monospace;
                font-weight: bold;
}

a.txtSubGroupSelection,
a:visited.txtSubGroupSelection,
a:link.txtSubGroupSelection,
a:active.txtSubGroupSelection,
a:hover.txtSubGroupSelection {
				font-size:20px;
				font-weight: bold;
}

a.navigationBarLink,
a:visited.navigationBarLink,
a:link.navigationBarLink,
a:active.navigationBarLink,
a:hover.navigationBarLink {
				font-size:16px;
				font-weight: bold;
}

a.navigationBarSPLink,
a:visited.navigationBarSPLink,
a:link.navigationBarSPLink,
a:active.navigationBarSPLink,
a:hover.navigationBarSPLink{
				font-size:12px;
				font-weight: bold;
}



.textAreaWithLineNumbers {
	border: 1px solid #ABABAB;
}

.textAreaWithLineNumbers textarea,.textAreaWithLineNumbers div {
	border: 0px;
	line-height: 120%;
	font-size: 12px;
	font-family: courier new, courier;
}

.textAreaWithLineNumbers textarea {
	padding-left: 2px;
}

.textAreaWithLineNumbers div {
	border-right: 1px dotted #494949;
	color: #ABABAB;
	background: #F3F3F3;
}

.lineObj{
	padding-top: 2px;
	padding-right: 3px;
}



.listLevelNormal {
    font-weight: normal;
    font-size: 13px;
}


.listLevelRoot {
    color: #0024FF;
    font-style: italic;
    font-size: 13px;
}


.listLevel1 {
    font-weight: bold;
    font-size: 13px;
}


.listLevel2 {
    font-weight: bold;
    font-style: italic;
    font-size: 13px;
}


.listLevel3 {
    color: #4A4A4A;
    font-weight: normal;
    font-size: 13px;
}







.tdMenuHeaderLeft {
    margin: 0px;
    padding-left: 2px;
    height: 18px;
    background-color: #F3F3F3;
    background-image: url('menu_header_bg.jpg');
    text-align: center;
    font-weight: bold;
    font-size: 11px;
    color:#000000;
}



#menu a {
    color: #FFFFFF;
    font-size: 11px;
    text-decoration: none;
    text-align: left;
}

#menu ul {
    list-style: none;
    width: 120px;
    padding: 0px;
}

#menu ul, #menu li {
    margin: 0px;
    display: block;
    text-decoration: none;
    background-image: url('menu_button_left.jpg');
    font-weight: bold;
    font-size: 11px;
    color:#FFFFFF;
}

#menu li {
    position: relative;
    background-color: #363A77; 
    
    height: 16px;
    padding-left: 3px;
    padding-top: 2px;
}

#menu li:hover {
    background-color: #ABABAB; 
    z-index:15;
    background-image: url('menu_button_left_pressed.jpg');
}

#menu ul ul {
    position: absolute;
    display: none;
    right: -120px;
    top: 0px;
}

#menu ul li a
{
    display: block;
    margin: 0px;
    border: 0px;
    width: 100%;
    text-decoration: none;
    text-align: left;
}

#menu ul ul,
#menu ul li:hover ul ul {
    display: none;
}

#menu ul li:hover ul,
#menu ul ul li:hover ul {
    display: block;
}