/*
-----------------------------------------------------
Default CSS file for Gossard
Media: screen, projection
-----------------------------------------------------
*/

/*
-----------------------------------------------------
RESET plus DEFAULTS
-----------------------------------------------------
*/
/* Kill spacing on selected elements  & kill image borders */
html, body, div, span, address, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, form, 
b, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

body {
	background-color:#fff; /* Set default background */
	font-size:76%; /* Set default font-size */
	line-height: 1;
}
img { border:0; }

/* Set acronym pointer */
acronym { cursor:help; }

/* De-italicize address,abbr */
address,
abbr { font-style:normal; }

/* TYPE */

/* Font family */
body,
input,
select, 
textarea {
	/* Add list of default font families here */
	font-family:arial,helvetica,sans-serif;	
}

/* Type modifications */
p {line-height:1.3em;}

/* LINKS */

/* The three pseudo-classes required for keyboard navigation */
a:hover,
a:active,
a:focus { text-decoration:underline; }

:focus { outline: 0; }


/* TABLES */

/* Reset table spacing - tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:collapse;
	border-spacing:0;
}
/* Reposition structural table elements */
caption, th { text-align:left; }

/* FORMS */

/* Set label pointer */
label { cursor:pointer; }

/* Consistent font sizes in form elements */
input, select, textarea { font-size:100%; }

/* Kill fieldset borders */
fieldset { border:0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* GENERAL */

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* Hides contents off-left */
.context {
	height:1px; 
	left:0px; 
	overflow:hidden;
	position:absolute; 
	top:-500px;
	width:1px; 
}

/*
-----------------------------------------------------
BAD TAGS

Styles for deprecated tags go here.
The aim is to alert users inputting content into a CMS
that they are using illegal tags with uglification.
-----------------------------------------------------
*/

b, big, blink, center, font, i, layer, marquee, small, u {
	background:yellow;
	border:2px dashed green;
	color:red;
	font-size:30px;
	font-weight:bold;
}
b:after, big:after, blink:after, center:after,  font:after,
i:after, layer:after, marquee:after, small:after, u:after { 
	content:" You are using a deprecated tag; please fix." 
}

/*
-----------------------------------------------------
MAIN LAYOUT
-----------------------------------------------------
*/

body {
	font-family: Verdana, "Geneva", Tahoma, sans-serif;
	font-size:76%;
	color: #fff;
	background: url(http://images.esellerpro.com/2263/I/56/bg-g.jpg) no-repeat left 565px;
}
#container {
	width:1205px;
	margin:0 auto;
	background: url(http://images.esellerpro.com/2263/I/56/bg-elle.jpg) no-repeat left top #fff;
	position:relative;
}
#inner-container {
	width: 954px;
	margin:0 0 0 255px;
	padding:0;
	background: url(http://images.esellerpro.com/2263/I/56/bg-r.png) repeat-y right top #000;
}
#header {
	padding:0;
	margin:0 225px 0 0;
	overflow:hidden;
	background: url(http://images.esellerpro.com/2263/I/56/swirl.png) no-repeat right top;
	zoom:1;
}
#content {
	margin:0;
	padding:0;
	width:740px;
}
#collection {
	margin:33px 0;
	padding-bottom:0px;
	overflow:hidden;
}
#content-l {
	float:left;
	width:330px;
	padding:0 0 0 20px;
}
#content-r {
	float:left;
	width:350px;
	padding:0 10px 0 10px;	
}
#footer {	
	overflow:hidden;
	margin:0;
	padding:40px 0 10px;
}

/** Gossard NAV **/
ul#nav {width:650px;list-style-type:none;padding:0;overflow:hidden;margin:10px 0 20px 90px;position:absolute;top:90px;left:240px;}		
ul#nav li {padding: 3px 15px 3px 0px;margin:0 10px 0 5px;float:left;font-size:1.2em;background:url(http://images.esellerpro.com/2263/I/56/nav-divide.png) no-repeat right top;}
ul#nav li.last {margin:0; background:none;}

/*
-----------------------------------------------------
CONTENT 
-----------------------------------------------------
*/
/* header logo replacement */
h1 {float:left;position: relative; width:280px; height:107px; padding:13px 0 0 0;margin:0;line-height:1.2em;}
h1 span {float:left;background: url(http://images.esellerpro.com/2263/I/56/logo.png) left top no-repeat;position:absolute;width:280px; height:107px;}
h1 a {cursor:pointer;}

h1 {font-size:2em;clear:both;}
h2 {margin:0;font-weight:normal;font-size:1.7em;letter-spacing:-0.02em;line-height:1.5em;margin-top:-5px;}
h3, h4, h5 {font-size:1.1em;margin:0.6em 0;}
p {font-weight:normal;margin-bottom:0.4em;padding-right:10px;}

ul.inline {margin-left:0;}
ul.inline li {display:inline;margin-right:10px;}
.clear {clear:both;}
em {font-style:italic;font-size:0.9em;}

/* links */
a:link, a:visited, a:active {color:#fff;text-decoration:none;font-weight:bold;}
a:hover, a:focus {color:#a7a9ac;text-decoration:none;}
a.active {color:#a7a9ac;}

li, dd, blockquote { margin-left:0em;}
ul, ol { margin:0 0 1em 0; font-size:1.2em;list-style: none;}


/* Collection specific styles */
#collection h2#title-collection {letter-spacing:0.08em;font-size:4em;}
#collection p { font-size:1.3em;line-height:1.4em;}
#collection ul {font-size:1em;}
.buyit {font-size:2em;}
li.pf {padding-top:6px;}

/* COCO Collection */
#collection.coco h2#title-collection {color:#c8a36a;font-size:4em;}
#collection.coco .buyit {padding:0.6em 0 0.4em 0;}

/* Enchante Collection */
#collection.enchante h2#title-collection {color:#f2ac92;font-size:5em;margin-top:-10px;letter-spacing:0;}
#collection.enchante .buyit {margin:4.3em 0 0.4em 0;}

/* Cancan Collection */
#collection.cancan h2#title-collection {color:#7f56a4;}
#collection.cancan .buyit {margin:3.2em 0 0.4em 0;}

/* Cosmetix Collection */
#collection.cosmetix h2#title-collection {color:#4c57b9;}
#collection.cosmetix .buyit {margin:6em 0 0.4em 0;}

/* SqueezeMe Collection */
#collection.squeezeme h2#title-collection {color:#de83b7;}
#collection.squeezeme .buyit {margin:2.2em 0 0.4em 0;}

/* Superboost Collection */
#collection.superboost h2#title-collection {color:#bb2b5c;}
#collection.superboost .buyit {margin:4em 0 0.4em 0;}

/* Temptress */
#collection.temptress h2#title-collection {color:#8e7bb2;}
#collection.temptress .buyit {margin:3em 0 0.4em 0;}

/* Oohlala Collection */
#collection.oohlala h2#title-collection {color:#fff;}
#collection.oohlala .buyit {margin:1.5em 0 0.4em 0;}

/* Etoile Collection */
#collection.etoile h2#title-collection {color:#fff;}
#collection.etoile .buyit {margin:1.5em 0 0.4em 0;}


/* Promo Panels */
ul#promo-contain li {margin:0;padding:0;width:220px;float:left;padding-left:20px;}
ul#promo-contain p {font-size:0.7em;padding-right:0;}
ul#promo-contain p.cta {font-size:0.8em;margin-top:8px;}

/* footer */
ul#footer li {font-size:0.7em;border-right:1px solid #fff;padding:0 10px 0 0;}
ul#footer li a {font-weight:normal;}
ul#footer li.last {border:none;}