/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	COLOR: #666666;
	FONT-SIZE: 11px;
	FONT-WEIGHT: normal;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
  background: #FFFFFF;
}
.center_main_page_box{
text-align: center;
}

hr.dotted_blue
{
	color:#003366;
	border-style:dotted;
	clear:left;
}


table.thick_blue
{

	border-left: 40px solid #73A7E5;
	border-right: 40px solid #73A7E5;
	border-bottom: 40px solid #73A7E5;		
}

td.redbox
{
	background: #CE0000;
	height: 40px;
}



.menu_bar {
	padding: 0 ;
	font-family: verdana, sans-serif;
	font-size: 8pt;
	color: #666666;
	/* background: #00ff00 url('smiley.gif') no-repeat fixed center; */ 
	line-height: 1.6;

	background: #EFEFEF;
	text-decoration: none
}



.products_title
{
	
  font-family: tahoma, verdana, sans-serif;
	font-size: 14pt;
	color: #0116EB;
	font-weight: bold;
}



a.footer_links
{
	font-family: tahoma, verdana, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

a.footer_links:hover
{
	font-family: tahoma, verdana, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}


.item A {
	DISPLAY: block; 
  FLOAT: none; 
  PADDING-LEFT: 40px; 
  padding-top: 0px; 
  padding-bottom: 0px; 
  color: #000000; 
  TEXT-DECORATION: none;
  font-weight: bold;
  padding-bottom: 5px;
  color: #414141;
}
.item A:hover {
	DISPLAY: block; 
  FLOAT: none; 
  color: #FFFFFF; 
  padding-left: 40px; 
  padding-top: 0px; 
  padding-bottom: 0px; 
  BACKGROUND-COLOR: #0116EB; 
  TEXT-DECORATION: none;
  padding-bottom: 5px;
}
.item A:active {
	DISPLAY: block; FLOAT: none; color: #000000; padding-left: 40px; padding-top: 0px; padding-bottom: 0px; BACKGROUND-COLOR: #0116EB; TEXT-DECORATION: none; padding-bottom: 5px;
}


.sub_item A {
	DISPLAY: block; FLOAT: none; PADDING-LEFT: 20px; padding-top: 0px; padding-bottom: 0px; color: #000000; TEXT-DECORATION: none
}
.sub_item A:hover {
	DISPLAY: block; FLOAT: none; color: #000000; padding-left: 20px; padding-top: 0px; padding-bottom: 0px; BACKGROUND-COLOR: #0; TEXT-DECORATION: none
}
.sub_item A:active {
	DISPLAY: block; FLOAT: none; color: #000000; padding-left: 20px; padding-top: 0px; padding-bottom: 0px; BACKGROUND-COLOR: #FFAA13; TEXT-DECORATION: none
}

td
{
  font-size: 10pt;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #000000;
  color: #383838;
}


.menu_bar_head {
	padding: 0;
	font-family: Arial, verdana, sans-serif;
	font-size: 10pt;
	color: #016160;
	font-weight: bold;
	/* background: #00ff00 url('smiley.gif') no-repeat fixed center; */ 
	background: #EFEFEF;
	text-decoration: none;
	background: url(http://www.jarsandbottles.co.uk/images/disc.png) no-repeat 0 7px;
	padding: 5px 10px 5px 15px;
	line-height: 26px;
}

a.menu_bar_head:hover {
	padding: 0;
	font-family: Arial, verdana, sans-serif;
	font-size: 10pt;
	color: #0116EB;
	font-weight: bold;
	/* background: #00ff00 url('smiley.gif') no-repeat fixed center; */ 
	background: #EFEFEF;
	text-decoration: none;
	background: url(http://www.jarsandbottles.co.uk/images/disc-blue.png) no-repeat 0 7px;
	padding: 5px 10px 5px 15px;
}


hr.dotted_blue
{
	color:#0116EB;
	border-style:dotted;
	clear:left;
}



h1.main
{

	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14pt;
	color: #0116EB;
	text-decoration: none;
}

h2.about
{

	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11pt;
	color: #0116EB;
	text-decoration: none;
}

a.about
{
	font-family: tahoma, verdana, sans-serif;
	font-size: 10pt;
	color: #0116EB;
	text-decoration: none;
}

a.about:hover
{
	font-family: tahoma, verdana, sans-serif;
	font-size: 10pt;
	color: #016160;
	text-decoration: underline;
}

div.left_link
{
  padding-left: 5px;
  padding-right: 5px;
  font-weight: bold;
  text-align: center;
}

/*new home page styles*/


	#homepage{
		font-family: Georgia, "Times New Roman", Times, serif;
		text-align: left;
		color: #383838;
	}
	
	#homepage h2, #homepage .glasssuppliers{
		font-size: 14px;	
	}
	
	#homepage a img{
	border: none;
	}
	
	
	#contentarea{
		width: 490px;
		float: left;
		padding-left: 20px;
		font-size: 12px;
		padding-right: 20px;
	}
	
	#contentarea h1{
		font-size: 20px;
		color: #0000CC;
		font-weight: normal;
	}
	
	#contentarea .video{
		float: left;
		margin: 0 20px 20px 0;
		border: none;
	}
	
	#contentarea .openingpara{
		line-height: 19px;
		font-size: 16px;
	}
	
	
	#contentarea .contentpagebottom{
		border-top: 3px solid #EFEFEF;
		padding-top: 15px;
	}
	
	#contentarea p{
		line-height: 18px;
	}
	
	#contentarea .contentpagebottom h2{
		padding: 0;
		margin: 0;
		padding-bottom: 15px;
		font-size: 14px;
		font-weight: bold;
		width: 200px;
		text-shadow: 1px #ccc;
		
	}
	
	#contentarea .contentpagebottom img{
		margin-bottom: 10px;
	}
	
	#contentarea .contentpagebottom ul{
		width: 110px;
		margin: 0;
		padding: 0;
		float: left;
		list-style: none;
	}
	
	#contentarea .contentpagebottom ul li{
		padding-bottom: 10px;
	}
	
	#contentarea .contentpagebottom ul .extrapadding{
		padding-bottom: 20px;
	}
	
	#contentarea .contentpagebottom ul a{
		font-size: 12px;
		text-decoration: none;
		color: #00605F;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	#contentarea .contentpagebottom ul ul{
		padding-left: 5px;
		width: 105px;
		margin-bottom: 10px;
	}
	
	#contentarea .contentpagebottom ul ul li{
		padding-bottom: 0px;
	}
	
	#contentarea .contentpagebottom ul ul a{
		text-decoration: none;
		font-size: 11px;
		color: #000000;
		font-family: Arial, Helvetica, sans-serif;
		letter-spacing: 1px;
		}
		
		#contentarea .contentpagebottom ul a:hover{
			text-decoration: underline;
		}
		
	
	#contentarea .contentpagebottom .mainleftsection{
		width: 220px;
		background-color:#ECF5FF;
		float: left;
		margin-right: 10px;
		padding:10px;
	}
	
	
	
	#contentarea .contentpagebottom .rightstoresection{
		width: 220px;
		background-color:#ECF5FF;
		float: left;
		padding:10px;
	}
	
	#rightbar{
		width: 208px;
		float: left;
		padding-top: 6px;
		padding-right: 20px;
	}
	
	#rightbar h2{
		font-size: 14px;
		font-weight: normal;
		color: #0000CC;
	}
	
	
	/* blog section of the right bar*/
	
	#rightbar .article img{
		float: left;
		margin-right: 10px;
	}
	
	#rightbar .blog{
		padding-top: 10px;
		border-top: 3px solid #EFEFEF;
	}
	
	#rightbar .blog .article img{
		border: 1px solid #CACBCF;
	}
	
	
	#rightbar .featured-products, #rightbar .special-offer{
	margin-top: 10px;
	}
	
	#rightbar .blog p{
		font-size: 10px;
		padding: 0;
		margin: 0;
		padding-top: 5px;
	}
	
	#rightbar .blog .article{
		position: relative;
		height: 60px;
		border-bottom: 3px solid #EFEFEF;
		margin-bottom: 10px;
	}
	
	#rightbar .blog .article a{
		font-size: 10px;
		text-decoration: none;
		position: absolute;
		right: 0px;
		top: 35px;
	}
	
	#rightbar .blog .article a:hover{
		text-decoration: underline;
	}
	
	#rightbar .featured-products h3{
		font-size: 10px;
		font-weight: 400;
	}
	
		#rightbar .featured-products{
			padding-top: 10px;
		}
	
		#rightbar .featured-products .article img{
		margin-right: 5px;
	}
	
	#rightbar .featured-products h3 a{
		text-decoration: none;
		color: #0000CC;
	}
	
	
	#rightbar .featured-products h3 a:hover{
		text-decoration: underline;
	}
	
	
	#rightbar .featured-products .article{
		position: relative;
		height: 60px;
		border-bottom: 3px solid #EFEFEF;
		margin-bottom: 10px;
	}
	
	
	
	
	#rightbar .featured-products .details{
		display: block;
	}
	
	#rightbar .special-offer .article-img{
		float: left;
		margin-right: 5px;
	}
	
	
	#rightbar .special-offer .percent-off{
		color: #CC0066;
		font-size: 28px;
		display: block;
		padding-top: 8px;
		padding-bottom: 5px;
	}
	
	#rightbar .special-offer cite{
		font-size: 10px;
	}
	
		
	
	.clear{
		clear:both;
	}
	
	
/* ABOUT US PAGE STYLES */
#about{
	text-align:left;
	font-family: Georgia, "Times New Roman", Times, serif;
text-align: left;
padding-top:  20px;
}

#about #contentarea h1, #about .press h1{
    padding: 0;
    margin: 0;
    font-size: 20px;
    margin-bottom: 15px;
}

	#about h2, #about .glasssuppliers{
		font-size: 14px;	
	}
        
        #about .glasssuppliers{
		font-size: 14px;
                color: #00C;
                font-weight: normal;
	}
        
        #about #rightbar{
            padding: 0;
            margin: 0;
        }
	
	#about .contentblock{
		border-top: 2px solid #666;
		padding-bottom: 20px;
	}
	#about #rightbar img{
		border: 2px solid #ccc;
	}
        
        #about .press{
            padding: 0;
            margin: 0;
            margin-bottom: 62px;
            *margin-bottom: 65px;
        }
        
        #about #rightbar .sidecontent h2{
            color: #383838;
            font-weight: bold;
            font-size: 14px;
        }
        
        #about #rightbar p{
            line-height: 18px;
            font-size: 12px;
        }
        
        #about #rightbar .presspack{
            background: #DDDEFC url(../images/zip-icon.png) 5px 5px no-repeat;
            padding:  5px;
            display: block;
            padding-left: 30px;
            margin-top: 7px;
            border: 1px solid #ccc;
        }
		
		#mapDirections{
			padding-right: 40px;
		}
		
		
		#mapDirections li{
			text-align: left;
			padding: 10px 0;
			border-bottom: 1px solid #333;
			padding-right: 30px;
		}