body
{
margin-top			: 0px;
padding				: 0px;
font-family			: arial, sans-serif;
font-size 			: 100%;
color				: #333333;
background-color	: #FFF;
background-image	: url(../images/generic/bg-img.jpg)
}

img
{
border				: none;
}

em.error
{
color				: red;
font-size 			: 100%;
font-style			: normal;
font-weight			: bold;
margin				: 10px 0 10px 0;
}

form
{
margin				: 0px;
padding				: 0px;
}

form.hold
{
position			: relative;
width				: 895px;
margin				: 0px auto;
padding				: 10px;
background-color	: #FFF;
}

div.top
{
position			: relative;
width				: 895px;
background-color	: #FFF;
overflow			: hidden;
margin				: 20px 0px 0px 0px;
}

div.logo
{
position			: relative;
width				: 299px;
float				: left;	
}

div.logo a.header
{
background-image	: url(../images/generic/logo.gif);
width				: 299px;
height				: 24px;
margin				: 0px;
padding				: 0;
text-decoration		: none;
display				: block;
}

div.logo a.header span
{
display				: none;
}

div.logo a.header h1
{
padding				: 25px 0 0 0;
margin				: 0;
font-size			: 75%;
color				: #666;
font-weight			: normal;
}

div.logo img
{
display				: block;
}

div.basket
{
position			: relative;
float				: right;
}

div.basket span b#welcomemessage
{
color				: #A9181C;
font-weight			: bold;
}

div.basket span
{
display				: inline;
float				: left;
}

div.basket span.icon,div.basket span.items
{
border-right		: 1px solid #DDD;
padding				: 10px 5px 0px 0px;
margin				: 0px 5px 0px 0px;
}

div.basket span.paymentcard
{
padding				: 0px 10px 0px 0px;
margin				: 0px 10px 0px 0px;
}

div.basket span.links
{
padding				: 10px 5px 0px 0px;
}


div.basket span img
{
vertical-align		: top;
}

div.basket span
{
font-size			: 70%;
color				: #999999;
margin				: 0px 0px 0px 0px;
line-height			: 14px;
float				: left;
}

div.basket span a
{
color				: #999;
font-weight			: bold;
text-decoration		: none;
}

span.red
{
color				: #A9181C;
}

/* Top Nav */

div.topnav
{
position			: relative;
width				: 895px;
background-color	: #FFF;
background-image	: url(../images/generic/bg_nav_off.gif);
overflow			: hidden;
margin				: 20px 0px 15px 0px;
}

div.topnav ul
{
list-style-type		: none;
margin				: 0px;
padding				: 0px;
background-image	: url(../images/generic/bg_nav_offxmas.gif);
overflow			: hidden;
}

div.topnav ul li
{
display				: inline;
line-height			: 14px;
margin				: 0px;
padding				: 0px; 
font-size			: 80%;
}

div.topnav ul li a:link, div.topnav ul li a:visited
{
color				: #FFF;
text-decoration		: none;
font-weight			: bold;
display				: block;
float				: left;
padding				: 10px 20px 10px 20px;/* padding and line height (above) should add to 34*/
border-right		: 1px solid #999;
}

div.topnav ul li a:hover
{
background-image	: url(../images/generic/bg_nav_hover.gif);
}

div.topnav ul li a.topnavon
{
background-image	: url(../images/generic/bg_nav_on.gif);
}

/* end of topnav CSS */

div.contentwrapper
{
position			: relative;
width				: 895px;
overflow			: hidden;
margin				: 0px 0px 15px 0px;
}

/* Left Nav */

div.leftnav
{
position			: relative;
/*float				: right;*/
width				: 180px; /* Note padding */
overflow			: hidden;
margin				: 0px 0px 0px 0px;
padding				: 0px 0px 0px 0px;
}

div.leftnav img
{
display				: block;
}


div.leftnav img.banner
{
margin				: 5px 0 5px 0 ;
}

div.leftnav p
{
font-size			: 70%;
color				: #FFF;
margin				: 0px 0px 0px 0px;
line-height			: 14px;
background-color	: #A9181C;
padding				: 3px 0px 3px 15px;
/*border-bottom		: 1px solid #FFF;*/
}

div.leftnav ul
{
list-style-type		: none;
margin				: 0px 0px 0px 0px;
padding				: 4px 0px 8px 0px;
background-image	: url(../images/generic/bg_leftnavxmas.gif);
background-position	: bottom right;
background-repeat	: no-repeat;
border-bottom		: 1px solid #DDD;
}

div.leftnav ul li
{
line-height			: 16px;
margin				: 0px;
padding				: 0px;
font-size			: 80%;
display				: inline;/* IE Fix for  Left nav - Dont move!! */
				
}

div.leftnav ul li a:link, div.leftnav ul li a:visited
{
width				: 160px;/* need this so hovers work in IE6*/
color				: #FFF;
text-decoration		: none;
font-weight			: normal;
display				: block;
padding				: 2px 0px 2px 15px;
float				: none;
border-bottom		: solid 1px #657473;	
}

div.leftnav ul li a:hover
{
background-color	: #FFFFFF;
background-image	: url(../images/generic/nav_hover.gif);
}


/* end of left nav */

div.search
{
margin				: 0px 0px 15px 0px;
padding				: 0px 0px 15px 5px;
background-image	: url(../images/generic/bg_leftnav.gif);
border-bottom		: 1px solid #DDD;
}

div.search input
{
font-family			: Arial;
font-size			: 70%;
color				: #666;
border				: 1px solid #CCC;
padding				: 2px;
}

div.search input.searchbutton
{
vertical-align		: middle;
display				: inline;
margin-left			: 5px;
border				: 0;
}

/* General copy within pages */

div.content
{
position			: relative;
float				: right;
width				: 685px;
background-color	: #FFF;
overflow			: hidden;
margin				: 0px 0px 0px 0px;
}

div.content h1
{
font-size			: 100%;
font-weight			: bold;
color				: #A9181C;
margin				: 15px 0px 15px 0px;
line-height			: 16px;

}

div.content h2
{
font-size			: 75%;
font-weight			: bold;
color				: #666666;
margin				: 0px 0px 15px 0px;
line-height			: 15px;
width				: 430px;
}

div.content p
{
font-size			: 75%;
font-weight			: normal;
color				: #666666;
margin				: 0px 0px 15px 0px;
line-height			: 15px;
}

div.content img.pageimage
{
float				: right;
margin				: 0px 0px 10px 10px;
}

div.content ul
{
margin				: 0px 0px 15px 30px;
padding				: 0px 0px 0px 0px;
overflow				: hidden;
}

div.content ul li
{
font-size			: 75%;
font-weight			: normal;
color				: #666666;
margin				: 0px 0px 0px 0px;
line-height			: 16px;
}

div.content p.breadcrumbs
{
 color				: #999;
 font-size			: 70%;
}

div.content p.breadcrumbs a
{
 color				: #999;
 text-decoration	: none;
 font-weight		: bold;
}

/* Start Breadcrumb */



ul#breadcrumb
{
clear					: both;
list-style-type			: none;
margin					: 0px 0px 0px 0px;
padding					: 0px 0px 10px 0px;
}

ul#breadcrumb, ul#breadcrumb li
{
display					: inline;
margin					: 0px 0px 0px 0px;
padding					: 0px 0px 0px 0px;
color					: #999;
}



ul#breadcrumb li a
{
display					: inline;
font-size				: 90%;
color					: #999;
text-decoration			: none;
font-weight				: bold;
}

ul#breadcrumb li a:hover
{

text-decoration:	none;
}

ul#breadcrumb li span
{
padding:			0 3px 0 0;
}

/* End Breadcrumb */


/* links on standard p's and ul's */

div.content p a, div.content ul li a
{
color				: #000;
 font-weight		: normal;
}



div.footer
{
position			: relative;
width				: 875px;
background-color	: #DEDEDE;
 margin				: 0px 0px 0px 0px;
 padding			: 3px 0px 3px 20px;
 overflow			: hidden;
}

div.footer p.left
{
 font-size			: 70%;
 font-weight		: normal;
 color				: #666;
 margin				: 0px 0px 0px 0px;
 line-height		: 16px;
 float				: left;
}

div.footer p.right
{
 font-size			: 70%;
 font-weight		: normal;
 color				: #666;
 margin				: 0px 20px 0px 0px;
 line-height		: 16px;
 float				: right;
}

div.footer p.left a, div.footer p.right a
{
 color				: #666;
 text-decoration	: none;
}

div.footer p.right img
{
display				: inline;
margin-bottom		: -3px;
border				: 0px;
}

span.red
{
color				: #A9181C;
}

label
{
font-size			: 75%;
color				: #666;
margin				: 0px 0px 0px 0px;
line-height			: 14px;
padding				: 0px 0px 0px 0px;
}

input.form
{
 font-family		: Arial;
 font-size			: 75%;
 color				: #666;
 border				: 1px solid #CCC;
padding				: 2px;
width				: 180px;
margin-bottom		: 5px;
 font-weight		: normal;
vertical-align		: middle;
margin				: 0px 5px 10px 0px;
}

/* Contact form */

input.contactform, textarea.contactform
{
 font-family		: Arial;
 font-size			: 75%;
 color				: #666;
 border				: 1px solid #CCC;
padding				: 2px;
width				: 250px;
margin-bottom		: 5px;
 font-weight		: normal;
vertical-align		: middle;
margin				: 0px 5px 10px 0px;
}


/* generic button (not in a <p>) */

.button
{
 background-color	: #A9181C;
 color				: #FFF;
 font-weight		: bold;
 font-size			: 70%;
 padding			: 0px 10px 0px 10px;
 border				: 2px double #CCC;
}

/* basket button (not in a <p>) */

.basketbutton
{
 background-color	: #A9181C;
 color				: #FFF;
 font-weight		: bold;
 font-size			: 70%;
 padding			: 0px 10px 0px 10px;
 border				: 2px double #CCC;
 float				: right;
 margin				: 10px 52px 0px 0px;
 clear				: both;
}

/* Site map styles */

div.sitemap ul
{
list-style-type		: none;
margin				: 0px 0px 0px 20px;
padding				: 0px;
}


div.sitemap ul li
{
line-height			: 20px;
margin				: 0px;
padding				: 0px;
font-size			: 70%;
}

div.sitemap ul li ul li
{
line-height			: 20px;
margin				: 0px;
padding				: 0px 0px 0px 20px;
font-size			: 100%;
}

div.sitemap ul li ul li ul li
{
line-height			: 20px;
margin				: 0px;
padding				: 0px 0px 0px 20px;
font-size			: 100%;
}

/* Collections search under nav */

div.collectionssearch-leftnav
{
 position			: relative;
 /*background-color	: #CCC;*/
 width				: 160px;
 margin				: 0px 0px 0px 10px ;
}

div.collectionssearch-leftnav label
{
 font-size			: 70%;
 font-weight		: bold;
 color				: #A9181C;
 margin				: 0px 0px 0px 0px;
 line-height		: 30px;
}

div.collectionssearch-leftnav select, div.product_leftside select /* select box on product page also */
{
 font-family		: Arial;
 font-size			: 70%;
 color				: #666;
 border				: 1px solid #CCC;
padding				: 2px;
width				: 160px;
margin-bottom		: 5px;
}

div.collectionssearch-leftnav input
{
 font-family		: Arial;
 font-size			: 100%;
 color				: #666;
 border				: 1px solid #CCC;
padding				: 2px;
width				: 154px;
margin-top			: 5px;
font-weight			: normal;
vertical-align		: middle;
margin				: 0px 5px 10px 0px;
}

div.collectionssearch-leftnav p.search
{
 font-size			: 70%;
 font-weight		: bold;
 color				: #A9181C;
 margin				: 0px 0px 0px 0px;
 line-height		: 15px;
border-top			: 1px solid #A9181C;
padding				: 8px 0px 0px 0px;
}

div.collectionssearch-leftnav p.search-filters
{
 font-size			: 70%;
 font-weight		: bold;
 color				: #666;
 line-height		: 15px;
padding				: 0px 0px 8px 0px;
margin				: 0px 0px 0px 0px;
}

div.collectionssearch-leftnav p.search a
{
font-weight			: bold;
color				: #666;
display				: block;
background-color	: #F6F6F6;
width				: 80px;
text-align			: center;
padding				: 3px;
text-decoration		: none;
border				: 1px solid #A9181C;
}


/* kylie Splash */

div.kylie
{
position			: relative;
width				: 871px;
margin				: 0px auto;
padding				: 20px 0px 0px 0px;
}

div.kylie img
{
display				: block;
border				: 0px;
}

p.kylie-noimage-link
{
font-size				: 70%;
color					: #999;
margin					: 20px 0px 0px 0px;
padding-left			: 20px;
}

p.kylie-noimage-link a
{
color					: #999;
}
/* new collection */
div.bottom-collection
{
	width				:666px;
	overflow			: hidden;
}


div.bottom-collection ul
{
	float				:left;
margin					: 0 0 0 0px;
overflow				: hidden;
list-style-type			: none;
background-color		: #E5E5E5;
}

div.bottom-collection #colletion
{
padding				: 2px;
}

div.bottom-collection #colletion li
{
display				: inline;
margin				: 0 1px 0 0;
color				: #797979;
padding				: 5px 3px 5px 3px;
}

div.bottom-collection ul li a
{
color				: #797979;
text-decoration		: none;	
font-size			: 80%;
}

div.bottom-collection #colletion li.header
{
background-color	:#943637;
color				: #FFF;
font-weight			:bold;
}

h2#strap
{
background-color	: #546463;
margin				: 0 0 3px 0;
padding				: 0 0 0 10px;
line-height			: 25px;
color				: #FFF;
width				: 660px;
}

div#bottomtext
{
margin-top			: 20px;
width				: 670px;
font-size			: 80%;
}

div#searchterms
{
margin-top			: 10px;
background-color	: #E5E5E5;
padding-bottom		: 10px;
}

div#searchterms h5
{
background-color	: #546463;
border-bottom		: 2px solid #FFF;
color				: #FFF;
font-weight			: normal;
padding				: 0 0 0 5px;
line-height			: 20px;
margin				: 0;
}

div#searchterms ul, div#searchterms ul li
{
margin				: 0;
padding				: 0;
}

div#searchterms ul li
{
list-style-type		: none;
padding-left		: 5px;
line-height			: 12px;
}

div#searchterms ul li a
{
color				: #666;
font-size			: 60%;
text-decoration		: underline;
}

div#searchterms ul li a:hover
{
text-decoration		: none;
}