/* CSS Document for Quantum Specials */
/* ---------------------------------------------

Normal css style

This file will make the font size bigger and also swap the images

 --------------------------------------------- */

body{font-family:Arial, Helvetica, sans-serif; background:url(../images/bg.jpg) bottom center no-repeat; background-color:#44177e; color:#000; font-size:0.9em; margin:0; padding:0;}
/* main headers */
h1{padding:28px 0 0 20px; color:#FFF; font-size:1.2em; background: url(../images/top_header_main.gif) top center no-repeat; height:56px; }
h2{padding:8px 0 0 20px; color:#FFF; font-size:1.1em; background: url(../images/header_main.gif) top center no-repeat; height:33px}
/* top header */
h3{padding:15px 0 0px 20px; color:#FFF; font-size:1.1em; background: url(../images/header_bg_right.gif) top center no-repeat; height:42px;}
/* small header */
h4{padding:8px 0 0px 20px; color:#FFF; font-size:1.1em; background: url(../images/headers_sub_left_right.gif) top center no-repeat; height:33px; margin-top:0px;}
h5{padding:15px 0 0px 20px; color:#FFF; font-size:1.1em; background: url(../images/header_bg_right.gif) top center no-repeat; height:33px; margin-top:0px;}
h1{margin:0 0 -25px 0;}
h1 h2, h3, h4, h5{margin:0 0 -15px 0;}

a:link{color: #000; text-decoration: underline;}
a:hover{color: #666; text-decoration: underline;}
a:visited{color:#8e0369; text-decoration:none;}
a:active{color:#470034; text-decoration:none;}

a img{border:0;}
span{ font-weight:bold; color:#6e0051;}

/* Font size */
.normalSize{}
.mediumSize{ font-size:1.2em;}
.largeSize{font-size:1.4em;}

/* Custom divs */
/* the rotator file is linked here to show the images */
#top_header{background: url(../headers/rotator.php) top center no-repeat; margin:auto; width:auto; height:166px;}
/* Holders */
#mainHolder{width:1008px;margin:auto;}
#leftHolder{margin:0 7px 15px 0; float:left; width:228px;}
#midHolder{margin:0 0 15px 0; /*background: url(../images/bg_main.gif) top center repeat-y;*/ float:left; width:538px;}
#rightHolder{margin:13px 0 15px 7px;background: url(../images/bg_left_right.gif) top center repeat-y;float:left; width:228px;}
#delivery{margin:20px 0 15px 0; background: url(../images/bg_left_right.gif) top center repeat-y;}

#midHolder dl{margin-left:20px;}
#midHolder dt{background:url(../images/arrow_right.gif) left center no-repeat; padding:0 0 0 10px;}
#midHolder dd{padding-left: -20px;}

#leftHolder a, #midHolder a{color:#6e0051;}

#rightHolder a:link{color: #000; text-decoration: underline;}
#rightHolder a:hover{color: #666; text-decoration: underline;}
#rightHolder a:visited{color:#8e0369; text-decoration:none;}
#rightHolder a:active{color:#470034; text-decoration:none;}

#leftHolder p, #midHolder p, #rightHolder p{padding:0 19px 0 19px;}
#midHolder ul{list-style:url(../images/arrow_right.gif);}
/* right bottom latest news */
#rightHolder ul{list-style:url(../images/news_icon.gif);}
#rightHolder li{padding:0 30px 10px 0;}

/* what is a spe page*/
/*#list_spe ul{width:470px;}*/

/* images floating right for all divs */
.imgFloating{float:right; padding:0 20px 0 10px;}
.imgFloatingLeft{float:left; padding:0 10px 0 20px;}
.imgCenter{padding:0 0 0 20px;}
/* back to top */
.backTop{font-size:0.8em;}
.backTop a{color:#000; }

/* Sitemap */
#sitemapSetup dt{padding:0 0 0 20px;}

/* Main Nav */
#nav{color:#FFF;background: url(../images/bg_left_right.gif) top center repeat-y;}
#nav a{color:#FFF;}
#leftHolder dl{font-size:0.9em;margin-top:0; padding-top:0; margin-bottom:0; padding-bottom:0;}
#leftHolder dt {padding:5px 0 5px 20px; background:url(../images/nav_bg.gif) top center no-repeat;}
#leftHolder dd {padding:5px 0 5px 28px; background: url(../images/nav_sub_bg.gif) top center no-repeat; /* stops the background from moving right over to the right */margin:0;}
#nav .endNav{background:url(../images/nav_end.gif) top center no-repeat; height:20px;}
#nav .endNav_blue{background:url(../images/bottom_nav_bg.gif) top center no-repeat; height:20px;}
#leftHolder dt a:hover{text-decoration:underline;}
#leftHolder dd a:hover{text-decoration:underline;}

#nav .biggerBg{background: url(../images/large_nav_sub_bg.gif) top center no-repeat; height:35px;}

/* Footer */
#footer{font-size:0.8em;color:#000; text-align:center; margin-top:50px; padding:20px 0 0 0; height:220px; width:100%; background: url(../images/bg_footer.gif) bottom  left repeat-x;}
#footer a:link{color: #000; text-decoration: underline;}
#footer a:hover{color: #666; text-decoration: underline;}
#footer a:visited{color:#8e0369; text-decoration:none;}
#footer a:active{color:#470034; text-decoration:none;}