@charset "UTF-8";

#loader {
	position:absolute;
	left:480px;
	top:300px;
}

#zindex {
	z-index:8000; 
	position:relative;
}

#catalog h1 {
	font-size: 16px;
	font-variant: small-caps;
	font-weight: bolder;
	
}

#catalog h1.catalog_title {
	display: none;
}

#catalog h1 .catalog_name {
	font-size: 18px;
	font-weight: normal;
	font-variant: normal;
}

#catalog #catalog_content {
	margin:5px 10px;
	
}

#catalog #page_img {

}

#catalog .overlay {
	cursor:pointer;
	position: absolute;
	display:block;
	background:#000;
	opacity:0;
	filter:alpha(opacity=0);
	z-index:8000;
}

#catalog #page_footer {
	margin-bottom: 18px;
}

#catalog #page_footer #page_prev a{
	float: left;
	width: 60px;
	height: 53px;
	position:relative;
	background-image:url(../images/s_catalog_leftarrow.png);
	background-repeat:no-repeat;
	top:-347px;
	left:-9px;
	text-indent:-9999px;
	display:block;
	z-index:9000;
	
}
#catalog #page_footer #page_prev a:hover{
	background-image:url(../images/s_catalog_leftarrow_hover.png);
	display:block;
}

#catalog #page_footer #page_name {
	float: none;
}

#catalog #page_footer #page_next a{
	float: left;
	width: 60px;
	height: 53px;
	position:relative;
	background-image:url(../images/s_catalog_rightarrow.png);
	background-repeat: no-repeat;
	background-position: right;
	top:-347px;
	left:849px;
	text-indent:-9999px;
	display:block;
	z-index:9000;
}
#catalog #page_footer #page_next a:hover {
	background-image:url(../images/s_catalog_rightarrow_hover.png);
	display:block;
}

#catalog #page_items_container {
	display:none;
}

#catalog #page_items {
	/*display:none;*/
}

#catalog #page_items div.page_items_separator {
	width: 225px;
	height: 410px;
	float: left;
	font-size: 11px;
	margin-right: 16px;
	margin-bottom: 16px;
	border: 1px solid #E7DED7;
}

#catalog #page_items div.page_items_separator_last {
	margin-right: 0;
}

#catalog #page_items .solde_icon {
	display: block;
	position:relative;
	float:right;
	margin-top: -167px;
/* 	margin-bottom: 167px; */
}

/*#catalog #page_items .solde_icon_fr {
	margin-left: 165px;
}

#catalog #page_items .solde_icon_en {
	left: 177px;
}*/

#catalog #page_items p {
	height:129px;
	overflow-x: hidden;
	overflow-y: auto;
}

#catalog #page_items h2 {
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
}

#catalog #page_items sup {
	font-size: 60%;
}

#catalog #page_items .popup_wrapper {
	padding: 5px;
}

#catalog #page_items .popup_price {
	position:relative;
	bottom:0;
}

#catalog #page_items .promo {
	color: #999;
	font-size: 14px;
}

#catalog #page_list {
	width:1000px;
	/*margin-top: 16px;*/
	/*height: 110px;*/
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	margin-left:-23px;
}

#catalog #page_list p {

}

#catalog #page_list a {
	

}

#catalog #page_list a img {
	border: 1px solid black;
	margin-right: 4px;
}

#catalog #page_list ul li {
	float:left;
	padding:0 26px;
	list-style-type:none;
}

#legend, #succursales {
	margin:-30px 0 0 0;
	font-size:11px;
}

#legend {
	float:left; 
	text-align:right; 
}

#succursales {
	float:right; 
	text-align:left; 
}

.products_content_popup {
	margin:0;
}

#popup {
	position: absolute;
	background-color: white;
	color: #9a7666;
	width: 250px;
	/*height: 200px;*/
	padding: 5px;
	/*border: 1px solid #3e1100;*/
	display: none;
	left: 0px;
	top: 0px;
	z-index:9001;
	-webkit-box-shadow: 0 0 13px #9A7666;
	-moz-box-shadow:0 0 13px #9A7666;
	box-shadow: 0 0 13px #9A7666;
	border:1px #d0c0b8 solid;
}
/*
#popup h2 {
	color: #442010;
	margin-bottom: 10px;
	font-weight: lighter;
	font-size: 16px;
	line-height:1em;
	font-family:"Times New Roman", Times, serif;
}
*/

#popup .solde_icon {
	display: block;
	position:relative;
	float:right;
	margin-top: -167px;
}

/*#popup .solde_icon_fr {
	margin-left: 165px;
}

#popup .solde_icon_en {
	margin-left: 177px;
}*/

#popup .promo {
	color: #442010;
	margin-top: 4px;
	font-weight: lighter;
	font-size: 21px;
}

#popup .reg {
	color: #9a7666;
	margin-top: 2px;
	/*font-weight: bold;*/
	font-size: 16px;
}

#popup .promo, #popup .reg {
	font-family:"Times New Roman", Times, serif;
}

#popup img, #popup p {
	margin:0 0 10px 0;
}

#popup .popup_wrapper {
	padding:0 5px;
}

#popup_wrapper, #products_desc h1 {
	font-size:11px;
}

.popup_price {
	border-top:1px solid #E7DED7;
	/*border-bottom:1px solid #E7DED7;*/
	padding:2px 0;
	margin:10px 0 25px 0;
}

/* CAROUSSEL ####### */
#mycarousel {
	margin-left:-18px;
	width:2710px;
}

.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
div#similar_items {
	width:520px;
	height: 80px;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	margin-left:-16px;
}

ul#similar_carousel {
	list-style:none;
/* 	overflow:hidden; */
}

ul#similar_carousel li {
	float:left;
	list-style:none;
	margin-right:12px;
}

#similar_items .jcarousel-skin-tango {
	margin-left: 8px;
	width: 488px;
/* 	overflow:hidden; */
}

.jcarousel-skin-tango {
	margin-left:26px;
	width:960px;
}

.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}



/* SKIN CAROUSSEL ####### */

.jcarousel-skin-tango .jcarousel-container {

 }

.jcarousel-skin-tango .jcarousel-container-horizontal {
     /*padding: 20px 30px 20px 40px;*/
	 margin-left:-9px;
}

#similar_items .jcarousel-skin-tango .jcarousel-container-horizontal {
     /*padding: 20px 30px 20px 40px;*/
	 margin-left:8px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {

}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
   height: 85px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 11px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 36px;
    right: -13px;
    width: 10px;
    height: 12px;
    cursor: pointer;
    background: transparent url(skins/tango/next-horizontal2.jpg) no-repeat top left;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: bottom left;
}



.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position:  top left;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 36px;
    left: -13px;
    width: 10px;
    height: 12px;
    cursor: pointer;
    background: transparent url(skins/tango/prev-horizontal2.jpg) no-repeat top left;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: bottom left
}


.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
	 background-position: bottom left; 
  
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(skins/tango/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

/* SUB MENU ############## */


img {
	border:none;
}

.mask {
	height:2px;
	width:100%;
	z-index:9999;
	position:absolute;
	background:#fbf6f2;
	top:24px;
	display:none;

}

#first {
	border-left:1px solid red
}
/*
.border_first {
	border-right:1px #e7ded7 solid;
	padding:5px 15px 5px 16px;
	text-transform:uppercase;
	font-size:10px;
	color:#9A7666;
}
*/
.border_last {
	border-righ:1px #e7ded7 solid;
	padding:5px 14px 5px 15px;
	text-transform:uppercase;
	font-size:10px;
}
	
#sub_menu {
	height:27px;
	border-top:1px #e7ded7 solid;
	padding:2px 0 0 0;
}

#sub_menu ul, #size ul, #colors ul, #features ul {
	padding:0;
	margin:0;
}

#sub_menu ul li a.sub_menu_title {
	border-right:1px #e7ded7 solid;
	padding:5px 15px 5px 15px;
	text-transform:uppercase;
	font-size:10px;
}

#sub_menu ul li a.sub_menu_title_first {
	border-right:1px #e7ded7 solid;
	border-left:1px #fff solid;
	padding:5px 15px 5px 16px;
	text-transform:uppercase;
	font-size:10px;
	color:#9A7666;
}

#sub_menu ul li a.sub_menu_title_first:hover {
	border-left:1px #e7ded7 solid;
}

#sub_menu ul li a.sub_menu_title_right {
	border-left:1px #e7ded7 solid;
	border-right:1px #fff solid;
	padding:5px 15px 5px 16px;
	text-transform:uppercase;
	font-size:10px;
	color:#9A7666;
}

#sub_menu ul li a.sub_menu_title_right:hover {
	border-right:1px #e7ded7 solid;
}

#sub_menu ul li a:hover {
	background:#fbf6f2;

}

#sub_menu ul li, #size ul li, #colors ul li, #features ul li, .searchby, #pagination {
	list-style-type:none;
	font-family:Arial, Helvetica, sans-serif;
}


a.border_reset {
	border-right:none;
}

#menu1, #menu2 {
	z-index:9999;
}

#menu1 li:hover, #menu2 li:hover  {
	background:#fbf6f2;
	z-index:9999;
}

#menu2 li ul li {
	float:left;
	width:293px;
	margin:0 10px 10px 10px;
	padding:25px 0 10px 0;
}

#menu2 ul {
	width:314px;
}

#menu2 img {
	float:left;
	border:1px #e7ded7 solid;
}

#menu2 span {
	display:block;
}
	

.fav, .fav_desc {
	float:left;
	width:201px;
	padding:0 0 0 10px;
}

.fav {
	font-weight:bold;
	margin:-3px 0 0 0;
}

.fav_desc, .fav_reg {
	padding:5px 0 0 10px;
}

.fav_desc, .fav_reg {
	color:#9a7666;
	font-weight:lighter;
}

.fav_solde {
	font-weight:bold;
	color:#401703;
	margin:0 10px 0 0;
}

.fav_solde, .fav_reg {
	float:left;
	padding:5px 0;
}

#subtitle {
	font-family:Arial, Helvetica, sans-serif;
	color:#9A7666;
	font-size:10px;
	text-transform:uppercase;
	margin:10px 0;
}

#sub_menu ul li a.sub_menu_title,
#sub_menu ul li a.sub_menu_title:active,
#sub_menu ul li a.sub_menu_title:focus,
#sub_menu ul li a.sub_menu_title:visited,
#sub_menu ul li a.sub_menu_title_right,
#sub_menu ul li a.sub_menu_title_right:active,
#sub_menu ul li a.sub_menu_title_right:focus,
#sub_menu ul li a.sub_menu_title_right:visited,
#product_list ul li a,
#product_list ul li a:active,
#product_list ul li a:focus,
#product_list ul li a:visited,
#size li a,
#size li a:active,
#size li a:focus,
#size li a:visited, 
#pagination a,
#pagination a:active,
#pagination a:focus,
#pagination a:visited {
	color:#9a7666;
	text-decoration:none;
	outline:none;
	text-align:center;
}
/*
#size ul li a:hover {
	 color:#fff;
 }
 */ 
 #features ul li a,
 #features ul li a:active,
 #features ul li a:focus,
 #features ul li a:visited {
	color:#9a7666;
	text-decoration:none;
	outline:none;
	text-transform:uppercase;
 }
 
#sub_menu ul li a.sub_menu_title:hover, 
#sub_menu ul li a.sub_menu_title_first:hover, 
#sub_menu ul li a.sub_menu_title_right:hover,
#product_list ul li a:hover, 
#features ul li a:hover, 
#pagination a:hover {
	color:#3e1100;
}

#sub_menu ul li a.sub_menu_title_active {
	background-color: #fbf6f2;
	color:#3e1100;
}
	
#container_products {
	width:960px;
	height:129px;
	background:#fbf6f2;
}

#btn_left ul li, #products, #products_desc, #colors ul li {
	float:left;
}

#products_desc {
	width:330px;
}

#btn_right ul li {
	float:right;
	
}

#products_wrapper {
	
}

#products_content {
	margin:24px 0 0 0;
}

#products {
	margin:0 30px 0 0;
}

#products_desc h1, h1#category {
	color:#442010;
	font-size:17px;
	font-weight:lighter;
	margin:0;
	padding:0;
	line-height:1em;
	font-family:"Times New Roman", Times, serif;
}

#products_desc h1, .popup_wrapper p{
	font-family:Arial, Helvetica, sans-serif;
	color:#9A7666;
	font-size:12px;
	margin:0 0 10px 0;
	line-height:1.5em;
}
/*
#products_desc p {
	display:block;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding:0 0 10px 0;
	
}
*/
#popup h2 {
	color:#442010;
}

h3.marque{ 
	margin:0;
	padding:0;
	text-transform:uppercase;
	color:#442010;
	font-size:20px;
	font-family:"Times New Roman", Times, serif;
	font-weight:lighter;
	
}

#searchby_container h2 {
	color:#9a7666;
}

#size {
	height:55px;
}

#size_ul {
	color:#9A7666;
}

#size ul li {
	float:left;
	background:#faf3ed;
	margin:0 5px;
	font-size:12px;
}

#size ul li a {
	background:#faf3ed;
	width:20px;
	height:20px;
	display:block;
	line-height:21px;
	font-size:10px;
	cursor:default;
}
/*
#size ul li a:hover {
	background:#a98a77;
	color:#ff;
	
}
*/

.sku_name {
	color:#442010;
	font-size:11px;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	padding:0 0 10px 0;
}

#colors {
	height:50px;
}

#colors ul li span.pastille {
	font-size:5em;
	top:-25px;
	position:relative;
}

#features {
	font-size:10px;
	margin:5px 0 0 0;
}

#features h2 {
	margin:20px 0 0 0;
}

#features ul li {
	padding:3px 0;
	border-bottom:1px #e7ded7 solid;
	/*width:200px;*/
}

#features img {
	position:relative;
	top:2px;
}

#price {
	border-top:1px solid #E7DED7;
	padding:2px 0;
	margin:25px 0;
	/*width:200px;*/
}

#price h3, #price h4 {
	margin:0;
	padding:0;
}

#price h3, #price h4 {
	font-family:"Times New Roman", Times, serif;
}

#price h3 {
	font-size:21px;
	font-weight:lighter;
	color:#442010;
}

#price h4 {
	font-size:16px;
	font-weight:lighter;
	color:#9a7666;
}

#products_wrapper .category_menu {
	margin:5px 0 0 0;
}

#products_thumb {
	height:165px;
	clear:both;
	background:#faf3ed;
	text-align:center;
	padding:8px 0 0 0;
	margin:40px 0 0 0;
}

.sub_menu_item {
	background:#fbf6f2;
	border:1px #e7ded7 solid;
	font-size:11px;
	font-weight:bold;
	width:200px;
	z-index:9000;
	position:relative;
	display:none;
	
}

.sub_menu_cat ul li {
	border-bottom:1px #e7ded7 solid;
	
}
/*
.tooltip {
	-moz-box-shadow: 0 0 15px #666;	
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 3; 
	display: none;
}*/

/* TOOLTIP ###### */

.tipsy { 
	padding: 5px; 
	font-size: 10px; 
	background-color:#e7ded7;
	margin:10px 0 0 0;
	-moz-box-shadow:0 0 10px #9A7666;
	-webkit-box-shadow:0 0 10px #9A7666;
	box-shadow:0 0 10px #9A7666;
	border:1px #d9cdc6 solid;
}
.tipsy-inner { 
	padding: 5px 8px 4px 8px; 
	background-color: e7ded7; 
	color:#3e1100;
	text-align: center; 
}
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }


/* PAGE THUMBNAILS ###### */

h1#category {
	margin:30px 0 12px 0;
}

#thumbs_wrapper {
	background:#fbf6f2;
	padding:12px;
}

#thumbs_wrapper hr {
	height:5px;
	clear:both;
	border-color:#fbf6f2;
	border-style:solid;
}

.thumb_container {
	float:left;
	margin:0 12px 0 0;
	text-align:center;
}

.thumb_container a {
	outline:none;
}

.thumb_container h4 {
	margin:12px 0 0 0;
}

#searchby_container {
	float:left;
	margin:0 0 12px 0;
}

.searchby {
	float:left;
}

.itemby {
	float:right;
}

.itemby select {
	border:1px solid #E7DED7;
	margin:12px 0 0 0;
}

#searchby_container .searchby select {
	margin:0 10px 0 0;
	border:1px solid #E7DED7;
}

#searchby_container .searchby option, .itemby option {
	width:90px;
}

.itemby {
	margin:12px 0 0 0;
}

#pagination {
	float:right;
	font-size:10px;
	margin:26px 0 0 12px;
}

#pagination a {
	border-right:1px solid #AC8979;
	padding:0 5px;
}

.submit {
	border:1px solid #E7DED7;
	background:#fbf6f2;
	outline:none;
}

#products_desc h2.marque {
	/*margin:0 0 15px 0;*/
	font-size:20px;
	text-transform:uppercase;
	font-family:"Times New Roman", Times, serif;
}

h1.category_menu {
	font-size:20px;
	font-family:"Times New Roman", Times, serif;
	font-weight:lighter;
}

#products_content #size h2, #products_content #colors h2, #products_content #features h2, #products_content #products h2 {
	padding:0;
	text-transform:uppercase;
	color:#442010;
	font-size:13px;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	margin:0 0 5px 0;
	
}

#features ul {
	margin:0 0 10px 0;
} 

#iconloupe {
	background:url(../images/fiche_produits/icon_loupe.jpg) top left no-repeat;
	height:14px;
	width:16px;
	position:absolute;
	margin:0 0 0 465px;
}
	

/* JQUERY LOOP ###### */

.loupe { 
	border:1px #ac8979 solid;
	cursor:url(../images/fiche_produits/blank.gif), url(../images/fiche_produits/blank.cur), none; 
}

/* JQUERY SUB MENU CAT ###### */

ul.sub-menu {
	margin:0;
	padding:0;
	width:auto;
	list-style:none;
}

.sub-menu:after {
	content: " ";
	visibility: hidden;
	clear: both;
	font-size: 0.1em;
	line-height: 0;
}
ul.sub-menu li.sub-menu-item {
	margin:0;
	padding:0;
	position:relative;
	list-style:none;
	list-style-position:outside;
	display:block;
	border:none;
	
	
}

ul.sub-menu li.sub-menu-item_li {
	border-bottom:1px #e7ded7 solid;
	padding:5px 5px 5px 0;
	clear:left;
	margin:5px 0 0 15px;
	text-align:left;
	width:167px;
	z-index:9000;
	position:relative;
}

/* IE6 */ * HTML ul.sub-menu li.sub-menu-item_li {
	border-bottom:1px #ac8979 solid;
	padding:5px 5px 5px 0;
	clear:left;
	margin:5px 0 0 5px;
	text-align:left;
	width:167px;
}

ul.sub-menu li.sub-menu-item a {
	display:block;
	text-decoration:none;
	white-space:nowrap;
	outline:0;
	clear:both;
	color:#3e1100;
}

ul.sub-menu li.sub-menu-item a:hover {
	color:#9A7666;
}


ul.sub-menu li a.border_last:hover, 
ul.sub-menu li a.border_first:hover  {
	color:#3e1100;
}


ul.sub-menu ul.sub-menu-group {
	margin:0;
	padding:0;
	-webkit-padding-start:0;
	-webkit-padding-end:0;
	position:absolute;
	display:none;
	z-index:9000;
}

/* THICKBOX ###### */

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {background:#fff;}
#colorbox { -moz-box-shadow: 0 0 13px #9a7666; -webkit-box-shadow: 0 0 13px #9a7666;box-shadow: 0 0 13px #9a7666;border:1px #bca9a0 solid;} 
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0; overflow-x:hidden;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
#cboxContent {top:-15px;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(colorbox/images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(colorbox/images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(colorbox/images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(colorbox/images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(colorbox/images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(colorbox/images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(colorbox/images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(colorbox/images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(colorbox/images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px; position:relative; top:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(colorbox/images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(colorbox/images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(colorbox/images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(colorbox/images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:-2px; top:0; background:url(colorbox/images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.

.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=css/colorbox/images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=css/colorbox/images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=css/colorbox/images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=css/colorbox/images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=css/colorbox/images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=css/colorbox/images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=css/colorbox/images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=css/colorbox/images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}
*/