@charset "utf-8";
/* CSS Document */

* { padding: 0; margin: 0; border: 0; outline: 0; }



body {background:url(../images/back_wht.png); }
#main-container{ width:1024px; height:auto; margin:0 auto; padding:25px 0 0 0;}
#content-holder{ margin:0; padding:0; background:#000;width:1024px; height:auto;}
#main-container .left{ float:left; width:89px; height:616px; background:url(../images/JollieLollie_left.gif) no-repeat bottom; margin:0 0 0 0; padding:0; vertical-align:top; }
#main-container .mid{ float:left; width:855px; margin:0; padding:0; height:auto;}
#main-container .right{ float:left; width:80px; height:616px; background:url(../images/JollieLollie_right.gif) no-repeat bottom; margin:0; padding:0; vertical-align:top;}
#container{ width:854px; height:480px; background:#eceaed; margin:0; padding:0;}
#top{ height:134px; width:855px; background:url(../images/JollieLollie_top.gif) no-repeat; margin:0; padding:0;}
#bott{ height:173px; width:457px; margin:0; padding:0; float:right;}
#content{ width:854px; height:480px; margin:0; padding:0; background:#eceaed;}
#header { height:40px; background:url(../images/top-back.gif) repeat-x; margin:0; padding:0 0 0 0;}

#menu{ float:left; padding:0; margin:0;}
#menu ul{ margin:0; padding:0; list-style-type:none;}
#menu ul li{margin:0; padding:0 14px ; height:16px; display:block; float:left;}
 
#menu ul li a{ text-decoration:none;height:16px; float:left; margin:0; padding:0;}
* html #menu ul li a{margin:0 14px; padding:0;}
#menu ul li a span{ display:none;}

#menu ul li a.home{ background:url(../images/home.jpg) no-repeat; width:39px; height:16px; padding:0;}
#menu ul li a.home:hover, #menu ul li a.home.home-active{ background:url(../images/home-hover.jpg) no-repeat; width:39px; height:16px; padding:0;}
#menu ul li a.catalogue{ background:url(../images/catalogue.jpg) no-repeat; width:70px; height:16px; padding:0; }
#menu ul li a.catalogue:hover, #menu ul li a.catalogue.catalogue-active{ background:url(../images/catalogue-hover.jpg) no-repeat; width:70px; height:16px; padding:0; }
#menu ul li a.terms{ background:url(../images/terms-faq-hints.jpg) no-repeat; width:125px; height:16px; padding:0;}
#menu ul li a.terms:hover, #menu ul li a.terms.terms-active{ background:url(../images/terms-faq-hints-hover.jpg) no-repeat; width:125px; height:16px; padding:0;}
#menu ul li a.aboutus{ background:url(../images/aboutus.gif) no-repeat; width:62px; height:16px; padding:0;}
#menu ul li a.aboutus:hover, #menu ul li a.aboutus.aboutus-active{ background:url(../images/aboutus-hover.jpg) no-repeat; width:62px; height:16px; padding:0;}
#menu ul li a.contact{ background:url(../images/contact.jpg) no-repeat; width:54px; height:16px; padding:0;}
#menu ul li a.contact:hover, #menu ul li a.contact.contact-active{ background:url(../images/contact-hover.jpg) no-repeat; width:54px; height:16px; padding:0;}


#nav{ float:left; padding:0; margin:0; vertical-align:top; width:500px;}
#nav ul{ margin:0; padding:0; list-style-type:none; height:31px;}
#nav ul li{margin:0; padding:0; height:32px; display:block; float:left;}
 
#nav ul li a{ text-decoration:none;height:31px; float:left; margin:0; padding:0;}
* html #nav ul li a{}
#nav ul li a span{ display:none;}

#nav ul li a.home{ background:url(../images/home.png) 0 1px no-repeat; width:64px; height:32px; padding:0;}
#nav ul li a.home:hover, #nav ul li a.home.home-active{ background:url(../images/home.png) 0 -32px no-repeat; width:64px; height:32px; padding:0;}
#nav ul li a.catalogue{ background:url(../images/catalogue.png) 0 1px no-repeat; width:94px; height:32px; padding:0; }
#nav ul li a.catalogue:hover, #nav ul li a.catalogue.catalogue-active{ background:url(../images/catalogue.png) 0 -32px no-repeat; width:94px; height:32px; padding:0; }
#nav ul li a.terms{ background:url(../images/terms.png) 0 1px no-repeat; width:148px; height:32px; padding:0;}
#nav ul li a.terms:hover, #nav ul li a.terms.terms-active{ background:url(../images/terms.png) 0 -32px no-repeat; width:148px; height:32px; padding:0;}
#nav ul li a.aboutus{ background:url(../images/aboutus.png) 0 1px no-repeat; width:86px; height:32px; padding:0;}
#nav ul li a.aboutus:hover, #nav ul li a.aboutus.aboutus-active{ background:url(../images/aboutus.png) 0 -32px no-repeat; width:86px; height:32px; padding:0;}
#nav ul li a.contact{ background:url(../images/contact.png) 0 1px no-repeat; width:76px; height:32px; padding:0;}
#nav ul li a.contact:hover, #nav ul li a.contact.contact-active{ background:url(../images/contact.png) 0 -32px no-repeat; width:76px; height:32px; padding:0;}


#other{ float:right; padding:10px 0 0 0; margin:0;vertical-align:top; width:auto;}
#other ul{ margin:0; padding:0; list-style-type:none;}
#other ul li{margin:0; padding:0; height:16px; display:block; float:left;}
* html #menu ul li{ margin:0; padding:0;}

#other ul li span{ display:none;}
#other ul li a.id{ width:160px; height:16px; padding:0 14px 0 0;}
#other ul li.phone{ background:url(../images/phone-no.jpg) no-repeat; width:97px; height:16px; padding:0 25px 0 0;}

#logo{ float:left; width:311px; height:440px; margin:0; background:url(../images/JollieLollie_logo.gif) no-repeat right 60px;}
#main{ float:left; width:543px; margin:0; padding:0;}
#main .cont{ padding:120px 55px 0 25px; margin:0;}
#main .contact{ padding:10px 20px 0 30px; margin:0;}
.catalogue{ margin:0 auto; padding:0; width:700px; }
.pdf{ font-weight:bold; padding:0 10px 0 0; font-family:Arial, Helvetica, sans-serif; font-size:.875em;}
#contactform{padding:0; margin:5px 0 10px 0;}
#contactform input, #contactform select{ width:250px; height:18px; float:left; border:1px solid #ac8fb5;font-family:Arial, Helvetica, sans-serif; font-size:.875em; color:#000000;}
#contactform textarea{width:250px; height:60px; float:left; border:1px solid #ac8fb5;font-family:Arial, Helvetica, sans-serif; font-size:.875em; color:#414040; max-width:250px; max-height:60px;}
#contactform label{ width:120px; height:18px; font-family:Arial, Helvetica, sans-serif; font-size:.875em; color:#414040; float:left;}
#contactform .radio{ width:20px; height:20px;font-family:Arial, Helvetica, sans-serif; font-size:.875em; color:#414040;}
#contactform .clear{ clear:both; height:8px;}
#contactform .button{ width:73px; height:28px; background:url(../images/submit-but.gif) no-repeat; color:#414040; font-size:.875em; font-weight:bold; border:none; cursor:pointer;}
#contactform .span-label{padding:0 10px; margin:0; font-size:.875em;height:20px; float:left;}
.error{ height:40px; border:1px solid #F00; margin:0; padding:0 20px 10px 20px;}
.detail-left{ float:left; width:210px; padding:0 10px 0 10px;}
.detail-right{ float:right; width:210px; padding:0 10px 0 10px;}

.flip-book{ margin:0; padding:0;}