.btnRemove INPUT
{
    background-color: #532A87;
    color: White;
    border: none;
    font-size: 10px;
    width: 19px;
}

.footer
{
    width: 900px; 
    float:left; 
    text-align: center; 
    padding: 10px 0px;
    text-transform: lowercase;
}

.footer a
{
    color: #845fb4;
}

.rainmanBg
{
    background-image:url(/gui/carouselBackground.png);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999;
}

.rainman
{
    width: 488px;
    margin: 88px auto 0px;
    height: 171px;
    z-index: 9999;
}

.rainman a
{
    background-image: url(/gui/SmileyManEurope.png);
    width: 488px;
    height: 171px;
    float: left;
}

#marquee
{
    width: 890px;
    float: left;
}

.btnRemove
{
    background-color: #532A87;
}

.noBorder
{
    border: none;
}

.dataGridHeader
{
    color: #fff;
    background-color: #532A87;
    font-weight: bold;
    text-align: center;
}


h3
{
    width: 100%;
}

h4
{
    margin: 0;
    padding: 0;
}

.registrationTextbox
{
    width: 200px;
    float: left;
    margin-left: 10px;
}

.contactWrapper
{
    width: 400px;
    float: left;
}

.contactWrapper span
{
    float: left;
    width: auto;
    height: auto;
    font-size:12px;
    padding-bottom:10px;
}

.contactWrapper INPUT
{
    border: solid 1px #000;
    width: 200px;
    float: right;
}

.contactWrapper TEXTAREA
{
    border: solid 1px #000;
    width: 200px;
    float: right;
}

.contactWrapper SELECT
{
    border: solid 1px #000;
    width: 200px;
    float: right;
}

.contactWrapper p
{
    width: 350px;
    float: left;
    margin: 5px 0px;
}

.radio INPUT
{
    width: 100px !important;
    float: right !important;
    border: none !important;
}

.radio
{
    width: 204px !important;
    float: right !important;
    border: none !important;
}

body, html, form
{
    padding: 0;
    margin: 0;
}

h5
{
    margin: 0;
    padding: 0;
}

h6
{
    margin: 0;
    padding: 0;
}

img
{
    border: none;
}

body
{
    color: #190030;
    font-family: Arial;
    font-size: 11px;
    background: #030005 url(/gui/pageBg.png) repeat-x;
    margin-top: 30px;
}

a
{
    color: #532A87;
    text-decoration: none;
    cursor: pointer;
    outline: none;
}

a:hover
{
    color: #E3A9E0;
    text-decoration: none;
}

.wrapper
{
    margin: 0 auto;
    width: 890px;
    position: relative;
}

.menuTopItems
{
    float: left;
    width: auto;
    margin-bottom: 10px;
}

.homePromoImageWrapper
{
    background: url(/gui/bannerBackground.png);
    height: 300px;
    width: 910px;
    position: relative;
    float: left;
    margin: 10px 0 20px 0;
    margin-left: -10px;
}


.logo a
{
    width: 210px;
    height: 108px;
    position: absolute;
    top: 2px;
    left: -10px;
    background: url(/gui/logo.png) no-repeat;
    z-index: 1;
}

.topMenuContact
{
    width: 400px;
    float: right;
    text-align: left;
    font-size: 12px;
    margin: 8px 25px 2px 0px;
    overflow: hidden;
    font-size: 11px;
    height:38px;
}

.topMenuContact ul, .topMenuContact li
{
    float:left;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    padding:0;
    width:auto;
}

.topMenuContact li
{
    margin-bottom:5px;
    padding-right:10px;
    width:auto;
}

#ctl00_ctl07_liFlag
{
    clear: both;
}

.menuLeft
{
    background-image: url(/gui/headerMenuLeft.png);
    width: 19px;
    height: 60px;
}

.menuCenter
{
    background-image: url(/gui/headerMenuCentre.png);
    height: 60px;
    width: inherit;
    padding-right: 30px;
    overflow: hidden;
}

.menuRight
{
    background-image: url(/gui/headerMenuRight.png);
    width: 19px;
    height: 60px;
}

.featuredWrapper
{
    float: left;
    background-image: url(/gui/frontPageCategoryBackground.png);
    width: 285px;
    height: 150px;
    margin-bottom: 9px;
    position: relative;
}

.featuredWrapperAlt
{
    float: right;
    background-image: url(/gui/frontPageCategoryBackground.png);
    width: 285px;
    height: 150px;
    margin-bottom: 9px;
}

.categoryTitle a
{
    position: absolute;
    width: 172px;
    text-align: right;
    height: 43px;
    line-height: 43px;
    color: #ffffff;
    font-size: 13px;
    text-transform: uppercase;
    right: 10px;
}

.categoryImage
{
    position: absolute;
    left: 0;
    top: 0;
    width: 90px;
    margin: 5px 9px 7px 5px;
    background-color: #fff;
    overflow: hidden;
    height: 140px;
}

.categoryBody
{
    width: 165px;
    position: absolute;
    color: #ffffff;
    margin-top: 7px;
    height: 70px;
    overflow: hidden;
    right: 5px;
    top: 50px;
}

.categoryLink a
{
    position: absolute;
    bottom: 10px;
    right: 10px;
    height: 22px;
    background: url(/gui/whiteArrowPurple.gif) no-repeat right;
    line-height: 22px;
    padding-right: 28px;
    text-transform: uppercase;
    color: #E4C5E1;
    font-size: 10px;
}

.categoryLink a:hover
{
    position: absolute;
    bottom: 10px;
    right: 10px;
    height: 22px;
    background: url(/gui/whiteArrowPurple.gif) no-repeat right;
    line-height: 22px;
    padding-right: 28px;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 10px;
}

.featuredProducts
{
    width: 287px;
    float: left;
    margin-right: 15px;
}

.featuredProducts
{
    width: 287px;
    float: left;
}

.featuredProductsTitle, .featuredNewsTitle
{
    float: left;
    width: 100%;
    height: 31px;
    background-image: url(/gui/whiteArrowPurpleCorner.png);
    background-repeat: no-repeat;
    border-bottom: solid 2px #4a2e6f;
    margin-bottom: 15px;
    line-height: 22px;
}

.featuredNewsTitle H3 a 
{
    color: #fff;
}

.featuredProductsTitle H3, .featuredNewsTitle H3
{
    color: #E4C5E1;
    font-size: 13px;
    float: left;
    text-transform: uppercase;
    padding-left: 30px;
    font-weight: normal;
    margin: 0px 0px 0px 0px;
}

.productsTitle
{
    float: left;
    width: 100%;
    height: 31px;
    background-image: url(/gui/whiteArrowPurpleCorner.png);
    background-repeat: no-repeat;
    border-bottom: solid 2px #eeeeee;
    margin-bottom: 15px;
    line-height: 22px;
}

.productsTitle H3
{
    color: #3B0071;
    font-size: 13px;
    float: left;
    text-transform: uppercase;
    padding-left: 30px;
    font-weight: normal;
    margin: 0px 0px 0px 0px;
}


.newsItem
{
    float: left;
    border-bottom: solid 1px #1a1a1a;
    padding-bottom: 15px;
    width: 280px;
}

.newsTitle
{
    color: #ffffff;
    font-size: 11px;
    width: 266px;
    float: left;
    padding-bottom: 5px;
padding-top:10px;
}

.newsTitle a
{
    color: #ffffff;
    font-size: 11px;
    width: 266px;
    float: left;
}

.newsDate
{
    color: #775BA9;
    font-size: 11px;
    float: left;
    width: 266px;
    padding-bottom: 5px;
}

.newsBody
{
    color: #BABABA;
    font-size: 11px;
    width: 266px;
    float: left;
}

.newsLink a
{
    margin-top: 10px;
    font-size: 10px;
    font-weight: bold;
    padding-right: 20px;
    background-image: url(/gui/whiteArrowPurpleSmall.png);
    background-repeat: no-repeat;
    width: 246px;
    text-align: right;
    float: left;
    height: 15px;
    background-position: right center;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 15px;
    color: #E4C5E1;
}

.newsLink a:hover
{
    text-decoration: underline;
}

.leftMenuWrapper
{
    width: 190px;
    float: left;
    margin-top: 10px;
}

.leftMenu
{
    background-image: url(../leftBackgroundCenter.png);
    background-position: right top;
    width: 183px;
    padding-left: 14px;
    float: left;
}

.leftMenu h1
{
    float: left;
    margin: 5px 0 0 0;
    padding: 0;
    font-size: 13px;
    clear: both;
    width: 163px;
    text-align: center;
}

.leftMenu img
{
    width: 156px;
    float: left;
    overflow: hidden;
    height: 140px;
    margin: 10px 0 0 11px;
    clear: both;
}

.leftMenuBottom
{
    background-image: url(../leftBackgroundBottom.png);
    background-position: right bottom;
    height: 16px;
    width: 197px;
    float: left;
    margin-bottom: 5px;
}

.leftMenu ul
{
    margin: 15px 0 0 1px;
    padding: 0;
    list-style: none;
}

.leftMenu li
{
    margin: 0 0 3px 0;
    padding: 0;
    list-style: none;
    float: left;
}

.leftMenu li a
{
    color: #3B0071;
    text-transform: uppercase;
    width: 150px;
    float: left;
    text-decoration: none;
    padding: 0 0 0 10px;
    font-size: 11px;
    height: 35px;
    line-height: 35px;
    outline: none;
}

.leftMenu li a:hover
{
    color: #3B0071 !important;
    text-transform: uppercase;
    width: 150px;
    float: left;
    text-decoration: none;
    padding: 0 0 0 10px;
    font-size: 11px;
    height: 35px;
    background: url(../leftMenuActive.png);
}

a.leftMenuOnPink
{
    color: #3B0071 !important;
    text-transform: uppercase;
    width: 150px;
    float: left;
    text-decoration: none;
    padding: 0 0 0 10px;
    font-size: 11px;
    height: 35px;
    background: url(../leftMenuActive.png);
}

.leftMenuHeader
{
    color: #fff !important;
    text-transform: uppercase;
    width: 150px;
    float: left;
    text-decoration: none;
    padding: 0 0 0 10px;
    font-size: 12px;
    height: 35px;
    background: url(../leftMenuOn.png);
    line-height: 35px;
    margin: 15px 0 4px 1px;
}

a.leftMenuOn
{
    color: #fff !important;
    text-transform: uppercase;
    width: 150px;
    float: left;
    text-decoration: none;
    padding: 0 0 0 10px;
    font-size: 11px;
    height: 35px;
    background: url(../leftMenuOn.png);
}




.rightMenuPurple
{
    float: left;
    width: 14px;
    height: 33px;
    background-image: url(../headerHeadingRight.png);
    margin-top: 15px;
}



.rightMenuTop
{
    background-image: url(../rightBackgroundTop.png);
    height: 14px;
    width: 706px;
    float: left;
    background-position: center;
}



.rightMenuBottom
{
    background-image: url(../rightBackgroundBottom.png);
    width: 696px;
    float: right;
    background-position: bottom;
    height: 25px;
    margin-right: -7px;
}

.rightMenu
{
    background-image: url(../rightBackground.png);
    width: 696px;
    float: right;
    margin-top: 3px;
    margin-right: -7px;
}

.rightMenuPurpleLeft
{
    float: left;
    width: 10px;
    height: 33px;
    background-image: url(../headerHeadingLeft.gif);
    margin-left: 10px;
    margin-top: 22px;
}

.rightMenuPurpleCenter
{
    float: left;
    height: 32px;
    background-image: url(../headerHeadingCenter.gif);
    width: 659px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    padding-top: 1px;
    margin-top: 22px;
}

.rightMenuPurpleCenter h1
{
    margin: 0;
    padding: 0;
    font-size: 16px;
    float: left;
    padding-top: 7px;
    width:300px;
}

.rightMenuPurpleCenter span
{
    font-size: 12px;
    color: #CEA5D0;
    text-transform: none;
    float: right;
    height: 28px;
    line-height: 28px;
    padding-right: 10px;
    font-weight:normal;
}

.rightMenuPurpleCenter h2
{
    margin: 0;
    padding: 0;
    font-size: 12px;
    float: left;
    padding: 10px 3px 0 0;
    color: #BCA7D1;
    font-weight: normal;
}

.rightMenuPurpleCenter a
{
    color: #BCA7D1;
    float: right;
    font-size: 11px;
    letter-spacing: 0px;
    line-height: 31px;
    margin: 0 6px 0 0;
    text-transform: capitalize;
    background: url(../backArrow.png) no-repeat 0px 12px;
    padding-left: 15px;
    font-weight: normal;
}

.rightMenuPurpleCenter a:hover
{
    color: #ffffff;
    float: right;
    font-size: 11px;
    letter-spacing: 0px;
    line-height: 31px;
    margin: 0 6px 0 0;
    text-transform: capitalize;
    background: url(../backArrow.png) no-repeat 0px 12px;
    padding-left: 15px;
    font-weight: normal;
}

.rightMenuPurpleRight
{
    float: left;
    height: 33px;
    background: url(../headerHeadingRight.gif) right;
    width: 5px;
    margin-top: 22px;
}

.rightMenuTopContent
{
    float: left;
    width: 615px;
    padding: 20px 20px;
    margin-left: 10px;
}

.rightMenuTopContent input, .rightMenuTopContent textarea

{
    border:solid 1px #ddd;
}

.rightMenuTopContent IMG
{
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}

.rightMenuTopContentBorder
{
    float: left;
    width: 635px;
    padding: 20px 20px;
    margin-left: 10px;
    border-bottom: solid 1px #ccc;
    margin-bottom: 20px;
}

.rightMenuTopContentBorder IMG
{
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}

.categorySubCategoryList
{
    width: 600px;
    float: left;
    margin-left: 50px;
    font-size: 11px;
}

.productPurpleBackground
{
    width: 177px;
    height: 184px;
    float: left;
    background-image: url(../productPurpleBackground.png);
    margin: 10px 10px 5px 10px;
    position:relative;
}

.productPurpleTitle a
{
    width: 177px;
    height: 37px;
    line-height: 39px;
    float: left;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    overflow: hidden;
}

.productPurpleImage
{
    width: 157px;
    height: 110px;
    margin: 0 10px 8px 10px;
    float: left;
}

.productPurpleView a
{
    width: 108px;
    height: 27px;
    float: right;
    background-image: url(../viewRange.png);
}

.productPurpleViewMore a
{
    width: 120px;
    margin-right: 10px;
    padding-right: 30px;
    text-align: right;
    height: 23px;
    line-height: 23px;
    float: right;
    color: #fff;
    background-image: url(../whiteArrowPurple.png);
    background-position: center right;
    background-repeat: no-repeat;
}

.menuTabBackgroundLeft
{
    width: 6px;
    height: 34px;
    float: left;
    background-image: url(../purpleLeftTabMenu.png);
    clear: left;
    margin-left: 5px;
}

.menuTabBackgroundCenter
{
    width: 659px;
    height: 28px;
    float: left;
    background-image: url(../purpleCenterTabMenu.png);
    background-position: center;
    padding-top: 6px;
}

.menuTabBackgroundRight
{
    width: 6px;
    height: 34px;
    float: left;
    background-image: url(../purpleRightTabMenu.png);
    background-position: right;
}

.MenuTabButton a
{
    height: 28px;
    float: left;
    background-image: url(../leftMenuOn.png);
    color: #ffffff;
    text-transform: uppercase;
    line-height: 28px;
    padding: 0 0 0 15px;
    text-decoration: none;
    text-align: center;
    margin-right: 6px;
    width: auto;
    text-transform: capitalize;
    outline: none;
}

.MenuTabButton a:hover, .MenuTabButtonOn a
{
    height: 28px;
    float: left;
    background-image: url(../tabOn.png);
    color: #3B0071;
    text-transform: uppercase;
    line-height: 28px;
    padding: 0 0 0 15px;
    text-decoration: none;
    text-align: center;
    margin-right: 6px;
    width: auto;
    text-transform: capitalize;
    outline: none;
}

.MenuTabButton a b, .MenuTabButtonOn a b, .MenuTabButton a:hover b, .MenuTabEnquiry a b
{
    float: left;
    font-weight: normal;
}

.MenuTabButton a span
{
    background-image: url(../tabSpan.png);
    background-position: right top;
    width: 15px;
    float: left;
    height: 28px;
}

.MenuTabButton a:hover span, .MenuTabButtonOn a span
{
    background-image: url(../tabOn.png);
    background-position: right top;
    width: 15px;
    float: left;
    height: 28px;
}

.MenuTabButtonRight
{
    width: 4px;
    height: 28px;
    float: left;
    background-image: url(../menuTabButtonRight.png);
}

.MenuTabEnquiry a
{
    height: 23px;
    float: right;
    background-image: url(../enquiryCenter.png);
    color: #ffffff;
    text-decoration: none;
    line-height: 23px;
    padding-left: 10px;
    width: auto;
    font-size: 12px;
}



.MenuTabEnquiry a span
{
    width: 10px;
    height: 23px;
    float: left;
    background-image: url(../enquiryRight.png);
    background-position: right;
}

.pnlEnquiry
{
    float: right;
    width: 115px;
}

.menuTabBackgroundWrapper
{
    float: left;
    margin-top: 4px;
    width: 677px;
    margin-left: 6px;
}

.contentPadding
{
    margin-left: 10px;
    margin-top: 10px;
    width: 660px;
    float: left;
}

.pnlSpec
{
    width: 660px;
    float: left;
}

.topMenu ul
{
    margin: 0;
    padding: 10px;
    background-image: url(../headerMenuCentre.png);
    width: auto;
    float: left;
    position: relative;
}

.topMenu li
{
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
}

.topMenu
{
    float:right;
    width:650px;
    z-index:50;
}

.topMenuLeft
{
    height: 57px;
    background-image: url(../headerMenuLeft.png);
    float: left;
    width: 16px;
    margin-right: -1px;
}

.topMenuRight
{
    height: 57px;
    background-image: url(../headerMenuRight.png);
    float: left;
    width: 16px;
    margin-left: -6px;
    z-index: 100;
}

.topMenu a
{
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    margin: 0 2px 0 2px;
    outline: none;
    font-size: 12px;
    float: left;
    padding: 5px 12px 6px 12px;
}

.topMenu a:hover
{
    background: url(/gui/buttonOn.png);
    margin: 0 2px 0 2px;
    outline: none;
    color: #fff;
    float: left;
    padding: 5px 12px 6px 12px;
}

.productSearch
{
    float: right;
    width: auto;
    font-size: 10px;
    letter-spacing: 0px;
}

.productSearch span
{
    float: left;
    width: auto;
    font-size: 10px;
    letter-spacing: 0px;
    padding-top: 1px;
    margin-right: 5px;
    text-transform: capitalize;
}

.productSearchTextbox
{
    height: 19px;
    margin-top: 3px;
    float: left;
}

.productSearchButton
{
    height: 25px;
    width: 54px;
    background-color: Transparent;
    background-image: url(../searchButton.png);
    border: 0;
    color: #fff;
    text-transform: capitalize;
    font-size: 10px;
    text-align: center;
    padding: 0;
    margin: 3px 0 0 4px;
    float: left;
    cursor: pointer;
}

.tabBodyWrapper
{
    width: 678px;
    float: left;
    margin-left: 8px;
}

.galleryImage
{
    float: left;
    width: 100px;
    padding: 25px 25px;
}

.searchResultsWrapper
{
    float: left;
    width: 650px;
    margin: 10px 20px;
}

.searchResultsWrapper h4
{
    font-size: 14px;
    margin: 0;
    padding: 0;
}

.featuredNews
{
    width: 280px;
    float: right;
    position: relative;
    height: 515px;
    margin-right:5px;
}

.lowLogo
{
    background: url(/gui/lowMaintLogoNew.png) no-repeat right bottom;
    bottom: 0px;
    right: 0px;
    height: 95px;
    width: 280px;
    position: absolute;
}

.alsoLikeLink
{
    margin: 15px 15px 0 0;
    float: right;
}

.alsoLikeLink a
{
    float: right;
    margin-right: 9px;
    height: 22px;
    background: url(/gui/whiteArrowPurple.gif) no-repeat right;
    line-height: 22px;
    padding-right: 28px;
    text-transform: uppercase;
    color: #3B0071;
    font-size: 9px;
}

.submitButton
{
    float: right;
    height: 22px;
    background: url(/gui/whiteArrowPurple.gif) no-repeat right;
    line-height: 22px;
    padding-right: 28px;
    text-transform: uppercase;
    color: #3B0071;
    font-size: 9px;
    border: none;
}

.alsoLikeLink a:hover
{
    float: right;
    margin-right: 9px;
    height: 22px;
    background: url(/gui/whiteArrowPurple.gif) no-repeat right;
    color: #532A87;
    line-height: 22px;
    padding-right: 28px;
    text-transform: uppercase;
    font-size: 9px;
}

.alsoLikeBottom
{
    background-image: url(../leftBackgroundBottom.png);
    background-position: right bottom;
    height: 10px;
    width: 197px;
    float: left;
    margin-bottom: 5px;
}

/* DROP DOWN */

#nav
{
    display: block;
    margin: 0 0 0 0;
    padding: 16px 0 15px 0;
    position: relative;
    z-index: 6000;
}
#nav li
{
    display: block;
    list-style: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    float: left;
}
#nav a
{
    display: block;
}
#nav ul
{
    display: none;
    position: absolute;
    margin: 0 0 20px -40px;
    padding: 0 0 0 0;
    background: url(../dropDownBackground.png) bottom;
    width: 200px;
}
* html #nav ul
{
    line-height: 0;
}
/* IE6 "fix" */
#nav ul a
{
    zoom: 1;
}
/* IE6/7 fix */
#nav ul li
{
    float: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    zoom: 1;
}
#nav ul ul
{
    top: 0;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
#nav ul
{
    width: 200px;
    margin: 0 0 50px 0;
    padding: 0 0 20px 0;
}
#nav ul ul
{
    left: 200px;
    margin: 0 0 0 0;
    padding: 0 0 20px 0;
}
#nav ul li ul
{
    left: 200px;
    margin: 0 0 0 0;
    padding: 0 0 20px 0;
}
.topMenu #nav li ul
{
    margin: 0 0 0 -20px;
    padding: 0;
    clear: both;
    top: 46px;
}
#nav li ul li a
{
    width: 150px;
    padding: 2px 0 2px 10px;
    margin: 5px 20px 5px 20px;
    font-size: 9px;
    letter-spacing: 1px;
    float: left;
    height: 18px;
    line-height: 18px;
}

/* rotator in-page placement */
div#rotator
{
    position: relative;
    height: 300px;
    
}

.rotatorLeaf
{
    position: absolute;
    height: 45px;
    background: url(../strapline.png);
    width: 460px;
    z-index: 100;
    bottom: 17px;
    right: 20px;
}



.rotatorLabelBackground
{
    position: absolute;
    height: 60px;
    width: 890px;
    z-index: 200;
    bottom: 0px;
    line-height: 60px;
    text-indent: 20px;
    font-size: 22px;
    text-transform: uppercase;
    background: url(../rotatorLabelBg.png) no-repeat top left;
    overflow:hidden;
}

.rotatorMask
{
    position: absolute;
    height: 280px;
    left: 10px;
    background: url(../carouselForeground.png) no-repeat top left;
    width: 890px;
    z-index:300;
    top: 10px;
}

.rotatorLabel
{
    position: absolute;
    height: 60px;
    width: 890px;
    z-index: 1200;
    bottom: 0px;
    line-height: 65px;
    text-indent: 30px;
    font-size: 22px;
    text-transform: uppercase;
    color:#3b0071;
}

/* rotator css */

div#rotator ul
{
    margin: 10px;
    padding: 0;
    position: absolute;
    z-index: 1; 

}

div#rotator ul li
{
    position: absolute;
    list-style: none;
    z-index: 5;
    height:280px;
}
/* rotator image style */
div#rotator ul li img
{
}
div#rotator ul li.show
{
    z-index: 100;
}

/*SIFR*/


.sIFR-flash
{
    visibility: visible !important;
    margin: 0;
    padding: 0;
}

.sIFR-replaced, .sIFR-ignore
{
    visibility: visible !important;
}

.sIFR-alternate
{
    position: absolute;
    left: 0;
    top: 0;
    width: 0px;
    height: 0;
    display: block;
    overflow: hidden;
    color: #fff;
}

.sIFR-replaced div.sIFR-fixfocus
{
    margin: 0pt;
    padding: 0pt;
    overflow: auto;
    letter-spacing: 0px;
    float: none;
}


@media print
{
    .sIFR-flash
    {
        display: none !important;
        height: 0;
        width: 0;
        position: absolute;
        overflow: hidden;
    }

    .sIFR-alternate
    {
        visibility: visible !important;
        display: block !important;
        position: static !important;
        left: auto !important;
        top: auto !important;
        width: auto !important;
        height: auto !important;
    }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen
{
    /* Example:
      .sIFR-active h1 {
        font-family: Verdana;
        visibility: hidden;
      }
      */
}

.viewCatalog a
{
    float:left;
    background: url(../viewCatalog.png) no-repeat top left;
    width:287px;
    height:50px;
    clear:both;
    margin-bottom:20px;
}

.rainMan 
{
    float:right;
    margin:20px 20px 5px 0;
}