/* CSS for the BLUE website */

/* GENERAL LAYOUT CRAPHOLA */

#body {
	text-align: center;
	background:#ffffff none repeat scroll 0%;
	padding-top: 100px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-weight:bold;
	font-size:15px;
	margin:-6; 
}
#sidebody {
	text-align: center;
	background:#ffffff none repeat scroll 0%;
	padding-top: 100px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-weight:bold;
	font-size:15px;
	margin:-6; 
	width:2900px;
}

#spreadbody {
	text-align: center;
	background:#ffffff none repeat scroll 0%;
	padding-top: 100px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-weight:bold;
	font-size:15px;
	margin:-6; 
	width:2400px;
}

a img {
	border:medium none;
}
#content {
	padding-top: 30px; 
	padding-bottom: 30px;
	background-image:url("contentbg.gif");
	background-position:left top;
	background-repeat:repeat-y;
	margin:0 auto;
	width:1200px;
}
#widecontent {
	padding-top: 30px; 
	padding-bottom: 30px;
	background-image:url("http://www.boltonblue.com/widebg.gif");
	background-position:left top;
	background-repeat:repeat-y;
	margin:0 auto;
	width:1400px;
}
#sidecontent {
	height: 1350px;
	padding: 30px; 
	background-image:url("http://www.boltonblue.com/sidebg.gif");
	background-position:left top;
	background-repeat:repeat;
	margin:0 150px 0 150px;
	width: 2600px;
}
#spreadcontent {
	height: 1200px;
	padding: 30px; 
	background-image:url("http://www.boltonblue.com/sidebg.gif");
	background-position:left top;
	background-repeat:repeat;
	margin:0 100px 0 100px;
	width: 2200px;
}
#top {
	
}
#enter {
padding-top: 50px;
padding-bottom: 50px;
	
}
#schpeel {
	
}
#footer {
margin-bottom: 150px;
}
#slider{
width: 433px;
text-align: center;
position: relative;
}
#navbox {
text-align: center
width: 606px;
position: relative;
}




/* ANNOYING BUTTON ANIMATION STYLES */

/* NAV STYLE */

#nav {
    width: 356px; height: 69px;
    background: url(nextlast.png);
    margin: 10px auto; padding: 0;
    position: relative;}

#nav li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}

#nav li, #nav a {
    height: 69px; display: block; }


/* positioning the background for each link in the menu */
    
   #navlast { left: 0; width: 150px; }   
   #navhome { left: 150px; width: 52px;}
   #navnext { left: 202px; width: 154px; }

/* positioning for rollovers */

   #navlast a:hover {
   background: transparent url(nextlast.png) 0 -69px no-repeat; }
   
   #navhome a:hover {
   background: transparent url(nextlast.png) -150px -69px no-repeat; }

   #navnext a:hover {
   background: transparent url(nextlast.png) -202px -69px no-repeat; }
   

/* NAVG STYLE */

#navg {
    width: 606px; height: 54px;
    background: url(nav2.gif);
    margin: 10px auto; padding: 0;
    position: relative;}

#navg li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}

#navg li, #navg a {
    height: 54px; display: block; }


/* positioning the background for each link in the menu */
    
   #navg1 { left: 0; width: 85px; }   
   #navg2 { left: 85px; width: 26px;}
   #navg3 { left: 111px; width: 22px; }
   #navg4 { left: 133px; width: 25px; }
   #navg5 { left: 158px; width: 25px; top: -54px; }
   #navg6 { left: 183px; width: 27px; }
   #navg7 { left: 210px; width: 27px; }
   #navg8 { left: 237px; width: 23px; }
   #navg9 { left: 260px; width: 27px; }
   #navg10 { left: 287px; width: 25px; }
   #navg11 { left: 312px; width: 26px; }
   #navg12 { left: 338px; width: 23px; }
   #navg13 { left: 361px; width: 28px; }
   #navg14 { left: 389px; width: 24px; }
   #navg15 { left: 413px; width: 25px; }
   #navg16 { left: 438px; width: 27px; }
   #navg17 { left: 465px; width: 25px; }
   #navg18 { left: 490px; width: 28px; }
   #navg19 { left: 518px; width: 88px; }

/* positioning for rollovers */

   #navg1 a:hover {
   background: transparent url(nav2.gif) 0px 0px no-repeat; }
   
   #navg2 a:hover {
   background: transparent url(nav2.gif) -85px -54px no-repeat; }

   #navg3 a:hover {
   background: transparent url(nav2.gif) -111px -54px no-repeat; }
   
   #navg4 a:hover {
   background: transparent url(nav2.gif) -133px -54px no-repeat; }
   
   #navg5 a:hover {
   background: transparent url(nav2.gif) -158px -54px no-repeat; }
   
   #navg6 a:hover {
   background: transparent url(nav2.gif) -183px -54px no-repeat; }
   
   #navg7 a:hover {
   background: transparent url(nav2.gif) -210px -54px no-repeat; }
   
   #navg8 a:hover {
   background: transparent url(nav2.gif) -237px -54px no-repeat; }
   
   #navg9 a:hover {
   background: transparent url(nav2.gif) -260px -54px no-repeat; }
   
   #navg10 a:hover {
   background: transparent url(nav2.gif) -287px -54px no-repeat; }
   
   #navg11 a:hover {
   background: transparent url(nav2.gif) -312px -54px no-repeat; }
   
   #navg12 a:hover {
   background: transparent url(nav2.gif) -338px -54px no-repeat; }
   
   #navg13 a:hover {
   background: transparent url(nav2.gif) -361px -54px no-repeat; }
   
   #navg14 a:hover {
   background: transparent url(nav2.gif) -389px -54px no-repeat; }
   
   #navg15 a:hover {
   background: transparent url(nav2.gif) -413px -54px no-repeat; }
   
   #navg16 a:hover {
   background: transparent url(nav2.gif) -438px -54px no-repeat; }
   
   #navg17 a:hover {
   background: transparent url(nav2.gif) -465px -54px no-repeat; }
   
   #navg18 a:hover {
   background: transparent url(nav2.gif) -496px -54px no-repeat; }
   
   #navg19 a:hover {
   background: transparent url(nav2.gif) -518px -54px no-repeat; }





/* ROW STYLE */
  
  #row {
    width: 356px; height: 61px;
    background: url(row.png);
    margin: 10px auto; padding: 0;
    position: relative;}

  #row li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}

  #row li, #row a {
    height: 61px; display: block; }
    
/* positioning the background for each link in the menu */
    
   #rowblog { left: 0; width: 77px; }   
   #rowcontact { left: 77px; width: 108px;}
   #rowshop { left: 185px; width: 77px; }
   #rowweb { left: 262px; width: 103px; }
   
/* positioning for rollovers */

   #rowblog a:hover {
   background: transparent url(row.png) 0 -61px no-repeat; }
   
   #rowcontact a:hover {
   background: transparent url(row.png) -77px -61px no-repeat; }

   #rowshop a:hover {
   background: transparent url(row.png) -185px -61px no-repeat; }
   
   #rowweb a:hover {
   background: transparent url(row.png) -262px -61px no-repeat; }





/* LICENCE STYLE */

  #licence {
	 width: 351px; height: 21px;
    background: url(licence.png);
    margin: 0px auto; padding: 0;
    position: relative;}
  
  #licence li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}

  #licence li, #licence a {
    height: 21px; display: block; }  

/* positioning the background for each link in the menu */
    
  #lic { left: 0; width: 351px; }    
   
/* positioning for rollovers */

 #lic a:hover {
   background: transparent url(licence.png) 0 -21px no-repeat; }




/* SUGAR STYLE */

  #sugar {
	 width: 433px; height: 90px;
    background: url(sugar.png);
    margin: 30px auto; padding: 0;
    position: relative;}
  
  #sugar li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}

  #sugar li, #sugar a {
    height: 90px; display: block; }  

/* positioning the background for each link in the menu */
    
  #sug { left: 0; width: 433px; }    
   
/* positioning for rollovers */

 #sug a:hover {
   background: transparent url(sugar.png) 0 -90px no-repeat; } 
   
   
   
/* FRONT PAGE BUTTON STYLE */
  
  #frontbutt {
    width: 800px; height: 43px;
    background: url(3.png);
    margin: 10px auto; padding: 0;
    margin-bottom: 0px;
    position: relative;}

  #frontbutt li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}

  #frontbutt li, #frontbutt a {
    height: 43px; display: block; }
    
/* positioning the background for each link in the menu */
    
   #frontbutt1 { left: 0; width: 190px; }   
   #frontbutt2 { left: 190px; width: 165px;}
   #frontbutt3 { left: 355px; width: 117px; }
   #frontbutt4 { left: 472px; width: 124px; }
   #frontbutt5 { left: 596px; width: 76px; }
   #frontbutt6 { left: 672px; width: 65px; }
   #frontbutt7 { left: 737px; width: 63px; }
   
/* positioning for rollovers */

   #frontbutt1 a:hover {
   background: transparent url(3.png) 0px -43px no-repeat; }
   
   #frontbutt2 a:hover {
   background: transparent url(3.png) -190px -43px no-repeat; }

   #frontbutt3 a:hover {
   background: transparent url(3.png) -355px -43px no-repeat; }
   
   #frontbutt4 a:hover {
   background: transparent url(3.png) -472px -43px no-repeat; }
   
   #frontbutt5 a:hover {
   background: transparent url(3.png) -596px -43px no-repeat; }
   
   #frontbutt6 a:hover {
   background: transparent url(3.png) -672px -43px no-repeat; }
   
   #frontbutt7 a:hover {
   background: transparent url(3.png) -737px -43px no-repeat; }
   
   
   
   /* PROMO STYLE */
   
   #promo {
   width: 1200px;
   text-align: center;
   }
   #promobox {
   width: 800px;
   
   	}