@charset "UTF-8";
/***********************************************
* Main css for Phil's web
***********************************************/
/***** reset styles (e.meyer - v1.0 | 20080212) *****/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
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;
	font-size: 100%;
	/*vertical-align: baseline;*/
	background: transparent;
}

body { line-height:1; }
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
}

p {
	color:#444444;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

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

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/***** end reset styles *****/

/***** Forms *****
 - needs to be here just in case it resets anything declared below! :) more specifics further down.*/
form {
	font-size:85%;
	margin-left:15px;
}
label {
	display:inline;
	font-weight:bold;
}
legend {
	font-weight:normal;
	font-size:130%;
	color:#330066;
	padding-right:5px;
	margin-bottom:10px;
}
/*** end forms ***/


/***********************************************
* HTML tag styles                             *
***********************************************/

Body {
	margin: 0px;
	line-height: 1.5em;
}

body {
  background-color: #2d292a;  
  background-color: #000000;  
  color: #37002A;
  text-align:center;
  font-weight: normal;
  font-family: "Tradegothic", Tahoma, Arial, Verdana, Helvetica, sans-serif;
  font-size: .8em;
}

h1, h2, h3, h4, h5, h6 {
  color: #001170;
  margin: 0px;
  padding: 0px;
}

h1 {
  font-size: 150%;
  font-weight: bold;
}

h2 {
  font-size: 140%;
  font-weight: bold;
  color: #333;
}

h3 {
  font-size: 130%;
  color: #333;	
  color: #006699;	
  font-weight: bold;
  border-top: 1px solid #666;
  margin-top: 20px;
  padding-top: 5px;
  padding-bottom: 0px;
}

h4 {
  font-size: 120%;
  color: #666;
  font-weight: bold;
  margin-top: 15px;
  margin-left: 10px;
}

h5 {
  font-size: 100%;
  color: #666;
  font-weight: bold;
}

a:link, a:visited, a:active {
  font-style : normal;
  text-decoration: none;
  color: #ffffff;
}

a:hover {
  color: #370027;
}

img {
	border:0px;
	margin:0px;
}

ul{
 list-style-type: none;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

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

/********* form and related tag styles *********/

blockquote {
  margin:0px 20px 20px 20px;
}

form {
  margin: 0;
  padding: 0;
}

label{
 color: #334d55;
}
				
input{}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#body_color{ 	background-color: #ffffff; height: 100%; }

#container { height: 100%; width: 100%; }

/* Page */
#page, #page_khol, #page_pink {
	top: 0;
  right: 0;
  bottom: 0;
  left: 0;
	background-color: #ffffff;
	min-width: 800px;
	min-height: 600px;
	width: 800px;
	height: 600px;
	text-align:left;
	margin: auto;
	border: 1px solid #CCC;
  position: absolute;
}
#page_black { background-color:#000000; padding-top:30px; }
#page_pink { background-color:#e2aeaf; }
#page_khol { background-color:#3d2225; }
#pagecontent { padding:30px 30px 0 30px; }

/* Banner */
#banner { height: 80px; padding: 7px 0 0 7px; }
#banner_image { width: 81px; height: 39px; z-index: 12; position:absolute;}
#banner.products { height: 45px; }
#ragazze_logo { z-index: 2;}

/* Events */
#event_chair { position:relative; float:right; margin-right: 5px; }
#event_image.list { margin: 130px 0 0 150px;	}
#event_lustre { z-index: 1; margin: 0 0 0 -7px; }

#header { height: 30px; background-color:white; }

/* Content */
#content, #content_khol, #content_white, #content_pink { min-height: 540px; height: 540px; width:740px; max-width:740px;}

#content{ background-color:#e2aeaf; /* pink */ }
#content_khol { background-color:#3d2225; }
#content_white { background-color:#ffffff; }
#content_pink { background-color:#e2aeaf; }
#content p { margin-left: 55px; }
#content_text { margin: 0px; padding: 30px 0 0 30px; }
#content_text p{ margin: 0;padding: 0; }
#content_image {}
#content_image.khol, #content_image_khol { background-color:#3d2225; }

#background_text { margin-top: 25px; }

#ragazze_logo { z-index: 1; }

/* Products */
#products { margin: 20px 0px; }
#product_line img { margin: 0 0 4px 0; }
#product_line_border { float:left; margin: -42px 0 0 -74px; z-index: 2; }
#product_line { float:left; text-align:center; margin: -45px 0 0 25px; z-index: 3; }
#product_line.secchiello, #product_line.borsetta, #product_line.borsettina, #product_line.borsettinetta, #product_line.busta { margin-top: 25px; }

#div_product_image{ float:left; width: 560px; margin-top: -20px; z-index: 0; }
#div_product_image.borsa { padding: 0 0 0 30px; }
#div_product_image.borsetta { padding: 0 0 0 30px; }
#div_product_image.borsettina { margin: -30px 0 0 30px; }
#div_product_image.borsettinetta { padding: 0 0 0 30px; }
#div_product_image.borsettinetta { margin: -30px 0 0 0; }
#div_product_image.secchiello { padding: 0px 30px 0 0; margin-top: 30px; }
#div_product_image.busta { padding: 0 0 0 30px; margin-left: 0px;}
#div_product_image.pc { padding: 0px 0px 0 30px; margin-top: 80px; margin-left:0px; overflow:visible;}
#div_product_image.pm { padding: 0px 0px 0 30px; margin-top: 100px; margin-left:0px; overflow:visible;}
#div_product_image.ceint { padding: 0px 30px 0 0; margin-top: 20px;  }

#div_product_cart_form { float:right; padding-right:20px; }

#div_product_description{ width: 245px; height: 184px; z-index: 12; margin: 20px 0 0 -190px; float:left; text-align:right; }
#div_product_zoom {	margin: 45px 50px 0 65px; z-index: 4; }

#product_description  { margin-bottom: -40px; } 
.ceint #product_description  { margin: 0px 0 -40px 0; }

#product_image { z-index: 0; }

.busta #product_image { margin:0px 0 0 90px; }
.pc #product_image { margin:40px 0 0 100px; }
.pm #product_image { margin:40px 0 0 100px; }
.ceint #product_image { margin-left: -30px; }

#variation { padding: 0 15px 0 0; margin: -30px 0 0 -140px;}
.ceint #variation { padding: 0 15px 0 0; margin: -70px 0 60px -140px;}
.borsettinetta #variation { padding: 0 15px 0 0; margin: 0px 0 40px -140px;}
.busta #variation { padding: 0 15px 0 0; margin: -90px 0 40px -140px;}
.pc #variation { padding: 0 15px 0 0; margin: -90px 0 40px -140px;}

#div_retour { position: absolute; left:20px; top:300px; z-index : 4; }

/* Missing flash */
#missing_flash { margin-top: 190px; }
#missing_flash a:link, #missing_flash a:visited, #missing_flash  a:active , #missing_flash  a:hover{
	color: #cc0000;
}

/* Contacts */
#mail_form { margin: 0px 20px 0px 20px; padding: 0px 20px 0 20px; border:0px solid #dedede; float:left; }
#mail_form p { margin-right: 15px; }
#mail_image { margin-top: 90px;  }
#mail_form table { border: 0; }
#message_name, #message_email, #message_subject { width: 350px !important; }
#message_body {	height: 180px !important; }
#contact_text { margin: 0 0 5px 38px; position: relative;}
#contact_telephone { padding-left: -20px;}
#credits { position: absolute; z-index: 4; top: 20px; left: 775px; margin-left:0px; }

/* Menus */
#menu_white ul, #menu_khol ul, #back ul { margin: 5px 0 0 -10px; padding: 0; list-style-type: none; }
#menu_white ul li, #menu_khol ul li, #back ul li{ margin: 0; display:inline; padding: 0px 10px}
#menu_white ul li.last_eng, #menu_khol ul li.last_eng  { padding: 0 0 0 310px;}
#menu_white ul li.last_fr, #menu_khol ul li.last_fr  { padding: 0 0 0 210px; }
/* With history */
#menu_white ul li.last_eng, #menu_khol ul li.last_eng  { padding: 0 0 0 195px;}
#menu_white ul li.last_fr, #menu_khol ul li.last_fr  { padding: 0 0 0 50px; }

#menu_white a:link, #menu_white  a:visited, #menu_white a:active { color: #370027; }
#menu_white a:hover { color: #CD0720; }
#menu_khol a:link, #menu_khol  a:visited, #menu_khol a:active { color: #ffffff; }
#menu_khol a:hover { color: #CD0720; }

#linkfocus  { font-weight:normal; text-decoration:none; color: #cc081e; }
#invisible { display:none; }
#logo { margin-top: 200px; }

/*****************/
/* CAROUSEL STUFF*/ 
/*****************/
#screen { overflow:hidden;clear:left;position:relative; }
#pane-container { width:4440px; }
#containerul li { float:left;width:740px;display:block;list-style:none;margin:0px 0 0 0;padding:0;list-style:none; }
#carousel_next {	margin: 0 0 100px 10px ;	} 
#carousel_previous {	margin: 0 10px 100px 0 ;	}
#press_1 { margin: 0; }
#press_2 { margin: 0;  }
#page-1 {	width: 740px; }

/* Scollers */
#scroller { top: 0px; float: left; height: 150px; width: 100px; overflow: auto; }
#scrollbar { width: 720px; position:absolute; top: 530px; margin-right: 30px; }
#scroll_image,
#scroll_image_left,
#scroll_image_right { display:inline; }

/* Skip */
#skip { font-size: 110%; margin-top: 10px; }
#skip a:link, #skip a:visited, #skip a:active, #skip a:hover { color: #fff; font-weight:normal; }

/* Retailers */
#retailers { margin: -20px 0 0 0; }

/* Univers */
#universe, #universe_image { padding:0; margin: 0; }
#universe_text { margin: 40px 0 0 370px; }

/* Video */
#video { text-align:center; }
#player {
  display:block;
  width:740px;
  height:540px;
  margin: auto;
  margin-top: 0px;
}

/* Misc */

.right { text-align:right; }
.top { vertical-align:top;}
.divbottom { float:right; position:relative; bottom:0;}
.white { color: #ffffff; }