body,html
  {font-family:Verdana,Arial,Helvetica,sans-serif;
   font-size: 10px;
   line-height:14px;
   font-style: normal;
   font-weight: normal;
   color: #444444;
   margin:0; padding:0;
   background-image:url('../img/backPattPage.gif'); background-repeat:repeat;
   background-color:#FFF;
  }


/********************* Common Elements ************************/

#container
  {width: 777px;
   margin: 0 auto;
   text-align:left;
  }

#main
  {background:url('../img/backPage.gif') top center #FFF repeat-y;
   position:absolute; top:0;
   width: 777px;
  }

#content
  {background:url('../img/backBodyContent.gif') top center #FFF repeat-y;
   width: 760px;
   margin:124px 0 10px 8px;
   padding:0;
  }

#bodyContent
  {display: inline;
   float:left;
   margin:0 0 0 270px;
   padding:0 0 20px 0;
   width:460px;
  }

#teasers
  {margin:0 0 0 -720px;
   width:240px;
   float:left;
   padding:0;
   }

#tools3
  {background: url('../img/backTools3.gif') no-repeat 0 3px;
   position:absolute; top:130px; right:10px;
   width:101px; min-width:101px;
   margin:0 0 0 5px; padding: 10px 10px 10px 5px;
   }

#tools4
  {background: url('../img/backTools4.gif') no-repeat 0 3px;
   position:absolute; top:125px; right:60px;
   width:122px; min-width:122px;
   margin:0 0 0 5px; padding: 10px 10px 10px 5px;
   }



#tools5
  {background: url('../img/backTools5.gif') no-repeat 0 3px;
   position:absolute; top:125px; right:60px;
   width:147px; min-width:147px;
   margin:0 0 0 5px; padding: 10px 10px 10px 5px;
   }


div.toolsIcon
  {float:left;
   padding:0 8px 0 6px; margin:0;
   }


div.teasersMenuCat
  {width:240px;
   border-bottom: 2px #FFF solid;
   }


/********************** Header ******************************/



#header
  {position:absolute; top:0;
   width: 760px; height: 114px;
   }

#logo
  {width: 197px;
   overflow:none;
   padding: 20px 0 0 28px;
  }


#menuTop
  {position:absolute; top:0; right:0;
   }

div.menuTopItem
  {float:right;
   margin: 0 10px 0 10px;
   }

#divSearchBox
  {z-index:1000;
   padding:2px;margin:10px 7px 0 0;
   background-color:white;
   float:right;
   clear:right;
}

td.search
  {vertical-align:middle;
   font-size:7pt;
   text-decoration:none;
   padding-right:7px;
}




/************************* Main Menu ***************************/

#menu
  {background:url('../img/backMenu.gif') repeat-x #fff;
   position:absolute; top:85px; left:8px;
   min-width:760px;width:760px;
   height:29px;
   overflow:none;
   margin: 0px;
   text-align:right;
  }

#menuRight
  {background:url('../img/menuRight.gif') no-repeat;
   min-width:15px;width:15px;
   float:right;
  }

#menuLeft
  {background:url('../img/menuLeft.gif') no-repeat;
   min-width:7px; width:7px;
   float:right;
  }

.menuItem
  {float: right;
   margin:0; padding: 0px;
 }

.menuItemSel
  {float: right;
   margin:0; padding: 0px;
 }

.menuItem a
  {font-size: 10px;
   font-weight:bold;
   color: #DFDFDF;
   text-decoration: none;
  }

.menuItem a:hover
  {color: #fff;
  }

/************************** Footer *****************************/

#footer
  {margin:0px 0 10px 0; padding:0px 0 0 8px;
  }

#footerContent
  {background:url('../img/backFooter.gif') top right repeat-x;
   width:760px; min-width:760px;
   margin:0; padding:0 0 10px 0;
  }

#menuTerms
  {float:left;
   padding:10px 0 0 10px;
  }

#menuTerms P
  {font-size: 9px;
   color: #888888;
  }


#copy
  {float:right;
   padding:10px 10px 0 0;
  }

#copy P
  {font-size: 9px;
   color: #888888;
  }

#creditsAlrux
  {padding-top:40px;
   text-align:center;
  }

#creditsAlrux P
  {font-size: 9px;
   color: #9A9A9A;
  }

#creditsAlrux A
  {color: #9A9A9A;
   text-decoration:none;
}
#creditsAlrux A:hover
  {color: #9A9A9A;
   text-decoration:none;
}


/*************************** Home Layout *************************/

#contentHome
  {width: 760px;
   margin:114px 0 0 8px;
   padding:0;
  }

#bodyHome
 {width:740px;
  padding:290px 0 10px 10px;
 }

#bodyContentHome
  {width: 740px;
   position:absolute; left:18px; top:124px;
   margin:0; padding:0;
  }

#flashHome
  {float:left;
   margin-bottom:5px; padding:0;
   }

#teaserCatHome
  {float:right;
   margin-bottom:5px; padding:0;
  }

div.teaserCatHomeImg
  {padding:0; margin:0;
}



#prodTeaser
  {background:#E4E4E4;
   width:440px;
   float:left;
   padding:0 0 10px 0;
   }

#prodTeaserNew
  {width:199px;
   float:left;
   margin:10px 0 0 0;
   border-right: #888888 1px solid;
   border-bottom: #E4E4E4 10px solid;
   padding:0 10px 0 10px;
}

#prodTeaserNew P
  {font-size:10px;
}


#prodTeaserSpecial
  {width:200px;
   float:right;
   margin:10px 0 0 0;
   padding:0 8px 0 10px;
}

#prodTeaserSpecial P
  {font-size:10px;
}

#teasersHome
  {float:right;
  }

#teasersNews
  {margin:0; padding:10px 0 0 5px;
   width:290px;
   }

#teasersNews P
  {font-size:10px;
}

#teasersNamiclub
  {margin:0; padding:0;
   width:296px;
   }




/*********************** Catalogue Layout ****************************/

#containerCat {
    background:url('../img/backMainCatLeft.gif') #FFF top left repeat-y;
}

#containerCatHelper {
    background:url('../img/backMainCatRight.gif') top right repeat-y;
}

.cleaner {
	clear: both;
	height: 1px;
	font-size: 1px;
}

#leftbar {
	float: left;
	width: 50px;
	padding:0; margin:0;
}

#rightbar {
	float: right;
	width: 50px;
	padding:0; margin:0;
}

#contentCat
  {margin:0 0 0 60px;
   padding:0;
  }

* html #contentCat {height:1%; margin:0 60px 0 58px; padding:0;}


#bodyContentCat
  {margin:0 0 0 230px;
   padding:0 60px 0 0 ;
   float:left;
  }

* html #bodyContentCat {margin:0; padding:0 0 0 230px;}


#prodDesc
  {padding:114px 20px 25px 20px;
  }


#headerCat
  {position:absolute; top:70px;
   height: 29px;
   width:100%;
   }

#logoCat
  {position:absolute; top:0; left:0;
   width: 197px;
   padding: 20px 0 0 68px;
  }


#menuTopCat
  {position:absolute; top:0; right:58px;
   width:500px;
   }

div.menuTopItemCat
  {float:left;
   padding: 0 10px 0 10px;
   }


#menuCatWrap
  {padding-left:50px;
   padding-right:50px;
  }

#menuCat
  {background:url('../img/backMenu.gif') repeat-x;
   height:29px;
   text-align:right;
   margin: 0 50px;
  }



/******************************** Product Styling ***************************/

#prodDesc H1
  {margin:5px 0 15px 0;
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-size: 12pt; line-height: 16pt;
   font-weight:bold;
   color: #003E79;
   background:url('../img/backH1.gif') left top no-repeat;
   padding:36px 0 20px 25px;
  }


/*#prodDesc H1:first-line
  {font-size: 12pt;
  }*/

#prodDesc H2
  {margin:30px 0 3px 0;
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-size: 14px; line-height: 17px;
   font-style: normal; font-weight: bold;
   color: #7CAB29;
   text-transform:uppercase;
  }

#prodDesc H3
  {margin:15px 0 5px 0;
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-size: 13px; line-height: 16px;
   font-style: normal; font-weight: bold;
   color: #B0A200;
  }

#prodDesc H4 {font-family:Verdana,Helvetica, Arial, sans-serif;
    font-size:12px; line-height:13pt;
    font-style: normal; font-weight: bold;
    background:#DEE8F3;
    color: #004589;
    padding:2px 0 2px 2px; margin:10px 0 0 0;
  }

#prodDesc H5 {font-family:Verdana,Helvetica, Arial, sans-serif;
    font-size:13px; line-height:13pt;
    font-style: normal; font-weight: bold;
    color: #004589;
    padding:0 8px 0 5px; margin:0;
  }

#prodDesc img
  {/*margin: 0 0 15px 15px;
   float:right;*/
   }

#prodDesc p img
  {/*margin: 0 0 15px 15px;
   float:right;*/
   }

img.centered
  {float:none; margin:0;
}


#prodDesc UL
  {margin: 4px 0px 0px 5px; padding: 0;
   list-style: none; font-family: Verdana,Arial,sans-serif;
   font-size: 10px; font-style: normal; line-height: 14px;
   font-weight: normal; color: #444444;
  }

#prodDesc LI
  {padding: 4px 0px 0px 12px;
   background-image: url('../img/bullet.gif');
   background-repeat: no-repeat;  background-position: 0 8px;
  }

html[xmlns] #prodDesc UL
  {padding-left: 1.5em;
  }

html[xmlns] #prodDesc LI
  {background: none;
   list-style-image: url('../img/bullet.gif');
   padding: 0;
   }


div.catListDownloads
  {background: url('../img/bulletCatListDownload.gif') no-repeat  5px 8px;
   padding:8px 0 8px 25px;
  }

div.catListProd
  {background: url('../img/bulletCatList.gif') no-repeat  5px 8px;
   padding:5px 0 0 20px;
   margin-top:5px;
  }




/******************************** Catalogue Menu ***************************/

#menuLeftCat
  {margin-right:-230px;
   width:215px;
   float:left;
   padding:114px 0 10px 0;
   }

div.cmSubL1
  {width:215px;
   background:#E4E4E4;
   padding-bottom:10px;
  }
div.cmSubL2
  {margin:0 5px 5px 5px;
  }
div.cmSubL3, div.cmSubL4, div.cmSubL5, div.cmSubL6
  {margin:0 0 0 15px;
  }
div.cmItemL1
  {margin:0; border-top: 2px #FFF solid;
  }
div.cmItemL2, div.cmItemL3, div.cmItemL4, div.cmItemL5, div.cmItemL6
  {margin:2px; padding:0 0 0 15px;
  }

div.cmLeaf
  {background-image: url('../img/bulletMenuProd.gif'); background-repeat: no-repeat;  background-position: 0 4px;
  }

div.cmPlus
  {background-image: url('../img/bulletMenuProdPlus.gif'); background-repeat: no-repeat;  background-position: 0 4px;
  }

div.cmMinus
  {background-image: url('../img/bulletMenuProdMinus.gif'); background-repeat: no-repeat;  background-position: 0 4px;
  }

div.cmItemL2 A, div.cmItemL3 A, div.cmItemL4 A, div.cmItemL5 A, div.cmItemL6 A
  {color:#444444;text-decoration:none;
  }
div.cmItemL2 A:hover, div.cmItemL3 A:hover, div.cmItemL4 A:hover, div.cmItemL5 A:hover, div.cmItemL6 A:hover
  {color:#0E5BA5;
  }
A.cmSelected
  {color:#0E5BA5 !important;
  }

div.menuProdSep
  {height:5px;
}

div.menuProd_level1
  {width:215px;
   border-bottom: 2px #FFF solid;
   background:#E4E4E4;
  }

div.menuProd_level2
  {background-image: url('../img/bulletMenuProd.gif'); background-repeat: no-repeat;  background-position: 0 2px;
   margin:4px 0 0 10px; padding:0 0 0 15px;
  }

div.menuProd_level2_plus
  {background-image: url('../img/bulletMenuProdPlus.gif'); background-repeat: no-repeat;  background-position: 0 2px;
   margin:4px 0 0 10px; padding:0 0 0 15px;
  }

div.menuProd_level2_minus
  {background-image: url('../img/bulletMenuProdMinus.gif'); background-repeat: no-repeat;  background-position: 0 2px;
   margin:4px 0 0 10px; padding:0 0 0 15px;
  }


div.menuProd_level3
  {background-image: url('../img/bulletMenuProd.gif'); background-repeat: no-repeat;  background-position: 0 2px;
   margin:4px 0 0 0; padding:0 0 0 15px;
  }

div.menuProd_level3_plus
  {background-image: url('../img/bulletMenuProdPlus.gif'); background-repeat: no-repeat;  background-position: 0 2px;
   margin:4px 0 0 0; padding:0 0 0 15px;
  }

div.menuProd_level3_minus
  {background-image: url('../img/bulletMenuProdMinus.gif'); background-repeat: no-repeat;  background-position: 0 2px;
   margin:4px 0 0 0; padding:0 0 0 15px;
  }

A.menuProd
    {color:#757575;text-decoration:none;
     margin:0;padding:0 0 0 12px;
    }

.menuProdSelected
    {color:#A82F2A;
     margin:0;padding:0 0 0 12px;
    }

#footerCat
  {margin:0; padding:0;
  }

#footerCatContent
  {background:url('../img/backFooter.gif') repeat-x;
   margin:0 50px 0 50px; padding:0 0 20px 0;
  }

#footerCatBottom
  {background:url('../img/backPageBottomCat.gif') repeat-x;
   align:top;
   margin:0 50px 0 50px; padding:0;
   }


#searchBox
  {margin-top:15px;
}


/********************************** Catalogue Home **************************/

#catHomeIntro
  {margin:0; padding:0;}

div.catHomeCategories
  {background:url('../img/bulletCatList.gif') no-repeat 0 3px;
   margin-top:15px;
   padding-left:15px;
}


/*Hacks*/

.clearfloat:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfloat {display: inline-table;}
* html .clearfloat {height: 1%;}
.clearfloat {display: block;}


/****************************** Text Elements ******************************/

H1
  {margin:5px 0 15px -3px;
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-size: 12pt; line-height: 16pt;
   font-weight:bold;
   color: #003E79;
   background:url('../img/backH1.gif') left top no-repeat;
   padding:36px 0 20px 25px;
  }

/*H1:first-line
  {font-size: 11pt;
   font-weight: bold;
  }
*/
H2
  {margin:20px 0 3px 0;
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-size: 13px; line-height: 15pt;
   font-style: normal; font-weight: bold;
   color: #004589;
   text-transform:uppercase;
  }


H3
  {margin:15px 0 5px 0;
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-size: 15px; line-height: 14pt;
   font-style: normal; font-weight: bold;
   color: #004589;
  }

H4 {font-family:Verdana,Helvetica, Arial, sans-serif;
    font-size:12px; line-height:13pt;
    font-style: normal; font-weight: bold;
    background:#DEE8F3;
    color: #004589;
    padding:2px 0 2px 2px; margin:10px 0 0 0;
  }


H5 {font-family:Verdana,Helvetica, Arial, sans-serif;
    font-size:13px; line-height:13pt;
    font-style: normal; font-weight: bold;
    color: #004589;
    padding:0 8px 0 5px; margin:0;
  }

P
  {padding:8px 0 0 0; margin:0;
}


UL {margin: 4px 0px 0px 5px; padding: 0;
   list-style: none; font-family: Verdana,Arial,sans-serif;
   font-size: 10px; font-style: normal; line-height: 14px;
   font-weight: normal; color: #444444;
  }

LI
  {padding: 4px 0px 0px 12px;
   background-image: url('../img/bullet.gif');
   background-repeat: no-repeat;  background-position: 0 8px;
  }

html[xmlns] UL
  {padding-left: 1.5em;
  }

html[xmlns] LI
  {background: none;
   list-style-image: url('../img/bullet.gif');
   padding: 0;
   }



OL
  {margin: 0 10px 0 40px;
   list-style-type: decimal;
   font-family: Verdana,Arial,sans-serif;
   font-size: 10px; font-style: normal; line-height: 14px;
   font-weight: normal; color: #5F5F5F;
   padding:0;

  }

OL LI {padding: 5px 10px 5px 0px;
    }

html[xmlns] OL {padding-left: 1.5em;
    }

html[xmlns] OL LI {padding: 0;
    }

form
  {margin:0; padding:0;
  }

input
  {margin:0; padding:0;
  }

.ContBody {
    font-family:Verdana,Helvetica, Arial, sans-serif;
    font-size: 10px; line-height: normal;
    color: #4F4F4F;
    margin:0; padding:1px 2px 1px 2px;
  }

.ContEdit {
    font-family:Verdana,Helvetica, Arial, sans-serif;
    font-size: 10px; line-height: normal;
    color: #4F4F4F; background:#F2F2F2;
    border:#D5D5D5 1px solid;
    height:15px; width:320px; min-width:320px;
    margin:0; padding:1px 2px 1px 2px;
  }

.ContEditSelect {
    font-family:Verdana,Helvetica, Arial, sans-serif;
    font-size: 10px; line-height: normal;
    color: #4F4F4F; background:#F2F2F2;
    border:#D5D5D5 1px solid;
    height:19px; width:325px; min-width:325px;
    margin:0; padding:1px 2px 1px 2px;
  }

.ContEditArea {
    font-family: Verdana,Helvetica, Arial, sans-serif;
    font-size: 10px; line-height: normal;
    color: #4F4F4F;
    width:320px; margin:0; padding:2px;
    background:#F2F2F2;
    border:#D5D5D5 1px solid;height:150px;
    scrollbar-base-color: #D5D5D5;
    scrollbar-track-color: #D5D5D5;
    scrollbar-face-color: #F2F2F2;
    scrollbar-highlight-color: #D5D5D5;
    scrollbar-3dlight-color: #D5D5D5;
    scrollbar-darkshadow-color: #D5D5D5;
    scrollbar-arrow-color: #004993;
   }

.SubEdit {
    font-family:Verdana,Helvetica, Arial, sans-serif;
    font-size: 10px; line-height: normal;
    color: #4F4F4F; background:#F2F2F2;
    border:#D5D5D5 1px solid;
    height:15px; width:99%;
    margin:0; padding:1px 2px 1px 2px;
  }

.SubEditSelect {
    font-family:Verdana,Helvetica, Arial, sans-serif;
    font-size: 10px; line-height: normal;
    color: #4F4F4F; background:#F2F2F2;
    border:#D5D5D5 1px solid;
    height:19px; width:99%;
    margin:0; padding:1px 2px 1px 2px;
  }


.SearchEdit
  { font-family:Verdana,Helvetica, Arial, sans-serif;
    font-size: 10px; line-height: normal;
    color: #4F4F4F; background:#F2F2F2;
    border:#D5D5D5 1px solid;
    height:15px; width:180px; min-width:180px;
    margin:0; padding:1px 2px 1px 2px;
  }

A {color:#103A87;
   text-decoration:underline;
   }

A:hover {color: #92C629;
   }

td
  {vertical-align:top;
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-size: 10px;
   line-height: 14px;
   font-style: normal;
   font-weight: normal;
   color: #444444;
}