/** STYLES FOR HTML ELEMENTS *********************************************************/
/*************************************************************************************/
HTML{FONT-SIZE: 75%;}
BODY{COLOR:#323232; FONT-FAMILY:Arial,Verdana,Helvetica; margin: 0px; padding: 20px 0px 0px 0px;}
A:link, A:active, A:visited{COLOR: #d30f4c; text-decoration: none;}
A:hover{COLOR: #d30f4c; text-decoration: underline;}
P{MARGIN-TOP:0px; MARGIN-BOTTOM:15px;/*Required for same look in Firefox and IE*/}
UL{MARGIN-TOP:0px; MARGIN-BOTTOM:5px; MARGIN-LEFT:20px;}
HR {border: none; border-top: 1px solid #bababa; height: 1px; margin-top: auto; margin-bottom: auto;}
input{font-size: 100%; font-family: Arial, Verdana;}
textarea{font-size: 100%; font-family: Arial, Verdana;}
a img{border: none;}

/** STYLES FOR TEMPLATE ELEMENTS *****************************************************/
/*************************************************************************************/
.H1header{padding-bottom: 20px;}
/*.H1header{FONT-SIZE:167%; FONT-WEIGHT:bold; MARGIN-BOTTOM:10px; MARGIN-TOP:5px;}
.H2header{FONT-SIZE:140%; FONT-WEIGHT:bold; MARGIN-BOTTOM:8px; MARGIN-TOP:0px;}
.H3header{FONT-SIZE:120%; FONT-WEIGHT:bold; MARGIN-BOTTOM:5px; MARGIN-TOP:0px;}*/


/** STYLES FOR EDITOR DROP DOWN LIST (PARAGRAPH FORMAT) ******************************/
/*************************************************************************************/
h1{FONT-SIZE:167%; FONT-WEIGHT:bold; MARGIN-BOTTOM:2px; MARGIN-TOP:0px; FONT-FAMILY:Arial,Verdana,Helvetica;}
h2{FONT-SIZE:108%; FONT-WEIGHT:bold; MARGIN-BOTTOM:2px; MARGIN-TOP:1px; FONT-FAMILY:Arial,Verdana,Helvetica; line-height: 1.24;}
h3{FONT-SIZE:133%; FONT-WEIGHT:bold; MARGIN-BOTTOM:2px; MARGIN-TOP:0px; FONT-FAMILY:Arial,Verdana,Helvetica;}


/** STYLES FOR EDITOR DROP DOWN LIST (ADAPTED STYLE) *********************************/
/*************************************************************************************/
.ImportantEditor{FONT-WEIGHT:normal; background-color:#808080; color:#FFFFFF;}
.ImagetextEditor{FONT-WEIGHT:normal; FONT-SIZE:90%;}

/** STYLES FOR THE BASEFILE **********************************************************/
/** Frameworks
/*************************************************************************************/
.BodyContainer{width: 940px; margin: 0px auto 0px auto;}
    .Header{height: 57px; padding-bottom: 17px; position:relative; }
    .Header .Logo{float:left; width: 505px;}
    .Header .Right{float:right; width: 430px;}
    .FastLinks{text-align:right;}
    .FastLinks .Item{color: #828282; font-size: 92%; font-weight: bold; }
    .FastLinks a:link, .FastLinks a:active, .FastLinks a:visited{color: #828282!important; text-decoration: none;}
    .FastLinks a:hover{color: #828282!important; text-decoration: underline;}
    .FastLinks .Separator{color: #828282; padding: 0px 6px 0px 6px;}
    .TopMenu{height: 68px; width: 940px; background-image: url(Images/topMenuBG.gif); background-position: left top; background-repeat: repeat-x;}
    .TopMenuItem{float: left; height: 68px;}
    .TopMenuItem img{display: block;}
    .MainContainerWide{padding-bottom:20px; min-height: 400px; _height: 400px;}
    .MainContainer{padding:15px 0px 20px; min-height: 400px; _height: 400px;}
    .MainContainerInner{width: 940px; /*background-image: url(Images/main_2BG.gif); background-position: left top; background-repeat: repeat-y;*/}
    .MainContainerWideContentInner{width: 940px; background-image: url(Images/main_1BG.gif); background-position: left top; background-repeat: repeat-y;}
    .MainContainerSvbfInner{width: 940px; background-image: url(Images/main_3BG.gif); background-position: left top; background-repeat: repeat-y;}
    .MainContainerSvbfInner2{width: 940px; background-image: url(Images/main_2BG.gif); background-position: left top; background-repeat: repeat-y;}
        .LeftMenu{float:left; width: 220px; margin-right: 20px; min-height: 1px; _height: 1px;}
        .ContentArea{float:left; width: 460px;}
        .ContentAreaWide{float:left; width: 700px;}
        .RightArea{float:right; width: 220px;}
    .Footer{height: 50px; color: #ffffff; padding: 12px 9px 13px 9px; background-image: url(Images/footerBG.gif); background-position: left top; background-repeat: repeat-x;}
    .Footer a{color: #ffffff!important; text-decoration: none!important;} 
    .Footer p{margin-top: -3px;}
    .Footer .Company{float:left; height: 43px; padding: 0px 24px 0px 9px; border-left: 1px solid #ffffff;}
    .Footer .Company .Name{font-size: 150%;}
    .Footer .PostAddress{float: left; height: 43px; padding: 0px 24px 0px 9px; border-left: 1px solid #ffffff;}
    .Footer .VisitAddress{float: left; height: 43px; padding: 0px 24px 0px 9px; border-left: 1px solid #ffffff;}
    .Footer .Tel{float: left; height: 43px; padding: 0px 9px 0px 9px; border-left: 1px solid #ffffff;}
    
.Print{float: right; padding: 5px 0 0px 0px;}
.Print img{border:none;}

/*** Newsletterbox ***/

.EmailField{width: 155px; height: 22px; border: 0px solid; color: #828282; font-size: 92%; font-family: Arial, Verdana; padding: 8px 12px 0px 12px; margin: 2px 3px 0px 0px; background-image:url(Images/emailFieldBG.gif); background-position:left; background-repeat:no-repeat;}
*+html .EmailField{margin: 1px 3px 0px 0px;}
* html .EmailField{margin: 1px 3px 0px 0px;}

/*** Newsletterpanel ***/

.newsletterPanel a { font-size: 92% }

/*** Search field ***/
.SearchAndLinks{ position:absolute; right:259px; top:10px; height:74px; }
/*.SearchAndLinks span{display:block;}*/
.SearchField{width: 287px; height: 22px; border: 0px solid; color: #828282; font-size: 92%; font-family: Arial, Verdana; padding: 8px 0px 0px 12px; margin: 2px 3px 0px 0px; }
*+html .SearchField{margin: 1px 3px 0px 0px;}
* html .SearchField{margin: 1px 3px 0px 0px;}
.searchButtonContainer{ margin-top:1px; height:33px; 
    background-image:url(Images/searchButtonMiddle.gif); background-repeat:repeat-x; 
    min-width: 10px; _width: 10px; text-align:center; overflow:visible; float:right;}
.searchButtonLeft{height:33px; background-image:url(Images/searchButtonLeft.gif); background-position:left; background-repeat:no-repeat;}
.searchButtonRight{height:33px; background-image:url(Images/searchButtonRight.gif); background-position:right; background-repeat:no-repeat;}
.searchButton{border:none; background:transparent; height: 31px; padding: 0px 7px 0px 8px; margin: 0px;
    font-family:Arial,Verdana; font-size:100%; font-weight:bold; color:#ffffff; cursor: pointer; cursor: hand;}
*+html .searchButton {padding: 0px 5px 0px 6px;}
* html .searchButton {padding: 0px 4px 0px 6px;}
.searchFieldContainer {float: right;}

/****************************MainContent*************************************************/
.productListArea{width:220px;border-color:#cccccc;border-width:1px;float:left;border-style:solid;margin:2px;}
.priceText{color:#d40f4c;}
.buyBtn{height:33px; background-image:url(Images/searchButtonLeft.gif); background-position:left; background-repeat:no-repeat;}





/** STYLES FOR THE BASEFILE **********************************************************/
/** Page types
/*************************************************************************************/
.StartPageImagesFlash{height: 257px; position: relative;}
.StartPageTopTabs{position:absolute; bottom: 0px; right: 0px;}
.StartPageTopTabs .Tab{float:right; margin-left: 5px; height: 28px; color: #ffffff; cursor: hand; cursor: pointer; font-size: 140%; padding: 8px 10px 0px 10px; background-image: url(Images/tabBG.gif); background-position: left top; background-repeat: repeat-x;}
.StartPageTopTabs .Selected{background: none; background-color: #d30f4c;}
.TopImage{position:absolute; top: 0px; left: 0px; display:none;}
/*.StartPageImage{position:absolute; top:0px; left:0px; }*/
.StartPageContent{width: 940px; margin-top: 20px; background-image: url(Images/startContentBG.gif); background-position: left top; background-repeat: repeat-y;}
.StartPageContent .Column1{float:left; width: 220px; padding-right: 10px; min-height: 1px; _height: 1px;}
.StartPageContent .Column1 img{display: block; margin-bottom: 5px;}
.StartPageContent .Column2{float:left; width: 220px; padding: 0px 10px 0px 10px; min-height: 1px; _height: 1px;}
.StartPageContent .Column2 img, .p-startpage .Column3 img {display: block; margin-bottom: 5px}
.StartPageContent .Column3{float:left; width: 220px; padding: 0px 10px 0px 10px; min-height: 1px; _height: 1px;}
.StartPageContent .Column4{float:right; width: 220px; padding-left: 10px; min-height: 1px; _height: 1px;}

.StartPuffs .PuffHeader, .p-startpage .Column3 .PuffHeader{background-color: #d30f4c; color: #ffffff; font-size: 83%; font-weight: bold; text-transform: uppercase; padding: 0px 3px 0px 2px;}
.StartPuffs .PuffText{font-family: Georgia, Arial; line-height: 1.34;}
.StartPuffs .PuffText a{font-family: Arial, Georgia; font-size: 92%;}
.StartPuffs .PuffText p{margin-bottom:0 !important;}

.StartPuffs .PuffContainer{height:310px; margin-bottom:15px; overflow:hidden;}

.StartPageHeader{background-color: #999999; color: #ffffff; font-size: 108%; font-weight: bold; padding: 7px 9px 6px 9px; margin-bottom: 7px;}
.StartPageHeader .Title{float:left; padding-right: 5px;}
.StartPageHeader .Rss{float: right; padding-top: 1px;}

.StartPageContent .LinkListContainer{padding: 9px 0px 9px 0px;}
.StartPageContent .OfficeImageLink{font-family: Georgia, Arial; MARGIN-BOTTOM:20px; line-height: 1.34;}
.StartPageContent .LinkListOfficesItem {font-size: 108%; font-weight: bold; padding-bottom: 15px;}
.StartPageContent .LinkListContainer .Linkitem {font-size: 108%; padding-bottom: 15px; margin: 0; }

/***ArticelSvbf***/
.SvbfLeft{float:left; width: 460px;}
.SvbfRight{float: right; width: 220px;}
.SvbfTop{background-color: #ffffff; padding-bottom: 1px;}
.SvbfImage{padding-bottom: 5px;}
.SvbfColumns{width: 460px;}
.SvbfColumns .LeftColumn{float:left; width: 220px; padding-right: 10px; min-height: 1px; _height: 1px;}
.SvbfColumns .RightColumn{float:left; width: 220px; padding-left: 10px; min-height: 1px; _height: 1px;}
.SvbfColumns .SvbfImage{padding-bottom: 7px;}

/** STYLES FOR THE BASEFILE **********************************************************/
/** General
/*************************************************************************************/ 
.Clear{clear: both; font-size: 1px;} 

.clear { clear: both; }
.container { display: inline-block; }
.container:after { content: '.'; display: block; visibility: hidden; clear: both; height: 0; line-height: 0; }
html[xmlns] .container { display: block; }
* + html .container { /* ie7 */ overflow: visible; min-height: 1%; }
ul.plain, ul.plain > li, ol.plain, ol.plain > li { list-style-type: none !important; margin: 0; padding: 0; }

.CalendarContainer{padding-bottom: 6px;}
.CalendarItem{padding-bottom: 12px;}
.CalendarDescription{font-family: Georgia, Arial; line-height: 1.34; padding-bottom: 3px; display:none;}
.CalendarDate{font-size: 92%;}
.CalendarMoreInfo{font-size: 92%;}
.NewsListContainer{padding-bottom: 6px;}
.NewsListItem{padding-bottom: 12px;}
.NewsListDescription{font-family: Georgia, Arial; line-height: 1.34; padding-bottom: 3px;}
.NewsListDate{font-size: 92%;}

/** STYLES FOR THE BASEFILE **********************************************************/
/** Left menu
/*************************************************************************************/ 
.LeftMenu ul{margin: 0px; padding: 0px; list-style-type: none;}
.pagelist li{margin: 0px; padding: 0px; }
* html .pagelist li{height: 1px;}
.pagelist li li {margin: 0px; padding: 0px; /*padding: 8px 11px 7px 22px;*/}
.pagelist li li li{margin: 0px; padding: 0px; /*padding: 8px 11px 7px 22px;*/}

li.level1{font-size: 108%; border-bottom: 1px solid #e5e5e5; font-weight: bold;}
ul.pagelist li.level1 a{color: #323232; text-decoration: none!important; display: block; padding: 7px 13px 7px 11px;}
li.level1 a.parent {background: transparent url(/Styles/Images/Menu/leftMenuParent.gif) no-repeat 210px 13px;}
li.parent a.selected,
li.parent a.selectedparent {background: transparent url(/Styles/Images/Menu/leftMenuParentSelected.gif) no-repeat 208px 14px;}

li.selected{background-color: #d30f4c;}
ul.pagelist li.selected a{color: #ffffff; text-decoration: none!important;}
ul.pagelist li.selectedparent{background-color: #d30f4c;}
ul.pagelist li.selectedparent a{color: #ffffff; text-decoration: none!important;}

ul.level2{padding-bottom: 4px; font-weight: normal; background-image: url(Images/Menu/leftMenuContainerBottom.gif); background-position: left bottom; background-repeat: no-repeat;}
* html ul.level2{padding-bottom: 0px;}
ul.level2 li{background-image: url(Images/Menu/leftMenuContainerItem2.gif); background-position: left top; background-repeat: no-repeat;}
ul.level2 li.firstItem{background-image: url(Images/Menu/leftMenuContainerTop.gif); background-position: left top; background-repeat: no-repeat;}

ul.level2 li a:link,
ul.level2 li a:active,
ul.level2 li a:visited,
ul.level2 li a:hover{color: #323232; padding: 8px 13px 7px 23px; font-weight:normal;}
ul.level2 li.firstItem a:link,
ul.level2 li.firstItem a:active,
ul.level2 li.firstItem a:visited,
ul.level2 li.firstItem a:hover{color: #323232; font-weight:normal;}

ul.level2 li.parent a.selected,
ul.level2 li.parent a.selectedparent {background: transparent url(/Styles/Images/Menu/leftMenuParentSubSelected.gif) no-repeat 208px 14px;}

ul.level2 li.selected a:link,
ul.level2 li.selected a:active,
ul.level2 li.selected a:visited,
ul.level2 li.selected a:hover{color: #d30f4c; padding: 8px 13px 7px 23px; font-weight:bold;}

ul.level2 li.selectedparent a:link,
ul.level2 li.selectedparent a:active,
ul.level2 li.selectedparent a:visited,
ul.level2 li.selectedparent a:hover{color: #d30f4c; padding: 8px 13px 7px 23px; font-weight:bold;}

* html ul.level3{padding-bottom: 4px; background-image: url(Images/Menu/leftMenuContainerBottom.gif); background-position: left bottom; background-repeat: no-repeat;}
ul.level3 li{background-image: url(Images/Menu/leftMenuContainerItem2.gif); background-position: left top; background-repeat: no-repeat;}
ul.level3 li.firstItem{background-image: url(Images/Menu/leftMenuContainerItem2.gif); background-position: left top; background-repeat: no-repeat;}

ul.level3 li.level3 a.selected,
ul.level3 li.level3 a.selectedparent { background: none; }

ul.level3 li a:link,
ul.level3 li a:active,
ul.level3 li a:visited,
ul.level3 li a:hover{color: #323232!important; padding: 8px 13px 7px 35px!important; font-weight:normal!important;}

ul.level3 li.firstItem a:link,
ul.level3 li.firstItem a:active,
ul.level3 li.firstItem a:visited,
ul.level3 li.firstItem a:hover{color: #323232!important; font-weight:normal!important;}

ul.level3 li.selected a:link,
ul.level3 li.selected a:active,
ul.level3 li.selected a:visited,
ul.level3 li.selected a:hover{color: #d30f4c!important; font-weight:bold!important;}
  
/** STYLES FOR THE BASEFILE **********************************************************/
/** The class names below are used in the basefile (/Templates/Framework/Framework1.master) */
/*************************************************************************************/
.WebBody {background-color: #ffffff; background-image: url(Images/WebBodyRepeat.gif); background-repeat: repeat-y; background-position:center; margin: 0px; padding: 0px; width: 100%; height: 100%; min-height: 100%; border-top:1px solid white;/*bugfix for Opera*/}
.WebBodyStart {background-color: #ffffff; background-image: url(Images/WebBodyRepeatFullWidth.gif); background-repeat: repeat-y; background-position:center; margin: 0px; padding: 0px; width: 100%; height: 100%; min-height: 100%; border-top:1px solid white;/*bugfix for Opera*/}
.WebMain {position: absolute; top: 0px; min-height: 100%; height:auto; width:100%;}
.WebMainContainer {height:auto; margin-bottom: 72px;}
.WebMainContainer:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.WebTopContainer {height: 100px;}
.WebHeaderContainer {background-image: url(Images/WebHeader.gif); background-repeat: no-repeat; background-position:center;}
.WebHeader {width: 723px; height: 100px; margin:auto; padding-left:37px;}
.WebHeaderLogo {float:left; margin-top:15px;}
.WebHeaderLoginPrint {float:right; width:auto; margin-right: 37px; margin-top:34px; border:none; color:white!important;}
.WebHeaderLoginPrint a {color:white!important;}
.WebHeaderMenuContainer {position: absolute; top: 71px; width:686px;}
.WebHeaderTopMenu {float:left; width:490px;}
.WebHeaderSearch {float:right; margin-top:4px;}
.WebTopMenu {color:#666666!important; height:28px;}
.WebTopMenuItem {float: left; padding-top:7px; padding-left:10px; padding-right:10px; height:21px; margin-right:0px;}
.WebTopMenuItemSelected {float: left; background-image: url(Images/WebTopMenu.gif); background-repeat: repeat-x; padding-top:7px; padding-left:10px; padding-right:10px; height:21px; margin-right:0px;}
.WebMiddleContainer {height: auto; width: 100%; text-align:center;}
.WebContent {height: auto; width: 686px; margin:auto; padding:0px;  text-align:left; padding-left:37px; padding-right:37px; padding-top:20px;}
.WebContentLeft {float: left; width: 166px; height: 100%; margin-top:10px;}
.WebContentRight {float: right; width:462px;}
.WebBottomContainer {position: absolute; bottom: 0px; width: 100%; text-align: center; height: 52px;}
.WebFooterContainer {background-image: url(Images/WebFooter.gif); background-repeat: no-repeat; background-position:center;}
.WebFooter {padding-top:10px; height: 42px; width: 686px; margin:auto; padding-left:37px; padding-right:37px; text-align: left; color:white;}
.WebFooterText {float:left;}
.WebFooterText div{margin-bottom:5px;}
.WebFooterText a{color:white!important;}
.WebClear {clear:both;}
.WebSearchField {color:#666666; width:100px; font-family:Verdana,Arial,Helvetica;}
.WebSearchButton {color:#666666; width:auto; font-family:Verdana,Arial,Helvetica;}
.StudioLogotype {background-image: url(Images/StudioLogotype.gif); background-repeat:no-repeat;}
.StudioExpressLogotype {background-image: url(Images/StudioExpressLogotype.gif); background-repeat:no-repeat;}
.WebLeftMenu ul{margin:0px; padding:0px;}
.WebLeftMenu li{list-style:none; padding:3px; margin-left:15px;}
.WebLeftMenu a{padding:3px; margin-left:1px; line-height:14px;}
.WebLeftMenuSelected {margin-left:0px!important; border:1px solid #C4C4C4; background-color:#F0F0F0;}
.WebLeftMenu_level_1{margin-left:-20px!important; line-height:130%;}
.WebLeftMenu_level_2, .WebLeftMenu_level_3, .WebLeftMenu_level_4, .WebLeftMenu_level_5{margin-top:1px!important; line-height:110%;}







/*************************************************************************************
This stylesheet will be used for the templates included in Litium Studio. Changes
below will change the appearance of the pages using the templates in the folder
"Templates".
**************************************************************************************/


/** STYLES FOR LITIUM STUDIO TEMPLATES ***********************************************/
/*************************************************************************************/
.Intro,
p.intro{FONT-SIZE:125%; font-family: Georgia, Arial; FONT-WEIGHT:normal; MARGIN-TOP:0px; MARGIN-BOTTOM:10px; line-height: 1.34;}
.Text{MARGIN-TOP:0px; font-family: Georgia, Arial; MARGIN-BOTTOM:10px; line-height: 1.34;}
.Text a{font-family: Arial, Georgia; font-size: 90%;}
.Normal{font-family: Georgia, Arial;}
.Normal a{font-family: Arial, Georgia; }
.Textbold{FONT-WEIGHT:bold;}
.Factheader{FONT-WEIGHT:bold; COLOR:white; BACKGROUND-COLOR:#555555; PADDING:5px;}
.Facttext{FONT-WEIGHT:normal; BACKGROUND-COLOR:#DDDDDD; PADDING:5px;}
.Imagetext{FONT-WEIGHT:normal; MARGIN-TOP:2px; TEXT-ALIGN:CENTER; font-family: Georgia, Arial;}
.Imagetext img{display: block;}
.Date{COLOR:#AAAAAA; MARGIN-TOP:0px; MARGIN-BOTTOM:0px;}

.Linklist{FONT-WEIGHT:normal; MARGIN-TOP:0px; padding-bottom: 8px;}
.Linkicon{MARGIN-RIGHT:3px; HEIGHT:10px;}
.Filelist{FONT-WEIGHT:normal; MARGIN-TOP:0px; padding-bottom: 10px;}
.Fileicon{MARGIN-RIGHT:5px;}
.Productlist{FONT-WEIGHT:normal; MARGIN-TOP:20px; font-family: Georgia, Arial;}
.Newslist{FONT-WEIGHT:normal; MARGIN-TOP:20px;}
.Form{}
.InputItem{MARGIN-BOTTOM:10px; COLOR:#000000; FONT-FAMILY:Arial,Verdana,Helvetica;}
.InputItemFixedWidth{MARGIN-BOTTOM:10px; WIDTH:300px; COLOR:#000000; FONT-FAMILY:Arial,Verdana,Helvetica;}
.InputItemFullWidth{MARGIN-BOTTOM:10px; WIDTH:100%; COLOR:#000000; FONT-FAMILY:Arial,Verdana,Helvetica;}
.SelectItemFixedWidth{MARGIN-BOTTOM:10px; WIDTH:305px; FONT-WEIGHT:bold; COLOR:#000000; FONT-FAMILY:Arial,Verdana,Helvetica;}
.MarginSingle{MARGIN-TOP:5px;}
.MarginDouble{MARGIN-TOP:20px;}

.Image{MARGIN-TOP:20px;}
.ImageCenter{TEXT-ALIGN:CENTER; MARGIN-TOP:20px;}
.ImageLeft{TEXT-ALIGN:LEFT; MARGIN-TOP:20px;}
.ImageRight{TEXT-ALIGN:RIGHT; MARGIN-TOP:20px;}
.ImageLeftFloat{FLOAT:LEFT; MARGIN-TOP:3px; MARGIN-RIGHT:10px; MARGIN-BOTTOM:10px; DISPLAY:INLINE;}
.ImageLeftFloatFull{FLOAT:LEFT; MARGIN-TOP:13px; MARGIN-RIGHT:10px; MARGIN-BOTTOM:10px; DISPLAY:INLINE;}
.ImageRightFloat{FLOAT:RIGHT; MARGIN-TOP:3px; MARGIN-LEFT:10px; MARGIN-BOTTOM:10px; DISPLAY:INLINE;}
.ImageRightFloatFull{FLOAT:RIGHT; MARGIN-TOP:13px; MARGIN-LEFT:10px; MARGIN-BOTTOM:10px; DISPLAY:INLINE;}

.ColumnSpace{HEIGHT:10px; WIDTH:10px;}
.CrossHorizontal{FONT-SIZE:1%; HEIGHT:2px; BACKGROUND-COLOR:#555555;}
.CrossHorizontalCell{FONT-SIZE:1%; PADDING-BOTTOM:10px; PADDING-TOP:10px;}
.CrossVertical{FONT-SIZE:1%; WIDTH:2px; BACKGROUND-COLOR:#555555;}
.CrossVerticalCell{FONT-SIZE:1%; HEIGHT:100%; PADDING:5px;}

.threeColumnLeft{VERTICAL-ALIGN:top; WIDTH:350px; padding-right:5px;}
.threeColumnMiddle{VERTICAL-ALIGN:top; WIDTH:189px; padding-top:5px; padding-left:5px; padding-right:5px;}
.threeColumnRight{VERTICAL-ALIGN:top; WIDTH:189px; padding-top:5px; padding-left:5px;}
.threeColumnLineV{padding-top:5px; BACKGROUND-IMAGE: url(../templates/common/images/dotlineV_bg.gif);}
.threeColumnLineH{MARGIN-TOP:5px; MARGIN-BOTTOM:5px; HEIGHT:1px; BACKGROUND-IMAGE: url(../templates/common/images/dotlineH_bg.gif);}

.twoColumnTable{WIDTH:100%; HEIGHT:350px;}
.twoColumnLeft{VERTICAL-ALIGN:top; PADDING-RIGHT:20px;}
.twoColumnRight{VERTICAL-ALIGN:top; WIDTH:180px; PADDING-LEFT:20px;}
.twoColumnInnerTable{MARGIN-TOP:20px;}
.twoColumnInnerOne{HEIGHT:100%; WIDTH:33%; VERTICAL-ALIGN:top; PADDING-TOP:10px; PADDING-RIGHT:10px;}
.twoColumnInnerTwo{HEIGHT:150px; WIDTH:34%; VERTICAL-ALIGN:top; PADDING-TOP:10px; PADDING-LEFT:10px; PADDING-RIGHT:10px;}
.twoColumnInnerThree{HEIGHT:150px; WIDTH:33%; VERTICAL-ALIGN:top; PADDING-TOP:10px; PADDING-LEFT:10px;}
.twoColumnLineH{HEIGHT:1px; BACKGROUND-COLOR: #9A9A9A;}
.twoColumnLineV{WIDTH:1px; BACKGROUND-COLOR: #9A9A9A;}

.Fileheader{FONT-WEIGHT:bold; MARGIN-BOTTOM:9px; padding-bottom: 8px; BORDER-BOTTOM:1px solid #e5e5e5;}
.Fileitem{FONT-WEIGHT:normal; MARGIN-BOTTOM:13px;}
.Linkheader{FONT-WEIGHT:bold; MARGIN-BOTTOM:9px; padding-bottom: 8px; BORDER-BOTTOM:1px solid #e5e5e5;}
.Linkitem{FONT-WEIGHT:normal; MARGIN-BOTTOM:13px;}
.Linkitem .PageLink{font-size: 92%;}
.Productname{MARGIN-BOTTOM:5px; font-family: Arial, Verdana, Helvetica;}
.Productlink, A.Productlink:link, A.Productlink:active, A.Productlink:hover, A.Productlink:visited{}
.Productdesc{FONT-WEIGHT:normal;}
.ProductRowItem1{PADDING:5px; PADDING-LEFT:0px;}
.ProductRowItem2{PADDING:5px; PADDING-LEFT:0px;}
.ProductColumnItem1{PADDING:10px; border-left:1px solid #9A9A9A; WIDTH:33%;}
.ProductColumnItem2{PADDING:10px; border-left:1px solid #9A9A9A; WIDTH:34%;}
.ProductColumnItem3{PADDING:10px; border-left:1px solid #9A9A9A; WIDTH:33%;}
.ProductitemLineH{HEIGHT:1px; BACKGROUND-COLOR:#9A9A9A;}
.ProductitemLineV{PADDING:10px; border-left:1px solid #9A9A9A;}
.Productitem{LINE-HEIGHT:20px;}
.Productitemlist{PADDING-RIGHT:20px; WIDTH:100px; font-family: Arial, Verdana, Helvetica;}
.ProductitemlistLineV{border-left:1px solid #9A9A9A;}
.Newsimage{FLOAT:RIGHT; MARGIN-LEFT:10px; DISPLAY:INLINE;}
.Newsdate{FONT-SIZE:92%;}
.Newsheader{FONT-WEIGHT:normal;}
.Newslink, A.Newslink:link, A.Newslink:active, A.Newslink:hover, A.Newslink:visited{}
.Newsintro{FONT-WEIGHT:normal; font-family: Georgia, Arial; line-height: 1.34;}
.Newsitem1{PADDING:5px; PADDING-LEFT:0px;}
.Newsitem2{PADDING:5px; PADDING-LEFT:0px;}
.breadcrumbs{display: block; padding: 0 0 5px 240px; color: #828282; font-size: 92%;}
.breadcrumbs a {color: #828282;}
.breadcrumbs a.current {color: #525252;}

.pagination a, .pagination span { float: left; padding: .33em .5em .42em .5em; margin: 1px; line-height: 1; }
.pagination a.selected { color: #828282; font-weight: bold; }
.pagination a:hover { margin: 1px; color: #d30f4c; text-decoration: underline; }

/** SYSTEM ERROR MESSAGE *************************************************************/
/** System errors shown together with add-on-templates *******************************/
/*************************************************************************************/
.litErrorFieldset{MARGIN-TOP:10px; MARGIN-BOTTOM:10px;}
.litErrorLegend{COLOR: #FF0000! important; PADDING-RIGHT:6px;}
.litErrorDiv{PADDING-TOP:8px; PADDING-BOTTOM:5px;}
.litErrorIcon{WIDTH:16px; HEIGHT:16px; MARGIN-RIGHT:3px;}
.litErrorMsg{COLOR: #FF0000! important;}


/** STYLES FOR THE LEFT MENU *********************************************************/
/** CSS for the left menu, new in version 4.1 ****************************************/
/*************************************************************************************/
/*.LeftMenu ul{margin:0; margin-top:4px; padding:0;}
.LeftMenu li{list-style:none; padding:3px; margin-left:15px;}
.LeftMenu a, .LeftMenu a:link, .LeftMenu a:active, .LeftMenu a:hover, .LeftMenu a:visited{color:#666666;}
.LeftMenu a{text-decoration:none; padding:2px; margin-left:1px; line-height:14px;}
.LeftMenu a:hover{text-decoration:underline;}
.LeftMenu_Selected {margin-left:0px!important; border:1px solid #CCCCCC; background-color:White;}
.LeftMenu_StartPage {}
.LeftMenu_level_1{margin-left:-20px!important; line-height:130%;}
.LeftMenu_level_2, .LeftMenu_level_3, .LeftMenu_level_4, .LeftMenu_level_5{margin-top:1px!important; line-height:110%;}*/


/** DROP DOWN ************************************************************************/
/*************************************************************************************/
/*div.Select { overflow: visible; position: relative; }
div.Select ul { list-style: none; border: 1px solid silver; width: 19.6em; background: white; margin: 0; padding: 0; position: absolute; }
div.Select ul li { line-height: 1.8em; display: none; position: static; height: 1.8em; padding-left: 1em; background: white; }
div.Select ul li a:hover { background: silver; }
div.Select ul li:hover { background: silver; }
img.Select { border: 1px solid silver; }
.WeThink { line-height: 25px; text-align:center; background: url(../Templates/Article/Images/wethink.gif) no-repeat left top; display:block; width: 214px; height: 25px; font-size:1.1em; color:#FFFFFF; font-weight: bold;}*/

/*.DropDownListNavigationContainer { overflow: visible; position: relative; margin-bottom: 10px; }
.DropDownListNavigationList { list-style: none; border: 1px solid silver; width: 212px; background: white; margin: 0; padding: 0; position:absolute; top:20px; z-index:1000; }
.DropDownListNavigationInput { color:#7FA0B6; padding-left:10px; font-size:1em; position: static; height: 16px; width:185px; background: white; border:1px solid silver; float:left; }
.DropDownListNavigationItem { line-height: 18px; height: 18px; padding-left: 1em; background: white; margin:0px; list-style-type:none; }
.DropDownListNavigationLink{ display:block; }
.DropDownListNavigationLinkHover { background: silver; display:block; }
.DropDownListNavigationItemHover { line-height: 18px; height: 18px; padding-left: 1em; background: white; margin:0px; background: silver; list-style-type:none; }
.DropDownListNavigationButton { border: 0px solid silver; }
.DropDownListButtonContainer { float:left; }*/

.StartDropDownListContainer{padding-left: 9px;}
/*.StartDropDownListContainer a{font-family: Georgia, Arial;}*/
.StartDropDownListNavigationContainer { overflow: visible; position: relative; margin-bottom: 19px; cursor: hand; cursor: pointer;  height: 29px; background-image: url(Images/drowDownBG.gif); background-position: left top; background-repeat: no-repeat;}
.StartDropDownListNavigationList { list-style: none!important; border-left: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; width: 198px; background: white; margin: 0; padding: 0; position:absolute; top:29px; z-index:1000; }
.StartDropDownListNavigationInput {color:#ffffff; text-transform: uppercase; font-weight: bold; padding: 7px 0px 0px 9px; cursor: hand; cursor: pointer;  position: static; height: 23px; width:170px; background: none; border: none;/*1px solid silver*/ float:left; }
.StartDropDownListNavigationItem { list-style: none!important; line-height: 18px; height: 18px; padding-left: 1em; background: white; margin:0px; }
.tesa{}
.StartDropDownListNavigationLink{ display:block; }
.StartDropDownListNavigationLinkHover { background: #999999; display:block; }
.StartDropDownListNavigationItemHover { list-style: none!important; line-height: 18px; height: 18px; padding-left: 1em; background: #ffffff;; margin:0px; background: #999999; }
.StartDropDownListNavigationItemHover a{color: #ffffff!important; text-decoration:none!important;}
.StartDropDownListNavigationButton { border: 0px;}
.StartDropDownListButtonContainer { float:left;}

.contactpersonimage {float:right;}

/*-----------------------------------------------------------------------------
Media archive
-----------------------------------------------------------------------------*/
.mediaarchive #content { width:700px; }
.mediaarchive #side { display:none; }
.mediaarchive a.tool { float: right; margin-left: 10px; background: no-repeat 0 0; line-height: 16px; }
.mediaarchive a.tool.edit { background-image: url(/ui/img/AddOns/MediaArchive/pencil.png); }
.mediaarchive a.tool.delete { background-image: url(/ui/img/AddOns/MediaArchive/delete.png); }
.mediaarchive a.tool.ascend { background-image: url(/ui/img/AddOns/MediaArchive/folder_up.gif); }
.mediaarchive #editcontainer { margin-bottom: 2em; padding-top:15px; }
.mediaarchive fieldset#foldercontainer { float: left; width: 40%; }

.mediaarchive fieldset.form { margin-top: 0;  }
.mediaarchive fieldset.form label { display: block; font-weight: bold; margin-bottom: 0; }
.mediaarchive fieldset.form .item { display: block; margin-bottom: 1em; }
.mediaarchive fieldset.form .item input[type=text], fieldset.common label input[type=file], fieldset.common label input[type=password], fieldset.common label select, fieldset.common label textarea { display: block; width: 98%; }
.mediaarchive .infocontainer { padding: 0; }
.mediaarchive .wraptocenter { display: table-cell; text-align: center; vertical-align: middle; width: 213px; height: 100px; }
.mediaarchive .wraptocenter * { vertical-align: middle; }
.mediaarchive ul.mediaarchivelist li { float: left; width: 180px; overflow: hidden; height: 180px; border: 1px solid #d6dace; margin: 0 10px 10px 0; padding-top: 5px; }
.mediaarchive ul.mediaarchivelist li.lastonrow { margin-right: 0; }
.mediaarchive ul.mediaarchivelist li .name { text-align: center; font-size: 92%; }
.mediaarchive ul.mediaarchivelist li select { display: block; margin: 0 auto 5px; width: 100px; }
.mediaarchive ul.mediaarchivelist li .mediaArchiveVersions { text-align: center; }

/** Search Result ********************************************************************/
/*************************************************************************************/
.p-searchresult p.hits {font-family: Georgia, Arial;}
.p-searchresult .breadcrumbs {font-size: 93%;}
.p-searchresult .breadcrumbs a {color: #828282;}
.p-searchresult h3 {font-size: 100%;}
.p-searchresult ol.searchresult,
.p-searchresult ol.searchresult ul.files { list-style-type: none; margin: 0; padding: 0;}
.p-searchresult ol.searchresult li {padding-bottom: 15px;}
.p-searchresult ol.searchresult li p.intro {margin-bottom: 0;}
.p-searchresult ol.searchresult ul.files li {padding-bottom: 2px;}

/*-----------------------------------------------------------------------------
Calendar
-----------------------------------------------------------------------------*/
body.p-calendar ul.months li h2 {margin-bottom: 5px;}
body.p-calendar ul.activities li { padding: 0 0 20px; margin: 0; font-family: Georgia, Arial; }
body.p-calendar ul.activities li h3 { margin-top: 0; font-size: 100%;}
body.p-calendar ul.activities li h3 a { text-decoration: none; }
body.p-calendar ul.activities li h3 a:hover { text-decoration: underline; }
body.p-calendar ul.activities li .date { font-size: 91.67%; font-family: Arial, Verdana, Helvetica; color: #828282; display: inline; margin: 0;}
body.p-calendar .error { float: left; }

/*-----------------------------------------------------------------------------
CheckOut/ShoppingCart
-----------------------------------------------------------------------------*/
body.p-checkout table.orderrows td, body.p-checkout table.orderrows th { background: transparent; border: none; }
body.p-checkout table.orderrows td { padding: 20px 0; border-bottom: 1px solid #abadb3; }
body.p-checkout table.orderrows * { vertical-align: middle; }
body.p-checkout table.orderrows th { border-bottom: 1px solid #666666; }
body.p-checkout table.orderrows .updatequantity { text-indent: -100px; font-size: 0.1em; margin-left: 5px; border: none; background: transparent url(../img/icons/update2.png) no-repeat; width: 18px; height: 18px; }
body.p-checkout table.orderrows .remove { width: 10%; text-align: center; }
body.p-checkout table.orderrows .remove input:hover, body.p-checkout table.orderrows .updatequantity:hover { cursor: pointer; }
body.p-checkout table.orderrows .remove input { text-indent: -100px;  font-size: 0.1em; border: none; background: transparent url(../img/icons/delete.png) no-repeat; width: 18px; height: 18px; }
body.p-checkout table.orderrows td.unitprice, body.p-checkout table.orderrows td.subtotalprice { background: #e4ffc8; padding: 20px; width: 15%; }
body.p-checkout table.orderrows th.unitprice, body.p-checkout table.orderrows th.subtotalprice { padding: 5px 20px; width: 15%; }


/*-----------------------------------------------------------------------------
ShoppingCart
-----------------------------------------------------------------------------*/
table.orderrows td.quantity input.quantity { width: 4em; }
body.p-shoppingcart table.orderdata { width: 100%; margin: 0 0 2em 0; }
body.p-shoppingcart table.orderrows { width: 100%; }
body.p-shoppingcart table.orderrows td, body.p-shoppingcart table.orderrows th { background: transparent; border: none; }
body.p-shoppingcart table.orderrows td { padding: 20px 0; border-bottom: 1px solid #abadb3; }
body.p-shoppingcart table.orderrows * { vertical-align: middle; }
body.p-shoppingcart table.orderrows th { border-bottom: 1px solid #666666; }
body.p-shoppingcart table.orderrows .updatequantity { text-indent: -100px;  font-size: 0.1em; margin-left: 5px; border: none; background: transparent url(../img/icons/update2.png) no-repeat; width: 18px; height: 18px; }
body.p-shoppingcart table.orderrows .remove input:hover, body.p-shoppingcart table.orderrows .updatequantity:hover { cursor: hand; cursor: pointer; }
body.p-shoppingcart table.orderrows .remove input { text-indent: -100px;  font-size: 0.1em; border: none; background: transparent url(../img/icons/delete.png) no-repeat; width: 18px; height: 18px; }
body.p-shoppingcart table.orderrows td.unitprice, body.p-shoppingcart table.orderrows td.subtotalprice { background: #e4ffc8; padding: 20px; width: 15%}
body.p-shoppingcart table.orderrows th.unitprice, body.p-shoppingcart table.orderrows th.subtotalprice { padding: 5px 20px; width: 15%; }
body.p-shoppingcart table.orderrows .remove, body.p-shoppingcart .sumwrapper table.ordertotals .remove { width: 10%; text-align: center; }
body.p-shoppingcart .sumwrapper table { margin-top: -2em; padding: 10px 0; }
body.p-shoppingcart .sumwrapper table td { background: none; border: none; }
body.p-shoppingcart .sumwrapper td.unitprice, body.p-shoppingcart .sumwrapper td.subtotalprice { padding: 5px 20px; width: 15%; background: #e4ffc8; }
body.p-shoppingcart .sumwrapper th.unitprice, body.p-shoppingcart .sumwrapper th.subtotalprice { padding: 5px 20px; width: 15%; }

body.p-shoppingcart #content .links { overflow: hidden; list-style-type: none; }
body.p-shoppingcart #content .links li { float: right; margin-left: 20px; }
body.p-shoppingcart #content .links a {  }

/*-----------------------------------------------------------------------------
OrderHistory
-----------------------------------------------------------------------------*/
body.p-orderhistory1 img.main { float: right; clear: right; margin: 0 0 1em 1em; }
body.p-orderhistory1 table.orderrows { width: 100%; border-left: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2; }
body.p-orderhistory1 table.orderrows th { padding: 1.4em 0 13px 0; }
body.p-orderhistory1 table.orderrows th.artnr,
body.p-orderhistory1 table.orderrows td.artnr,
body.p-orderhistory1 table.orderrows td.delivery { padding-left: 20px; }
body.p-orderhistory1 #footer { margin-top: 0; }
body.p-orderhistory1 table.orderrows td.delivery { padding-bottom: 25px; }
body.p-orderhistory1 table.orderrows td { padding-bottom: 4px; }

body.p-orderhistory1 ul#mypagenav,
body.p-mypage ul#mypagenav { margin-bottom: 16px; border-bottom: 2px solid #282828; z-index: 1000; }
body.p-orderhistory1 ul#mypagenav li,
body.p-mypage ul#mypagenav li { float: left; padding: 10px; margin: 0 2px 0 1px; border: 1px solid #f1f1f1; border-bottom: none; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; }
body.p-orderhistory1 ul#mypagenav li a,
body.p-mypage ul#mypagenav li a { color: #333; }
body.p-orderhistory1 ul#mypagenav li.selected,
body.p-mypage ul#mypagenav li.selected { border: 1px solid #000; border-bottom: none; background-color: #282828; }
body.p-orderhistory1 ul#mypagenav li.selected a,
body.p-mypage ul#mypagenav li.selected a { color: #fff; }

body.p-orderhistory1 table.ordermenu span { color: #000; text-decoration: none; }
body.p-orderhistory1 table.ordermenu th { padding-bottom: 5px; border-bottom: 1px solid #666; }
body.p-orderhistory1 table.ordermenu tr.menu-item { cursor: pointer; }
body.p-orderhistory1 table.ordermenu tr.menu-item td { padding: 7px 0; background-color: #ececec; border-top: 1px solid #fff; }
body.p-orderhistory1 table.ordermenu tr.menu-item.alternate td { background-color: #f2f2f2; }
body.p-orderhistory1 table.ordermenu th.date,
body.p-orderhistory1 table.ordermenu td.date span { padding-left: 32px; }
body.p-orderhistory1 table.ordermenu td.date span { background: transparent url(../Img/bg-rowexpand.png) no-repeat 10px 3px;}
body.p-orderhistory1 table.ordermenu tr.selected td.date span { background: transparent url(../Img/bg-rowcollapse.png) no-repeat 10px 3px;}

body.p-orderhistory1 table.orderrows th { border-bottom: none; }

/*-----------------------------------------------------------------------------
ShoppingCart
-----------------------------------------------------------------------------*/
table.orderrows td.quantity input.quantity { width: 4em; }
body.p-shoppingcart table.orderdata { width: 100%; margin: 0 0 2em 0; }
body.p-shoppingcart table.orderrows { width: 100%; }
body.p-shoppingcart table.orderrows td, body.p-shoppingcart table.orderrows th { background: transparent; border: none; }
body.p-shoppingcart table.orderrows td { padding: 20px 0; border-bottom: 1px solid #abadb3; }
body.p-shoppingcart table.orderrows * { vertical-align: middle; }
body.p-shoppingcart table.orderrows th { border-bottom: 1px solid #666666; }
body.p-shoppingcart table.orderrows .updatequantity { text-indent: -100px;  font-size: 0.1em; margin-left: 5px; border: none; background: transparent url(../img/icons/update2.png) no-repeat; width: 18px; height: 18px; }
body.p-shoppingcart table.orderrows .remove input:hover, body.p-shoppingcart table.orderrows .updatequantity:hover { cursor: hand; cursor: pointer; }
body.p-shoppingcart table.orderrows .remove input { text-indent: -100px;  font-size: 0.1em; border: none; background: transparent url(../img/icons/delete.png) no-repeat; width: 18px; height: 18px; }
body.p-shoppingcart table.orderrows td.unitprice, body.p-shoppingcart table.orderrows td.subtotalprice { background: #e4ffc8; padding: 20px; width: 15%}
body.p-shoppingcart table.orderrows th.unitprice, body.p-shoppingcart table.orderrows th.subtotalprice { padding: 5px 20px; width: 15%; }
body.p-shoppingcart table.orderrows .remove, body.p-shoppingcart .sumwrapper table.ordertotals .remove { width: 10%; text-align: center; }
body.p-shoppingcart .sumwrapper table { margin-top: -2em; padding: 10px 0; }
body.p-shoppingcart .sumwrapper table td { background: none; border: none; }
body.p-shoppingcart .sumwrapper td.unitprice, body.p-shoppingcart .sumwrapper td.subtotalprice { padding: 5px 20px; width: 15%; background: #e4ffc8; }
body.p-shoppingcart .sumwrapper th.unitprice, body.p-shoppingcart .sumwrapper th.subtotalprice { padding: 5px 20px; width: 15%; }

body.p-shoppingcart #content .links { overflow: hidden; list-style-type: none; }
body.p-shoppingcart #content .links li { float: right; margin-left: 20px; }
body.p-shoppingcart #content .links a {  }


/*-----------------------------------------------------------------------------
CheckOut/CustomerAccount
-----------------------------------------------------------------------------*/
body.p-checkout .customeraccount fieldset { margin: 0; padding: 0; }
body.p-checkout .customeraccount ul { position: relative; width: 36em; background: #eee url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAABlBMVEX///////9VfPVsAAAACklEQVQImWNgAAAAAgAB9HFkpgAAAABJRU5ErkJggg%3D%3D) repeat-y 13em 0; }
body.p-checkout .customeraccount ul > li { overflow: hidden; padding: .5em; }
body.p-checkout .customeraccount ul > li + li { border-top: 1px solid #fff; }
body.p-checkout .customeraccount ul label { float: left; width: 12em; margin: .2em 1em 0 0; font-weight: bold; }
body.p-checkout .customeraccount ul .input { float: left; width: 22em; }
body.p-checkout .customeraccount ul input, body.p-checkout .customeraccount ul select { width: 19.5em; margin: 0; }
body.p-checkout .customeraccount ul .address input + input { margin-top: .25em; }
body.p-checkout .customeraccount ul .zip input { width: 5em; }
body.p-checkout .customeraccount .error { position: absolute; right: 0; margin-right: -1em; z-index: 2; }
body.p-checkout fieldset.common label { float: left; margin: .2em 1em 0 0; font-weight: bold; }
body.p-checkout label .error { font-weight: normal; }
body.p-checkout fieldset.common li { margin-bottom: 3px; }
body.p-checkout fieldset.common li select { width: 100%; }
body.p-checkout fieldset.common li input { width: 98%; }
body.p-checkout fieldset.common li span.input input, body.p-checkout fieldset.common li span.input select { margin-bottom: 5px; }
body.p-checkout fieldset.common .checkbox input { width: auto; }
body.p-checkout fieldset.common .checkbox label { display: inline; float: none; font-weight: normal; width: auto; }


/*-----------------------------------------------------------------------------
CheckOut/OrderConfirmation
-----------------------------------------------------------------------------*/
body.p-checkout .orderconfirmation table.orderrows { width: 100%; }
body.p-checkout .orderconfirmation table.payments { position: relative; }
body.p-checkout .orderconfirmation table.payments th { width: 100%; }
body.p-checkout .orderconfirmation table.payments .error { position: absolute; margin-left: 1em; z-index: 2; }
body.p-checkout table.orderdata .grandtotal { font-size: 1.2em; }

/*-----------------------------------------------------------------------------
CheckOut/ShoppingCart
-----------------------------------------------------------------------------*/
body.p-checkout table.orderrows td, body.p-checkout table.orderrows th { background: transparent; border: none; }
body.p-checkout table.orderrows td { padding: 20px 0; border-bottom: 1px solid #abadb3; }
body.p-checkout table.orderrows * { vertical-align: middle; }
body.p-checkout table.orderrows th { border-bottom: 1px solid #666666; }
body.p-checkout table.orderrows .updatequantity { text-indent: -100px; font-size: 0.1em; margin-left: 5px; border: none; background: transparent url(../img/icons/update2.png) no-repeat; width: 18px; height: 18px; }
body.p-checkout table.orderrows .remove { width: 10%; text-align: center; }
body.p-checkout table.orderrows .remove input:hover, body.p-checkout table.orderrows .updatequantity:hover { cursor: pointer; }
body.p-checkout table.orderrows .remove input { text-indent: -100px;  font-size: 0.1em; border: none; background: transparent url(../img/icons/delete.png) no-repeat; width: 18px; height: 18px; }
body.p-checkout table.orderrows td.unitprice, body.p-checkout table.orderrows td.subtotalprice { background: #e4ffc8; padding: 20px; width: 15%; }
body.p-checkout table.orderrows th.unitprice, body.p-checkout table.orderrows th.subtotalprice { padding: 5px 20px; width: 15%; }

/*-----------------------------------------------------------------------------
CheckOut
-----------------------------------------------------------------------------*/
body.p-checkout #breadcrumbs {display: none;}
body.p-checkout .buttons { margin-top: 2em; }
body.p-checkout .buttons input + input { margin-left: 1em; }
body.p-checkout .orderconfirmation h2, body.p-checkout .payment h2, body.p-checkout .receipt h2 { margin: 2em 0 1px 0; padding: .5em; background-color: #d0d0d0; font-size: 1em; line-height: 1.2; text-transform: uppercase; }
body.p-checkout ul.deliveries { padding: .5em .5em .4em .5em; background-color: #eee; }
body.p-checkout ul.deliveries + ul.deliveries { margin-top: 1em; background-color: #eee; }
body.p-checkout table.orderdata { width: 100%; margin: 0 0 2em 0; }
body.p-checkout #content .alpha { background: #f6f6f6; padding: 0 20px 20px 20px; width: 260px; margin-right: 20px; }
body.p-checkout #content .last { margin-right: 0; }


/*-----------------------------------------------------------------------------
ContactForm
-----------------------------------------------------------------------------*/
body.p-contactform fieldset.contact { background-color: #f6f6f6; }
body.p-contactform fieldset.contact select { width: 100%; }
body.p-contactform fieldset.contact label input, body.p-contactform fieldset.contact textarea { width: 98%; }

/*-----------------------------------------------------------------------------
Error
-----------------------------------------------------------------------------*/
body.p-error form { width: 40em; margin: 10em auto 2em; padding: 3em; border: 1px solid #ccc; background-color: #fff; }

/*-----------------------------------------------------------------------------
ProductCatalogGroup
-----------------------------------------------------------------------------*/
body.p-productcatalog .productgroup h2 {margin:.3em 0 .5em 0;}
body.p-productcatalog .productgroup hr {margin:2em 0 0 0;}
body.p-productcatalog .productgroup .productgroups { margin: 0; padding: 0; list-style-type: none; }
body.p-productcatalog .productgroup .productgroups li { }
body.p-productcatalog .productgroup .products { margin: 0; padding: 0; list-style-type: none; }
body.p-productcatalog .productgroup .products li { height: 220px; overflow: hidden; margin-bottom: 10px; }
body.p-productcatalog .productgroup .products li .imageholder { height: 130px; }
body.p-productcatalog .productgroup .products li img { display: block; margin: 0 auto; }
body.p-productcatalog .productgroup .products li h2 { font-size: 1em; line-height: 1.2; height:30px; }
body.p-productcatalog .productgroup .products li .footer { border-top: 1px solid #ccc; padding-top: 5px; }
body.p-productcatalog .productgroup .products li .buy { float: right; }
body.p-productcatalog .productgroup .buyarea {height:35px;padding: .5em; background-color: #f9f9f9; border: 1px solid #f0f0f0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
body.p-productcatalog .productgroup .specifications dt { font-weight: bold; }
body.p-productcatalog .productgroup .specifications dd { margin-bottom: .5em; }
body.p-productcatalog #subnav { display: none; }
/*-----------------------------------------------------------------------------
ProductCatalogProduct
-----------------------------------------------------------------------------*/
body.p-productcatalog .product .buyarea { margin-bottom: 2em; margin-right:1em; padding: .5em; background-color: #f9f9f9; border: 1px solid #f0f0f0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
body.p-productcatalog .product .buyarea .price {margin-right:3em;}
body.p-productcatalog .product .variantarea { margin-bottom: 2em; padding: .5em; background-color: #f9f9f9; border: 1px solid #f0f0f0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
body.p-productcatalog .product .variantarea ul {  margin: .5em 0 0 1.63em; }
body.p-productcatalog .product .variantarea h3 {margin:0;}
body.p-productcatalog .product .quantity { width: 3em; text-align: right; margin: 0 1ex; }
body.p-productcatalog .product .productimages li { float: left; }
body.p-productcatalog .product .popularproducts { margin: 0; }
body.p-productcatalog .product .popularproducts li { float: left; margin-bottom: 10px; height: 100px; }
body.p-productcatalog .product .popularproducts li .imageholder { height: 80px; }
body.p-productcatalog .product .popularproducts li .imageholder img { display: block; margin: 0 auto; }
body.p-productcatalog .product .relatedproducts { margin: 0; }
body.p-productcatalog .product .relatedproducts li { float: left; margin-bottom: 10px; height: 100px; }
body.p-productcatalog .product .relatedproducts li .imageholder { height: 80px; }
body.p-productcatalog .product .relatedproducts li .imageholder img { display: block; margin: 0 auto; }
body.p-productcatalog .product .specifications dt { font-weight: bold; }
body.p-productcatalog .product .specifications dd { margin-bottom: .5em; }
body.p-productcatalog #subnav { display: none; }
/*-----------------------------------------------------------------------------
SearchResult
-----------------------------------------------------------------------------*/
body.p-searchresult ol.searchresult > li { margin-top: 2em; }
body.p-searchresult ol.searchresult h3 { margin: 0 0 .25em 0; }
body.p-searchresult ol.searchresult .breadcrumbs { display: block; font-size: .92em; }
body.p-searchresult ol.searchresult .breadcrumbs, body.p-searchresult ol.searchresult .breadcrumbs a { color: #888; }
body.p-searchresult ol.searchresult .breadcrumbs, body.p-searchresult ol.searchresult .intro { display: block; margin: .25em 0 0 0; }
body.p-searchresult ol.searchresult .intro { padding: 0; font-weight: normal; }
body.p-searchresult ol.searchresult .files { margin: .5em 0 0 0; }


/*-----------------------------------------------------------------------------
CeckoutOrderReceipt
-----------------------------------------------------------------------------*/
body.p-checkoutorderreceipt #breadcrumbs {display: none}


/*-----------------------------------------------------------------------------
Header - ShoppingCart
-----------------------------------------------------------------------------*/
#shoppingcart{ position:absolute; right:0px; top:10px; width:249px; height:74px; z-index:1}
#shoppingcart { padding:7px }
#shoppingcart ul{list-style:none;margin:0;padding:0}
#shoppingcart ul ul.cart{display:block;list-style:none;padding:5px 5px 0;display: none/*margin-bottom: 20px*/}
#shoppingcart ul ul.cart li{margin:0;overflow:hidden;padding:0 0 5px;text-align:right}
#shoppingcart ul ul.cart li.item .product{float:left}
#shoppingcart fieldset { border:none; }

.cartHolder{margin: 0;}
.cart-header {margin-bottom: 5px; display: block;}

.cart-footer 


/*-----------------------------------------------------------------------------
03. [Common]
-----------------------------------------------------------------------------*/
.error { color: #c00; font-weight: bold; }
.notice { color: #0c0; font-weight: bold; }
.intro { font-weight: bold; }
.required { margin: 0 5px; }
table.common { border-spacing: 0; border-collapse: collapse; empty-cells: show; line-height: 1.2; }
table.common caption { caption-side: top; padding: .5em .5em .4em .5em; border-bottom: 0; background-color: #d0d0d0; font-weight: bold; text-transform: uppercase; }
table.common .numeric { text-align: right; }
table.common th, table.common td { padding: .5em .5em .4em .5em; border-color: #fff; border-style: solid; border-width: 1px 0; }
table.common th + th, table.common td + td, table.common tbody th + td { border-left-width: 1px; }
table.common thead th { background-color: #d0d0d0; }
table.common tbody th, table.common tbody td { background-color: #eee; }
table.common th[scope=row] { border-right-width: 1px; white-space: nowrap; }
fieldset.common { padding-top: 1em; }
fieldset.common legend { display: none; }
fieldset.common label { display: block; margin: 0 0 1em 0; }
fieldset.common label input { display: block; }
fieldset.common label select { width: 100%; }
fieldset.common label input, fieldset.common label textarea { width: 98%; }
img.right { float: right; clear: right; margin: 0 0 0 1em; }
img.left { float: left; clear: left; margin: 0 1em 0 0; }
.linklist, .filelist { clear: both; line-height: 1.72; }
.linklist h2, .filelist h2 { margin-bottom: .18em; }
.filelist ul.files a img { float: left; height: 16px; width: 16px; margin: .1em .45em 0 0; padding: 0; vertical-align: text-bottom; }
table.ordertotals .grandtotal td { font-weight: bold; }
span.campaignprice {font-weight:bold; white-space: nowrap;}
.prices .campaignprice, span.campaignprice { color: #f00; }
.prices .campaignprice + li.oldprice { text-decoration: line-through; }
#paging { text-align:center; border: 1px solid #f1f1f1; -moz-border-radius: 5px; -moz-box-shadow: 0 2px 2px #aaa; -webkit-border-radius: 5px; -webkit-box-shadow: 0 2px 2px #aaa; border-radius: 5px; box-shadow: 0 2px 2px #aaa;}
#paging a{ color: #333; text-decoration:none; padding:0 .4em;}
#paging a.active {font-weight:bold;}
#paging a:hover { background-color: #888;}
#paging span {margin:0 1em 0 1em;}
