/* amazingbaskets.com.au -- Global Screen Styles */
@import "resets.css";
@import "utility.css";
/* typography
----------------------------------------------- */

p { padding:0 0 10px 0; margin:0;}

h1,h2,h3 { font-family:Tahoma, Geneva, Kalimati, sans-serif; margin:0; font-weight:bold; font-weight:bold;}
h1 {color:#183996; font-size:18px; line-height:20px; padding:0 0 10px 0; font-style:italic;}
h2 {color:#FFD16B; font-size:18px; line-height:22px; border-bottom:1px solid #FFD16B; padding:15px 0 2px 0; margin-bottom:5px;}
.dottedline {border-bottom:1px dotted #666;}

/* = font-colors ---------------------- */
.color_yellow {color:#FFD16B;}
.color_red {color:#C3041D;}
.color_F {color:#FFF;}
.color_C {color:#CCC;}
.color_9 {color:#999;}
.color_6 {color:#666;}
.color_3 {color:#333;}

/* = font-sizes ---------------------- */
.size_9 {font-size:9px; line-height:11px;}
.size_10 {font-size:10px; line-height:12px;}
.size_11 {font-size:11px; line-height:13px;}
.size_12 {font-size:12px; line-height:14px;}
.size_14 {font-size:14px; line-height:16px;}
.size_20 {font-size:20px; line-height:22px;}
.size_24 {font-size:24px; line-height:26px;}

/* = hyperlinks ---------------------- */
a:link, a:visited {color:#333; text-decoration:underline;}
a:hover {color:#333; text-decoration:underline;}

/* = positions ---------------------- */
.f-right { float:right;} .f-left { float:left;} .clear { clear:both;}
.margin10 { margin:10px;} .LMargin10 { margin-left:10px;} .RMargin10 { margin-right:10px;} .LRMargin10 { margin:0 10px;}

/* master-layout
----------------------------------------------- */
html, body { height:100% }
body { text-align:left; font:14px/1em Tahoma, Geneva, Kalimati, sans-serif; line-height:16px; font-weight:normal; background:#FFF; }

/* layout
----------------------------------------------- */
#container_wrap { float:left; width:100%; padding:0; margin:0; text-align:left; background:url(../images/bg/bg-home-blue.jpg) repeat-x top;}

#header {float:left; width:850px; height:132px;}
	#header img.logo { float:left; padding:21px 0 0 14px;}
	#header .f-left { float:left; width:255px; padding:40px 0 0 225px;}
	#header .f-left a:link, a:visited {color:#FFF; text-decoration:underline;}
	#header .f-left a:hover {color:#FFD16B; text-decoration:underline;}	
	
#content-wrap {float:left; width:100%; color:#333; padding:0; margin:0; text-align:left; }	
	#content-body {float:left; width:850px; padding:15px;}	
	#content-body .f-left img { float:left; padding:0 5px 10px 0;}
	#content-body .text-placement { float:left; width:770px; padding:7px 0 10px 23px;}
	
	#content-body .header-img{float:left;width:800px; height:251px;background:url(../images/header/xmas_2009_header.jpg) no-repeat top left;}
	#content-body .header-text {float:left; width:760px; padding:20px 20px 15px 20px;	margin:10px 0 25px 0;	background:#FFF;	font-size:14px;	color:#FFF;	font-weight:bold;	background-color: #183996;}
	#content-body td { text-align:right; vertical-align:bottom;}
	
	
	#panel-top {float:left; width:822px; padding:5px 0 5px 28px; margin-left:10px; color:#FFF; font-size:20px; line-height:24px; background:#183996; font-weight:bold;}
	#panel-btm {float:left; width:822px; padding:0 0 10px 28px; margin-left:10px; color:#FFF; background:#578AEA;}
	#panel-btm .f-left {float:left; padding:0 10px 0 0; width:210px;}
	#panel-btm .f-right f.left {float:left; padding:10px 20px 0 36px;}
	#panel-btm a { color:#FFD16B; text-decoration:underline;}
	#panel-btm a:hover { color:#FFD16B; text-decoration:underline;}