/* Multi Column Styles */

.twocol
{
    float: left;
    width: 605px;
    padding-left: 20px;
}

.twocolflush
{
    float: left;
    width: 625px;
}

.leftcontent
{
    padding: 0px 25px 0px 0px;
    float: left;
    width: 293px;
}

.midcontent
{
    padding: 0px 20px 0px 15px;
    float: left;
    width: 292px;
}

.rightcontent
{
    padding: 0px 0px 0px 20px;
    float: left;
    width: 291px;
}

.rightcontent select
{
    font-size: 1em;
}

.sidebar
{
    background-image: url('../Images/2010/sidebar1.jpg');
    background-repeat: repeat-y;
}

.onecol
{
    padding-top: 25px;
    width: 910px;
}

.onecol ul
{
    line-height: 1.5em;
    padding-bottom: 1em;
    display: block;
    list-style-type: square;
    text-indent: 20px;
    list-style-position: inside;
}

.onecol ul ul
{
    line-height: 1.5em;
    padding-bottom: 1em;
    display: block;
    list-style-type: square;
    text-indent: 40px;
    list-style-position: inside;
}

.headerleft
{
    height: 300px;
    width: 625px;
    float: left;
}

.headerleft img 
{
    border-style: none;
    height: 300px;                        
}

.headerright
{
    padding: 20px;
    width: 293px;
    float: left;
    font-size: 90%;
}

.headertop
{
    border: 1px solid #333333;
    width: 958px;
    height: 300px;
}

.headertop h2
{
    color: #333333;
}

.productsgroup
{
 padding: 20px 0px 0px 0px;
}

.loginDisplay
{
    float: right;
    font-size: 11px;
    height: 19px;
    padding-right: 16px;
}

.leftheader
{
    padding: 20px 20px 0px 0px;
    width: 439px;
    float: left;
}

.rightheader
{
    padding: 20px 0px 0px 20px;
    width: 439px;
    float: right;
}

.newsHeader
{
    
}

.infobar
{
    float: left;
}

.contentwrapper
{
    background-position: 20px;
    width: 100%;
    float: left;
    clear: both;
    margin-left: -16px;
    /*background-image: url('../Images/2010/divider-2.gif');
    background-repeat: repeat-y;*/
}

.twocolwrapper
{
    background-position: 20px;
    padding: 0%;
    float: left;
    clear: both;
    background-image: url('../Images/2010/divider-1.gif');
    background-repeat: repeat-y;
    background-color: #FFFFFF;
    width: 100%;
}



.product
{
    margin: 0px 0px 0px -28px;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-color: #cccccc; /*width: 100%;*/
    float: left;
}

.productwrapper
{
    float: left;
    /*background-image: url('../Images/2010/divider-3.gif');
    background-repeat: repeat-y;*/
}

.productpic
{
    margin: 0px auto 0px auto;
    padding-bottom: 5px;
}

.productpic img
{
    border-style: none;
    border-width: 0px;
    outline: 0;
    margin: 0px auto 0px auto;
    text-align: center;
    color: #FF0066;
    display: block;
}
.productbox
{
    padding: 30px 8px 0px 8px;
    width: 202px;
    float: left;
    margin-left: 28px;
    height: 250px;
    background-image: url('/Images/2010/product-bgnd.jpg');
    background-repeat: no-repeat;
    font-size: 90%;
}

.medproductbox
{
    padding: 30px 8px 8px 8px;
    width: 202px;
    float: left;
    margin-left: 28px;
    margin-right: 0px;
    height: 238px;
    background-image: url('/Images/2010/med-bgnd.jpg');
    font-size: 90%;
}



/* LOGIN ELEMENTS   
----------------------------------------------------------*/


.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.bolditalic
{
    font-weight: bold;
    font-style: italic;
}

.submitbutton
{
    display: inline-block;
    border-style: none;
    -webkit-border-radius: 4;
    -moz-border-radius: 4;
    border-radius: 4px;
    font-family: Arial;
    color: #ffffff;
    font-size: 18px;
    background: #73839d;
    padding: 5px 20px 5px 20px;
    margin-top: 20px;
    text-decoration: none;
    outline:none;
}

.submitbutton:hover {
  background: #1c3867;
  text-decoration: none;
  cursor:pointer;
}


/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    border-style: none;
    float: left;
    clear: left;
}
  
legend
{   
    margin-left: .5em;
    padding-left: .25em;
    padding-right: .25em;
    color: #000000;   
    font-weight: bold;  
    
}  

fieldset ol
{
    padding: 0em 0em 0 .5em;
    list-style: none;
} 
 
fieldset li
{   
    float: left;    
    clear: left;    
    width: 100%;    
    padding-top: .5em;   
} 
 
fieldset submit
{    
    float: none;    
    width: auto;    
    border: 0 none #FFF;    
    padding-left: 9em;
    padding-top: 1em;   
}

fieldset label
{    
    float: left;    
    width: 7em;    
    margin-right: 1em;   
}

fieldset fieldset
{
    border-style: none;
    background-color: transparent;
    background-image: none;
    width: 100%;
} 
     
fieldset fieldset legend
{       
    margin-left: 0;       
    font-weight: normal;      
}
      
fieldset fieldset ol
{
    padding: 1em 0em 0 0em;
    position: relative;
    margin: 0 0 0 8em;
}      

fieldset fieldset label
{       
    float: none;       
    width: 100%;       
}

.login
{
    margin-right: auto;
    margin-left: auto;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.bulletedlist
{
    list-style-type: none;
    text-indent: 20px;
    line-height: 175%;
}

/* QuickFind Layout */

div.bulletbox
{
    border: 2px solid #74819f;
    float: left;
    width: 99%;
    padding-top: 10px;
    padding-bottom: 10px;
}

div.qfind
{
    float: left;
    padding-left: 20px;
    font-size: 90%;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
}

div.qflabel
{
    float: left;
    width: 80px;
}
div.qfwrap
{
    float: left;
    margin-bottom: 4px;
    width: 100%; 
}
div.qffield 
{
    float: left;
}

div.quickfind input.smallElement, textarea.smallElement, select.smallElement, button.smallElement
{
font-size: 100%;
} 

.imgmap
{
    vertical-align:bottom;
    border-style: none
}

/* Course List Layout */

.coursebox
{
    width: 47%;
    float: left;
    margin-right: 3%;
    color: #555555;
}

.coursetitle
{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #333333;
    margin-bottom: 5px;
}

.courseline
{
    width: 100%;
    clear:both;
}

.lcol
{
    float: left;
   /* padding-left: 10px;*/
}

.rcol
{
    float: right;
}

.titlelink
{
    float: left;
    font-weight: bold;
   /*
    line-height: 180%;
    margin-left: 10px;*/
    padding-top: 8px;
}

.btn-ind
{
  display: block;
  width: 233px;
  height: 76px;
  background: url("/images/2010/btn-industrial.jpg") no-repeat 0 0;

}

.btn-ind:hover
{ 
  background-position: 0 -76px;
}

.btn-ind span
{
  display: none;
}

.btn-med
{
  display: block;
  width: 233px;
  height: 76px;
  background: url("/images/2010/btn-medical.jpg") no-repeat 0 0;

}

.btn-med:hover
{ 
  background-position: 0 -76px;
}

.btn-med span
{
  display: none;
}

.btn-aes
{
  display: block;
  width: 233px;
  height: 76px;
  background: url("/images/2010/btn-aesthetics.jpg") no-repeat 0 0;

}

.btn-aes:hover
{ 
  background-position: 0 -76px;
}

.btn-aes span
{
  display: none;
}

.btn-box
{
    float: left;
    background-image: url('/Images/2010/home-btns.jpg');
    width: 280px;
    padding-left: 20px;
    height: 354px; 
    padding-top: 46px;
}

/* Datagrid look */

.tablestyle 
{
	border: solid 1px #7f7f7f;
}

.altrowstyle 
{
    background-color: #edf5ff;
}

.headerstyle th 
{
    background: url(/images/2010/sprite.png) repeat-x 0px 0px;
    border-color: #989898 #cbcbcb #989898 #989898;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    color: #000;
    padding: 4px 5px 4px 10px;
    text-align: center;
    vertical-align: bottom;
}  

.headerstyle th a
{
    font-weight: normal;
	text-decoration: none;
	text-align: center;
    color: #000;
	display: block;
    padding-right: 10px;
}    

.rowstyle .sortaltrow, .altrowstyle .sortaltrow 
{
    background-color: #edf5ff;
}

.rowstyle .sortrow, .altrowstyle .sortrow 
{
    background-color: #dbeaff;
}

.rowstyle td, .altrowstyle td 
{
    padding: 4px 10px 4px 10px;
    border-right: solid 1px #cbcbcb;
}

.headerstyle .sortascheader 
{
    background: url(/images/2010/sprite.png) repeat-x 0px -100px;
}

.headerstyle .sortascheader a 
{
    background: url(/images/2010/dt-arrow-up.png) no-repeat right 50%;
} 

.headerstyle .sortdescheader 
{
    background: url(/images/2010/sprite.png) repeat-x 0px -100px;
}   

.headerstyle .sortdescheader a 
{
    background: url(/images/2010/dt-arrow-dn.png) no-repeat right 50%;
} 

/* Rounded COrner Container */

#rnd_container
{
    padding: 25px 0px 25px 0px;
    background: #FFFFFF;
}
    
    .rnd_top, .rnd_bottom {display:block; background:#FFFFFF; font-size:1px;}
    .rnd_b1, .rnd_b2, .rnd_b3, .rnd_b4 {display:block; overflow:hidden;}
    .rnd_b1, .rnd_b2, .rnd_b3 {height:1px;}
    .rnd_b2, .rnd_b3, .rnd_b4 {background:#FFFFFF; border-left:1px solid #1c3766; border-right:1px solid #1c3766;}
    .rnd_b1 {margin:0 5px; background:#1c3766;}
    .rnd_b2 {margin:0 3px; border-width:0 2px;}
    .rnd_b3 {margin:0 2px;}
    .rnd_b4 {height:2px; margin:0 1px;}
    
    .rnd_content {
    display:block;
    border:0 solid #1c3766;
    border-width:0 1px;
    padding: 10px;
    background:#FFFFFF;
    color:#000000;
}

.barrierlist
{
    display: block;
    padding-top: 10px;
    line-height: 2em;
}

.barrierlist li
{
   
    padding: 2px;
}

.normallist
{
    padding-left: 24px;
    list-style-type: square;
}

.noborder
{
    border-style: none;
    border-width: 0px;
    outline: 0;
    outline: none;
}

.noborder a:active, .noborder a:selected, .noborder a:visited, .noborder img
{
    border-style: none;
    border-width: 0px;
    outline: 0;
    outline: none;
}

.headertext
{
    padding: 10px 20px 0px 20px;
    background-image: url('/Images/2010/text-header-bgnd.jpg');
    background-repeat: repeat-x;
    color: #FFFFFF;
    float: left;
    width: 293px;
    height: 290px;
    font-size: 90%;
}    

.headertext a:link, .headertext a:visited, .headertext a:active
{
    color: #FFFFFF;
    text-decoration: none;
}

.headertext a:hover
{
    color: #FFFFFF;
    text-decoration: underline;
    
}

.fieldtitle
{
    width: 30%;
    float: left;
    margin-right: 8px;
    margin-bottom: 30px;
}
.field
{
   
    float: left;
    margin-right: 8px;
}
.unit
{
    width: 20%;
    float: left;
    margin-right: 8px;
}

.numbers
{
    color: #333333;
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 16px;
}

.numbers a
{
    font-weight: normal;
    line-height: 2em;
}

.infobtn
{
    float: right;
}

.narrowresults
{
    margin-left: 16px;
    text-indent: 10px;
    display: block;
}

.narrowresults td input
{
    padding-right: 10px;

}

.tbllist1
{
    width: 100%;
}
.tbllist1 td
{
    padding: 0px 10px 0px 10px;
    height: 22px;
}

.tbllist1 th
{
    height: 22px;
    background-color: #e4e7ea;
}

.squarebulletlist
{
    display: block;
    list-style-type: square;
    text-indent: 10px;
    list-style-position: inside;
}

.squarebulletlist ul
{
    display: block;
    list-style-type: square;
    text-indent: 30px;
    list-style-position: inside;
}

.bullets
{
    display: block;
    list-style-type: square;
    list-style-position: inside;
    padding-left: 1.6em;
}


.bullets li
{
    text-indent: -1.3em;
    padding: 3px 0px 3px 0px;
}

.newspicborder
{ 
    border: 1px solid #333333; float:left;
    float: left;
    margin-right: 10px;
 }


.newspic
{
    float: left;
    margin-right: 10px;
    border: none;
}

.radiolist
{
    display: block;
    text-indent: 10px;
}

.eyewearlist
{
    padding: 20px 0px 30px 20px;
    border-width: 3px;
    border-style: solid none none none;
    border-color: #74819f;
    float: left;
    width: 605px;
    line-height: 140%;
}
.eyewearlist h4
{
    margin: 0px;
    padding: 0px 0px 8px 0px;
    font-size: 1.2em;
}
.eyewearlist h5
{
    margin: 0px;
    font-size: 1.0em;
    font-variant: normal;
}

.eyewearlistpic
{
    border: 2px solid #74819f;
    padding: 10px 10px 20px 10px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    text-align: center;
    height: 120px;
}

.odblock
{
    float: right; 
    white-space: nowrap; 
    padding-right: 20px; 
    width: 200px;
}

.framestyleblock
{
    float: left;
    width: 100%;
    margin-top: 20px;
}

.productFamily { margin-left:8px; color:#f68b1a; text-transform:capitalize; font-weight: bold; font-size: 1.3em; }

.narrowresultscontainer
{
    float: left;
    padding-left: 60px;
}

.narrowresultscontainer h4
{
    padding-left: 10px;
}

.narrowresults
{
    text-indent: 10px;
    display: block;
}

.floatleft
{
    float: left;
}

.floatright
{
    float: right;
}

.productlist
{  
    padding: 0px 0px 20px 0px; 
    float: left; 
    width: 625px;
}

.productdetails
{
    width: 605px;
    float: left;
}

.productdetails ul
{
    display: block;
    list-style-type: square;
    text-indent: 10px;
    list-style-position: inside;
}

.productdetails ul li ul li
{
    display: block;
    text-indent: 30px;
    list-style-position: inside;
}

.productdetails ul li ul
{
    list-style-type: circle;
}

.courseradiolist
{
    margin: 0px 25px 0px 0px;
}

.coursedetails
{
    float: left;
    width: 600px;
}

.coursedetails ul
{
    display: block;
    list-style-type: square;
    text-indent: 10px;
    list-style-position: inside;
}

.coursedetails ul li ul li
{
    display: block;
    text-indent: 30px;
    list-style-position: inside;
}

.coursedetails ul li ul
{
    list-style-type: circle;
}

.newsdetails
{
    float: left;
}

.newsdetails ul
{
    display: block;
    list-style-type: square;
    text-indent: 10px;
    list-style-position: inside;
}

.newsdetails ul li ul li
{
    display: block;
    text-indent: 30px;
    list-style-position: inside;
}

.newsdetails ul li ul
{
    list-style-type: circle;
}

.italic
{
    font-style: italic;
}

.courseimg
{
    padding-bottom: 20px;
}

.articlelist a
{
    font-size: 14px;
}

.mapleft
{
    height: 300px;
    width: 625px;
    float: left;
    text-align: center;
    background-color: #FFFFFF;
}

.contacttable
{
    width: 625px;
}

.contacttable td
{
    padding-right: 2px;
    padding-bottom: 6px;
    vertical-align: top;
}

.search
{
    float: left; 
    padding-left: 8px; 
    margin-top: 4px;
}

.search img
{
    border-style: none; 
    height: 20px; 
    padding-right: 20px;
}

.listing
{
}

.listing li
{
    text-indent: -2em;
    margin-left: 2.5em;
    padding-bottom: 10px;
}

.courselength
{
    clear: both;
}
.courselengthtext
{
    font-size: .8em;
    padding-bottom: 6px;
    display: block;
    line-height: 1em;
}