/* Global styles */

table
{
    border-collapse: collapse;
    border-spacing: 0;
}

.ms-WPBody
{
    font-family: Arial, Helvetica, sans-serif;
    overflow:hidden !important;
    font-size: 12px !important;
}

.ms-verticaldots
{
    border-style: none !important;
}

a, a:visited
{
    /*color: #ffff;*/
}

a:hover
{
    color: #ffff;
    text-decoration: underline;
}

a:focus
{
    outline: 0;
}

a img
{
    border: none;
}

/*added by rekha*/


.ms-WPBody td
{
    font-family: Arial, Helvetica, sans-serif !important;
}
.ms-WPTitle span, .ms-fakewptitle
{
    border-style: none !important;
}
a.disabled
{
    color: #346F26;
    cursor: default;
    text-decoration: none;
}
a.disabled:hover
{
    color: #346F26;
}

h1, h2, h3, h4, h5, h6, form, a, ul, li, p, hr
{
    margin: 0;
    padding: 0;
}
.promo-right-column .promo-description p,.promo-right-column .promo-description div /* added by rekha for right side boxes text-alignment*/
{
   /* text-align: justify;    */ /* Removed as right text should not required to be justified2 */
}

h1,h2,h3,h4,h5
{
    font-style:normal;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size:18pt;
    color:#000000;
}

h2,h3,h4
{
    font-weight:bold;
    font-size:14pt;
}

h3
{
    font-size:12pt;
}

h4
{
    font-size:12pt;
}

h5
{
    font-weight:normal;
    font-style:italic;
    font-size:12pt;
}

.top-nav
{
    margin: 31px 0 0 0; /* left margin removed from 29px 0*/
    font-weight: bold;
    font-size: 14px !important;
    float: left;
    /*width: 580px;  */ /*commented by rekha*/
    margin-right:30px;
 
}
.top-nav a
{
    color: #000000 !important;
}

.global-nav-link
{
    float:left;
    max-width: 250px;
}

/* changed to below .. rekha
.global-nav-link p
{
    margin-left: 20px; 
    margin-right: 20px;
}
*/

.global-nav-link p
{
    margin-left: 41px;     
}


.ribbon-container
{
    clear: both;
    height: auto;
}

.main-content
{
    width: 960px;
    min-height: 500px;
    clear:both;
}



/****************************************** Homepage Rollover ***********************************************/

.tabs
{
    position: relative;
    width: 960px;
    margin-bottom: 6px;
    float: left;
    height: 284px;
    _width: 970px;
}

.tab
{
    position: relative;
    width: 191x;
    float: left;
    height: 68px;
    margin-right:0px;
    _margin-right: 0px;
}

.tab .top-tab-image
{
    z-index: 4;
    width: 191px;
    background: url(../images/dark-tab.png) no-repeat;
    height: 68px;
    color: #ffffff;
    font-size: 14px;
    cursor: pointer;
    text-decoration: none;
    border-right: white 1px solid;
}

.tab .top-tab-image P
{
    padding-bottom: 0px; color:#FFFFFF;

    text-decoration: none !important;
    padding-top: 15px; text-align:center; font-weight:bold;
}

.top-tab-image P SPAN
{
    text-decoration: none !important;
}

.tab-content
{
    z-index: 5;
    position: absolute;
    width: 960px;
    display: none;
    background: gray;
    height: 284px;
    top: 0px;
    left: 0px;
}

.tab-content-selected
{
    visibility: visible;
}

.tab-selected
{
    background-image: url(../images/gray-menu.png);
    background-repeat: no-repeat;
    height: 80px; width:191px;
    position: relative;
    z-index: 5;
    color: #ffffff;
}

.tab-selected A
{
    color: #346F26 !important;
}

.tab-display
{
    position: absolute;
    width: 959px;
    height: 230px;
    display:none;
    color: #555555;
    font-size: 12px;
    border-top: white 1px solid;
    top: 68px;    
}

.top-tab-image:hover .tab-display, .top-tab-image-hover .tab-display
{
    display: block;
}

.tab .top-tab-image:hover P, .tab .top-tab-image-hover P
{
    z-index: 5;
    position: absolute;
    background: url(../images/gray-menu.png) no-repeat;
    height: 80px;
    color: #ffffff;
    width:191px;
    text-decoration: underline;
}


.top-tab-image P A, .top-tab-image A:visited
{
    color: #ffffff;
}

.top-tab-image P A:hover
{
    color: #ffffff;
}

.hoverfix A
{
    color: #ffffff !important;
}

.top-tab-image:hover A, .top-tab-image-hover P A, .top-tab-image-hover P A:visited
{
    color: #ffffff;
}

.top-tab-image:hover A.botton-tab-link, .top-tab-image-hover A.botton-tab-link
{
    color: #ffffff;
}

.top-tab-image:hover A.botton-tab-link1, .top-tab-image-hover A.botton-tab-link1
{
    color: #ffffff;
}

.tab-header
{
    display: block;
    margin-bottom: 0px !important;
    color: #555555;
    font-size: 14px !important;
    font-weight: normal;
}

div.tab-header div.ms-WPBody
{
    display: block;
    margin-bottom: 0px !important;
    color: #555555;
    font-size: 14px !important;
    font-weight: normal;
}

#display1, #display2, #display3, #display4, #display5
{
    padding: 15px;
    width: 931px;
    height: 182px;
}

#display1
{
    background: url(../images/test-bg.jpg) no-repeat;
    left: 0px;
}
#display2
{
    background: url(../images/optical-bg.jpg) no-repeat;
    left: -192px;
}
#display3
{
    background: url(../images/lasers-bg.jpg) no-repeat;
    left: -384px;
}
#display4
{
    background: url(../images/custom-bg.jpg) no-repeat;
    left: -576px;
}
#display5
{
    background: url(../images/authentication-bg.jpg) no-repeat;
    left: -768px;
}


A.top-tab-image:hover, A.top-tab-image:hover
{
    background: url(../images/gray-menu.jpg) #666666 no-repeat;
}
.tab-text
{
    position: absolute;
    color: #346F26;
    font-size: 14px;
    top: 15px;
    left: 15px;
}

.tab-images
{
    width: 960px;
    _width: 970px;
    position: relative;
    top: -69px;
    z-index: -1;
    _margin-bottom: 20px;
}

.tab-image
{
    top: 0;
    left: 0;
    position: relative;
    margin-right: 1px;
    float: left;
    _width: 191px;
    _height: 281px;
}

.tab-image1
{
    background: url(../images/tab1.jpg) no-repeat;
}

.bottom-box
{
    width: 960px;
    padding-right: 0px;
    background: #eae8e9;
    float: left;
    margin-bottom: 10px;
    _margin-top: -75px;
}

.links-mainColumn
{
    /*width: 700px;*/
    height: 150px; /*float: left;*/
    padding-left: 20px;
    margin-top: 10px;
    overflow: hidden;
    position: relative;
}

.links-column
{
    width: 160px;
    height: 160px;
    float: left;
    padding-left: 20px;
    margin-top: 10px;
}

.links-mainColumn_no
{
    background: #fff;
}
.links-mainColumn_no table
{
    width: 70% !important;
}
.botton-tab-link
{
    color: #346F26;
    float: right;
    padding-right: 10px;
    position: absolute;
    right: 20px;
    top: 180px;
}
.botton-tab-link img
{
    position: absolute;
    top: 6px;
    right: 0px;
}

.botton-tab-link IMG
{
    border-bottom: medium none !important;
    border-left: medium none !important;
    border-top: medium none !important;
    border-right: medium none !important;
    text-decoration: none !important;
}

.botton-tab-link1 IMG
{
    border-bottom: medium none !important;
    border-left: medium none !important;
    border-top: medium none !important;
    border-right: medium none !important;
    text-decoration: none !important;
}

.botton-tab-link:hover
{
    color: #346F26;
    text-decoration: underline;
}

.botton-tab-link1
{
    color: #346F26;
    float: right;
    padding-right: 10px;
    position: absolute;
    right: 20px;
    top: 200px;
}

.botton-tab-link1choosecountry
{
    color: #346F26;
    float: left;
    padding-right: 10px;
    position: static;
    right: 20px;
    top: 200px;
}

.botton-tab-link1 img
{
    position: absolute;
    top: 6px;
    right: 0px;
}
.botton-tab-link1:hover
{
    color: #346F26;
    text-decoration: underline;
}

/* Tab display TOC styles */
.tab-display .dfwp-column
{
    width: 25% !important;
    display: block;
    float: left;
    margin: 0px;
}

.tab-display .dfwp-column A, .tab-display .dfwp-column A:visited
{
    color: 346F26;
}

.dfwp-list li
{
    padding: 0;
    margin: 0;
}

.dfwp-item
{
    float:left;
    width:100%;
}

.tab-display .dfwp-column .br
{
    display: none;
}

#BU-Hub-TOCSection
{
    padding-top: 23px; /*changed by rekha from 25px */
}
#BUHub-Left-TOC /*, #BUHub-Center-TOC   , #BUHub-Right-TOC  removed by rekha */
{
    width: 230px; /*changed by rekha from 220px */
    float: left;
    margin-left:1px;  /*changed by rekha from 6px */
    display:block;
    margin-right:11px; /* added by Rekha*/
    
}
 #BUHub-Center-TOC    /*added by rekha */
{
    width: 230px; 
    float: left;
    margin-left:0px; 
    display:block;
    margin-right:11px; 
    _margin-right:5px;
}

#BUHub-Right-TOC /*added by rekha*/
{
     width: 229px;     
      margin-left:0px;
      float: right;
      display:block;
    }

#BUHub-Left-TOC .ms-WPHeader TD,#BUHub-Center-TOC .ms-WPHeader TD,#BUHub-Right-TOC .ms-WPHeader TD /* added by rekha */
{
    border-bottom-color:#cccccc;
    border-bottom-style:solid;
    border-bottom-width:1px;
}

#BUHub-Left-TOC table, #BUHub-Center-TOC table
{
    width:230px;    /*changed by Rekha from 216*/
}
#BUHub-Right-TOC table
{
    width:229px;    /*changed by Rekha from 216*/
    }

.s4-wpcell-plain .ms-wpContentDivSpace 
{
    margin:0;
}
/****************************************** News Releases web part *******************************************/
.news-list
{
    padding: 10px 15px;
    font-size: 13px !important;
    font-family: Arial, Helvetica, sans-serif;
    width:auto !important;
}

.news-link
{
    padding-top: 5px;
    word-wrap:break-word;
}
.news-title
{
    color: #000;
    font: 13px;
}

/******* Contacts Webpart ***********/
.contacts-container
{
    width: 100%;
    color: #0b4992;
    font-family: Arial,Helvetica,sans-serif !important;
    font-size: 12px;
}

.contacts-container strong
{
    color: #000000;
}

.contacts-right-column .title
{
    border-bottom: 1px solid #B8B8B8;
    width: 100%;
    padding: 0px;
}

.contacts-right-column
{
    padding-bottom : 20px;  /*padding-bottom : 10px;  changed by rekha*/
    /*background: url("/Assets/siteimages/bg_boxBottomBorder.gif") repeat-x scroll center bottom #F9F9F9;     border-color: 

#EFEFEF;     border-style: solid solid none;     border-width: 1px 1px medium;*/
}

.contacts-right-column p
{
    padding-top: 5px;
    padding-left: 17px;
    border-color: #EFEFEF;
}

.email-icon
{
    background: url("http://www.riderglass.com/Assets/siteimages/emailIcon.jpg") no-repeat left 9px;
}

.phone-icon
{
    background: url("http://www.riderglass.com/Assets/siteimages/phone-icon.jpg") no-repeat left 9px;
}

/****************************************** Highlights web part *******************************************/

.highlight-page
{
    color: #000000;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    width: 459px;
    overflow: hidden;
    margin-bottom:5px;
}

/* Image of webpart with highlight title */
.highlight-page .hightlight-small-image
{
    float: left;
    border: 0px;
    height: 77px;
    width: 102px;
    /*padding-bottom:5px;*/
}
/* Image for the webpart without highlight title */
.highlight-page .hightlight-big-image
{
    float: left;
    border: 0px;
    height: 83px;
    width: 110px;
}

.highlight-small-text
{
    position: relative;
    margin-left: 110px; /*width: 100% !important;*/
}

.highlight-description a:hover, .highlight-description a:hover p, .highlight-description a:hover div
{
    text-decoration: underline;
}

.highlight-title
{
    z-index: 20;
    position: relative;
    padding-bottom: 5px;
}

.highlight-pager
{
    position: relative;
  /*  z-index: 20 !important;*/ /*removed by rekha 17/1/2012 */
    margin: 0px; 
    bottom:0;
    margin-top:5px;
}

.highlight-page img
{
    display: block;
    float: left;
    border: 0;
    padding: 0 10px 0 0;
}

.highlight-pager a.activeSlide
{
    background: url("http://www.riderglass.com/Assets/siteimages/page.gif") scroll 0 0 transparent;
    color: #346F26 !important;
}

.highlight-pager a
{
    border: 1px solid #969696;
    color: #969696;
    float: left;
    font-size: 9px;
    margin-right: 2px;
    padding: 1px 4px;
    line-height: 12px;
}

.highlight-pager a:visited
{
    color: #969696;
}

.highlight-pager a:hover
{
    text-decoration : none;
}

.ContactsRightHandSideZone
{
    background: url("http://www.riderglass.com/assets/siteimages/new-grad.gif") repeat-x scroll left bottom #E8E8E8;
}

.highlights-product-category .hightlight-product-category-image
{
   /* height: 66px;
    width: 120px;*/
    height: 82px;
    width: 102px;
}

.highlight-container
{
    float: left;
    padding: 7px 5px;
    border-color: #F2F2F2;
    border-style: solid;
    border-width: 1px 1px 0;
    background: url("http://www.riderglass.com/Assets/siteimages/shadow2.jpg") repeat-x scroll center bottom transparent !important;
    border: 1px solid #EFEFEF !important;
    margin-top: 10px;
    margin-bottom: 15px;
}

.bottom-box .highlight-container
{
    border: none !important;
    background: none !important;
    padding: 10px 15px;
    margin: 0px;
    height:100px;
}

.highlight-pages
{
    padding: 0px;
    width: 458px;
    height:65px;
}

.bottom-box .highlight-pages
{
    height:82px;
    width: 449px;
    margin-bottom:5px;
}

.hide
{
    display: none;
}

/********************************************** Promotions ****************************************************/

.promotion
{
    font-family: Arial,Helvetica,sans-serif !important;
/*    font-size: 12px;*/
 font-size: 11px;
    display: block;
    width: auto;
    overflow: hidden;
}

.promo-description
{
    line-height: 16px;
    /*font-size: 12px;*/
    /*font-size: 11px; commented by rekha as suggested by client to remove it */ 
    font-family: Arial,Helvetica,sans-serif !important;
}

.promotion img
{
    border-style: none;
}

.promotion strong
{
    color: #346F26;
    font-weight: bold;
    padding-bottom: 5px;
}

/* Bu rollover promo */

.promo-bu-rollover
{ width:229px; height:110px; border-bottom:1px solid #CACACA; border-top:1px solid #CACACA; border-left:1px solid #CACACA;
    overflow: hidden;
    float: left; margin-right:1px;
}

.promo-bu-rollover img
{
    width: 110px;
    height: 83px;
    margin-top:10px; margin-bottom:10; margin-left:10px; margin-right:15px; float: left; /*added by rekha for rollover image*/
}

.promo-bu-rollover span
{
    display: block;
    width:80px; height:98px; padding-top:12px; padding-right:12px; font-size:11px; color:#666666;float:left; 
 border-right:1px solid #CACACA;
    
}

/* Right column promo */

.promo-right-column
{
    width: 187px;
    min-height: 152px;
    height:152px;    
    background-color:#f4f4f4;
    /*background: url("/Assets/siteimages/bg_boxBottomBorder.gif") repeat-x scroll center bottom #F9F9F9; 
    border-color: #EFEFEF;       
    border-style: solid solid none;     
    border-width: 1px 1px medium;*/
    margin-top: 10px;
    float:left;
    font-size:11px !important;
    border-bottom: 1px solid #cccccc; /*changed by rekha. border bottom width=1px instead of 2px*/    
}

.promo-right-column .promo-img-back
{
    height: 40px;
    background: none repeat scroll 0 0 #CCCCCC;
    border-style: none;
    height:40px;
    position:absolute;
    width:187px;
}

.promo-right-column strong
{
    float: left;
}

.promo-right-column img
{
    width: 80px;
    height: 60px;
    margin-bottom: 4px;
}

.promo-right-column a
{
    position:relative;    
}

.promo-right-column img, .promo-right-column strong, .promo-right-column .promo-description
{
    margin-left: 10px;
    margin-right: 10px;
    display:inline;
    
}
.promo-right-column .promo-description
{
    float:left;
    padding-bottom:10px;
    font-size: 11px; /* added by rekha as suggested by client */
}
.ms-WPBody, .ms-WPBody td {

    font-size: 12px
}

/* 1 Column Promo */

.promo-one-column
{
    width: 230px;   /*changed by Rekha from 227*/
    height: 158px;  /*changed by Rekha from 161*/
    /*background: #f9f9f9 url(http://www.riderglass.com/Assets/SiteImages/bg_boxBottomBorder.gif) bottom repeat-x;  removed by rekha*/
    /*border: 1px #efefef solid; removed by rekha*/
    
    border-bottom-style: solid;  /*added by rekha all 3*/ 
    border-bottom-color:#cccccc;
    border-bottom-width:1px;
    background-color : #f4f4f4; /*added by rekha*/
    
    color: #555555;
    position: relative;
    float: left;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    overflow: hidden;
}

.promo-one-column .promo-img-back
{
    color: #346F26;
    font-size: 12px;
    width: 118px; /* changed by rekha from 115px*/
    float: right;
    padding: 15px 5px;
    font-weight: bold;
    background: #e8e8e8; /*changed by rekha from #eaeaea*/  
    height: 46px;
}

.promo-one-column img
{
    width: 102px;
    height: 77px;
    float:left;
}

.promo-one-column .promo-description
{
    padding: 0 5px;
    margin: 5px 0 0;
    clear:both;
    float:left;
    width:217px;
    display:inline;
}
.promotions-pages td
{
    padding-right: 10px;
    
}

/* Right column all contacts link */

.all-contacts-container
{
    /*padding: 0 0 25px 0;*/
    font-size: 11px;
    width:188px !important; /*changed by rekha from 175px */ /*made it as important*/
}

.all-contacts-container h3, #column-right #rightHeader
{
    border-bottom: 1px solid #CCCCCC;
    color: #000000;
    font-size: 12px;
    margin: 0 0 4px 0;
    padding-bottom: 5px;
}
/* 2 Column Promo */

.promo-two-column
{
    width: 466px;
    height: 161px;
    background: #f9f9f9 url(http://www.riderglass.com/Assets/SiteImages/bg_boxBottomBorder.gif) bottom repeat-x;
    border: 1px #efefef solid;
    border-bottom: none;
    color: #555555;
    position: relative;
    float: left;
    overflow: hidden;
}

.promo-two-column .promo-img-back
{
    width: 127px;
    height: 159px;
    float: left;
    background: #eaeaea;
    margin: 0 !important;
}

.promo-two-column img
{
    width: 137px;
    height: 103px;
    top: 30px;
    position: absolute;
}

.promo-two-column strong
{
    margin-bottom: 10px;
}


.promo-two-column .promo-description
{
    float: left;
    width: 250px;
    padding: 15px 24px;
    word-wrap: break-word;
    line-height: 16px;
    font-size: 12px;
}

/* 3 Column Promo */

.promo-three-column
{
    width: 711px;  /*changed by rekha from 705px */
    height: 159px; /*changed by rekha from 163px */
    background: #f4f4f4; /*changed by rekha from #f9f9f9 url(http://www.riderglass.com/Assets/SiteImages/bg_boxBottomBorder.gif) bottom repeat-x */
    /*border: 1px #efefef solid;  changed by rekha */
    border-bottom-style: solid; /* added by rekha */
    border-bottom-color:#cccccc; /* added by rekha */
    border-bottom-width:1px; /* added by rekha */
    color: #555555;
    position: relative;
    float: left;
    overflow: hidden;
}

.promo-three-column .promo-img-back
{
    width: 127px;
    height: 159px;
    float: left;
    background: #e8e8e8;
    margin: 0 !important;
}

.promo-three-column img
{
    width: 137px;
    height: 103px;
    float: left;
    top: 30px;
    position: absolute;
}

.promo-three-column strong
{
    padding-bottom: 15px;
}

.promo-three-column .promo-description
{
    float: right;
    width: 430px; /*changed by rekha from 536 for auth page-fitfinish */
    /*padding : 15px 24px; */ /* commented and added below paddings */
    padding-left: 10px;
    padding-right: 24px;
    padding-bottom: 15px;
    padding-top: 28px;
}
.bu-nav-title
{
    padding: 5px 0 5px 5px;
    font-weight: lighter;
}

/*********************************** BU Rollover Menu *******************************************************/

.bu-nav-bg
{
    position: relative;
    width: 100%;
    background: url(http://www.riderglass.com/Assets/siteimages/bg-3col.jpg) no-repeat 0 0; /*float: left;*/
    height: 57px;
    top: 0px;
    margin-top: 10px;
    z-index: 20;
    float:left;
}

.bu-nav-bg a,.bu-nav-bg  a:hover, .bu-nav-bg a:visited, .bu-nav-bg a:link
{
    color: #346F26;
    text-decoration:none;
}

.bu-nav-bg .bu-nav-title
{
    color: #346F26;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: lighter;
    margin-left: 10px; /*margin-bottom: 5px;*/
}

.bu-rollover-container
{
    padding-top: 5px;
    padding-left:10px;
}

.bu-rollover-menu
{
    display: block; /* changed by rekha for chrome issue*/
}

.bu-rollover-menu li.top-level, .bu-rollover-menu li.no-flyout-tab {
    float:left;
    font-size:12px;
    height:20px;
    position:relative;
}

.bu-rollover-menu > div > ul > li
{
    border-left:1px solid transparent;
}

li.top-level, li.no-flyout-tab {
    background:url("http://www.riderglass.com/Assets/siteimages/sub-nav-right.gif") no-repeat scroll right 7px transparent;
    font-size:12px !important;
    margin-top:-2px !important;
    padding-right:20px;
    padding-top:4px;
}

li.top-level:hover
{
    border-left: #b8b8b8 1px solid;
    margin-top: -2px !important;
    background: url(http://www.riderglass.com/Assets/siteimages/down-menu-arrow.gif) #f7f7f7 no-repeat right 7px;
    color: #000000;
    padding-top: 4px;
}

li.top-level:hover > a
{
    color: #000000 !important;
    text-decoration:none;
}

li.nav-cat a
{
    width: 100% !important;
    float: left;
    color: #000000 !important;
    font-size: 12px !important;
    font-weight: bold !important;
    padding-top: 0px;
}

li.nav-cat
{
    margin:5px 0px;
}

.drop-down-column li.static .additional-background
{
    background: url("http://www.riderglass.com/Assets/siteimages/square2.gif") no-repeat scroll left 7px transparent;
    padding-left: 5px;
    width: 200px;
    margin: 2px 0px;
    font-size: 11px !important;    
}


.drop-down-column li.static a
{
    color: #346F26 !important;
}

/* For IE 6+ */
.drop-down-column span:hover
{
    text-decoration: underline;
}

li.top-level a, li.no-flyout-tab a
{
    color: #346F26;
    padding: 0 10px 5px 5px;
}

li.top-level  a:hover
{
    text-decoration:none;
}

li.top-level .drop-down a:hover
{
    text-decoration:underline;
}

li.top-level .additional-background, li.top-level .menu-item-text, li.no-flyout-tab .additional-background, li.no-flyout-tab .menu-item-text
{
    float:left;
}

li.top-level a, li.no-flyout-tab a
{
    float:left;
}

.bu-rollover-menu .drop-down a, .drop-down .additional-background,.drop-down .menu-item-text
{
    float:none;
    padding: 0px;
}

.bu-rollover-menu .drop-down
{
    background: url("http://www.riderglass.com/Assets/siteimages/bg-grad-final.gif") repeat-x scroll left bottom #F7F7F7;
    border-left: 1px solid #B8B8B8;
    border-right: 1px solid #B8B8B8;
    border-bottom: 1px solid #B8B8B8;
    height: auto;
    left: 0;
    margin-left: -1px !important;
    padding-top: 16px;
    padding-bottom: 20px;
    position: absolute;
    top: 22px;
    visibility: hidden;
    overflow: hidden;
}

.drop-down-column
{
    border-right: 1px solid #346F26;
    padding-bottom: 10px !important;
    padding-right:10px;
    float: left;
    width: 210px;
}


li.no-flyout-tab
{
    background: none !important;
    padding-top: 4px;
    padding-right:0px;
}


/* IE6 dont understand this taking advantage :) */

span.drop-down > ul > span
{
    margin-right:10px;
    padding-left:5px;
}

li.top-level > span
{
    padding-left: 15px;
}

span.drop-down > ul
{
    margin-left: -5px;
    float:left;
}

span.drop-down-column > li
{
    float:left;
    width:100%;
}

/* Left Navigation */

.left-PageContent
{
    float: left;
    clear: left;
    width: 220px;
}

div.left-PageContent
{
    padding-top: 10px;
}

span .left-nav
{
    display: inline !important;
    font-size: 12px !important;
}

/********* Left Navigation ***********/
.top-category
{
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}

.left-nav
{
    float: left;
    margin-top: 4px;
    width: 210px;
    overflow: hidden;
    border-bottom: 1px solid #CCCCCC;
}

.left-nav a
{
    display: block !important;
    text-decoration: none !important;
}

.left-nav li.static .menu-item
{
    display: block !important;
    text-decoration: none !important;
}

.left-nav li
{
    margin-top: 1px !important;
}
.left-nav ul li a
{
    padding: 3px;
    background: url(http://www.riderglass.com/assets/siteimages/single-arrow.gif) no-repeat 203px 50%; /*changed by rekha from 200 to 203 for solving image overlap issue in left menu*/
    color: #346F26 !important;
    border-top: #cccccc 1px solid !important;
    font-weight: bold !important;
    font-size: 12px !important;
}
.left-nav li.selected a.selected
{
    color: #fff !important;
    margin-bottom:1px;
}

.left-nav li.selected a.selected .ms-hidden
{
    display:none;
}

.left-nav li ul
{
    border-top: #cccccc 1px solid !important;
}

.left-nav ul li a:hover
{
    background: #cccccc !important;
    color: #346F26 !important;
}
.left-nav ul li ul li a
{
    border-bottom-style: none !important;
    overflow: hidden;
    border-right-style: none !important;
    padding-left: 0px !important;
    border-top-style: none !important;
    background: none transparent scroll repeat 0% 0%;
    color: #346F26 !important;
    border-left-style: none !important;
    font-weight: normal !important;
    padding-top: 2px !important;
    font-size: 12px !important;
}
.left-nav ul li ul li a:hover
{
    background: none transparent scroll repeat 0% 0% !important;
    color: #346F26 !important;
    text-decoration: underline !important;
}
.left-nav ul li ul li
{
    font-size: 12px;
    list-style-position: outside;
    padding: 0;
    margin: 0;
    line-height: 13px !important;
    margin-left: 10px !important;
    background: url(http://www.riderglass.com/assets/siteimages/blue-square.gif) no-repeat 0 7px;
    padding-left: 10px;
}

ul.root > li.static span.menu-item-text:hover
{
    text-decoration: none;
}

ul.root > li.selected > a span.menu-item-text
{
    color: 346F26;
}

ul.slideup > li.static span.menu-item-text:hover
{
    text-decoration: underline;
}

.left-nav-parentnode .breadcrumbCurrent
{
    display: none !important;
}

.left-nav-parentnode a
{
    color: #000000;
    font-size: 12px;
    font-weight: bold;
}

/********* Breadcrumb Navigation ***********/

.breadcrumb
{
    left: 1px;
    position: relative;
    padding-bottom: 15px;
    padding-top: 8px;
    font-size: 10px;
    float: left: width:65%;
}

.breadcrumb a
{
    border-bottom: medium none;
    border-left: medium none;
    border-top: medium none;
    border-right: medium none;
    text-decoration: none;
    color: #346F26;
}

.breadcrumb A:hover
{
    color: #346F26;
    text-decoration: underline;
}
.breadcrumb A.disabled
{
    color: #346F26;
    cursor: default;
    text-decoration: none;
}
.breadcrumb A.disabled:hover
{
    color: #346F26;
}
.breadcrumb A.disabled:hover
{
    color: #346F26;
}

/********* Product Page ***********/

#jdsu_editmode_panel
{
    width: 600px;
    clear: left;
    display: block;
    margin: 0;
    padding: 0;
}
#jdsu_editmode_panel td
{
}
#jdsu_editmode_panel
{
    float: left;
    width: 600px;
}

.prod-profile
{
    float: left;
    margin-top: -0.7em;
    margin-bottom: 15px;
}
.prod-profile .ProductImage-Left
{
    width: 204px;
    float: left;
}
.prod-profile .ProductImage-Left IMG
{
    border-bottom: #c1c1c1 1px solid;
    border-left: #c1c1c1 1px solid;
    border-top: #c1c1c1 1px solid;
    border-right: #c1c1c1 1px solid;
}
.prod-profile .ProductImage-Right
{
    line-height: 18px;
    width: 240px;
    float: left;
    margin-left: 12px;
    float: right;
}

.ProductImage-Left
{
    float: left;
}
.ProductImage-Right
{
    float: right;
}

.box
{
    z-index: 10;
    border-bottom: #efefef 1px solid;
    border-left: #efefef 1px solid;
    margin-bottom: 15px;
    /* background: url(http://www.riderglass.com/Assets/siteimages/shadow2.jpg) repeat-x 50%;   removed by rekha */
    border-top: #efefef 1px solid;
    border-right: #efefef 1px solid;
}

UL.tabnav
{    
    border-bottom: #cccccc 1px solid;
    padding-bottom: 0px;
    line-height: 15px !important;
    list-style-type: none;
    margin: 0px;
    padding-left: 0px;
    width: 100%;
    padding-right: 0px;
    float: left;
    list-style-image: none;
    padding-top: 0px;
}
UL.tabnav LI
{
    padding-bottom: 0px;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    display: block;
    background-repeat: no-repeat;
    background-position: left top;
    float: left;
    padding-top: 0px;
}
UL.tabnav LI SPAN
{
    text-align: center;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    display: block;
    background-repeat: no-repeat;
    background-position: right top;
    padding-top: 5px;
}
UL.tabnavBlue
{
    line-height: 20px;
    font-weight: bold;
}
UL.tabnavBlue LI
{
    font-size: 11px;
    margin-right: 1px;
}
UL.tabnavBlue LI SPAN
{
    padding-bottom: 5px;
    padding-left: 2px;
    padding-right: 8px;
    float: left;
    height: 12px;
    color: black;
    margin-left: 4px;
    padding-top: 0px;
}
UL.tabnavBlue LI.TSTabBlue
{
    cursor: pointer;
}
UL.tabnavBlue LI.TSTabSelBlue
{
    cursor: pointer;
    /*Commented for Tab Design issue - Hiral*/
    /*top: 2px !important;*/
}
UL.tabnavBlue LI.TSTabBlue
{
    background-image: url(http://www.riderglass.com/Assets/siteimages/tab_left.gif);
    border-bottom: #cccccc 1px solid;
    position: relative !important;
    background-color: #CECFCE !important;
    font-weight: normal;
}
UL.tabnavBlue LI.TSTabBlue SPAN
{
    background-image: url(http://www.riderglass.com/Assets/siteimages/tab_right.gif);
    padding-bottom: 10px;
    padding-left: 4px;
    width: 70px;    
    padding-right: 8px;
    height: auto;
    color: #346F26;
    font-weight: bold !important;
    padding-top: 6px;
}
UL.tabnavBlue LI.TSTabSelBlue
{
    background-image: url(http://www.riderglass.com/Assets/siteimages/tab_left_sel.gif);
    border-bottom: #fff 1px solid;
    position: relative !important;
    background-color: #fff !important;
    font-weight: bold;
	top:2px;
}
UL.tabnavBlue LI.TSTabSelBlue SPAN
{
    background-image: url(http://www.riderglass.com/Assets/siteimages/tab_right_sel.gif);
    padding-bottom: 10px;
    padding-left: 4px;
    /*INC165398*/
    /*width: 70px;*/
    width: 80px;
    /*INC165398*/
    padding-right: 8px;
    height: auto;
    color: #000;
    padding-top: 6px;
}
.TSTabContentsNormal
{
    width: 100%;
    display: none;
    background: none transparent scroll repeat 0% 0%;
}
.TSTabContentsSelected
{
    width: 100%;
    display: block;
    background: none transparent scroll repeat 0% 0%;
}
.tabContent
{
    padding-bottom: 15px;
    padding-left: 10px;
    width: 440px;
    padding-right: 10px;
    float: left;
    padding-top: 15px;
}
.clear
{
    clear: both;
}

.print
{
    text-align: right;
    float: right;
    height: 16px;
    clear: both;
    padding-bottom: 4px;
    width: 100%;
}

.icons
{
    text-align: right;
    float: right;
    height: 16px;    
    padding-bottom: 4px;
    padding-right:4px;
    width:18%;
    }

.icons a {
    color: #346F26;
    font-size: 10px;
    margin-right: 5px;
    text-decoration: none;
}
.print A
{
    color: #346F26;
    font-size: 10px;
    margin-right: 10px;
    text-decoration: none;
}

.print A:hover
{
    text-decoration: underline;
}

.print .printImage
{
    padding-bottom: 0px;
    margin: -2px 5px 0px 0px;
    padding-left: 0px;
    padding-right: 0px;
    height: 10px;
    padding-top: 0px;
}

.ProductPage-ProductContent
{
    width: 70%;
    float: left;
}

.ProductPage-RightHandSideContent
{
    padding: 10px 0 5px 2px;
    float: left;
    display: block; /*    overflow: hidden;*/
    width: 205px;
    background: url(http://www.riderglass.com/assets/siteimages/new-grad.gif) #e8e8e8 repeat-x left bottom;
    height: auto;
}
.ProductPage-RightHandSideContent .ms-WPHeader
{
    background: none !important;
}
.ProductPage-MainContainer
{
    padding-left: 10px;
    width: 720px;
}



#innerleft-content ul.product-list-style
{
    padding-bottom: 0px;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    list-style-image: none;
    list-style-type: none;
    width: auto !important;
}

ul.product-list-style a
{
    font-size: 12px !important;
    font-family: Arial, Helvetica, sans-serif;
}

ul.product-list-style li ul li
{
    list-style-image: url('/assets/siteimages/square2.gif');
    margin: 0px !important;
    margin-left: 15px !important;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    font-size: 12px;
    line-height: 18px;
    font-family: Arial, Helvetica, sans-serif;
    color: #346F26 !important;
}

ul.product-list-style li ul li a
{
    border: medium none;
    text-decoration: none;
    color: #346F26 !important;
    margin: 0;
    padding: 0;
}

.product-list-style li ul li a:visited
{
    color: #346F26 !important;
}

.related-products-style
{
    width: 400px !important;
    padding: 0px;
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
}
.link-item A
{
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
}

#content_DownloadsTab .tabContent ul li
{
    background: transparent !important;
}

.document-tab-style
{
    padding-left: 5px;
}

/*Product Listing */
#search-all-az
{
    margin-bottom: 50px;
}

#search-all-az .item
{
    padding-left: 0px !important;
}

#azbar
{
    padding-bottom: 0px;
    padding-right: 15px;
    white-space: nowrap;
    padding-top: 0px;
    color: #346F26;
}
#azbar A
{
    padding-bottom: 0px;
    padding-left: 2px;
    padding-right: 2px;
    white-space: nowrap;
    padding-top: 0px;
    color: #346F26;
}
#azbar A:visited
{
    padding-bottom: 0px;
    padding-left: 2px;
    padding-right: 2px;
    white-space: nowrap;
    padding-top: 0px;
    color: #346F26;
}
#azbar SPAN
{
    padding-bottom: 0px;
    padding-left: 2px;
    padding-right: 2px;
    white-space: nowrap;
    padding-top: 0px;
    color: #565656;
}
.atoz-letter
{
    color: #000 !important;
    cursor: default !important;
    font-weight: bold;
    text-decoration: none !important;
}
.ProductListTitle, .AONProductListTitle
{
    font-family: Arial , Helvetica, sans-serif !important;
}

.AONProductListTitle
{
    margin-left: 5px;
    padding-bottom: 5px;
}

.AONProductListTitle A
{
    line-height: 24px;
}

.ProductListTitle A, .AONProductListTitle A
{
    padding-bottom: 0px;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    color: #346F26 !important;
    font-size: 12px !important;
    text-decoration: none;
}


.ProductListTitle A:visited, .AONProductListTitle A:visited
{
    padding-bottom: 0px;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    color: #346F26;
    font-size: 12px;
    text-decoration: none;
}

.ProductListTitle A:link, .AONProductListTitle A:link
{
    padding-bottom: 0px;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    color: #346F26;
    font-size: 12px;
    text-decoration: none;
}

.AONProductListTitle A:hover
{
    text-decoration: none;
}

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

.ProductTitle
{
    color: #003399;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    text-decoration: none;
}

.ProductDescription
{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #4c4c4c;
}

.AONContentEditor
{
    color: #565656;
    font-family: Arial , Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
}
.AONContentEditor H2
{
    font-weight: lighter;
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    padding-bottom: 5px;
    padding-top: 20px;
}
.ProductListDescription
{
    color: #565656;
    font-family: Arial , Helvetica, sans-serif;
    font-size: 12px;
}
.ProductListGroupHeader
{
    padding-top: 20px;
}

/* BU TOC Classes 
li.level-section
{
    border-bottom: 1px solid #F0F0F0;
    height: 22px;
    margin-bottom: 10px !important;
}

li.level-header
{
    padding-bottom: 5px !important;
}

li.levelsection-homelevel2
{
    border: none;
    height: auto;
}
*/
.BUTOC-Links A
{
    color: #346F26;
    text-decoration: underline;
}

.BUTOC-Links A:visited
{
    color: #346F26;
    text-decoration: none;
}

.BUTOC-Links A:link
{
    color: #346F26;
}

.BUTOC-Links .headertitle-small A:hover
{
    text-decoration: underline;
}

.bu-subtitle
{
    padding-top: 5px;
    /*background: url(/Assets/siteimages/buhub_banner.jpg) no-repeat 0 0;*/
    width: 960px;
    height: 110px !important;
}

.bu-subtitle h2
{
    font-weight: lighter;
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    padding-left: 15px;
    padding-bottom: 5px;
    padding-top: 10px;
}

.bu-subtitle p
{
    padding: 5px 10px 5px 15px !important;
    color: #565656;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px;
    width: 70%;
}


/* Product Category */
.product-category-description
{
    padding-bottom: 15px;
    vertical-align: top;
    color: #565656;
    font-size: 12px;
    line-height: 18px;
    font-size: 12px;
}

/*Discontinued-Products start*/
.discon_prod_cat_listing
{
    display: block;
    border-bottom: 1px solid #EEEEEE;
    border-left: 1px solid #AAAAAA;
    border-right: 1px solid #AAAAAA;
}
.discon_prod_cat_listing:first-child
{
    border-top: 1px solid #AAAAAA;
}

.discon_prod_cat_listing .discon_prod_cat_listing_link
{
    display: block;
    min-width: 400px;
    min-height: 40px;
    padding: 15px 0 5px 0px;
    vertical-align: middle;
}
.discon_prod_cat_listing .discon_prod_cat_listing_link:hover
{
    color: #0C479D;
    background: #d6dfef;
}


.discon_prod_cat_listing a img
{
    width: 70px;
    height: 50px;
    padding: 5px;
    border: 0;
    float: left;
    clear: left;
}
.discon_prod_cat_listing a img:hover
{
    background: #d6dfef;
}
.discon_prod_cat_listing .discon_prod_cat_listing_link:last-child
{
    border-bottom: 1px solid #AAAAAA;
}
.discon_prod_cat_listing
{
    border-bottom: 1px solid #AAAAAA;
}

/*Discontinued-Products end*/

/* Contact finder styles */

.finder-container
{
    clear: both;
    background: #E7E5E6 url("http://www.riderglass.com/assets/siteimages/find-contact-bg.jpg") no-repeat 0 bottom;
    font-size: 11px; /*height: 95px;*/
    width: 100%;
}

.contact-finder, .techlib-finder, .office-location-finder
{
    padding: 10px !important;
}

.finder-container div
{
    clear: both;
    height: auto;
    padding: 3px 0;
    position: relative;
}

.finder-container label
{
    clear: none;
    display: inline;
    float: left;
    margin: 0 15px 0 0;
    text-align: left;
    width: 100px;
}

.finder-container input, .finder-container select
{
    clear: none;
    display: inline;
    float: left;
    margin-right: 15px;
    font-size: 11px;
    width: 225px;
    position:relative;
}

.finder-container .btn
{
    background: url("http://www.riderglass.com/assets/siteimages/contact-go.jpg") repeat scroll 0 0 transparent;
    color: #346F26
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    height: 22px;
    margin: 0;
    width: 40px;
}

.contact-type label
{
    margin-top: 5px;
    margin-left: 10px;
}

.contact-type input
{
    margin: 0px;
    margin-top: 5px;
    margin-left: 5px;
}


.contacts-search-results
{
    width: auto;
    height: auto;
    border: 1px solid #CDCBCC;
    font-family: Arial,Helvetica,sans-serif !important;
    margin: 10px 0;
}

.contact-page
{
    padding: 5px 5px 10px 20px; /*border-right: 1px dotted #CDCBCC;     border-left: 1px dotted #CDCBCC;*/
    width: auto;
}

.contact-page a
{
    text-decoration: none !important;
}

.contact-page strong a
{
    color: inherit !important;
}

.contact-page img
{
    padding-right: 5px;
}

.contact-address
{
    clear: both;
    padding-top: 1px;
}

.contact-type-header
{
    clear: both;
    width: auto;
    background: url("http://www.riderglass.com/_layouts/images/selbg.png") repeat-x scroll left top #D0D0D0;
    padding: 5px;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
}

.contact-subtype-header
{
    clear: both;
    width: auto;
    background: url("http://www.riderglass.com/_layouts/images/selbg.png") repeat-x scroll left top #EFEFEF;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: bold;
    border-top: 1px dotted #CDCBCC;
    cursor: pointer;
}

.region-header
{
    clear: both;
    width: auto;
    background: url("http://www.riderglass.com/_layouts/images/selbg.png") repeat-x scroll left top #FAFAFA;
    padding: 5px 15px;
    font-size: 12px;
    font-weight: bold;
    border-top: 1px dotted #CDCBCC;
    cursor: pointer;
}

.country-header
{
    clear: both;
    width: auto;
    background: url("http://www.riderglass.com/_layouts/images/selbg.png") repeat-x scroll left top #FCFCFC;
    padding: 5px 20px;
    font-weight: bold;
    border-bottom: 1px dotted #CDCBCC;
    border-top: 1px dotted #CDCBCC;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
}

.product-category-header
{
    width: auto;
    background-color: #FCFCFC;
    margin-top: 15px;
    padding: 5px 0px;
    font-weight: bold;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
}

.product-category
{
    padding: 5px;
}

p.seperator
{
    border-bottom: 1px dotted #CDCBCC;
}

.country-group
{
    clear: both;
    width: 100%;
    margin-right: -1px;
}

.region-container
{
    float: left;
    width: 100%;
}

.contact-results-message
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

/* Technical Library Styles */

.DescriptionDisplay
{
    width: 350px;
    padding-top: 10px;
    padding-bottom: 20px;
    font-family: Arial, Helvetica, sans-serif;
}

.techlibraryRow
{
    width: 100%;
    margin-bottom: 6px;
    float: left;
}

.techlibraryCol
{
    width: 48%;
    float: left;
    margin-right: 2%;
}
.techlibraryDesc
{
    padding-bottom: 20px;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    overflow: hidden !important;
    padding-top: 10px;
}

.ProductPage-SubSectionContent
{
    width: 70%;
    float: left;
}

.ProductPage-SubSectionContent p
{
    font-family: "Arial" , "sans-serif";
    font-size: 10pt;
    line-height: 18px;
    color: #565656;
}
.ProductPage-SubSectionContent
{
    font-family: "Arial" , "sans-serif";
    font-size: 10pt;
    line-height: 18px;
    color: #565656;
}

/* From your code Start here */
.product-literature-item
{
    color: #346F26 !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    background: url("http://www.riderglass.com/Assets/siteimages/square2.gif") no-repeat scroll 0 6px transparent;
    padding-left: 10px;
}

a.product-literature-item a:visited
{
    color: #346F26 !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
}

a.product-literature-item a:link
{
    color: #346F26 !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
}
.product-literature-detail
{
    color: #565656 !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    padding-left: 5px;
}
.product-literature-header
{
    color: #565656 !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    font-weight: bold;
   /* padding-top: 20px;*/
}


/* your code end here */

/*.... lino new codes .....*/
.top-header
{
    color:#A1A1A1;
    font-family:Tahoma;
    font-size:20px;
    padding:10px 0;
}

.dfwp-column
{
    float: left;
    line-height: 18px !important;
    margin-bottom: 10px;
    margin-right: 6px !important; /*changed by rekha from 10px */ /*margin-top: 15px;*/
    width: 230px !important; /*changed by rekha from 229px*/
    margin-top:16px;/*Added by rekha */
    _width: 220px;
}

.headermarker a
{
    font-size: 12px !important;
}

.title_dropdown
{
    font: bold 13px Arial, Helvetica, sans-serif;
    color: #000 !important;
    text-decoration: none;
    padding: 5px 0;
}
.list_a_dropdown
{
    font-size: 12px !important;
    font-weight: normal !important;
    color: #0b4992 !important;
    text-decoration: none;
    padding-left: 6px;
}
.list_b_dropdown
{
    background: url(/assets/siteimages/square2.gif) no-repeat 0 6px;
}


/* Product and service finder styles */

.flyout-menu
{
    color: #346F26;
    padding: 0px 10px;
    font-size: 12px;
    float: right;
    cursor: pointer;
    display: none;
    margin-top: 10px;
}

.flyout-menu a, .flyout-menu a:visited
{
    color: #346F26;
    text-decoration: none;
    font-size: 11px !important;
    font-weight: bold;
    padding-right: 10px;
}

.flyout-menu a:hover
{
    text-decoration: none;
}

.flyout-container
{
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    height: 260px;
    width: 360px;
}

.flyout-page
{
    width: 320px;
    position: absolute;
    right: 0;
    _right: -2px;
    top: 0px;
}

.flyout-finder
{
    background: #f7f7f7;
    width: 250px;
    height: 49px;
    text-align: right;
    padding-top: 10px;
    float: right;
    position: relative;
    z-index: 1; /*margin-right:-1px;*/
}

.flyout-finder span
{
    background: #dbdada;
    border: 1px #dbdada solid;
    padding: 4px 15px;
    float: right;
    border-bottom: none;
    margin-left: -1px;
    margin-top: 10px;
    width: 60px;
    height: 14px;
    position: relative;
    z-index: 2;
}

.flyout-finder a
{    
    color: #000000;
    font-weight: bold;
    text-decoration: none;
    background: url("http://www.riderglass.com/Assets/siteimages/down-arrow.gif") no-repeat scroll right center transparent;
    padding-right: 12px;
    margin-right: 18px;
}

.flyout-finder a:hover
{
    color: #000000;
    text-decoration: none;
}

.flyout-finder span a, .flyout-finder span a:visited, .flyout-finder span a:hover
{
    background:none;
    color: #6a6a6a ! important;
    margin-right: 0px;
    padding-right: 5px;
}

.flyout-finder span:hover
{
    background: #f7f7f7;
}

.flyout-finder span.active
{
    background: #f7f7f7;
    border: 1px #dbdada solid;
    padding: 4px 15px;
    float: right;
    border-bottom: 1px #f7f7f7 solid;
    margin-top: 10px;
}

.flyout-container .finder-form
{
    background: url(http://www.riderglass.com/Assets/siteimages/prod-fly.jpg) no-repeat; /*border-top:1px #dbdada solid;*/
    width: 305px;
    height: 192px;
    float: right;
    z-index: 1;
    margin-top: 0px;
    padding: 10px 0 0 0;
    position: absolute;
    top: 57px;
    right: 0px;
    display: block;
    border: none;
}

.finder-form
{
    cursor: default;
}

.finder-form input
{
    color: #555555;
    float: left;
    font-size: 11px;
    margin-top: 15px;
    text-align: left;
    width: 180px;
}

.finder-form label
{
    color: #555555;
    float: left;
    font-size: 11px;
    margin-left: 10px;
    margin-top: 17px;
    text-align: left;
    width: 100px;
}

.finder-form a
{
    color: #346F26;
    float: right;
    font-weight: bold;
    margin-top: 15px;
    position: absolute;
    right: 7px;
    text-decoration: none;
    top: 150px;
}

.finder-form a:visited, .finder-form a:link, .finder-form a:hover
{
    color: #346F26;
}

.finder-form a:hover
{
    text-decoration: underline;
}

.finder-form select
{
    float: left;
    font-size: 11px;
    height: 20px;
    margin-top: 15px;
    text-align: left;
    vertical-align: middle;
    width: 184px;
    position:relative;
}

.finder-form .go-button
{
    background: url(http://www.riderglass.com/Assets/siteimages/go-button.gif) no-repeat;
    border: none;
    width: 34px;
    height: 18px;
    float: right;
    margin-right: 15px;
    cursor: pointer;
}

a.close-flyout
{
    position: absolute !important;
    top: 155px !important;
    left: 5px !important;
    font-weight: normal !important;
    color: #346F26 !important;
    cursor: pointer !important;
    display:block;
}

a.close-flyout:hover
{
    position: absolute !important;
    top: 157px !important;
    left: 5px !important;
    font-weight: normal !important;
    color: #346F26 !important;
    cursor: pointer !important;
    text-decoration: underline !important;
    left: 0px;
}

.suggestions-dropdown
{
}

/* Technical Library Styles */

.DescriptionDisplay
{
    width: 350px;
    padding-top: 10px;
    padding-bottom: 20px;
    font-family: Arial, Helvetica, sans-serif;
}
.hyperlinkStyle
{
    font-size: 8pt;
    cursor: hand;
    color: #0072bc;
    font-family: verdana, arial, helvetica, sans-serif;
}


/* Autocomplete styles */

.ui-state-hover
{
    /*    border: 1px solid #E0E0E0;*/
    background: #EAEAEA; /*font-weight: bold;*/
    color: #000000 !important;
}

.ui-state-hover a
{
    color: #000000;
    text-decoration: none;
}

.ui-state-highlight
{
    background: #EAEAEA;
    color: #000000;
}

.ui-autocomplete-loading
{
    background: white url("http://www.riderglass.com/Assets/siteimages/Indicator.gif") right center no-repeat;
}

/* workarounds */
* html .ui-autocomplete
{
    width: 1px;
}
/* without this, the menu expands to 100% in IE6 */

/* Menu
----------------------------------*/
.ui-menu
{
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
}

.ui-menu .ui-menu
{
    margin-top: -3px;
}

.ui-menu .ui-menu-item
{
    margin: 0;
    padding: 0;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%;
}

.ui-menu .ui-menu-item a
{
    text-decoration: none;
    display: block;
    padding: .2em .4em;
    line-height: 1.5;
    zoom: 1;
    color: #555555 !important;
}

.ui-autocomplete
{
    background-color: #346F26 !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border: 1px #dbdada solid;
    position: absolute;
    cursor: default; /*max-height: 250px;*/ /*overflow-y: scroll;*/
    z-index: 999 !important;
}

.ui-autocomplete div
{
    font-size: 10px;
}

.ui-autocomplete strong
{
    color: #000;
}

/* Lasers bu rollover ---- Rename as appropriate no image-box*/

.photovotaic-promo
{
    border-right: 1px solid #fff;
}

.image-box, .laser-promo, .photovotaic-promo
{
    float: left;
    margin-right: 30px;
    margin-top: 10px;
    width: 230px;
}


.image-box .promotion, .photovotaic-promo .promotion, .laser-promo .promotion, .image-box .cbq-layout-main, .photovotaic-promo .cbq-layout-

main, .laser-promo .cbq-layout-main
{
    min-width: 229px;
}

.laser-promo .promotion, .laser-promo .cbq-layout-main
{
    min-width: 229px;
}

.newsandevents
{
    font-size: 12px;
    font-family: Arial,Helvetica,sans-serif;
    color: #565656;
    float: left;
    width: 100%;
}
a.xljs:link{ color:#346F26; text-decoration:none;}
a.xljs:visited{ color:#346F26; text-decoration:none;}
a.xljs:hover {color:#346F26;}