/*-------------------------------------------    
    Clearfix
-------------------------------------------*/
.clearfix:after {
    content: "."; 
    clear: both; 
    display: block; 
    height: 0; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
 /* End hide from IE-mac */


/* Added by Celine Chung 03 December 2007 for the search panel */
div.cream { color: #E9DCA7; }

select.Makepretty, input.Makepretty {
	font-size: 11px;
	padding: 2px;
	width: 120px;
	background-color: #E9DCA7;
	border: 1px solid #E9DCA7;
}

input.Makepretty {
	width: 60px;
	margin-top:5px;
}

a.Makepretty {
	font-size: 11px;
	padding: 2px;
	width: 120px;
	margin-top: 10px;
	padding-bottom:5px;
	background-color: #D7BE5E;
	border: 1px solid #E9DCA7;
	text-align: center;
	color: #E9DCA7;
}

a.Makepretty {
	color: white;
}

/* Added by Brendan Marsh 12 December 2007 for the home page */
div.black-not-cream { color: #000000; }

#categories_list .cream { color: #E9DCA7; }
#phome #categories_list .cream { color: #000; }

#phome select.Makepretty, #phome input.Makepretty {
	font-size: 11px;
	padding: 2px;
	width: 120px;
	background-color: #E9DCA7;
	border: 1px solid #000000;
	color: #000000;
}

select.Makepretty-home, input.Makepretty-home {
	font-size: 11px;
	padding: 2px;
	width: 120px;
	background-color: #E9DCA7;
	border: 1px solid #000000;
	color: #000000;
}

#phome input.Makepretty {
	width: 60px;
	margin-top:5px;
	border: 1px solid #000000;
	color: #000000;
}

input.Makepretty-home {
	width: 60px;
	margin-top:5px;
	border: 1px solid #000000;
	color: #000000;
}

a.Makepretty-home {
	font-size: 11px;
	padding: 2px;
	width: 120px;
	margin-top: 10px;
	padding-bottom:5px;
	background-color: #D7BE5E;
	border: 1px solid #E9DCA7;
	text-align: center;
	color: #000000;
}


#phome a.Makepretty{
	font-size: 11px;
	padding: 2px;
	width: 120px;
	margin-top: 10px;
	padding-bottom:5px;
	background-color: #D7BE5E;
	border: 1px solid #E9DCA7;
	text-align: center;
	color: #000000;
}

a.Makepretty-home {
	color: white;
}

#black {
	color: #000000;
	z-index: 200;
}



* { line-height: 1.4; margin: 0; padding: 0; }
body {
	background: #a1793d url(../newfsb/images/core/bg.jpg) repeat-x 0 0;
	color: #000;
	font: normal 62.5% Tahoma, Verdana, sans-serif;
	text-align: center;
}

p { margin-bottom: 1em; }

img { border: 0; }

#container {
	background: url(../newfsb/images/core/container_bg.gif) repeat-y 0px 52px;
	margin: 0 auto;
	text-align: left;
	padding: 0 5px;
	position: relative;
	width: 800px;
	z-index: 2;
}
#container-prod {
	background: url(../newfsb/images/core/container_bg.gif) repeat-y 0px 52px;
	margin: 0 auto;
	text-align: left;
	padding: 0 5px;
	position: relative;
	width: 970px;
	z-index: 2;
}

#background_fix_1 {
	background: url(../newfsb/images/core/background_fix.gif) no-repeat left top;
	height: 755px;
	left: 0;
	position: absolute;
	top: 0;
	width: 5px;
	z-index: 3;
}

#background_fix_2 {
	background: url(../newfsb/images/core/background_fix.gif) no-repeat right top;
	height: 755px;
	position: absolute;
	right: 0;
	top: 0;
	width: 5px;
	z-index: 3;
}

/*-------------------------------------------    
    Skip to Content
-------------------------------------------*/
#skip_to_content { display: none; position: absolute; }

/*-------------------------------------------    
    Top Bar
-------------------------------------------*/
#top_bar {
	background: url(../newfsb/images/core/topbar_bg.jpg) repeat-x 0 0;
	height: 25px;
	padding: 14px 29px 13px 37px;
}
#top_bar_search {
        float: right;
        margin-top: -12px;
        height: 25px;

}

/*-------------------------------------------    
    Navigation
-------------------------------------------*/
#navigation {
	float: left;
	list-style: none;
}
#navigation li {
	float: left;
}

#navigation li a {
	display: block;
	height: 25px;
	margin-right: 22px;
	overflow: hidden;
	text-indent: -9999px;
}
#navigation li a:hover, #navigation li a:focus { background-position: 0 -25px !important; }

#navigation li a#n-home { background: url(../newfsb/images/core/nav-home.jpg) no-repeat 0 0; width: 105px; }
#navigation li a#n-about_us { background: url(../newfsb/images/core/nav-about_us.jpg) no-repeat 0 0; width: 55px; }


/*-------------------------------------------    
    Banner
-------------------------------------------*/
#banner {
	background: url(../newfsb/images/core/banner_inner_bg.jpg) no-repeat 0 0;
	clear: both;
	height: 135px;
	position: relative;
}
#phome #banner { background: url(../newfsb/images/core/banner_bg.jpg) no-repeat 0 0; height: 301px; }
#pproduct_category #banner, #pproduct_listing #banner, #pproduct_details #banner { background: url(../newfsb/images/core/bannerb_inner_bg.jpg) no-repeat 0 0; }

#banner #logo {
	background: url(../newfsb/images/core/logo_inner.jpg) no-repeat 0 0;
	display: block;
	height: 117px;
	left: 31px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 11px;
	width: 152px;	
}
#phome #banner #logo { background: url(../newfsb/images/core/logo.jpg) no-repeat 0 0; left: 37px; top: 27px; }
#phome #banner #logo { background: url(../newfsb/images/core/logo.jpg) no-repeat 0 0; left: 37px; top: 27px; }
#pproduct_category #banner #logo, #pproduct_listing #banner #logo, #pproduct_details #banner #logo { background: url(../newfsb/images/core/logob_inner.jpg) no-repeat 0 0; }
#banner #logo:hover, #banner #logo:focus { background-position: 0 -117px !important; }

#banner #slogan {
	background: url(../newfsb/images/core/slogan_inner.jpg) no-repeat 0 0;
	height: 45px;
	left: 194px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 45px;
	width: 298px;
}
#phome #banner #slogan {
	background: url(../newfsb/images/core/slogan.jpg) no-repeat 0 0;
	height: 50px;
	left: 189px;
	top: 46px;
	width: 305px;
}
#pproduct_category #banner #slogan, #pproduct_listing #banner #slogan, #pproduct_details #banner #slogan { background: url(../newfsb/images/core/sloganb_inner.jpg) no-repeat 0 0; }


/*Flash Animation*/

#banner #flash {
	position: absolute;
	top:0; left:0;
	width:800px; height:301px;
	display:block;
	z-index:0;
}


/*-------------------------------------------    
    Content Container
-------------------------------------------*/
#content_container {
	background: #e9dca7 url(../newfsb/images/core/content_container_bg.jpg) repeat-x 0 0;
	font-size: 1.1em;
	padding: 20px 30px;
}

#content_container a {
	color: #c31962;
	text-decoration: underline;
}
#content_container a:hover, #containt_container a:focus { color: #8f0742; }

#content_container ul, #content_container ol { margin-left: 2.5em; }
#content_container ul, #content_container ol, #content_container dl {
	margin-bottom:1em;
}

/*-------------------------------------------    
    Primary Content
-------------------------------------------*/
#primary {
	float: right;
	width: 535px;
}
#primary-catalog {
	float: left;
	width: 600px;
}


#primary h2 {
	background: url(../newfsb/images/core/primary_h2_bg.gif) no-repeat 0 0;
	margin-bottom: .75em;
	padding-left: 20px;
}

#primary h3 {
	color: #c31f68;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: .5em;
}

#primary ul {
	list-style: url(../newfsb/images/core/bullet.gif);
}
#primary .two_column_list { margin: 0 auto; width: 90%; }
#primary .two_column_list ul { width: 40%; }
#primary .two_column_list .list_one { float: left; }
#primary .two_column_list .list_two { float: right; }

#primary .two_column_split { width: 100%; }
#primary .two_column_split .column_one, #primary .two_column_split .column_two { width: 45%; }
#primary .two_column_split .column_one { float: left; }
#primary .two_column_split .column_two { float: right; }

#primary table {
	background: #f6f1e0;
	border: 1px solid #d1b770;
	border-bottom: 0;
	border-right: 0;
}

#primary table tr th, #primary table tr td { padding: 4px; text-align: center; }

#primary table tr th {
	background: #eae0bf;
	border: 1px solid #d1b770;
	border-top: 0;
	border-left: 0;
	color: #6f5511;
	font-weight: bold;
}

#primary table tr th.table_left, #primary table tr td.table_left { text-align: left; }

#primary table tr td {
	border: 1px solid #d1b770;
	border-top: 0;
	border-left: 0;
}

#primary table tr.cart_total_price td {
	font-size: 1.2em;
	text-align: right ;
}

/*-------------------------------------------    
    Secondary Content
-------------------------------------------*/


#secondary {
	float: left;
	padding-left: 2px;
	width: 180px;
}


#phome #secondary { background: url(../newfsb/images/core/secondary_bg.gif) repeat-y 178px 30px; }

#secondary h2 {
	color: #000;
	font-size: 1.4em;
	font-weight: bold;
}

#shopping_help_links {
	list-style: none;
	margin-left: 0 !important;
}

#we_accept {
	background: url(../newfsb/images/core/we_accept_cards.jpg) no-repeat left bottom;
	padding: 0 0 32px 14px;
	left: -14px;
	position: relative;
}


/*-------------------------------------------    
    Footer
-------------------------------------------*/
#footer {
	background: transparent url(../newfsb/images/core/footer_bg.gif) no-repeat 0 0;
	height: 60px;
	left: -5px;
	padding: 5px;
	padding-top: 0;
	position: relative;
	width: 810px;
}

#footer_left {
	background: url(../newfsb/images/core/footer_left_bg.jpg) no-repeat 0 0;
	color: #d3b26a;
	left: 20px;
	padding-left: 50px;
	position: absolute;
	top: 14px;
}
#footer_left p { margin: 0; padding: 0; }

#footer_left a { color: #d3b26a; font-weight: bold; text-decoration: none; }
#footer_left a:hover { color: #f0d498; }

/*-------------------------------------------    
    Enquiry Form
-------------------------------------------*/
form.cmxform {
	font-size: 1em;
	margin: 0;
	padding: 0;
	width: 100%;
}

form.cmxform textarea, form.cmxform input { padding: 2px; }

form.cmxform fieldset {
	border: 0;
	margin: 0;
	padding: 0;
	margin-left: -30px;
}

form.cmxform fieldset legend { display: none; }
form.cmxform label {
	display: inline-block;
	line-height: 1.9;
	vertical-align: top;
}	

form.cmxform fieldset ol {
	margin: 0;
	padding: 0;
}
	
form.cmxform fieldset li {
	list-style: none;
	padding: 5px;
	margin: 0;
}
	
form.cmxform fieldset fieldset {
	border: none;
	margin: 3px 0 0;
}
	
form.cmxform fieldset fieldset legend {
	display: block;
	font-weight: normal;
	padding: 0 0 5px;
}
	
form.cmxform fieldset fieldset label {
	display: inline-block;
	width: auto;
}

form.cmxform fieldset em {
	font-weight: bold;
	font-style: normal;
	color: #c31f68;
}

form.cmxform fieldset label { width: 140px; } /* Width of labels */
form.cmxform fieldset fieldset label { margin-left: 143px; } /* Width plus 3 (html space) */
/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */

form.cmxform input.input_submit { padding: 1px; }


/*-------------------------------------------    
    Paging
-------------------------------------------*/
.paging {
	float:right;
	padding:10px;
}
.paging b {
	color: #8e6b00;
	font-weight: bold;
}
.paging a {
	font-weight: normal;
}



A.sasmakepage:link
{
	COLOR: 0054EE;
	FONT: 12px Verdana;
	text-decoration : underline;
}
A.sasmakepage:visited
{
	COLOR: 0054EE;
	FONT: 12px Verdana;
	text-decoration : underline;
}
A.sasmakepage:active
{
	COLOR: 0054EE;
	FONT: 12px Verdana;
	text-decoration : underline;
}
A.sasmakepage:hover
{
	COLOR: 0054EE;
	FONT: 12px Verdana;
	text-decoration : underline;
}
.sasmakepagetable 
{  
	font-family: "Trebuchet MS", Verdana; 
	font-size: 12px; color: #000000; 
	background-position: center top; 
	background-color: #FFFFFF; clip:  rect(   ); 
	padding-top: 5px; 
	padding-right: 5px; 
	padding-bottom: 5px; 
	padding-left: 5px; 
	border-top: 1px solid #6C6C6C; 
	border-bottom: 1px solid #6C6C6C; 
	border-left: 1px solid #6C6C6C; 
	border-right: 1px solid #6C6C6C;
        width: 600px;

}




#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */