html, body{
margin: 0;
padding: 0;
height: 99.8%;
}
table#bigtable{ font: 11px "Trebuchet MS", tahoma, Arial, sans-serif; }
table#bigtable{ font: 11px "Trebuchet MS", tahoma, Arial, sans-serif; }
table#bigtable tbody tr:hover td{ background-color: #C0B30C; }
table#bigtable th,table#bigtable td{ padding: 5px; }
table#bigtable th{ background-color: #817704; border-collapse: collapse; }
table#bigtable td{ background-color: #857B08; border-collapse: separate; text-align: center; }
table#bigtable tr.total{ font-weight: bold; }
table#bigtable tfoot td{ background-color: #7C7200; padding-top: 35px; }
#header{
width: 781px;
}
#logo{
width: 240px;
height: 150px;
margin: 0 auto 15px;
}
/* TABLEAU ANALYSES */
table#analysis{
margin-left: 20px;
border: 1px solid #534808;
border-collapse: collapse;
}
table#analysis td{border: 1px solid #534808; padding: 3px 5px;}
table#analysis td.title{font-weight: bold; border: 1px solid #534808; padding: 7px 5px;}
a{
outline: none;
color: #FFFEF8;
text-decoration: underline;
}
a#more-info-analys{
display: block;
width: 160px;
height: 89px;
background: url('../images/btnAnalys.jpg') top left no-repeat;
margin: 10px auto;
text-indent: -20000px;
}
a#more-info-analys:hover{
display: block;
width: 160px;
height: 89px;
background: url('../images/btnAnalys.jpg') 0 -89px no-repeat;
margin: 10px auto;
text-indent: -20000px;
}
div.imgPress img{
border: 5px solid white;
}
#global{
width: 100%;
background: url('../images/bg_body.jpg') top center no-repeat;
font: 12px tahoma, verdana, "Trebuchet Ms", sans-serif;
min-height: 100%;
}
#header{
width: 781px;
}
#logo{
width: 240px;
height: 150px;
margin: 0 auto 15px;
}
/* TABLEAU ANALYSES */
table#analysis{
margin-left: 20px;
border: 1px solid #534808;
border-collapse: collapse;
}
table#analysis td{border: 1px solid #534808; padding: 3px 5px;}
table#analysis td.title{font-weight: bold; border: 1px solid #534808; padding: 7px 5px;}
#page{
width: 767px;
padding: 15px 0;
background-color: #7C7200;
background-image: url('../images/bg_content.jpg');
background-position: right 27px;
background-repeat: no-repeat;
border: 7px solid white;
position: relative;
}
/** BUY ONLINE **/
#pagebuy{
width: 767px;
padding: 15px 0;
background: #131313 url('../images/buyonline_1_bg.jpg') top left no-repeat;
border: 7px solid white;
position: relative;
}
#pageBuyProduct{
width: 767px;
height: 480px;
padding: 15px 0;
background: #000 url('../images/buyonline_2_bg.jpg') top left no-repeat;
border: 7px solid white;
position: relative;
}
#pageBuyReview{
width: 767px;
height: 434px;
padding: 15px 0;
background: #000 url('../images/buyonline_3_bg.jpg') top left no-repeat;
border: 7px solid white;
position: relative;
}
#introText{
width: 45%;
float: right;
margin-right: 24px;
margin-top: 60px;
}
#introText .big{
display: block;
font-size: 16px;
font-weight: bold;
margin-bottom: 25px;
}
#review_txt{
position: relative;
top: 280px;
}
#review_txt .big{
display: block;
float: left;
font-size: 18px;
font-weight: bold;
margin-bottom: 25px;
margin-right: 25px;
}
#review_txt #orderId{
font-size: 15px;
font-weight: bold;
margin-bottom: 25px;
}
#review_txt .medium{
display: block;
font-size: 15px;
font-weight: bold;
}
#review_txt .med-small{
display: block;
font-size: 13px;
font-weight: bold;
}
a#neworder{
display: block;
width: 79px;
height: 44px;
text-indent: -20000px;
background: url('../images/newOrder.jpg') top left no-repeat;
position: absolute;
bottom: 10px;
right: 10px;
}
div#orderZone{
width: 100%;
padding: 0 20px;
}
div.orderZoneInt{
float: left;
color: #fff;
width: 43%;
margin-right: 40px;
padding: 5px;
}
* html div.orderZoneInt{
float: left;
color: #fff;
width: 43%;
margin-right: 30px;
padding: 5px;
}
* html div#orderZone{
width: 95%;
padding: 0 0 0 20px;
}
div.orderZoneInt span.form-title{
display: block;
margin-bottom: 5px;
text-decoration: underline;
text-align: center;
}
div.orderZoneInt p.formline{ margin: 0; clear:both; margin: 2px 0; }
div.orderZoneInt p.formline label{ display: block; float: left; width: 75px; }
div.orderZoneInt p.formline input.input{ background-color: #000; color: #fff; border: 1px solid #333; width: 200px; }
a#send{
display: block;
width: 91px;
height: 49px;
text-indent: -2000px;
background: url('../images/btnSendBuy.jpg') top left no-repeat;
float: right;
margin-right: 55px;
}
a#sendb{
display: block;
width: 91px;
height: 49px;
text-indent: -2000px;
background: url('../images/btnSendBuyBlack.jpg') top left no-repeat;
float: right;
margin-right: 45px;
}
* html a#sendb{ margin-right: 22px;}
a#send:hover,a#sendb:hover{
background-position: 0 -49px;
}
#shopZone{
position: relative;
width: 180px;
top: 125px;
left: 420px;
text-align: center;
}
#shopZone .big{
display: block;
font-size: 16px;
font-weight: bold;
margin-bottom: 25px;
}
input.minitext{ width: 45px; background: #000; color: #fff; border:1px solid #695B33; }
input#brown{float:left;}
input#blond{float:right;}
#content.page{
width: 450px !important!;
}
* html #content.page{
width: 400px !important!; height: auto; float: left; position: absolute; top: 0;
}
#contentInt{
margin: 0 15px;
text-align: justify;
color: #FFFEF8;
}
#container{
margin: 0 auto;
width: 980px;
}
#rightCol{
float: right;
padding-left: 10px;
height: 100%;
}
#footer{
width: 767px;
height: 50px;
background: url('../images/bg_footer.png') top left no-repeat;
}
* html .hack-png{position: relative;}
* html #footer{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='./images/bg_footer.png');
background-image:none;
}
/* CONTENT FONTS */
h2{
text-align: left;
}
.level1{
}
.level2{
font-size: 16px;
font-weight: bold;
}
.level3{
font-size: 14px;
font-weight: bolder;
}
.level5{
font-size: 12px;
font-weight: bold;
}
.level6{
font-size: 11px;
color: #000;
}
.greenbold{
color: #7D7101;
font-weight: bold;
}
span.copy{
position: relative;
left: 15px;
font-size: 10px;
}
span.copy a{
color: #000;
}
span.copy img{
position: relative;
top: 4px;
}
#logoAwex{
float: right;
position: relative;
top: -12px;
}
span.awex{
float: right;
margin-right: 15px;
font-size: 10px;
position: relative;
top: -7px;
}
a img{
border: none;
}
/* NOTES BLOCKS */
#sugarNote{
margin-top: 60px;
width: 286px;
height: 299px;
background: url('../images/side_info_sugarfree.jpg') top left no-repeat;
margin-bottom: 48px;
}
#knowNote{
margin-top: 60px;
width: 286px;
height: 299px;
background: url('../images/side_info_contact.jpg') top left no-repeat;
margin-bottom: 48px;
}
#pressNote{
margin-top: 50px;
width: 286px;
height: 299px;
background: url('../images/side_info_press.jpg') top left no-repeat;
margin-bottom: 48px;
}
#inviteNote{
margin-top: 50px;
width: 286px;
height: 299px;
background: url('../images/side_info_invite.jpg') top left no-repeat;
margin-bottom: 48px;
}
* html #inviteNote p{
margin: 4px 0;
}
* html #inviteNote{
padding-top: 10px;
}
a#btnPress{
display: block;
width: 269px;
height: 63px;
background-image: url('../images/btnPress.jpg');
background-repeat: no-repeat;
position: relative;
top: 224px;
top: 9px !important!;
left: 1px;
text-indent: -20000px;
}
a#btnPress:hover{
background-position: 0 -63px;
}
a#btnNews{
display: block;
width: 269px;
height: 63px;
background-image: url('../images/btnNews.jpg');
background-repeat: no-repeat;
position: relative;
top: 224px;
top: -5px !important!;
left: 1px;
text-indent: -20000px;
}
a#btnNews:hover{
background-position: 0 -63px;
}
* html a#btnNews{
position: static;
margin-top: -5px;
margin-left: 1px;
}
* html a#btnPress{
position: static;
margin-top: 6px;
margin-left: 1px;
}
#eventNote{
margin-top: 50px;
width: 286px;
height: 299px;
background: url('../images/side_info_newsevent.jpg') top left no-repeat;
margin-bottom: 48px;
}
#claimNote{
margin-top: 50px;
width: 286px;
height: 299px;
background: url('../images/pave_info.jpg') top left no-repeat;
margin-bottom: 48px;
}
#blocPost,#blocTel,#blocMail{
margin-left: 65px;
}
#blocPost{
margin-top: 15px;
}
#blocTel{
margin-top: 35px;
}
#blocMail{
margin-top: 45px;
}
#infoContent{
margin: 80px 20px 20px;
float: left;
}
* html #infoContent{
width: 250px;
margin: 80px 20px 20px 7px;
}
#infoContent ul{
padding: 0;
line-height: 160%;
margin-top: 15px;
}
#infoContent ul li{
margin-bottom: 15px;
}
/* PRESS *//*-----------------------------------*/
/*Font*/
span.titlePress{
font-size: 16px;
}
div.blocTitle{
height: 47px;
line-height: 47px;
}
div.blocTitle img{
float: left;
}
div.greenRect{
width: 420px;
background-color: #8E8411;
height: 23px;
line-height: 23px;
text-align: right;
padding-right: 10px;
}
div.greenRect a{
color: #fff;
}
div.blocPress{
width: 430px;
margin: 5px 0;
}
div.imgPress{
float: left;
margin-right: 5px;
}
/* PRESS *//*-----------------------------------*/
/* PHOTO BLOCKS */
#sugarPhoto{
width: 286px;
height: 413px;
}
#sugarPhoto img{
border: 1px solid #B7B222;
}
#contactPhoto{
width: 430px;
height: 144px;
margin-top: 60px;
}
#contactPhoto img{
border: 1px solid #B7B222;
}
#pressPhoto{
margin-top: 20px;
width: 270px;
height: 364px;
}
#pressPhoto img{
border: 1px solid #B7B222;
}
#claimPhoto{
margin-top: 20px;
width: 270px;
height: 413px;
}
#claimPhoto img{
border: 1px solid #B7B222;
}
#eventPhoto{
margin-top: 20px;
width: 270px;
height: 364px;
}
#eventPhoto img{
border: 1px solid #B7B222;
}
/* PAGE TITLES */
#sugarTitle{
width: 337px;
height: 104px;
background: url('../images/title_sugarfree.jpg') top left no-repeat;
}
#knowTitle{
width: 337px;
height: 104px;
background: url('../images/title_contact.jpg') top left no-repeat;
}
#pressTitle{
width: 337px;
height: 104px;
background: url('../images/title_press.jpg') top left no-repeat;
}
#newsTitle{
width: 337px;
height: 104px;
background: url('../images/title_news_events.jpg') top left no-repeat;
}
#inviteTitle{
width: 337px;
height: 104px;
background: url('../images/title_invite.jpg') top left no-repeat;
}
#claimTitle{
width: 337px;
height: 104px;
background: url('../images/title_more_about_sugarfree.jpg') top left no-repeat;
}
/* FROMS FORMS FORMS */
p.formline{
clear: left;
}
p.formline label{
display: block;
float: left;
width: 150px;
}
p.formline .input{
width: 280px;
border: 1px solid #B7B222;
}
p.formline a#send{
display: block;
width: 102px;
height: 51px;
background-image: url('../images/btnRequest.jpg');
background-repeat: no-repeat;
text-indent: -20000px;
float: right;
margin-right: 15px;
}
p.formline a#send:hover{
background-position: 0 -51px;
}
p.mbottom{
margin-bottom: 40px;
}
/* REFERENCEMENT CLASS */
.shadow{
display: none;
}
/* LAYOUT */
.spacer{
clear: both;
}
.italic{ font-style: italic; }
.black{ color: #000; }
.strong{ font-weight: bold;}
.aered{ line-height: 150%;}
/* Sugarfree Claim Styles*/
div#accordion{ color: #FFFEF8; }
div.tab-content{
text-align: justify;
display: none;
padding-right: 15px;
padding-left: 20px;
}
div.tab-content.vis{
display: block;
}
div.tab a.tab-togg{
cursor: pointer;
display: block;
font-size: 16px;
font-weight: bold;
padding-left: 70px;
height: 67px;
line-height: 67px;
}
* html div.tab a.tab-togg{
font-size: 14px;
}
div.tab div.arrow{
width: 34px;
height: 34px;
float: right;
background: url('../images/arrow.gif') top left no-repeat;
}
div.tab div.arrow.active{
width: 34px;
height: 34px;
float: right;
background: url('../images/arrow.gif') bottom left no-repeat;
}
div#tab1 a.tab-togg{ background: url('../images/hac_1.jpg') top left no-repeat; }
div#tab2 a.tab-togg{
line-height: 32px;
background: url('../images/hac_2.jpg') top left no-repeat;
}
div#tab3 a.tab-togg{ background: url('../images/hac_3.jpg') top left no-repeat; }
div#tab4 a.tab-togg{
line-height: 32px;
background: url('../images/hac_4.jpg') top left no-repeat; }
div#tab5 a.tab-togg{ background: url('../images/hac_5.jpg') top left no-repeat; }
div#tab1 a.tab-togg:hover{ background: url('../images/hac_1.jpg') 0 -67px no-repeat; }
div#tab2 a.tab-togg:hover{ background: url('../images/hac_2.jpg') 0 -67px no-repeat; }
div#tab3 a.tab-togg:hover{ background: url('../images/hac_3.jpg') 0 -67px no-repeat; }
div#tab4 a.tab-togg:hover{ background: url('../images/hac_4.jpg') 0 -67px no-repeat; }
div#tab5 a.tab-togg:hover{ background: url('../images/hac_5.jpg') 0 -67px no-repeat; }
a#btnMore{ display: block; text-indent: -20000px; width: 122px; height: 61px; background: url('../images/btnMore.jpg') top left no-repeat; margin: 15px auto 0; }
a#btnMore:hover{ background-position: 0 -61px; }