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

body {
	margin:0 0 35px 0; 
	padding:0; 
	text-align:center; 
}

/* 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 */
img.fleft {margin:0 10px 0 0;}
img.fright {margin:0 0 0 10px;}
.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;}

/* GLOBAL LIST STYLES others defined as and when used */
dl {margin:0;}
dt {padding:3px 0;}
dd {padding:0; margin:0;}
ol {margin:0 0 0 20px; padding:0;}
ol li {list-style:decimal; font-weight:bold; margin:0 0 15px 0;}
ol span {font-weight:normal;}

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

/* 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; border:2px solid #0f0f0f; width:944px; 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; margin:2px 0 0 0;}
#l {width:163px; background:#cad8df; color:#fff; padding:20px 13px 40px 13px; font-size:1.4em;}
#l h1, #l h2, #l h3, #l a {color:#fff;}
#r {width:715px; background:#fff url(/images/bg_left.gif) repeat-y; padding:20px 20px 40px 20px;}

#header {width:929px; height:104px; background:#000 url(/images/bg_header.jpg) no-repeat; padding:17px 0 0 15px; position:relative; color:#fff; font-size:2.7em;}

#nav {position:absolute; top:88px; left:189px; height:33px;}
#nav ul {margin:0; padding:0; list-style-type:none;}
#nav li {margin:0 1px; padding:0; float:left; position:relative;}
#nav span {height:33px; display:block; position:absolute;}
#nav .tab, #nav .selected {color:#fff; font-size:0.5em; font-weight:normal;}
#nav .tab .l, #nav .selected .l {background:url(/images/bg_nav_l.gif) no-repeat; width:8px; left:0px; top:0px;}
#nav .tab .c, #nav .selected .c {background:#3d3d3d url(/images/bg_nav_c.gif) repeat-x; position:relative; padding:0 12px; line-height:33px;}
#nav .tab .r, #nav .selected .r {background:url(/images/bg_nav_r.gif) no-repeat; width:8px; right:0px; top:0px;}
#nav .tab:hover {color:#000; cursor:pointer;}
#nav .tab:hover .l {background:url(/images/bg_nav_hover_l.gif) no-repeat;}
#nav .tab:hover .c {background:#ddd url(/images/bg_nav_hover_c.gif) repeat-x;}
#nav .tab:hover .r {background:url(/images/bg_nav_hover_r.gif) no-repeat;}
#nav .selected {color:#000;}
#nav .selected .l {background:url(/images/bg_nav_on_l.gif) no-repeat;}
#nav .selected .c {background:#fff url(/images/bg_nav_on_c.gif) repeat-x;}
#nav .selected .r {background:url(/images/bg_nav_on_r.gif) no-repeat;}
#nav .selected:hover .c {cursor:default;} 

#snav {}
#snav ul {margin:0; padding:0; list-style-type:none; border:1px solid #687b85; border-bottom:0px;}
#snav li {margin:0; padding:0; border-bottom:1px solid #687b85;}
#snav li#navtop { height:1%;}
#snav a {display:block; height:37px; background:#abc1cc url(/images/bg_button.gif) repeat-x; border:1px solid #b3c4cd; border-width:0 1px; line-height:34px; text-indent:5px;}
#snav a:hover, #snav #selected {background:#90b1c1 url(/images/bg_button_on.gif) repeat-x; text-decoration:none;}
#snav li#subnavtop { border-top:1px solid #687b85;}
#snav li ul { border:none;}
#snav li li a {height:26px; line-height:26px; font-size:0.9em; background:#90abb8 url(/images/cat_dots.gif) no-repeat 5px 10px; text-indent:15px; white-space:nowrap; border-top:1px solid #c0d2db; border-bottom:1px solid #839daa;}
#snav li li a:hover, #snav li li a#selected { background:#a2bfcd url(/images/cat_dots.gif) no-repeat 5px 10px;}

#contact {background:#abc1cc url(/images/bg_contact.gif) repeat-x; width:131px; height:100px; padding:15px; font-size:0.8em; border:1px solid #687b85; margin:15px 0; font-size:1.6em;}
#contact p {margin:0; font-size:0.5em;}

#news {float:right; position:relative; width:302px; margin:15px 0 0 15px; overflow:hidden;}
#news p {margin:0;}
#news a#morenews { background:#fff url(/images/bg_nav_on_c.gif) repeat-x left center; border:1px solid #cbcbcb; padding:3px; display:block; margin:5px 0; width:150px;}
#news a#morenews:hover { background:#000 url(/images/bg_nav_c.gif) repeat-x left center; color:#fff; border:1px solid #000; text-decoration:none;}
#news #newshead {background:#313131 url(/images/bg_news_head.gif) no-repeat; color:#fff; position:relative; height:27px; line-height:27px; padding:0 10px; font-weight:bold;}
#news #newsbody {background:#f1f6f8 url(/images/bg_news_body.gif) no-repeat; padding:10px;}

#home { margin:15px 0 0 0;}

/* FOOTER */
#footer {clear:both; position:relative; background:#3d3d3d url(/images/bg_footer.gif) repeat-x; color:#fff; height:31px; line-height:31px; font-size:1.2em;}
#footer p { margin:0 0 0 15px; line-height:31px;}


/***************************
*    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;}