*{font-size:100.01%}
html { height:100%; font-size:68.5%; }
body { background-color: #e8e8e8; margin: 0; padding: 0; font:1.3em "Trebuchet MS",trebuchet,arial,sans-serif; }
* html body {height:100%;}
.clr { clear: both; }

#topbox { width: 100%; height: 150px; background: #dd0000 url(images/headerbg.gif) no-repeat 50% 0; border-bottom: 3px solid #8f0000; clear: both; }
#mainbox { width: 100%; height: auto; overflow: hidden; }
.topbar { width: 810px; height: 150px; margin: 0 auto; }
.mainbody { width: 810px; margin: 0 auto; padding: 20px 0;  overflow: hidden; }
.footer { border-top: 3px solid #d8d8d8; padding: 20px 20px; text-align: center; width: 770px; margin: 0 auto; color: #929292; }
h1.logoOut { float: left; width: 200px; height: 150px; margin: 0; padding: 0; }
a.logo { width: 164px; height: 52px; background: url(images/logo.png) no-repeat 0 0; text-indent: -9999em; overflow: hidden; display: block; margin-top: 50px; }

.trialpack { float: left; width: 210px; height: 210px; background: url(images/packbox.gif) no-repeat 0 0; padding: 20px 20px; margin: 0; }
.largepack { float: left; width: 210px; height: 210px; background: url(images/packbox.gif) no-repeat 0 0; padding: 20px 20px; margin: 0 30px; }
.jumbopack { float: left; width: 210px; height: 210px; background: url(images/packbox.gif) no-repeat 0 0; padding: 20px 20px; margin: 0; }

#navigation { float: left; width: 610px; height: 150px; padding: 0; } 
#navigation ul { float: right; padding: 0; margin: 120px 0 0 0; list-style: none; height: 30px; }
#navigation ul li { float: left; display: block; height: 30px; }
#navigation ul li a:link, #navigation ul li a:visited { background: url(images/menubg.gif) no-repeat 0 100%; padding: 0 10px; float: left; display: block; text-decoration: none; height: 28px; line-height: 26px; border: 2px solid #8f0000; border-bottom: 0; color: #fff; text-align: center; }
#navigation ul li a:hover, #navigation ul li a.on:hover, #navigation ul li a.on:visited, #navigation ul li a.on:link { background: url(images/menubgh.gif) no-repeat 0 100%; }
#navigation ul li a.link1, #navigation ul li a.link2, #navigation ul li a.link3 { border-right: 0; }

.trialprice, .largeprice, .jumboprice { font: 4em "Georgia",trebuchet,arial,sans-serif; display: block; clear: both; text-align: center; padding-bottom: 20px; }
.trialh2, .largeh2, .jumboh2 { display: block; width: auto; clear: both; height: 29px; padding-bottom: 20px; margin: 0; text-indent: -9999em; overflow: hidden; }
.trialh2 { background: url(images/trialh2.gif) no-repeat  50% 50%; }
.largeh2 { background: url(images/largeh2.gif) no-repeat  50% 50%; }
.jumboh2 { background: url(images/jumboh2.gif) no-repeat  50% 50%; }

.trialpack p, .largepack p, .jumbopack p { padding: 0; margin: 0; text-align: center; }
.trialpack p, .trialprice , .trialth { color: #30435e; }
.largepack p, .largeprice, .largeth { color: #778f30; }
.jumbopack p, .jumboprice , .jumboth { color: #dd0000; }

.trialorder, .largeorder, .jumboorder { display: block; text-align: center; height: 34px; width: 114px; margin: 0 auto; } 

.trialorder a, .largeorder a, .jumboorder a { display: block; width: 114px; height: 34px; padding: 0; margin: 0; text-indent: -9999em; overflow: hidden; } 
.trialorder  a { background: url(images/trialorder.gif) no-repeat 0 0; }
.largeorder  a { background: url(images/largeorder.gif) no-repeat 0 0; }
.jumboorder  a { background: url(images/jumboorder.gif) no-repeat 0 0; }

.leftcolumn { float: left; width: 540px; padding: 0 20px 0 0; margin: 0; }
.rightcolumn { float: left; width: 250px; padding: 0; margin: 0; }
.rightcolumn  .trialpack, .rightcolumn  .largepack, .rightcolumn  .jumbopack { margin: 0 0 15px 0; }

.important { overflow: hidden; width: auto; display: block; padding: 10px 10px; background-color: #fef5be; border-top: 2px solid #fdd425; border-bottom: 2px solid #fdd425; }

table.gallerylist  { border-collapse: collapse; empty-cells: show; background: #fff; width: 100%; }
table.gallerylist td { padding: 5px 5px; text-align: left; border: 1px solid #e8e8e8; } 
table.gallerylist th { padding: 8px 5px; text-align: center; border: 1px solid #e8e8e8; font-weight: bold; font-size: 140%; } 
table.gallerylist a { text-decoration: none; }
table.gallerylist a:hover { text-decoration: underline; }

a.triallink:link, a.triallink:visited, a.triallink:hover { color: #30435e; }
a.largelink:link, a.largelink:visited, a.largelink:hover { color: #778f30; }
table.gallerylist td.listnumber { text-align: center; }

.formseparator, .formbutton { width: auto; clean: both; margin-bottom: 15px; }
.formseparator .inputtext, .formseparator textarea { padding: 7px 5px; border: 2px solid #ccc; width: 320px; }
.formseparator select { padding: 2px 2px; border: 2px solid #ccc; }
.formseparator label { width: 150px; float: left; padding: 7px 10px; }
.formseparator textarea { height: 100px; }
.formbutton { padding-top: 15px; text-align: right; }
.formbutton  .contactbutton { margin-right: 40px; }
span.ordercode { font-weight: 150%; color: #ff0000; font-weight: bold; }
ul.orderlist { list-style: none; margin: 15px 0 0 0; padding: 0; }
ul.orderlist li { margin-bottom: 7px; } 



.error, .notice, .success, .info {margin-bottom: 1.5em; padding: 1em 1.5em 1em 5.5em; border-bottom: 2px solid #fff; border-top: 2px solid #fff}
.error    {background: #fbe3e4 url(images/hata.png) 2.2em center no-repeat; border-color: #e0011b; color: #444}
.error a  {color: #d12f19}
.notice    {background: #fff6bf url(images/ikaz.png) 2.2em center no-repeat; border-color: #ffd324; color: #444}
.notice a  {color: #817134}
.success   {background: #e9ffdd url(images/tamam.png) 2.2em center no-repeat; border-color: #72c868; color: #444}
.success a {color: #529214}
.info   {background: #e2ecee url(images/bilgi.png) 2.2em center no-repeat; border-color: #9ddae6; color: #444}
.info a {color: #2d7ba2}