/* hide these rules from CSS-challenged browsers */
@media screen, projection, print {
    /* below exploits a parsing error so @media rules will be visible to MacIE5 */
    .BeNiceToMacIE5 {
      font-family: "\"}\"";
      font-family: inherit;
    }
    /* left cbr2pxolumn */
    .navLeft {
      width: 200px;              /* % of inner-container width is ~same width as right column */
      float: left;             /* left side of inner-container */
      /*margin:  .3em; */              /* keep flush with adjacent containers */
      /*margin: 0 0 20px 0;*/
      padding: 0 15px 20px .3em;    /* space from window edge (IE messes up with margin, so use padding) */
      /*font-size: 90%;*/
      font-size: 10pt;
      border-right: solid 1px #B3BCCC;
    }
    .logowidth{
        width:288px;
    }
    /* center column */
    .content {
      width: 420px;              /* % of inner-container width */
      float: right;            /* right side of inner-container */
      padding: .15em 15px;      /* some padding for readability */
      margin: 0;               /* keep flush with adjacent containers */
      background-color: #ffffff;  /* #cff light blue color will show behind the center column */
      color: #666666;
    }
    /* center column */
    .content2 {
      width: 70%;              /* % of inner-container width */
      float: right;            /* right side of inner-container */
      padding: .2em 1em;      /* some padding for readability */
      margin: 0;               /* keep flush with adjacent containers */
      background-color: #ffffff;  /* #cff light blue color will show behind the center column */
      color: #666666;
      border-color: #ffffff;      /* 999 W3C CSS validation service get an erroneous */
      border-style: solid;     /*   parse error on border-right shorthand, */
      border-width: 0 1px;     /*   but not on individual properties */
    }

    .subcontent1{
        width: 49%;
        float: left;
        font-family: inherit;
        font-size: inherit;
        padding: 0 5px 0 0;
    }
    .subcontent2{
        width: 49%;
        float: right;
        font-family: inherit;
        font-size: inherit;
        padding: 0 5px 0 0;
    }

    .infobox
    {
        background-image: url('images/info.gif');
        background-repeat: no-repeat;
        background-position: left top;
        margin-top: 5px;
        padding: 3px 21px;
        font-size: 70%;
        line-height: 150%;
        color: Black;        
    }

    html, body {
	    margin: 0;
	    padding: 0;
	    color: #333;
        text-align:center;
        width: 100%;
        height:auto;

        margin-left: auto;
        margin-right: auto;
        text-align:center;
        margin: 0 auto;
        font-family: Arial, Helvetica, sans-serif; 
        padding: 0;
        background-color: #C9CeA4;
        color: #666666;
    }
    
    /*
    img{
        border-width:0px;
    }
    */
    
    #center{
        width:100%;
        height:auto;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
        text-align:center;
    }

    #wrapper_outer {
        width: 900px;
        height: 100%;
        padding: 15px 20px 20px 20px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
        text-align:left;
        background-color: White;
    }
    #pre-fader
    {
        position: relative;
        width: 100%;
    }
    .fader
    {
        position: absolute;
        display: block;
        padding: 8px;
        top: 40px;
        z-index: 10;
        text-align: right;
        font-size: 40px;
        color: White;
        font-weight: bold;
        text-transform: capitalize;
        letter-spacing: -.03em;
    }
    #email_sender{
        color: #286781;
        font-size: 85%;
        font-weight:bold;
        font-family: Verdana, Arial, Helvetica, sans-serif; 
    }
    
    .email_sender
    {
        border: 1px solid #286781;
        font-weight: normal;
        color: #286781;
        background-color: white;
        width:90%;
    }
    
    hr
    {
        border-style: solid;
        border-width: 2px 0px 0px 0px;
        border-top-color: #333333;
    }
    
    p,.p{
        font-size: small;
        line-height: 135%;
        color: #666666;
    }
    
    xmp
    {
        margin: -2px 0 3px 0;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: xx-small;
        color: #666666;
        letter-spacing: -.03em;
    }
    
    ul{
        font-size: inherit;
        line-height: inherit;
        color: inherit;
    }
    li{
        font-size: inherit;
        line-height: inherit;
        color: inherit;
    }
        
    h1
    {
        font-size: 100%;
        margin: 0 0 -.5em;
        color: #2F4D7A;
        text-transform: capitalize;
    }
    
    h2,.h2 {
      font-size: 110%;
      margin: 0 0 -.8em;
      color: #282828;
      font-weight: bolder; 
    }
    
    h3,.h3
    {
        font-size: 90%;
        margin: 0 0 -.5em;
        color: #2F4D7A;
        font-style: italic;
        line-height: 170%;
    }
    
    h4,.h4
    {
        font-size: 100%;
        margin: 0 0 0 0;
        color: #2F4D7A;
        line-height: 170%;
    }
    h5,.h5
    {
        font-size: 80%;
        margin: 0 0 .5em;
        color: #2F4D7A;
    }
    
    a
    {
    outline: none;
    }

    a:link {
      color: #234373;
      background-color: transparent;
      font-size: 10pt;
      
    }
    a:visited {
      color: #234373;
      background-color: transparent;
      font-size: 10pt;
    }
    a:hover {
      color: #EC8408;
      background-color: transparent;
      /*font-weight:bold;*/
      font-size: 10pt;
    }

   
    /* page header, uses body colors */
    .header {
      /*height: 60px;*/
      width: 100%;             /* full window width */
      margin: 0;
      font-size: 88%;
    }
    
    /* page footer, uses body colors */
    .footer {
      clear: both;             /* below all columns */
      width: 100%;             /* full window width */
      margin: 0;
      padding-top: .5em;
      padding-bottom: .5em;
      padding-left: .5em;
      font-size: 88%;
      /*text-align: center;*/
      text-align:left;
    }
    .header p,
    .footer p {
      margin-bottom: 0;        /* prevent gaps between divs in some browsers */
    }



    /* container for the 3 columns */
    .outer-container {
      width: 100%;             /* full window width */
      margin: 0;               /* keep flush with adjacent containers */
      background-color: #ffffff;  /* #ccf violet color will show behind the right column */
      color: #000;
      border-bottom: 1px solid #999;
      z-index:0;
    }
    /* container for just the left and center columns */
    .inner-container {
      width: 75%;              /* leaves 24% of window width for right column */
      float: left;             /* left side of window */
      background-color: #ffffff;  /* #ffc yellow color will show behind the left column */
      color: #000;             /*   delete these colors to get same color as right column */
      margin: 0;               /* keep flush with adjacent containers */
    }
     /* container for just the left and center columns */
    .inner-container2 {
      width: 100%;              /* leaves 24% of window width for right column */
      float: left;             /* left side of window */
      background-color: #ffffff;  /* #ffc yellow color will show behind the left column */
      color: #000;             /*   delete these colors to get same color as right column */
      margin: 0;               /* keep flush with adjacent containers */
    }
    /* right column */
    .sidebar {
      width: 200px;              /* a little less than available 24% */
      float: right;            /* right side of window */
      margin: 0 0 20px 0;               /* keep flush with adjacent containers */
      padding: .3em 0 0 15px;      /* some space from right window edge */
      /*font-size: 90%;*/
      font-size: 10pt;
      border-left: solid 1px #B3BCCC;
    }
    
    .sidebar2 {
        width: 30%;    
        background-color:#BFD0D7;
        float:right;
        font-size:90%;
        margin:0;
        padding:0.4em 0.4em 0.4em 0.4em;
        width:21%;
        border-bottom: solid 5px white;
    }
    
    .clear {
      clear: both;
      margin: 0;               /* keep flush with adjacent containers */
      padding: 0;
      height: 0;
      overflow: hidden;
    }
    
    .inside
    {
        font-size: small;
        line-height: 135%;
        color: #666666;
        list-style-type: square;
        list-style-position: outside;
        white-space: normal;
	    margin-left:  1em;
	    padding-left: 1em;
    }
    
    /*Breadcrumbs*/
   .breadcrumbs a:link, .breadcrumbs a:visited
    {
        border-bottom: 1px solid #666666;
        /*padding-bottom:1px;*/
        color: #666666;
        font-style: normal;
        text-decoration: none!important;
        font-family: inherit;
        font-size: x-small;
        font-weight:normal;
    }
    .breadcrumbs a:hover
    {
        border-bottom: 1px solid #EC8408;
        /*padding-bottom:1px;*/
        color:  #666666;
        font-style: normal;
        text-decoration: none!important;
        font-family: inherit;
        font-size: x-small;
        font-weight:normal;
    }
    .breadcrumbs
    {
        font-family: inherit;
        font-size: x-small;
        font-weight: normal;
        color: #666666;
        overflow: visible;
        line-height:8px;
        vertical-align: bottom;
        
    }
    
    a.GenButton
    {
        background: transparent url(images/btn_end.gif) no-repeat scroll top right;
        display: block;
        color: #333333 !important;
        float: left;
        height: 21px;
        font-size: 12px;
        margin-right: 6px;
        padding-right: 9px;
        text-decoration: none;
    }
    a.GenButton span
    {
        background-position: transparent url(images/btn_start.gif) no-repeat;
        background: transparent url(images/btn_start.gif) no-repeat;
        display: block;
        line-height: 14px;
        color: White !important;
        font-weight: bold;
        padding: 3px 8px 0px 15px;
        text-transform: uppercase;
        text-align: center;
        height: 21px;
        vertical-align: text-bottom;
        cursor: pointer;
    }
    
    a.AddButton
    {
        background: transparent url(images/btn_end_add.gif) no-repeat scroll top right;
        display: block;
        color: #333333 !important;
        float: left;
        height: 21px;
        font-size: 12px;
        margin-right: 6px;
        padding-right: 21px;
        text-decoration: none;
    }
    a.AddButton span
    {
        background-position: transparent url(images/btn_start.gif) no-repeat;
        background: transparent url(images/btn_start.gif) no-repeat;
        display: block;
        line-height: 14px;
        color: White !important;
        font-weight: bold;
        padding: 3px 8px 0px 15px;
        text-transform: uppercase;
        text-align: center;
        height: 21px;
        vertical-align: text-bottom;
        cursor: pointer;
    }
    
    #questions
    {
        background: transparent url(stock/site_images/HaveQuestions.gif) no-repeat scroll top left;
        display: block;
        line-height: 5px;
        padding: 8px 5px 5px 45px;
        text-align: left;
        font-size: 12px;
        width: 210px;
        height: 65px;
        vertical-align: text-top;
    } 
    #questions a, #questions a:link, #questions a:visited, #questions a:hover
    {
    display:block;
	color: #EC8408;
	text-decoration: underline;
	font-family: Verdana, Helvetica,Arial,Verdana,sans-serif;	
	font-size: 10px;
	margin-top:-3px;
    } 


    div.transarea
    {
        background: transparent url(images/lang_post.gif) no-repeat scroll top right;
        display: block;
        color: #333333 !important;
        float: left;
        height: 23px;
        font-size: 12px;
        margin-right: 6px;
        padding-right: 9px;
        text-decoration: none;
        font-size:80%;
    }
    div.transarea span
    {
        background-position: transparent url(images/lang_pre.gif) no-repeat;
        background: transparent url(images/lang_pre.gif) no-repeat;
        display: block;
        line-height: 14px;
        /*color: White !important;*/ /*font-weight: bold;*/ 
        padding: 3px 8px 0px 15px; /*text-transform: uppercase;*/
        text-align: center;
        height: 23px;
        vertical-align: text-bottom;
        cursor: pointer;
        white-space: nowrap;

    }

    
     
div.my_wrapper{
    width: 640px;
}

div.my_left_box{
    float: left;
    width: 290px;
    padding-bottom:10px;
}

div.my_left_box img{
    padding-right:10px;
    padding-bottom:20px;
}

div.my_right_box{
    float: right;
    width: 290px;
    padding-bottom:10px;
}
div.my_right_box img{
    padding-right:10px;
    padding-bottom:20px;
}

div.my_footer{
    clear:both;
    width: 610px;
}    
   div.my_finalfooter{
    clear:both;
    width: 610px;
} 
div.nospn{ 
    clear:none;
    display:block;
    float:left;
    white-space:nowrap;
}
  
    /*End Breadcrumbs*/
} /* end screen/print rules */

/* rules for WinIE only */
@media screen, projection {
    * html .clear {
      display: none;           /* prevent excessive gap at div bottom in WinIE5 */
    }
    

    .salesflash{
        border: solid 1px black;
        background-color: silver;
        width:888px;
        height:395px;
        z-index:0;
    }
    
    .not_on_print
    {
        visibility: visible;
    }
    
   
    
}

/* end WinIE only rules */


/* print only rules (per request) */
@media print {
    .salesflash
    {
        background-image: url('images/SalesConsStatic.jpg');
        background-repeat: no-repeat;
    }
    .not_on_print {
        visibility: hidden;
    }

/*
    .navLeft {
	    display: none;
    }
    .content {
	    float: left;
    }
*/
}
/* end print only rules */

#navprep{
	margin:0 0 0 0;
	padding:1px 0 0px 0;
	/*height: 40px;*/
	width:100%;
}
#navprep img
{
    border-style: none;
    z-index: 20;
}
#searchbox
{
    /*border: solid 1px orange;*/
    /*float: right;*/
    list-style-type: none;
    width: auto;
    height:auto;
    position: inherit;
    right:10px;
    display: block;
    height: 20px;
    font-size: 12px;
    font-family: Verdana,Helvetica,Arial,Verdana,sans-serif;
    vertical-align: middle;
}
#searchbox .btn
{
    vertical-align: bottom;
    margin: 0px 10px 3px 3px; 
}

#searchbox .tb
{
    width: 180px;
    vertical-align:middle;
}

#searchbox a
{
    font-size: 12px;
	text-decoration:underline;
}
#searchbox a:hover{
	font-size: 12px;
	text-decoration:underline;
}

ul#menu
{
    margin: 0px 0px 0px 0px;
    padding: 0 0 0px 0;
    /*float: right;*/
    list-style-type: none;
    width: 100%;
    position: relative;
    display: block;
    height: auto;
    font-size: 11px;
    font-weight: bold;
    font-family: Verdana, Helvetica,Arial,Verdana,sans-serif;
    text-align: right;
    white-space: nowrap;
}


ul#menu li
{
    display: block;
    float: right;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    /*border: solid 1px blue;*/
}
ul#menu li a{
	display:block;
	float:left;
	color:#2F4D7A;
	text-decoration:none;
	padding:0px 5px 0 5px;
	font-family: Verdana, Helvetica,Arial,Verdana,sans-serif;
	font-size: 12px;	
	}
ul#menu li a:hover{
	display:block;
	float:left;
	color:#EC8408;
	text-decoration:none;
	padding:0px 5px 0 5px;
	font-family: Verdana, Helvetica,Arial,Verdana,sans-serif;	
	font-size: 12px;
	/*
	color: #EC8408;
	font-size: 12px;
	font-family: Verdana, Helvetica,Arial,Verdana,sans-serif;
    font-weight: bold;
    */
	}
	
ul#menu li a:link.current, ul#menu li a:visited.current, ul#menu li a:hover
{
    display:block;
	float:left;
	color:#EC8408;
	text-decoration:none;
	padding:0px 5px 0 5px;
	font-family: Verdana, Helvetica,Arial,Verdana,sans-serif;	
	font-size: 12px;
	/*
	font-size: 12px;
	font-family: Verdana, Helvetica,Arial,Verdana,sans-serif;
    font-weight: bold;
	color:#EC8408;
	*/

}

/* Menu2 */
.menublue
{
    border-style: solid;
    border-width: 10px 0px 2px 0px;
    border-color: #FFFFFF;
    background-color: #444B77;
    margin:  0px 0px 0px 0px;
}
ul#menu2
{
    margin:  0px 0px 0px 0px;
    padding: 3px 3px 3px 3px;
    color: #FFFFFF;
    list-style-type: none;
    width: 100%;
    position: relative;
    display: block;
    height: auto;
    font-size: 11px;
    font-weight: bold;
    font-family: Verdana, Helvetica,Arial,Verdana,sans-serif;
    text-align: left;
    white-space: nowrap;
}


ul#menu2 li
{
    display: block;
    float: left;
    margin: 0;
    padding:  5px 5px 5px 5px;
    white-space: nowrap;

}
ul#menu2 li a
{
    display: block;
    float: left;
    color: #FFFFFF;
    text-decoration: none;
    padding: 0px 5px 0px 5px;
    font-family: Verdana, Helvetica,Arial,Verdana,sans-serif;
    font-size: 12px;
}
ul#menu2 li a:hover{
	display:block;
	float:left;
	color:#FFCC00;
	text-decoration:none;
    padding: 0px 5px 0px 5px;
	font-family: Verdana, Helvetica,Arial,Verdana,sans-serif;	
	font-size: 12px;
	}
	
ul#menu2 li a:link.current, ul#menu2 li a:visited.current, ul#menu2 li a:hover
{
    display:block;
	float:left;
	color:#FFCC00;
	text-decoration:none;
    padding: 0px 5px 0px 5px;
	font-family: Verdana, Helvetica,Arial,Verdana,sans-serif;	
	font-size: 12px;
}



/* Footer Menu */
ul#footmenu
{
    padding: 0 0 5px 0;
    margin: 0;
    float: left;
    list-style-type: none;
    position: inherit;
    display: block;
    height: auto;
    font-family: Verdana,Helvetica,Arial,Verdana,sans-serif;
    text-align: left;
    list-style-position: inside;
}

ul#footmenu li
{
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

ul#footmenu li a
{
	display:block;
	float:left;
	color:#2F4D7A;
	text-decoration:underline;
	padding: 0 10px 0 0;
	font-size: 11px;
	font-weight: normal;
	
}
	
ul#footmenu li a:hover
{
	color: #EC8408;
	font-size: 11px;
	font-weight: normal;
}
	
ul#footmenu li a:link.current, ul#footmenu li a:visited.current, ul#footmenu li a:hover
{
	color:#EC8408;
	font-size: 11px;
	font-weight: normal;
}

/* End Footer Menu */


a.servicelinknotclicked:link, a.servicelinknotclicked:visited
{
    display: block;
    float: left;
    margin: 0;
    padding: 3px 2px 3px 0;
    width: 100%;
    border-bottom: 1px solid #DBDBDB;
    color: #666666;
    font-style: normal;
    text-decoration: none;
    font-family: inherit;
    font-size: small;
    font-weight:normal;
}
a.servicelinknotclicked:hover
{
    display: block;
    float: left;
    margin: 0;
    padding: 3px 2px 3px 0;
    width: 100%;
    border-bottom: 1px solid #DBDBDB;
    color: #125B81;
    font-style: normal;
    text-decoration:  underline;
    font-family: inherit;
    font-size: small;
    font-weight:bold;
}
a.servicelinkclicked:link, a.servicelinkclicked:visited, a.servicelinknotclicked:hover
{
   	display:block;
	float:left;
	margin:0;
	padding: 3px 2px 3px 0;
	width:100%;
	border-bottom:1px solid #DBDBDB; 
	color:#125B81;
	font-style: normal;
    text-decoration: underline;
    font-family: inherit;
    font-size: small;
    font-weight:bold;
}

.smallfont
{
    font-size: 10px;
}

.photolineup
{
	clear: none;
	display: block;
	float: left;
	margin: 0 5px 5px 0;
	position: static;
	background-color: white;
	height: 61px;
}
.photolineup2
{
	clear: none;
	display: block;
	float: left;
	padding-right:2px;
	padding-left:2px;
	position: static;
	background-color: white;
	height: 61px;
}
.imagecurrent
{
    border: solid 2px #EC8408 !important;
    /*width: 39px;
    height: 39px;*/
    width: 55px;
    height: 55px;
    overflow:hidden;
}

.image
{
	border: solid 2px #BEBEBE!important;
    /*width: 39px;
    height: 39px;*/
    width: 55px;
    height: 55px;
    overflow:hidden;
}

.noborder
{
	border: none;
}
/* DETAILS TABLE */

table.details
{
    color: #282828;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px;
    padding-bottom: 10px;
    /*width: 100%;*/
}

table.details thead
{
    color: #ABADB0;
    font-weight: bold;
    background-color: #E6EAF1;
    margin-bottom: 10px!important;
}

table.details thead td {
    vertical-align: bottom!important;
    padding: 0px 4px 5px 4px!important;
    border-bottom: solid 1px #CFD2D7;
    
}

table.details .special
{
    color: #ABADB0;
    font-weight: bold;
    margin-bottom: 10px!important;
    vertical-align: baseline!important;
    
}


table.details .imggold
{
	border: solid 2px #C9CEA5!important;
}

table.details .rbPT
{
    font-weight:bold;
    color:#234373!important;
}

table.details .rbPTHighlighted
{
    font-weight:bold;
    color:#EC8408;
}

table.details .rbSN
{
    padding-bottom: 15px;
    vertical-align:top;
}

table.details .accessories
{
    vertical-align:top;
}

.bottom-border
{
    border-bottom: solid thin #DBDBDB;
    padding-top: 0px;
    padding-bottom: 10px;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
}

.side-right-border
{
    border-right: solid thin #DBDBDB;
}

.blue
{
color:#234373;
}

table.details .accessories a:link, .accessories a:visited, .accessories a:hover
{
    height: 18px;
    /*vertical-align:text-bottom!important;*/
    background-position: right 2px;
    overflow: visible;
    padding-right: 25px;
    padding-top: 3px;
    color: #234373;
    font-style: normal;
    text-decoration: underline;
    font-family: inherit;
    font-size: 11px;
    font-weight:normal;
    background-image: url('images/btn_zoom_only.gif');
    background-repeat: no-repeat;
    display: inline-block;
    
}
table.details .accessories
{
    /*height: 18px;
    vertical-align:text-bottom!important;*/
    background-position: right 2px;
    overflow: visible;
    padding-right: 25px;
    padding-top: 3px;
    font-style: normal;
    font-family: inherit;
    font-size: 11px;
    font-weight:normal;
    background-repeat: no-repeat;
    display: inline-block;
    
}

.center
{
    text-align: center !important;
}

table.details tr
{
    padding: 0px 4px 3px 4px;
    
}

table.details tr.highlighted
{
    color:#ED8C18;
}

.fontlarger
{
    /*font-size: 130%;*/
    color: #234373 !important
}

.fontsmaller
{
    font-size: 80%;
    line-height: 150%!important;
}

/* END DETAILS TABLE

td{
    vertical-align: top;
} 
*/
.topmenubackground
{
        background-color:   #C9CeA4;
        padding-top:        5px;
        padding-bottom:     5px;
        padding-left:       0px;
        padding-right:      0px;
        border-top:         solid 2px black;
        border-bottom:      solid 1px black;
}
.topmenupadding
{
padding-right: 5px;
}

.familylineup
{
    clear: none;
    display: block;
    float: left;
    margin: 0 5px 5px 0;
    padding: 0 20px 0 0;
    position: relative;
    background-color: white;
    width: 180px;
}
.familylineup small
{
font-size:x-small;
}
.familylineupimagetable
{
    width: 180px;
    height: 135px;
    /*height: 160px;*/
    vertical-align: middle;
    text-align: center;
    display: block;
    overflow: hidden;
}
.familylineupimagetable img
{
    /*border: solid 1px #F2F2F2!important;*/
}


   
   .prod a
    {
        outline: none!important;
        text-decoration:none!important;
    }

    .prod a:link, .prod a:visited  {
      color: #234373!important;
      background-color: transparent!important;
      font-size: 9pt!important;
      border-bottom: solid 1px  #F2F2F2!important;
      text-decoration:none!important;
      
    }

    .prod a:hover {
      color: #F79117!important;
      background-color: transparent!important;
      font-weight:bold!important;
      font-size: 9pt!important;
      border-bottom: 1px solid #F5E7D5!important;
      text-decoration:none!important;
    }



.familylineupviewall
{
	clear: none;
	display: block;
	float: left;
	margin: 0 5px 5px 0;
	position: relative;
	background-color: white;
	width:180px;
	height:300px;
	}

.textinherit
{
    font-size:inherit;
    display: block;
    overflow:auto;
    width:200px;
    height:100px;
}

.right_align
{
    text-align: right;
    background-color:Lime;
    left: 200px;
    position: relative;
}

/* Floating Product Menu */

div.floatingproduct
{
    position: inherit;
    z-index: 100;
    display: block;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #666666;
    padding: 7px 11px 11px 11px;
    margin: 0;
    background-color: white;
    width:400px;
}  

div.floatingproductinvisible
{
    padding-top: 5px;
    position: absolute;
    z-index: 100;
    display: block;
    visibility: hidden;
}    

.bonus
{
    width: 200px;
    padding: 10px 10px 20px  10px;
    border-left: solid 1px grey;
    list-style-type: none;
    display: block;
    /*height: auto;*/
    font-family: Verdana,Arial,Helvetica,sans-serif;
    text-align: left;
    float:right;
    /*list-style-position: inherit;*/
    color: #666666;
    font-size: 13px;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
    background-color: #FFFFFF;    

}


ul.floatingproductmenu
{
    width: auto;
    list-style-type: none;
    display: block;
    height: auto;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    text-align: left;
    padding: 0;
    padding-right:30px;
    float:left;
    /*list-style-position: inherit;*/

}

    ul.floatingproductmenu li
    {
        display: block;
        margin: 0;
        padding: 0;
        white-space: nowrap;
    }

    ul.floatingproductmenu li.alternate
    {
        background-color: #CBD8FB;
    }

    ul.floatingproductmenu li a, ul.floatingproductmenu li.alternate a
    {
        /*background-position: right;*/
        display: block;
        color: #666666;
        font-size: 13px;
        font-weight: normal;
        text-align: left;
        text-decoration: none;
        padding: 5px 0 5px 0px;
        background-color: #FFFFFF;
        /*background-image: url('images/arrw_white.gif');
        background-repeat: no-repeat;*/
    }
    
    	
    ul.floatingproductmenu li a:hover
    {
        color: #EC8408!IMPORTANT;
        text-decoration: none;
    }
    
    
    ul.floatingproductmenu li a:link.current, ul.floatingproductmenu li a:visited.current, ul.floatingproductmenu li a:hover
    {
	    color:#EC8408!IMPORTANT;
    }
/* End Floating Product Menu */


/* Floating Search Menu */
    .floatingsearch
    {
        padding-top: 10px;
        overflow:auto;
        background-color: white;
        z-index:100;
    }

    div.floater
    {
        position:absolute;
        left:60%;
        height: 80%;
        width: 318px;
        background-color: white;
        overflow:scroll;
        top: 40px;
        z-index:100;
        border-style: solid;
        border-width: 2px 1px 1px 2px;
        border-color: #CC3300;
    }

    div.floaterbox
    {
        width: 300px;
        overflow:auto;
        background-color: white;
    }
  
    ul.floatingsearchmenu
    {

        padding: 0;
        margin: 0;
        list-style-type: none;
        position: inherit;
        display: block;
        height: auto;
        font-family: Verdana,Helvetica,Arial,Verdana,sans-serif;
        text-align: left;
        list-style-position: inside;
        background-color: white;
    }

    ul.floatingsearchmenu li
    {
        margin: 0;
        padding: 5px;
        font-size:80%;
    }

    ul.floatingsearchmenu li.alternate
    {
        background-color: #CBD8FB;
    }

    ul.floatingsearchmenu li a
    {
        background-position: right;
        display: block;
        color: #2F4D7A;
        font-weight: normal;
        text-decoration: none;
        padding: 1px 3px 1px 3px;
        background-image: url('images/arrw_white.gif');
        background-repeat: no-repeat;
        font-size: 80%;
    }
    
    ul.floatingsearchmenu li.alternate a
    {
        background-image: url('images/arrw_blue.gif');
    }
        	
    ul.floatingsearchmenu li a:hover
    {
	    background-color: #5B889B;
	    color: #FFFFFF!IMPORTANT;
	    font-weight: normal;
	    text-decoration: none;
	    background-image: url('images/arrw_green.gif');
    }
    
    ul.floatingsearchmenu li a:link.current, ul.floatingsearchmenu li a:visited.current, ul.floatingsearchmenu li a:hover
    {
	    color:#EC8408;
	    font-weight: normal;
    }
/* End Floating Search Menu */
    .br2px
    {
        line-height:2px;
    }

    .br5px
    {
        line-height:5px;
    }

    .accitem
    {
        padding-top: 5px;
        background-color: #FFFF00;
        clear:both;
    }


/*Modal popup*/
.watermark {
	background: #FFAAFF;
}

.popupControl {
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup
{
    background-color: #FFFFFF;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 10px;
    width: 50%;
    height: 80%;
    overflow: hidden;
    position: relative;
    top: auto;
}

.modalPopup2
{
    background-color: #FFFFFF;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 10px;
    width: 800px;
    height: 600px;
    overflow: hidden;
    position: relative;
    top: auto;
}

.sampleStyleA {
	background-color:#FFF;
}

.sampleStyleB {
	background-color:#FFF;
	font-family:monospace;
	font-size:10pt;
	font-weight:bold;
}

.sampleStyleC {
	background-color:#ddffdd;
	font-family:sans-serif;
	font-size:10pt;
	font-style:italic;
}

.sampleStyleD {
	background-color:Blue;
	color:White;
	font-family:Arial;
	font-size:10pt;
}

.imageright
{
    padding-left: 20px;
    display: inline;
    clear: right;
    float:right;
}

.imageleft{
    padding-right:20px;
    display:inline;
    clear:right;
    float: left;
    font-size: small;
    line-height: 135%;
    color: #666666;
}

.imageleft td{
    padding-top:15px;
    vertical-align: middle;
}
.imageleft label
{
    padding-left: 5px;
    padding-right: 10px;
    /*font-weight:bold;*/
}

.imageleft2
{
    padding-right: 10px;
    display:  inline-block;
    float: left;
    clear:none;
}
.imageright2
{
    display: inline-block;
    float: left;
    clear: none;
    width: 550px;
}

.width100perc
{
    width:100%;
}

.width100percheight{
width: 100%;
height: 300px;
font-size: small;
}

.width70perc
{
    width:70%;
}

.xmpholder
{
    border: thin dotted #000000;
    font-size: inherit;
    display: block;
    overflow: auto;
    width: 250px;
    height: 300px;
    padding: 3px 3px 3px 3px;
    background-color: #C0C0C0;
}

.warning
{
font-size:small;
color:Maroon;
}

.hidden{
	visibility:hidden;
	z-index:200;
}

.searchbox
{
    background-color: white;
    overflow: scroll;
    z-index: 200;
    width: 180px;
    height: 200px;
    border-style: solid;
    border-width: 2px 1px 1px 2px;
    border-color: #CC3300;
    padding: 5px 5px 5px 5px;
    text-align: left;
    white-space: nowrap;
    line-height: 1.2em;

}
.searchbox a{
    text-decoration:none!important;
    font-size:80%!important;
}

.watermarked
{
    color: #CCCCCC;
    font-size:x-small;
}

.blueback
{
    background-color: #BBC2CD!important;
}
.notvisible
{
    width: 1px;
    height: 1px;
    overflow: hidden;
    display: block;
}

.new
{
    color: #EC8408;
    font-family: Arial, Helvetica, sans-serif;
    font-family: Verdana,Helvetica,Arial,Verdana,sans-serif;
    font-size: large;
    text-decoration: none;
    font-weight: bolder;
    line-height: 30px;
}

.orange
{
    color: #EC8408;
}   

.red
{
    color: #990000;
}

.font11px
{
font-size: 11px;
}

.font11pxbold
{
    font-size: 11px;
    font-weight:bold;
}

.bluegray{
    background-color: #E6EAF1;
}

.DemoScroll {
background-color:#F3F3F3;
border:1px solid #333333;
height:165px;
overflow:auto;
padding: 5px 5px ;
text-align:left;
width:100%;
}
.DemoScroll td{
padding: Opx 10px 0px 5px;
}
.linkbox
{
    padding-top:10px;
    background-position: left;
    display: block; 
    /*position: absolute;
    z-index: 1;
    
    */
    background-repeat: repeat-x;
    background-image: url('images/MenuBackDrop.png');
    height: 141px;
    padding-right: 0px;
    overflow:visible;
    
}

.linkbox .img
{
    padding-top:5px;
    padding-left:5px;
    padding-right:5px;
}

.flash
{
    display: inline;
    margin-top:-5px;
    padding-left:5px;
    clear:none;
    position: absolute;
    
 }
 
 /* Style For Calendar Control */
.calendar
{ 
    width: 100px;
    font-size: 9px!important;
}
 
.calendar table
{
    border: 1px #000000 solid;
    border-collapse: collapse;
    border-spacing: 0px;
    font-family: Verdana;
    font-size: 10px;
}

.calendar th
{
    color: #404040;
    font-family: Verdana;
    font-size: 9px;
    font-weight:bold;
 }

.calendar td,.size9px
{
    font-family: Verdana;
    font-size: 9px!important;
}
.calendar a
{
    font-family: Verdana;
    font-size: 9px!important;
}

a.request:link, a.request:visited, a.request:hover
{
    color: Olive;
    background-color: transparent;
    font-weight:normal;
    text-decoration: underline;
    font-family:inherit;
    font-size:inherit;
}
.iframe
{
    width: 100%;
    height: 95%;
    overflow: visible;
    background-color: #FFFFFF;
    background-repeat: no-repeat;
     background-image: url('images/progress.gif');
}
/************* hover pop up box with arrow **************
.popUpArrowPanel {
	display: none;	
}

.popUpArrowBoxTable{
	width: 380px;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
}

.popUpArrowBoxTdTopLeft {
	width: 75px; 
	height: 28px; 
	background-image: url('images/BoxTopLeft.png'); 
	background-repeat: no-repeat;	
}

.popUpArrowBoxTdTopSide {
	background-image: url('images/BoxSideTop.png'); 
	background-repeat: repeat-x; 
	width: 160px;	
}

.popUpArrowBoxTdTopRight {
	width: 28px; 
	height: 28px; 
	background-image: url('images/BoxTopRight.png'); 
	background-repeat: no-repeat;	
}

.popUpArrowBoxTdTopArrow {
	vertical-align: top; 
	background-image: url('images/BoxTopLeftArrow.png'); 
	background-repeat: no-repeat; 
	position: relative; 
	left: 75px; 
	top: -28px; 
	height: 94px; 
	width:75px;
}

.popUpArrowBoxTdSideLeft {
	vertical-align: top; 
	width: 75px; 
	height: 120px; 
	background-image: url('images/BoxSideLeft.png'); 
	background-repeat: repeat-y;	
}

.popUpArrowBoxTdContent {
	vertical-align: top; 
	background: url('images/SpacerWhite.gif');
}

.popUpArrowBoxTdSideRight {
	width: 28px; 
	height: 120px; 
	background-image: url('images/BoxSideRight.png'); 
	background-repeat: repeat-y;
}

.popUpArrowBoxTdBottomLeft {
	width: 75px; 
	height: 28px; 
	background-image: url('images/BoxBottomLeft.png'); 
	background-repeat: no-repeat;
}

.popUpArrowBoxTdBottomSide {
	background-image: url('images/BoxSideBottom.png'); 
	background-repeat: repeat-x; 
	width: 160px;	
}

.popUpArrowBoxTdBottomRight {
	width: 28px; 
	height: 28px; 
	background-image: url('images/BoxBottomRight.png'); 
	background-repeat: no-repeat;	
}
*/

/************* hover pop up box with arrow ***************/
.popUpArrowPanel {
	/*display: none;	*/
	/*width:250px;*/
}

.popUpArrowBoxTable{
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	width:250px;
}

.popUpArrowBoxTdTopLeft
{
    background-position: right top;
    width: 6px;
    height: 25px;
    background-image: url('images/BoxTopLeft.png');
    background-repeat: no-repeat;
}

.popUpArrowBoxTdTopSide
{
    font-size: 110%;
    background-image: url('images/BoxSideTop.png');
    background-repeat: repeat-x;
    font-weight: bold;
    height: 25px;
    color: #FFFFFF;
}

.popUpArrowBoxTdTopRight {
	width: 6px; 
	height: 25px; 
	background-image: url('images/BoxTopRight.png'); 
	background-repeat: no-repeat;	
}

.popUpArrowBoxTdSideLeft {
	vertical-align: top; 
	width: 6px; 
	background-position: right;
	background-image: url('images/BoxSideLeft.png'); 
	background-repeat: repeat-y;	
}

.popUpArrowBoxTdContent {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	 color:#2F4D7A;
    font-size:80%;
    /*font-weight:600;*/
    padding:5px 5px 5px 5px;
	}
	
.popUpArrowBoxTdContent h4,.h4{
    font-size:120%;
    color:Black;
}

.popUpArrowBoxTdSideRight {
	width: 6px; 
	background-image: url('images/BoxSideRight.png'); 
	background-repeat: repeat-y;
}

.popUpArrowBoxTdBottomLeft {
	width: 6px; 
	height: 6px; 
	background-position: right;
	background-image: url('images/BoxBottomLeft.png'); 
	background-repeat: no-repeat;
}

.popUpArrowBoxTdBottomSide {
	background-image: url('images/BoxSideBottom.png'); 
	background-repeat: repeat-x; 
}

.popUpArrowBoxTdBottomRight
{
    width: 6px;
    height: 6px;
    background-image: url('images/BoxBottomRight.png');
    background-repeat: no-repeat;
}




/*
div.wp-caption {
   position: relative;
   display: block;
}
.wp-caption a:before {
   content: url('images/btn_zoom_only2.gif');
   position: absolute;
   right: 5px;
   top: 5px;
}   
*/
.div_rel{
    background: white;
    
/*position: relative;*/
}

.div_rel_main_image
{
    border-style: solid;
    border-width: 0px;
    border-color: inherit;
    /*cursor: url('images/magnify.png') sw-resize /* position: relative;*/
    cursor: url(CMS_ZoomIcon.ico),url(images/CMS_ZoomIcon.ico),sw-resize;
}
img.div_rel_main_image
{
 /*cursor: url('images/magnify.png') sw-resize /* position: relative;*/
   /* visibility:hidden;*/
     border-style: solid;
    border-width: 3px;
    border-color: Fuchsia;
}


.div_rel_top_image
{
    /*background-image: url('images/magnify.png');
    background-repeat: no-repeat;*/
    width:50px;
    height:50px;
}

.div_rel_top_image_invisible{
    /*background-image: url('images/magnify.png');
    background-repeat: no-repeat;*/
    width:50px;
    height:50px;
    visibility: hidden;
    }
.menuimg img
{
    border-style: none;
}

.menuimg a:focus {
            outline: none;
        }
        
        
 /* ACCORDION HEADER  */       
.accordionHeader{
    display:block;
    clear:both;
    border-top: solid 1px #ECE2E6;
}
.accPanel
{
    padding: 5px 2px 5px 2px;
    width:95%;
}
.accordionHeader img,.accordionHeaderSelected img{
    padding-right: 5px;
}

.accordionHeaderSelected{
    display:block;
    clear:both;
    border-top: solid 1px #ECE2E6;
}
.accordionContent{
    padding: 5px 2px 5px 2px;
}

.accordionContent .selected{
    margin: 5px 5px 5px 15px;
    /*display:block;*/
    color: #F79117;
    clear:both;
    background-color: #ECE2E6;
    border-bottom: solid 1px  #ECE2E6;
    line-height:2em;
    font-weight:normal;
    text-decoration: none;
    font-family:inherit;
    font-size:80%; 
}

 .accordionContent a:link, .accordionContent a:visited
{
   margin: 5px 5px 5px 15px;
    /*display:block;*/
    color: #444A73;
    clear:both;
    background-color: transparent;
    font-weight:normal;
    text-decoration:none;
    border-bottom: solid 1px  #F0F0F5;
    line-height:2em;
    font-family:inherit;
    font-size:80%;
}

.accordionContent a:hover{
    margin: 5px 5px 5px 15px;
     /*display:block;*/
    color: #F79117;
    clear:both;
    background-color: transparent;
    font-weight:normal;
    /*text-decoration:none;*/
     border-bottom: solid 1px  #F5E7D5;
     line-height:2em;
    font-family:inherit;
    font-size:80%;  
}

.liststyle li
{
	list-style-position: outside;
	margin-left: -20px;
}

.noshow
{
	display:block;
	visibility:hidden;
	width:1px;
	height:1px;
}

@media screen, projection
{
	.noprint
	{
	}
}

@media print 
{
	.noprint
	{
		overflow:hidden;
		visibility:hidden;
		width:1px;
		height:1px;
	}
}