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

body {
color: #000;   /*** Default text color for page ***/
font-family:  geneva, arial, sans-serif;   /*** Sets default font for page ***/
font-size: 100.01%;   /*** Keep this for x-browser text conformance ***/
text-align: center;
}

p  {margin: 5px 0; line-height: 1.4;}

h2 {font-size: 1.2em; text-align: center; padding: 4px; margin: 0;}

h3 {font-size: 1.0em; text-align: center; padding: 4px; margin: 0;}

ul, li, form, input {margin: 0; padding: 0;}   /*** Zeroing defaults ***/

a img {border: 0;}    /*** Hides linked image borders ***/

a {
color: #00f;   /*** default link color ***/
text-decoration: underline;
}

a:visited {   /*** Visited link color ***/
color: #80f;
}

a:hover {   /*** Hovered link color ***/
text-decoration: none;
}

.centeringdiv {
text-align: center;
}

/****************** Main page structure *****************/

#outerframe {
width: 780px;
margin-left: auto;
margin-right: auto;
text-align: left;
border: 1px solid #000;
border-width: 0 1px;
}

.wrapper {
min-width: 760px;   /*** Sets point where non-IE browsers start scrolling ***/
font-size: .8em;
background: #acd4e7;
}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
The values marked with "Critical..." are to change the side col widths or the col 
dividers. All non-zero pixel values with the same indicated critical type MUST be 
changed together or the design will break. In other words, changing the left col width
requires four seperate and equal value changes to work properly. 
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/


 .outer
{
border-left: 1px solid #fff; /*** Critical left divider dimension value ***/
border-right: 1px solid #fff; /*** Critical right divider dimension value, currently white ***/
margin-left: 150px;    /*** Critical left col width value ***/
margin-right: 137px;    /*** Critical right col width value ***/
background: #fff;  /*** Sets col BG color ***/
}

.float-wrap { /*** Never touch this set! ***/
float: left;
width: 100%;
margin-left: -1px;
}

.center { /*** Never touch this set! ***/
float: right;
width: 99%;
position: relative;
margin: 0 -1px;  
border: 0;
padding: 0;
font-size: 1.2em;
}

.left {
float: left;
position: relative;
width: 152px;    /*** Critical left col width value ***/ /*** Critical left divider dimension value ***/
margin-left: -151px;    /*** Critical left col width value ***/ /*** Critical left divider dimension value ***/
border: 0;
padding: 0;
}


.right {
float: right; 
position: relative;
width: 139px;    /*** Critical right col width value ***/ /*** Critical right divider dimension value ***/
margin-right: -138px;    /*** Critical right col width value ***/ /*** Critical right divider dimension value ***/
margin-top: 0;
border: 0;
padding: 0;
}

.container-left {
position: relative;
margin-left: 1px;  /*** Don't touch this value ***/
width: 150px;   /*** Critical left col width value ***/
}

.inner-left {
padding-bottom: 10px;
}

.container-right {
margin-left: 2px;  /*** Critical right divider dimension value ***/
width: 137px;   /*** Critical right col width value ***/
}

.inner-right {
padding: 0;   /*** Sets padding on entire right col ***/
text-align: center;
}

.container-center {
padding: 25px 15px 10px 10px;   /*** Padding for the center col. Use only pixels ***/ 
}


/***************** Layout page variant rules ******************/

/*** This .onecol body class feeds special rules to critical divs so that the main 
area will be a single column. To use this class, remove .left and .right col divs, 
along with all their nested divs. ***/
.onecol .outer,
.onecol .float-wrap, 
.onecol .center { 
margin: 0;
width: auto;
float: none;
}

/*** These body classes feed special rules for the two column basic layout and the 
two col w/table page versions. To use these classes, remove the .right col div, 
along with all its nested divs. ***/
.twocol .outer {
border-left: 1px solid #fff; /*** Critical left divider dimension value ***/
border-right: 0;
margin-left: 150px;    /*** Critical left col width value ***/
margin-right: 0;
background: #fff;  /*** Sets col BG color ***/
}



/*************** Column top and bottom elements *****************/

h1.logo { /*** This element is invisible but can be crawled and read by screen readers ***/
position: absolute; 
font-size: 1px;
visibility: hidden;
overflow: hidden;
height: 1px;
top: -10px;
}

.header {
border-bottom: 15px solid #acd4e7; /*** Sets border directly on top of the three cols ***/
background: url(http://www.fioricetonline.com/images/doc-fade1.jpg) no-repeat 0 0; /*** upper left corner pic ***/ 
}

.header div {  
left: 120px; 
}

.footer {
border-top: 0px solid #ccc;   /*** Sets border across bottom of cols ***/
border-width: 0;   /*** Counteracts border setting in the Nav4 sheet ***/
background: #acd4e7;   /*** BG color for footer ***/
text-align: center;
font-size: .8em;
font-weight: bold;
margin-top: 0;   /*** Counteracts margin setting in the Nav4 sheet ***/
padding: 15px 0;  
/*** Keep at least 1px of vertical padding here to "trap" the 
paragraph margin within the footer ***/
}


/*************** Left col navigation styles ***************/

.left h4 {
background: #faa; 
margin: 0;
padding: 3px 3px 4px 7px;
background: #68228b; 
color: #eedd82;
border: 1px solid #000;
border-width: 1px 0;
}

.left ul {
margin: 15px 12px 25px 6px;
list-style: none;
}

.left ul ul {
margin: 5px 0 15px 5px;
}

.left li {
margin: 0;
border-bottom: 1px solid #acd4e7;
display: inline;
}

.left ul ul li {
margin: 0;
}

.left .sectionhead { 
font-family: arial, sans-serif; 
font-size: 0.9em; 
color: #00008B; 
font-weight: bold; 
} 
 
.left .sectionhead a, .left .sectionhead a:visited { 
text-decoration: none; 
color: #00008B; 
} 

.left ul ul a, .left ul ul a:visited {  
text-decoration: underline;  
font-size: .9em;  
padding: 0 0 4px 3px;  
}

.left .inner-left ul ul a:hover {
text-decoration: none;
}

/************* bigbuttons ********************/

.bigbuttons {
height: 136px;
padding-left: 15px;
}

.bigbuttons a {
padding-right: 10px;
}

/************* roundbox *********************/

.roundbox {
width: 427px;
background: url(http://www.fioricetonline.com/images/roundbox-top.gif) no-repeat 0 0;
margin: 5px 0 0 15px;
clear: both;
}

.roundboxinner {
background: url(http://www.fioricetonline.com/images/roundbox-bottom.gif) no-repeat 0 100%;
padding: 10px 12px 10px 10px;
}

.twocol .roundbox, .twocol .roundboxinner {
background-image: none;
}

.twocol .roundbox {
width: 595px;
margin-left: 0;
}

.roundbox ul {
padding: 0 0 .2em 0;
font-size: .75em;
}

.twocol .roundbox ul {
float: left;
width: 100%;
border-top: 1px solid #999;
}

.twocol .roundbox li {
border: 1px solid #999;
border-width: 0 1px 1px;
background: url(http://www.fioricetonline.com/images/roundbox-normal.gif);
}

.roundbox li {
clear: both;
padding: 0;
float: left;
width: 100%;
margin: 0;
list-style: none;
}

.roundbox .leftspan {
float: left;
width: 230px;
padding: .4em 0 .3em 8px;
}

/* \*/
* html .roundbox .leftspan {width: 238px; w\idth: 230px;}
/* Bug fix hack for the IE box model */


.twocol .roundbox .leftspan {
width: 270px;
}

.leftspan span {
font-weight: bold;
float: none;
display: inline;
width: auto;
border: 0;
padding: 0;
}

.roundbox .rightspan {
float: right;
width: 285px;
padding-left: 8px;
}

/* \*/
* html .roundbox .rightspan {width: 290px; w\idth: 285px;}
/* Bug fix hack for the IE box model */


.rightspan a, .rightspan span {
float: left;
width: 200px; 
padding: .4em 0 .3em 0;
}

.rightspan span {
width: 75px; 
}

.rightspan a {
padding-left: 8px;
}

.twocol .roundbox .colored {
background: url(http://www.fioricetonline.com/images/roundbox-colored.gif);
}

/************ textcopy styles ****************/

.minilogo {
display: block;
margin: 0 0 0 20px;
}

.textcopy h2 {
font-size: .9em;
}

.textcopy h3 {
text-align: left;
color: #000;
margin: 1em 5% .2em 10px;
font-size: .9em;
}

.textcopy p {
margin: .5em 15px .5em 20px;
font-size: .8em;
}

.productimage {
float: right;
margin: 10px 10px 10px 20px;
}

.textcopy ul {
font-size: 85%;
margin: .5em 15px .5em 50px;
}

.textcopy li {
list-style-type: disc;
}

.subcopy a {
text-decoration: none;
color: #00008B;
}
/*************** ad-holder (right col) **********/

/* \*/
* html .ad-holder {
text-align: right;
}
/* fix for IE, corrects image alignment */


/*************** Sitemap Rules **********/

.sitemap .container-center h2 {
text-align: left; 
clear: both; /* This value is needed to work with the floated tables as a fix for IE */ 
}

.sitemap .container-center table {
float: left; /* This value is needed to work with the cleared h2's as a fix for IE */ 
width: 100%; 
border: 1px solid #888;
margin: 0 0 15px 0;
}

.sitemap .container-center table table {
margin: 0; /* This prevents the margin on the outer tables from being applied to the inner tables */
}

.bottom-border {
border-bottom: 1px solid #888;
}

.right-border {
border-right: 1px solid #888;
}

table tr.misspell td {
font-size: .7em; /* This sets the reduced text size on the subcells */
}

table tr.misspell td a {
color: #050; /* This sets the text color on the subcells */
}


/************** Special Fixes *************/

/*** Helps prevent IE from messing up with italics ***/
.center, .container-left, .container-right {overflow: visible;}

/*** Holly hack fix for various IE problems ***/
/* \*/
* html .outer a, * html .container-left, * html .container-right, * html .outer, 
* html .twocol, * html .tablecol, * html .contentbox, * html .container-center, 
.container-left h2, .tabs li a, * html .left ul, * html .left a, * html .left h4, 
* html .resultbox, * html .detailbox, * html .roundboxinner, * html .roundbox ul
{height: 1%;}
/* */

.clear {display:block; margin: 0; height: 1px; font-size: 0; line-height: 0; visibility:hidden; clear:both;}
 
.hide { height: 0; width: 0; overflow: hidden; position: absolute;  /* for the benefit of ie5 mac */  
     }

.brclear {
clear:both;
height:0;
margin:0;
font-size: 1px;
line-height: 0;
}