/***************************
* LiquidShop CSS Stylesheet
***************************/

body {
	margin:0 0 35px 0;
	padding:0;
	text-align:center;
	font-size:62.5%;
}

/* FLOAT STYLES */
.fright {float:right;position:relative;}
.fleft {float:left;position:relative;}
.clear {clear:both; height:0; line-height:0;}

/* PARAGRAPH AND HEADINGS */
.centre {text-align:center;}
.nomargin {margin:0;}

/* GLOBAL IMAGE STYLES */
.middle {vertical-align:middle;}

/* FORM AND INPUT RELATED STYLES */
form {padding:0; margin:0;}
input {color:#444; vertical-align:middle;}
label {vertical-align:middle;}
select {color:#444; font-size:1em;}
textarea {font-family:Arial, Helvetica, sans-serif; font-size:1.2em;}
fieldset.hidden {margin:0; padding:0; border:none;}
legend.hidden {margin:0; padding:0; display:none;}
.wide {width:300px}
.medium {width:200px;}
.narrow {width:120px;}
sup {font-size:smaller; vertical-align:baseline; position:relative; bottom:0.4em;}

/* MORE INFORMATION AND VIEW BASKET BUTTONS */
a.button {display:block; white-space:nowrap; margin:0; font-size:1.2em;}
a.button:link, a.button:visited {color:#FFF;}
a.button:active {color:#000;}
a.button span {display:block; position:relative; float:left;}
a.button img {vertical-align: text-top;}
a.red span.button_l {background:url(/images/button_red_l.gif) no-repeat; width:15px; height:32px;}
a.red span.button_c {background:#d55912 url(/images/button_red_c.gif) repeat-x; padding-top:8px; height:24px;}
a.red span.button_r {background:url(/images/button_red_r.gif) no-repeat; width:15px; height:32px;}
a.red:hover span.button_l {background:url(/images/button_red_l_on.gif) no-repeat; cursor:pointer;}
a.red:hover span.button_c {background:#f3850e url(/images/button_red_c_on.gif) repeat-x; cursor:pointer;}
a.red:hover span.button_r {background:url(/images/button_red_r_on.gif) no-repeat; cursor:pointer;}
a.green span.button_l {background:url(/images/button_green_l.gif) no-repeat; width:15px; height:32px;}
a.green span.button_c {background:#65A01D url(/images/button_green_c.gif) repeat-x; padding-top:8px; height:24px;}
a.green span.button_r {background:url(/images/button_green_r.gif) no-repeat; width:15px; height:32px;}
a.green:hover span.button_l {background:url(/images/button_green_l_on.gif) no-repeat; cursor:pointer;}
a.green:hover span.button_c {background:#61c507 url(/images/button_green_c_on.gif) repeat-x; cursor:pointer;}
a.green:hover span.button_r {background:url(/images/button_green_r_on.gif) no-repeat; cursor:pointer;}

/* Required fields bullet colour */
.req {color:#ff9900; font-size:1.8em; line-height:1em;}

/* ALERT BOXES Standard error/confirm message box colours*/
div.alert {background:#fefbea url(/images/error.gif) no-repeat 3px 2px; border:1px solid #edc55c; text-indent:22px; margin:5px 0; padding:3px; font-size:1.2em; position:relative; text-align:left;} 
div.confirm {margin:15px 10px 15px 0px; width:100%; font-size:0.8em; }

/*************************
* structure classes
**************************/

/* THREE COLUMN LAYOUT general structure divs */
#container {margin:0 auto; width:960px; text-align:left; background:url(/images/bg_container.gif) repeat-y;}
.column {float:left; position:relative; font-size:1.2em; padding:0 0 40px 0;}
#l {width:650px; background:#fff url(/images/bg_left.gif) repeat-y;}
#r {width:310px; background:#8bba52 url(/images/bg_right.gif) repeat-y; color:#fff;}
#r h1, #r h2, #r h3, #r a {color:#fff;}

/* LEFT COLUMN */
#l #l_header {background:#fff; position:relative; height:144px; width:650px; font-size:2em; overflow:hidden;}
#l #l_header #logo, #l #l_header #pellets { float:left;}
#l #l_mid {background:#8BBA52 url(/images/bg_left_mid.jpg) no-repeat; width:650px; height:153px; position:relative;}
#l #l_mid h2 {margin:0; position:absolute; top:43px; left:28px; width:595px;}
#l #l_mid #buttons {position:absolute; top:105px; left:27px;}
#l #l_mid #buttons .button {margin-right:30px;}
#l #l_content {margin:20px 28px 20px 28px;}
#l #l_content .price { position:relative;}
#l #l_content .buypellets { position:absolute; top:0; right:35px;}

/* RIGHT COLUMN */
#r #r_header {background:url(/images/bg_right_header.jpg) no-repeat; width:302px; height:144px; margin:0 0 0 3px;}
#r #r_header #contact {position:absolute; top:73px; left:38px;}
#r #r_header #contact h2 {font-weight:bold; margin:-4px 0 0 45px; font-size:1.6em;}
#r #r_mid {width:305px; height:153px; background:#65A01D;}
#r #r_content {margin:20px 28px 20px 23px;}
#r .r_feature {background:#9bc963; font-size:1.2em; font-style:italic; margin:20px 0; letter-spacing:0.03em;}
#r .r_feature p {margin:0; line-height:1.3em;}
#r .r_feature #nifty b.rtop, #r .r_feature #nifty b.rbottom {display:block; background:#8BBA52;}

/* HEADER TABS */
#nav {position:relative; font-size:1.2em; left:10px; top:3px;}
#nav dt {display:none;}
#nav a:link, #nav a:visited {float:left; position:relative; cursor:pointer; color:#fff; height:24px; line-height:24px; display:block; padding:0 12px; border-left:1px solid #6d9e42; border-right:1px solid #bfe98a; font-weight:normal;}
#nav a:hover {background:#65A01D url(/images/bg_nav_on.gif) repeat-x top;}
#nav a.selected, #nav a.selected:hover {cursor:default; text-decoration:none; font-weight:bold; background:#65A01D url(/images/bg_nav_on.gif) repeat-x top;}

.price h2, .price p { margin:0 auto;}
.price em {color:#E86C1F; font-size:1.2em; font-style:normal; font-weight:bold;}
.stove h2, .stove p { margin:0 auto;}
h2#woodenergy { color:#CC3300; font-size:3em; font-family:Arial, Helvetica, sans-serif; line-height:1.5em;}

/* FOOTER */
#footer {clear:both; position:relative; background:#65A01D url(/images/bg_footer.gif) repeat-x; color:#fff; height:43px; text-align:center; line-height:35px; font-size:1.2em;}
#footer #foot_l { display:block; position:absolute; left:0px; top:0px; background:url(/images/bg_footer_l.gif) no-repeat; width:12px; height:41px;}
#footer #foot_r { display:block; position:absolute; right:0px; top:0px; background:url(/images/bg_footer_r.gif) no-repeat; width:8px; height:41px;}

/***************************
*    SITEMAKERS BUBBLE
***************************/

.balloon { text-align:left; width:80px; height:15px; z-index:10; position:absolute; top:8px; right:10px; line-height:1.6em;}
.balloon a, .balloon a:visited {display:block; text-decoration:none; color:#000; width:80px; height:15px; background:transparent;}
.balloon a img, .balloon a:visited img {}
.balloon dl {visibility:hidden;position:absolute; top:-200px; left:-200px}

.balloon table {margin:-2px;border:0;padding:0;border-collapse:collapse;font-size:1em;}

.balloon dl {width:210px; padding:0 0 10px 0; background:#FF9900; border:1px solid #000;}
.balloon dt {margin:0; padding:5px; font-weight:bold; color:#fff; text-align:center; font-size:1.2em;}
.balloon dd {margin:0; padding:5px 15px; color:#000; background:#fff; font-weight:normal;}

/* specific to non IE browsers and IE7 first with IE5.5 and IE6 second */
.balloon:hover, .balloon a:hover {cursor:pointer; text-decoration:none;}
.balloon:hover dl,.balloon a:hover dl {visibility:visible; color:#000; top:-190px; left:-115px; cursor:default;}
.balloon:hover dl em,.balloon a:hover dl em {display:block;position:absolute;left:0px;top:159px;width:210px; height:35px;background:transparent url(/images/pointer.gif) no-repeat 125px;}
.balloon:hover dl a,.balloon a:hover dl a {color:#000; text-decoration:none; font-weight:bold; background:url(/images/icon_sitemakers.gif) left no-repeat; padding-left:20px;}
.balloon:hover dl a:hover,.balloon a:hover dl a:hover {text-decoration:underline;}