/*	Warehouse Outlet Stylesheet
	BF Internet
*/


html, body
{
	background:#015323;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	text-align:center;
}

a
{
color:#DAB303;
}


/* -- main wrapper -- */

div#wrapper
{
	width:952px;
	margin:0 auto 10px auto;
	padding-bottom:1px;
    background-color:#ffffff;
   	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

div#hd div#imageBar
{
height:143px;
}

div#hd div#imageBar img
{
float:left;
margin-right:0;
margin-left:5px;
}

div#hd div#imageBar h1
{
margin:0;
}

div#hd div#imageBar h1 img
{
margin:0;
}

div#hd ul#topNav
{
margin:5px;
width:auto;
margin-left:8px;
}

div#hd ul#topNav li
{
background:#ffffff url(../images/navBarBG.gif) left top repeat-x;
float:left;
margin:0;
padding:3px 0 5px 5px;
font-size:13px;
}

div#hd ul#topNav li a
{
display:block;
color:#ffffff;
height:32px;
padding-top:3px;
margin:0 25px 0 25px;
text-decoration:none;
}

div#hd ul#topNav li input
{
font-size:12px;
}

div#hd ul#topNav li a:hover
{
color:#e6c83f;
}

div#hd ul#topNav li.last
{
margin-right:0;
height:32px;
padding:0 0 5px 5px;
}

div#hd ul#topNav li.last a
{
background:url(../images/navBarRight.gif) right top no-repeat;
margin-right:0;
margin-top:0;
padding-top:5px;
padding-right:11px;
}

div#hd ul#topNav li.mailList
{
background:#ffffff url(../images/navBarBG.gif) left top repeat-x;
margin:0;
padding:0 0 5px 0;
height:32px;
}

div#hd ul#topNav li.mailList div#mailForm
{
padding-top:3px;
padding-left:11px;
background:url(../images/navBarLeft.gif) left top no-repeat;
height:32px;
}


/*  -- body -- */

div#body
{
clear:both;
}

div#body div
{
float:left;
text-align:left;
}

div#body div#leftCol
{
width:155px;
margin-right:10px;
margin-left:10px;
}

div#body div#leftCol li a
{
color:#DAB303;
font-weight:bold;
}

div#body div#mainCol
{
width:530px;
margin-right:15px;
}

div#body div#mainCol h2, div#body div#mainCol h3, div#body div#rightCol h3
{
margin:0;
margin-bottom:5px;
color:#015323;
}

div#body div#mainCol p#prodPrice
{
color:#377F39;
font-size:14px;
}

div#body div#rightCol ul li h3
{
font-size:16px;
}

.link {
	width: 35px;
	height:	35px;
	float: right;
	padding-left: 8px;
}

#link {
	float: right;
	padding: 20px 0 0 50px;
}

div.splashBanner
{
background:#000000;
color:#ffffff;
margin:5px 0 5px 0;
padding:5px;
width:520px;
padding-bottom:0;
}

div#kylieBanner.splashBanner
{
background:#000000 url(../images/kylie-banner-BG.jpg) right top no-repeat;
height:195px;
font-size:11px;
}

div.splashBanner#kylieBanner p
{
width:250px;
margin-top:85px;
}

div.splashBanner#kylieBanner a
{
color:#ffffff;
}



div#body div#rightCol
{
width:200px;
}


div#body div#rightCol ul li h4
{
color:#DAB303;
font-size:14px;
}


div#body div#leftCol ul li
{
font-size:12px;
margin:5px 0 10px 0;
}

div#body div#leftCol ul li a
{
color:#015323;
text-decoration:none;
}


/* -- footer --*/

div#footer
{
clear:both;
background-color:#e1c235;
margin:8px;
color:#ffffff;
text-align:center;

padding-top: 10px;

padding-bottom: 10px;
}

div#footer p
{

padding:5px;
}

div#footer a
{
	color:#23558F;
}

/*  --  reusable classes -- */

.clearBoth
{
	clear:both;
	margin:0;
	padding:0;
}

.submitButton
{
	border:1px solid #ffffff;
	background:#015323;
	color:#ffffff;
}


/*  -- product grid --*/

h4
{
margin-bottom:10px;
}

ul#productGrid
{
margin:0;
padding:0;
}

ul#productGrid li.rowBreak
{
height:10px;
clear:both;
}

ul#productGrid li ul li
{
float:left;
width:150px;
margin-right:20px;
height:225px;
overflow:hidden;
}

ul#productGrid li ul li p
{
margin:0;
width:136px;
font-size:11px;
}

ul#productGrid li ul li h4
{
margin:3px 0 3px 0;
font-size:12px;
}

ul#productGrid li ul li a
{
color:#DAB303;
}

/* -- function panel -- */

ul.functionPanel
{
background:#f2eee9;
margin:3px 3px 10px 3px;
padding:3px;
border:1px solid #e2dacf;
}

ul.functionPanel p
{
	font-size:11px;	
}

ul.functionPanel h3
{
margin:0;
font-size:13pt;
text-align:center;
color:#d99742;
}

ul.functionPanel li label
{
display:block;
font-weight:bold;
margin-bottom:3px;
font-size:12px;
color:#4f4949;
}

ul.functionPanel li
{
margin:2px 0 10px 0;
}

ul.functionPanel li input, ul.functionPanel li select
{
border:1px solid #4f4949;
width:175px;
}



ul#productOptions li
{
display:block;
float:left;
padding:5px;
border-top:0;
}

ul#productOptions li.type, ul#productOptions li.type_alt
{
width:130px;
clear:both;
background:#DAB303;
color:#ffffff;
}

ul#productOptions li.type_alt
{
background:#015323;
}

ul#productOptions li.value
{
width:350px;
color:#666666;
background:#f2eee9;
}


div#imagePanel
{
width:200px;
float:right !important;
margin:5px;
text-align:center !important;
}

div#imagePanel img
{
float:none;
}


/*-- Search Results --*/

table.productSearch {
	border-collapse: collapse;
	background: #fff;
	font-size: 1em;
	width: 100%;
	border-bottom:1px solid #ccc;
}

table.productSearch td {
	padding: 8px;
	width:33%;
	text-align:center;
	border:none !important;
}

table.productSearch th {
	padding: 8px;
	text-align: left;
	font-size: 1.2em;
	border:none !important;
}

table.productSearch th a {
	text-decoration: none;
}

table.productSearch th a:hover, .product th a:focus {
	text-decoration: underline;
}


/*-- Product Grid --*/

h5 {
background-color:#015323;
color:#FFFFFF;
display:block;
font-size:13px;
margin-bottom:5px;
padding:4px;
}

.pageRow {

	margin: 0px;

}

ul#pageGrid
{
margin:0;
padding:0;
}



ul#pageGrid li.rowBreak
{
clear:both;

}

ul#pageGrid li ul li
{
float:left;
width:165px;
margin-right:5px;
height:245px;
overflow:hidden;
text-align: center;
}

ul.featured-products li ul li {

height: 190px !important;

}

ul#pageGrid li ul li p
{
margin:0;
width:136px;
font-size:11px;
}

ul#pageGrid li ul li h4
{
margin:3px 0 3px 0;
font-size:13px;
}
ul#pageGrid li ul li h4 a {

text-decoration: none;
font-size: 13px;
color: #015323;

}
ul#pageGrid li ul li a
{
color:#D99742;
}

ul.special-offers {

background-color: #faf6ea;
padding: 10px !important;
text-align: center !important;
border-top: 1px solid #ece6d2;
border-bottom: 1px solid #ece6d2;
margin-bottom: 10px !important;

}
.offer-link {

text-decoration: none !important;
font-size: 13px;
color: #015323 !important;

}

/* Contact Form ============================ */

/* Form Styling =============================== */


form.contactform fieldset {

	border: 1px solid #e2dacf;
	padding: 15px;
	background-color: #f2eee9;
}
form.contactform legend {
	padding: 5px;
	font-weight: bold;
	color: #303030;
}
form.contactform label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
}
form.contactform fieldset ol {
	margin: 0;
	padding: 0;
}
form.contactform fieldset li {
	list-style: none;
	padding: 5px;
	margin: 0;
}
form.contactform fieldset fieldset {
	border: none;
	margin: 3px 0 0;
}
form.contactform fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
}
form.contactform fieldset fieldset label {
	display: block;
	width: auto;
}
form.contactform em {
	font-weight: bold;
 	font-style: normal;
	color: #f00;
}
form.contactform label {
	width: 130px; /* Label Width */
}
form.contactform fieldset fieldset label {
	margin-left: 133px; /* Width +3 (html space) */
}

form {
	font-family: tahoma,arial,sans-serif;
	font-size: 11px;
}

form.contactform input, form.contactform textarea {

	padding: 4px;
	font-family: arial,tahoma,sans-serif;
	font-size: 11px;
	border: 1px solid #e2dacf;
	background-color: #fff;
	width: 180px;
	margin-right: 4px;
}

.radio {

	padding: 4px;
	font-family: arial,tahoma,sans-serif;
	font-size: 11px;
	width: 280px;
	margin-right: 4px;

}

form.contactform input:hover, form.contactform textarea:hover {

	background-color: #fff;

}

form.contactform input:focus, form.contactform textarea:focus {

	background-color: #fffefd;

}

form.contactform input[type=submit] {

	width: 100px;
	cursor: pointer;
}

form.contactform select {

	padding: 3px;
	font-family: arial,sans-serif;
	font-size: 11px;

}

form.contactform input[type=submit]:focus {

	background-color: #efefef;

}

form.contactform button {

	border: 1px solid #015323;
	background-color: #045d29;
	padding: 4px;
	font-weight: bold;
	color: #f0cd30;

}

.button {

	border: 1px solid #015323 !important;
	background-color: #045d29 !important;
	padding: 4px;
	font-weight: bold;
	color: #f0cd30;
	width: auto !important;
	padding-left: 20px !important;
	padding-right: 20px !important;

}

form.contactform select {

	margin-bottom: 10px;
	margin-left: -3px;
	border: 1px solid #e2dacf;
	background-color: #fff;
	padding: 3px;
	font-family: tahoma,arial,sans-serif;
	font-size: 11px;

}

form.contactform select:hover {

	background-color: #fff;

}

form.contactform input[type=radio] {

	border: 0;
	background-color: transparent;

}

/*-- Design Link --*/
	
p#bf {
	clear: both;
	font-size: 0.8em;
	font-weight: normal;
	margin: 0 auto 0.5em auto;
	padding-top: 4px;
	text-align: right;
	width: 952px;
}

p#bf a {
	border-bottom: none;
	font-weight: bold;
	text-decoration: none;
}

p#bf a:hover {
	color: #9370DB;
	text-decoration: underline;
}

p#bf span a,#bf span a:hover {
	font-weight: normal;
	text-decoration: none;
}

p#bf, p#bf a, #bf span a:hover {
	color: #ADAFA4;
}

.paypalbutton {
background:url("http://www.paypal.com/en_GB/i/btn/btn_xpressCheckout.gif") no-repeat scroll 0 0 transparent; 
border:medium none; 
cursor:pointer; 
display:block; 
font-size:0; 
height:45px; 
overflow:hidden; 
text-indent:-9999px; 
width:150px;
}