/* Growler Flask CSS */
body {
	background-image:url('images/bg.jpg');
	background-repeat:repeat-x repeat-y;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:0px;
	margin:0px;
	border:0px;
}

h1 {
	font-size:13px;
	color:#ffffff;
	font-weight:normal;
	padding:0px;
	margin:0px;
}

h1 a:link {
	font-size:13px;
	color:#ffffff;
	font-weight:normal;
	padding:0px;
	margin:0px;
	text-decoration:none;
}

h1 a:visited{
	font-size:13px;
	color:#ffffff;
	font-weight:normal;
	padding:0px;
	margin:0px;
	text-decoration:none;
}

h1 a:active {
	font-size:13px;
	color:#ffffff;
	font-weight:normal;
	padding:0px;
	margin:0px;
	text-decoration:none;
}

h1 a:hover {
	font-size:13px;
	color:#ffffff;
	font-weight:normal;
	padding:0px;
	margin:0px;
	text-decoration:underline;
}

h2 {
	font-size:12px;
	color:#a4c338;
	font-weight:bold;
	padding:0px;
	margin:0px;
}

h2 a:link {
	font-size:12px;
	color:#a4c338;
	font-weight:bold;
	padding:0px;
	margin:0px;
	text-decoration:none;
}

h2 a:visited{
	font-size:12px;
	color:#a4c338;
	font-weight:bold;
	padding:0px;
	margin:0px;
	text-decoration:none;
}

h2 a:active {
	font-size:12px;
	color:#a4c338;
	font-weight:bold;
	padding:0px;
	margin:0px;
	text-decoration:none;
}

h2 a:hover {
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
	padding:0px;
	margin:0px;
	text-decoration:none;
}

h3 {
	font-size:12px;
	color:#ffffff;
	font-weight:normal;
	padding:0px;
	margin:0px;
}

h3 a:link {
	font-size:12px;
	color:#ffffff;
	font-weight:normal;
	padding:0px;
	margin:0px;
	text-decoration:none;
}

h3 a:visited{
	font-size:12px;
	color:#ffffff;
	font-weight:normal;
	padding:0px;
	margin:0px;
	text-decoration:none;
}

h3 a:active {
	font-size:12px;
	color:#ffffff;
	font-weight:normal;
	padding:0px;
	margin:0px;
	text-decoration:none;
}

h3 a:hover {
	font-size:12px;
	color:#ffffff;
	font-weight:normal;
	padding:0px;
	margin:0px;
	text-decoration:underline;
}

h4 {
	font-size:11px;
	color:#ffffff;
	font-weight:normal;
	padding:0px;
	margin:0px;
}

h4 a:link {
	font-size:11px;
	color:#ffffff;
	font-weight:normal;
	padding:0px;
	margin:0px;
	text-decoration:none;
}

h4 a:visited{
	font-size:11px;
	color:#ffffff;
	font-weight:normal;
	padding:0px;
	margin:0px;
	text-decoration:none;
}

h4 a:active {
	font-size:11px;
	color:#ffffff;
	font-weight:normal;
	padding:0px;
	margin:0px;
	text-decoration:none;
}

h4 a:hover {
	font-size:11px;
	color:#ffffff;
	font-weight:normal;
	padding:0px;
	margin:0px;
	text-decoration:none;
}

h5 {
	font-size:11px;
	color:#ffffff;
	font-weight:normal;
	padding:0px;
	margin:0px;
}

h5 a:link {
	font-size:11px;
	color:#ffffff;
	font-weight:normal;
	padding:0px;
	margin:0px;
	text-decoration:none;
}

h5 a:visited{
	font-size:11px;
	color:#ffffff;
	font-weight:normal;
	padding:0px;
	margin:0px;
	text-decoration:none;
}

h5 a:active {
	font-size:11px;
	color:#ffffff;
	font-weight:normal;
	padding:0px;
	margin:0px;
	text-decoration:none;
}

h5 a:hover {
	font-size:11px;
	color:#ffffff;
	font-weight:normal;
	padding:0px;
	margin:0px;
	text-decoration:underline;
}

/* MAIN FRAME ===================================  */
#frame {
	width:904px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;
	text-align:left;
	height:100%;
}

#frame_admin {
	width:1270px;
	margin-right:auto;
	margin-left:0px;
	margin-top:0px;
	overflow:hidden;
	padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;
	text-align:left;
	height:100%;
}

/* HEADER ===================================  */
#header {
	background-image:url('images/header_1.jpg');
	background-repeat:no-repeat;
	width:904px;
	height:101px;
	padding-left:48px; padding-right:0px; padding-top:0px; padding-bottom:0px;
}

#basket {
	width:150px;
	height:81px;
	float:right;
	align:right;
	text-align:right;
	color:#ffffff;
	padding-left:0px; padding-right:60px; padding-top:20px; padding-bottom:0px;
	margin:0px;
}

/* HEADER_TEL ===================================  */
#header_tel {
	width:734px;
	height:12px;
	text-align:right;
	padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;
	border: 0px solid #000000;
}

/* MAIN MENU ===================================  */

#menu_bar {
	background-image:url('images/menu_bar.jpg');
	background-repeat:no-repeat;
	width:904px;
	height:20px;
	text-align:left;
	padding-left:15px; padding-right:0px; padding-top:5px; padding-bottom:0px;
	border: 0px solid #000000;
}

/* CENTER PANE ===================================  */
#center_pane {
	width:904px;
	height:347px;
	overflow:hidden; 
	padding-left:3px; padding-right:0px; padding-top:2px; padding-bottom:0px;
	border: 0px solid #ffffff;
}

/* CENTER PANE IMAGE ===================================  */
#center_pane_image {
	background-image:url('images/index_center_image.jpg');
	background-repeat:no-repeat;
	float:left;
	align:left;
	width:650px;
	height:342px;
	margin:0px;
	overflow:hidden; 
	padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;
	border: 0px solid #ffffff;
}

#center_pane_image_growler_bag {
	background-image:url('images/header_growler_bag.jpg');
	background-repeat:no-repeat;
	float:left;
	align:left;
	width:650px;
	height:342px;
	margin:0px;
	overflow:hidden; 
	padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;
	border: 0px solid #ffffff;
}

#center_pane_image_artistic {
	background-image:url('images/index_center_image_artistic.jpg');
	background-repeat:no-repeat;
	float:left;
	align:left;
	width:650px;
	height:342px;
	margin:0px;
	overflow:hidden; 
	padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;
	border: 0px solid #ffffff;
}

/* CENTER PANE RIGHT CONTENT ===================================  */
#center_pane_right_content {
	background-image:url('images/designed_logo.jpg');
	background-repeat:no-repeat;
	float:right;
	align:right;
	width:235px;
	height:342px;
	margin:0px;
	overflow:hidden; 
	padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;
	border: 0px solid #ffffff;
}

/* DESIGNED LOGO ===================================  */
#designed_logo {
	background-image:url('images/designed_logo.jpg');
	background-repeat:no-repeat;
	float:left;
	align:left;
	width:231px;
	height:142px;
	margin:0px;
	overflow:hidden; 
	padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;
	border: 0px solid #ffffff;
}

/* BUY PANEL ===================================  */
#buy_panel {
	background-image:url('images/generic_buy_panel.jpg');
	background-repeat:no-repeat;
	float:left;
	align:left;
	width:231px;
	height:200px;
	margin:0px;
	overflow:hidden; 
	padding-left:10px; padding-right:0px; padding-top:5px; padding-bottom:0px;
	border: 0px solid #ffffff;
}

/* BUY PANEL PRODUCTS ===================================  */
#index_buy_product {
	float:left;
	align:left;
	width:85px;
	height:17px;
	margin:0px;
	overflow:hidden; 
	padding-left:0px; padding-right:0px; padding-top:5px; padding-bottom:0px;
	border: 0px solid #ffffff;
}

/* BUY PANEL PRICE ===================================  */
#index_buy_price {
	float:left;
	align:left;
	width:65px;
	height:17px;
	margin:0px;
	overflow:hidden; 
	padding-left:0px; padding-right:0px; padding-top:5px; padding-bottom:0px;
	border: 0px solid #ffffff;
}

/* BUY PANEL BUTTON ===================================  */
#index_buy_button {
	float:left;
	align:left;
	width:80px;
	height:17px;
	margin:0px;
	overflow:hidden; 
	padding-left:0px; padding-right:0px; padding-top:5px; padding-bottom:0px;
	border: 0px solid #ffffff;
}

/* DOUBLE BREAK BAR ===================================  */
#double_break_bar {
	background-image:url('images/double_break_bar.jpg');
	background-repeat:no-repeat;
	width:904px;
	height:6px;
	overflow:hidden; 
	padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;
	border: 0px solid #ffffff;
}

/* GROWLER MEANING ===================================  */
#growler_meaning {
	width:904px;
	height:40px;
	margin:0px;
	overflow:hidden; 
	padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;
	border: 0px solid #ffffff;
}

/* MAIN CONTENT ===================================  */
#main {
	width:904px;
	height:auto;
	margin:0px;
	overflow:hidden; 
	padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;
	border: 0px solid #ffffff;
}

#main_product {
	width:904px;
	height:auto;
	margin:0px;
	overflow:hidden; 
	padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;
	border: 0px solid #ffffff;
}

#main_admin {
	width:1100px;
	height:600px;
	margin:0px;
	overflow-x: hidden;
	overflow-y: auto;
	padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;
	border: 0px solid #ffffff;
}

/* LEFT CONTENT ===================================  */
#left_content {
	width:789px;
	height:auto;
	margin:0px;
	float:left;
	align:left;
	padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;
	border: 0px solid #ffffff;
}

#left_content_product {
	width:789px;
	height:auto;
	margin:0px;
	float:left;
	align:left;
	padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;
	border: 0px solid #ffffff;
}

/* WELCOME PANE ===================================  */
#welcome_pane {
	float:left;
	width:789px;
	height:auto;
	margin:0px;
	overflow:hidden; 
	padding-left:3px; padding-right:5px; padding-top:0px; padding-bottom:0px;
	border: 0px solid #ffffff;
}

/* PRODUCT PANE ===================================  */
#product_pane {
	float:left;
	width:770px;
	height:auto;
	margin:0px;
	overflow:hidden; 
	padding-left:3px; padding-right:5px; padding-top:0px; padding-bottom:0px;
	border: 0px solid #ffffff;
}

/* LATEST PRODUCTS ===================================  */
#latest_products {
	float:left;
	width:789px;
	height:337px;
	margin:0px;
	overflow:hidden; 
	padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;
	border: 0px solid #ffffff;
}

/* LATEST PRODUCT DESC ===================================  */
#latest_product_desc {
	background-image:url('images/latest_product_growler_bag.jpg');
	background-repeat:no-repeat;
	float:left;
	align:left;
	width:151px;
	height:292px;
	margin:0px;
	overflow:hidden; 
	padding-left:250px; padding-right:0px; padding-top:165px; padding-bottom:0px;
	border: 0px solid #ffffff;
}

/* CONTACT US ===================================  */
#contact_us {
	background-image:url('images/contact_us.jpg');
	background-repeat:no-repeat;
	float:right;
	align:right;
	width:361px;
	height:200px;
	margin:0px;
	overflow:hidden; 
	padding-left:16px; padding-right:0px; padding-top:200px; padding-bottom:0px;
	border: 0px solid #ffffff;
}

/* RIGHT CONTENT ===================================  */
#right_content {
	float:right;
	align:right;
	width:110px;
	height:538px;
	margin:0px;
	padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;
	border: 0px solid #ffffff;
}

/* FOOTER ===================================  */
#footer {
	background-image:url('images/footer.jpg');
	background-repeat:no-repeat;
	width:899px;
	height:29px;
	font-size:9px;
	color:#1979D2;
	font-weight:normal;
	text-align:right;
	padding-left:0px; padding-right:5px; padding-top:8px; padding-bottom:0px;
	border: 0px solid #ffffff;
}

/* IE HACKS ===================================  */

/* MAIN CONTENT ===================================  */
*html #main {
	width:910px;
	height:auto;
	margin:0px;
	overflow:hidden; 
	padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;
	border: 0px solid #ffffff;
}

/* RIGHT CONTENT ===================================  */
*html #right_content {
	float:right;
	align:right;
	width:110px;
	height:538px;
	margin:0px;
	padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;
	border: 0px solid #ffffff;
}

*html #frame_admin {
	width:1100px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	overflow-x: hidden;
	overflow-y: hidden;
	padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;
	text-align:left;
	height:100%;
}

*html #admin {
	width:1000px;
	height:600px;
	margin:0px;
	overflow-x: hidden;
	overflow-y: hidden;
	padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;
	border: 0px solid #ffffff;
}