/* CSS Document */
#flash { width:800px; height:260px; background-color:#FFFFFF;}
body {background: #930041; padding: 0; margin: 0;}
body,html{height: 100%; font-family: Verdana, Arial, "Times New Roman", Times, serif; font-size: 10px; color: #000; line-height: 16px;}
p {margin: 0; margin-bottom: 10px;}
#outer {height: 100%; /* overflow: hidden; position: relative; */ width: 100%;}
#outer[id] {display: table; position: static;}
#top {position: relative; background: url(images/top.gif) no-repeat bottom center; width: 820px; height: 16px; margin: 20px auto 0 auto;}
#btm {position: relative; background: url(images/btm.gif) no-repeat top center; width: 820px; height: 16px; margin: 0 auto; }
#inner {
position: relative;
background: url(images/cb.gif) repeat-y center;
width: 820px;
margin: 0 auto;
/* height: 608px; */
overflow: hidden;
/* padding: 0 10px; */
padding: 0;
vertical-align: top;
}
#content { padding: 0 10px; }
#footer { position: relative; width: 820px; font-size: 9px; color: #939393; line-height: 12px; margin: 0 auto 8px auto; text-align: center; clear: both; }


#logo { height: 104px; float: left; margin-left: 10px;
}	
.IE #logo {margin-left: 12px; }
#top-right {float: right; margin-right: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #930041; font-size: 10px; width: 50%; }
#top-right span {float: right; line-height: 22px; margin-right: 10px;}
.login, a.login:link, a.login:visited {border: #ae4071 1px solid; text-decoration: none; padding: 0px 6px; float: right; color: #930041; font-weight: bold; line-height: 22px; text-transform: uppercase;} a.login:hover, a.login:active {border: #ae4071 1px solid; color: #930041; text-decoration: underline; padding: 0px 6px; float: right; font-weight: bold; line-height: 22px; text-transform: uppercase;}

.distributor-details { line-height: normal; float: right; margin-right: 16px; margin-top: 6px; height: 76px; width: 400px; }
.distributor-image { float: left; height: 76px; width: 72px; overflow:hidden; }
.distributor-name { font-size: 14px; font-weight: bold; padding-left: 14px; float: left; height: 24px; width: 313px; overflow:hidden; }
.distributor-phone { font-size: 12px; padding-left: 14px; float: left; height: 17px; width: 99px; overflow:hidden; }
.distributor-email { font-size: 12px; padding-left: 12px; float: left; height: 17px; width: 202px; overflow:hidden; }
.distributor-message { padding-left: 14px; float: left; height: 35px; width: 313px; overflow:hidden; }

.clr {clear: both;}
#menu-row {border-top: #930041 1px solid; float: left; margin: 0 12px; text-align: right; width: 796px;}
.IE #menu-row { display: inline; /* combat IE double float bug */ }
#menu {display: block; list-style-type: none; margin: 0;position: relative; text-align: right; float: right;}
#menu li, #menu li a {font-family: Verdana, Arial; font-size: 10px; margin: 0; padding: 0 5px; color: #930041; font-weight: bold; display: inline; line-height: 25px; text-decoration:none;} #menu li a:hover {padding: 0 5px; text-decoration: underline;}

/* index.html */
#qi {background: url(images/qi.gif) no-repeat top left; float: left; width: 382px; height: 260px;}
.IE #qi { width: 380px; }
#people {background: url(images/people.gif) no-repeat top right; float: right; width: 418px; height: 260px;}
.IE #people { width: 416px; }

#box1 {margin: 17px 0; float: left;width: 100%;}
#box1 a, #box1 a:link, #box1 a:visited { color: #FFF; }
/* welcome
#welcome {float: left; background: #930041; width: 244px; height: 63px; padding: 15px; color: #fff; text-align: left; line-height: 16px;}
#welcome span, #qi-soft-lauch span {font-size: 14px; font-weight: bold;}
#welcome hr, #qi-soft-lauch hr{ height: 1px; margin-left: 20px; width: 117px; color: #fff; background-color: #fff; border: 0px solid #fff;}
#rr {float: right; margin-right: 10px; /* margin-left: 18px; width: 508p;  }
.IE #rr { margin-right: 8px; }
#pic1 {background: url(images/pic1.gif) no-repeat; width: 90px; height: 93px; }
*/

/* softlaunch 
#pic2 {background: url(images/pic2.gif) no-repeat; width: 90px; height: 93px; float: left;}
#qi-soft-lauch {float: left;background: #930041;  width: 229px; height: 67px; padding: 13px 0px 13px 8px; color: #fff; text-align: left; line-height: 16px;}
#pic3 {background: url(images/pic3.gif) no-repeat; width: 91px; height: 93px; float: left;}
 */
 
 /* free trial */
 #pic2 {background: url(images/free_trial.jpg) no-repeat; width: 417px; height: 93px; float: left;}
 
#box2 {border-top: #930041 1px solid; border-bottom: #930041 1px solid; margin:0; padding: 5px 0; float: left; width: 820px; color: #930041}

#pic4 {background: url(images/pic4-48.gif) no-repeat; width: 48px; height: 48px; float: left; margin-left: 54px;}
.IE #pic4 { display: inline; /* combat IE double float bug */ }
#left-txt {float: left; width: 315px; margin: 0 15px; border-right: #930041 1px solid;}
.IE #left-txt { display: inline; /* combat IE double float bug */ }
#pic5 {background: url(images/pic5.gif) no-repeat; width: 42px; height: 46px; float: left; }
#right-txt {float: left; width: 235px; margin: 0 32px 0 15px;}
.IE #right-txt { display: inline; /* combat IE double float bug */ }

#Privacy {float: left; margin-left: 24px; margin-top: 4px;} #Privacy a {margin-right: 25px; line-height: 16px;}

a, a:link, a:visited {color: #930041; text-decoration: none;} a:hover, a:active { text-decoration: underline;}

#breadcrumb {float: left; margin: 0 10px; background: #930041; color: #fff; line-height: 33px; height: 33px; width: 784px; padding-left: 16px; font-size: 12px; font-weight: bold;}
.IE #breadcrumb { display: inline; /* combat IE double float bug */ }

/* qi-prickly-pear-puree.html */
#pearpuree-left {float: left; padding: 16px; width: 440px;}

#pearpuree-right {float: right; width: 328px;}
#pearpuree-left ul, #pearpuree-right ul {margin: 0; margin-bottom: 12px; padding: 0;} #pearpuree-left ul li, #pearpuree-right ul li {list-style-type: none; background: url(images/icon.gif) no-repeat 0 50%; padding-left: 16px; line-height: 18px;}

#pic6 {background: url(images/pic6.gif) no-repeat top; width: 328px; height: 260px;}
#pic7 {background: url(images/pic7.gif) no-repeat; width: 48px; height: 51px; float: left;}
.title {font-size: 12px; color: #930041; font-weight: bold;}
.big-title {font-size: 14px; color: #930041; font-weight: bold;}

/* the-qi-opportunity.html */
#opportunity-left {float: left; margin-left: 15px; width: 310px;}
.IE #opportunity-left { display: inline; /* combat IE double float bug */ }
#opportunity-right {float: right; margin: 18px 22px 16px 16px; width: 425px;}
.IE #opportunity-right { display: inline; /* combat IE double float bug */ }
#pic8 {background: url(images/pic8.gif) no-repeat top; width: 310px; height: 255px; }
#pic9 {background: url(images/pic9.gif) no-repeat; width: 38px; height: 54px; float: left;}

#opportunity-left ul, #opportunity-right ul {margin: 0; margin-bottom: 12px; padding: 0;}
#opportunity-left ul li, #opportunity-right ul li {list-style-type: none; background: url(images/icon2.gif) no-repeat 0 50%; padding-left: 16px; line-height: 18px;}

/* about-qi-nutraceuticals.html */
#nutraceuticals-left {float: left; padding: 16px; width: 434px;}
#nutraceuticals-right {float: right; margin-right: 10px; width: 322px;}
.IE #nutraceuticals-right { display: inline; /* combat IE double float bug */ }
#pic10 {background: url(images/pic10.gif) no-repeat top left; width: 319px; height: 264px; float: left;}

#pic11 {background: url(images/pic11.gif) no-repeat top left; width: 309px; height: 255px;}
#info {padding-top: 10px;} #info img {margin: 0 10px;}