body{
background-image : url(/images/backgrounds/page_background.jpg);
    margin:0px;
    padding:0px;
    font-family: Arial;
	font-size: 1em;
   color:#173355; 
}
table, textarea, form, td, th, font, p, li, ul, ol, dl, dt, object, embed, dd, blockquote, div{ margin:0px;
    padding:0px;}

select, textarea, input{font-size: .86em;}  
 h1, h2, h3, h4 , h5{width:auto;} 
 
h1{font-size: 1.5em;}
h2{font-size: 1.29em;}
h3{font-size: 1.14em;}
h4{font-size: 1em;}
h5{font-size: .88em;}



img, div{behavior: url(/iepngfix.htc);}


.content-div, .footer-curve, .main-navigation,  p.footer-links{
background: #fff; 
/*width:73.14em; 1024*/
/*width:57.14em; 915*/
width:51em;
margin-left:3.7em;
}


 
.content-div{padding:1.0em; }
  
.footer-curve{height:auto; overflow-y:hidden;}
.footer-curve div{width:.44em; height:.44em;   }
.footer-curve div.bottom-left-curve{background-image : url(/images/backgrounds/footer-btm-left-cnr.jpg);
background-repeat: no-repeat;
 background-position:left bottom;
float:left;
 }
 
.footer-curve div.bottom-right-curve{
background-image : url(/images/backgrounds/footer-btm-rt-cnr.jpg);
background-repeat: no-repeat;
 background-position:right bottom;
 float:right;
 }

 p.footer-links{text-align:center; clear:both; background:none; margin-top:.5em;}
  p.footer-links, p.footer-links a:link, p.footer-links a:active, p.footer-links a:visited, p.footer-links a:hover{color:#fff;}
/*fix for FF*/
body > p.footer-links {width:53em; }

.flossfish-main-header{background-image : url(/images/logo_franky_header.png);
background-repeat: no-repeat;
 background-position:left top;
 width:44.44em;
 height:15.06em;
 margin-bottom:-15px;
position:relative;
 }

.flossfish-main-header p, .flossfish-main-header h1{
/*margin:5.44em .31em .63em 1.7em;*/
position:relative;
left:3.5em;
top:5.00em;
float:left;
width:20.86em;
font-family: Times New Roman;
color:#153052;
font-size: 1.21em;
font-weight:normal;
line-height:90%;
}

/*ff fix for top navigation, check in IE 7*/
body > ul.main-navigation, body > div.footer-curve{width:53em; margin-bottom:1.25em;}

.main-navigation li{
    float:left;
    list-style:none;
    height:1.7em;
    font-family: Arial;
    font-size: 18px;
    font-weight:bold;
    text-align:center;
    color:#fff;
    margin:0em;
    padding:.3em 0em 0em 0em;
    width:25%;
    }

    
    
.main-navigation li a:link, .main-navigation li a:visited, .main-navigation li a:active{ font-family: Arial;
font-size: 1em;
font-style: normal;
font-weight:bold;
    color:#fff;
text-decoration: none; }


.main-navigation li a:hover {text-decoration: underline; }


.main-navigation li.instructions-nav span, .main-navigation li.contact-us-nav span{
 margin-top:-.31em; 
 width:.44em;
 height:.44em;
}

.main-navigation li.contact-us-nav a{
  float:left;
  margin-left: 50px;

}
  
.main-navigation li.instructions-nav span{
 float:left;
 background: url(/images/backgrounds/nav-top-left-cnr.jpg) no-repeat left top;

}
.main-navigation li.instructions-nav{background:#feba00;}

.main-navigation li.order-nav{background: #fa42cc; }
.main-navigation li.more-info-nav{background: #58db01; }
.main-navigation li.contact-us-nav{background: #5dbae8; }

.main-navigation li.contact-us-nav span{
 float:right;
 background: url(/images/backgrounds/nav-top-right-cnr.jpg) no-repeat right top;
}


p.left-content{width:33em; margin-top:.71em;}
.video-instructions{float:right; 
width:12.5em;  
margin:0em .71em 0em .71em;
clear:left;
}

.fb-widget{
width:300px
clear:left;
float: right;
}

.video-instructions h4{margin-bottom:-.5em; color:034f83; text-align:left;  }
.video-instructions object, embed{margin-top:-.2em;}
#video-instructions-button{
/*background-image : url(/images/backgrounds/player-background.jpg);
background-repeat: repeat-x;
background-position:left top;*/
padding: 1.2em 0em 0em 1.5em;
}

#info-page-left-list{float:left; list-style:none;}
.faq-question{font-weight:bold; margin-top:1em;}
.faq-answer{margin-left:.88em;}

#copyright-list li, #trademark-list li {margin:0em 0em 1em 1.5em; list-style-type: lower-roman;}

/* The height is too much in FF.  */
.large-button, .large-expandable-button a{
background-image : url(/images/buttons/large-button.jpg);
background-repeat: no-repeat;
 background-position:left top;
 width:9.94em;
 height:3.69em;
 text-align:center;
padding-top:1.1em;
margin:.88em 1em 0em 0em;
float:left;
}



/*check in IE 7 and refactor buttons*/
form > div.large-button, div.video-instructions > div.large-button{height:2.69em;}

/* you should be able to take out the padding with this .large-button a{display:block; margin-top:1em;}*/

.large-expandable-button{margin:.88em 0em 0em 2em;}

.large-expandable-button a{background-image : url(/images/buttons/lgbuttonBG.jpg);
background-repeat: repeat-x;
 background-position:left top;
  height:3.69em;
  width:auto;
  white-space:nowrap;
  margin:0em;
}
.large-expandable-button span.start-button-curve, span.end-button-curve{float:left;}
span.start-button-curve, span.end-button-curve{  
height:3.75em; 
width:.50em; 
background-repeat: no-repeat;
 background-position:left top;}
span.start-button-curve{background-image : url(/images/buttons/lgbuttonLFTcurve.jpg);}
span.end-button-curve{background-image : url(/images/buttons/lgbuttonRTcurve.jpg);}
 


/*ff fix for top navigation, check in IE 7*/
#video-instructions-button > div.small-button{margin-bottom:-.5em;}

.adobe-button{
background-image : url(/images/buttons/adobe-button.jpg);
background-repeat: no-repeat;
 background-position:left top;
 width:11.56em;
 height:3.88em;
 margin-bottom:1em;
}


.large-button a:link, .large-expandable-button a:link, .large-button a:visited,  .large-expandable-button a:visited, .large-button a:hover,  .large-expandable-button a:hover, .large-button a:active, .large-expandable-button a:active{ font-family: Arial;
font-size: 1em;
font-style: normal;
font-weight: bold;
color:#fff;
text-decoration: none; }

.adobe-button a:link,  .adobe-button a:hover, .adobe-button a:active, .adobe-button a:visited{ font-family: Arial;
font-size: .75em;
font-style: normal;
font-weight: bold;
color:#fff;
text-decoration: none;
width:11em; display:block; padding:.5em .5em 0em .5em;
 }



.small-button{
background-image : url(/images/buttons/small-button.jpg);
background-repeat: no-repeat;
 background-position:left top;
 width:9em;
 height:2.13em;
  text-align:center;
 padding-top:.65em;
 margin-bottom:.63em;
 float:left;
}

/*check in IE 7 and refactor buttons*/
div.video-instructions > div.small-button{height:1.5em;}

.small-button a:link, .small-button a:hover, .small-button a:link, .small-button a:active,  .small-button a:visited{
    font-family: Arial;
    font-size: .88em;
    font-weight:normal;
    text-decoration:none;
    color:#fff;
}

.order-cart-buttons{margin-left: 25%; margin-bottom:.5em;}

#patient-bag-promo{
background-image : url(/images/backgrounds/graphic_new_patient_bags.jpg);
background-repeat: no-repeat;
 background-position:left top;
  width:234px;
 height:155px;
 float:right;
 margin-left:.88em;
}

#patient-bag-promo h5{color:#fff; width:6em; font-size: .83em; line-height:95%; margin:3.5em 0em 0em 1.5em; text-align:center;}
#patient-bag-table{margin:.5em 0em 0em 0em;}
#flossfish-table{margin:.5em 0em 0em 0em;}

#instruction-steps{list-style:none; float:left; width:34em; margin:0 0 10px 0;}
#hm-pg-order-button {margin:.5em 0em 0em 0em;}
#hm-pg-instructions-button{margin-top: .3em;}

/*ff fix for instructions, check in IE 7*/
body > div.content-div > ol#instruction-steps{width:36em;}

#instruction-steps li{clear:both; width:100%;  margin-bottom:2em; float:left;}
#instruction-steps li img{float:left;  margin-right:.5em;}
#instruction-steps li p{width:330px; float:left;}
#quick-pick-sub{margin:-1.5em 0em 0em 0em; display:block;}
a:link, a:visited, a:active{ font-family: Arial;
font-size: 1em;
font-style: normal;
font-weight: normal;
color:#034F83;
text-decoration: underline; }

a:hover{color:#FFBA00;}

option.MenuColorBLU{background-color:#66CCFF;}
option.MenuColorPNK{background-color:#FC43CE;}
option.MenuColorGRN{background-color:#66FF00;}
option.MenuColorPPL{background-color:#9900FF;}
option.MenuColorDGO{background-color:#FFBA00;}

#error-display{
  position: relative;
  visibility: visible;
  z-index: 1; }
  
ul#contact-us-list{
list-style:none;
float: left;
}

ul#contact-us-list li{
margin-top:10px;
}

ul.thanks-list{
margin:20px 0 0 40px;
}