/* <?php
*/

/* Shop Styles here please
*/

.legalinfo {
	background: lightgray;
	border: 2px solid gray;
	margin: 10px;
	padding: 0px 0px 10px 10px;
}
/*
General Formatting
*/
.formLabel {
	float:left;
	width:30%;
	text-align:right;
	font-weight: bold;
	margin: 2px;
	white-space: nowrap;
	clear: left;
}

.formField {
	float:left;
	width:60%;
	margin: 2px;

}
.vm_child {
	clear:both;
	display:inline;
}
.vm_child a img {
	width: 120px;
	margin: 5px 5px;
	border: 5px solid #FF3298;
}
.vm_child a:hover img, .vm_child a:visited img, .vm_child a:active img {
	border: 5px solid #FF32ff;
}
/*
.br_wrap {
	width:100%;
	padding: 0px 0px 0px 0px;
	}
*/
.br_form {
	width:100%;
	margin: 0px 0px 0px 0px;
	}
.br_option {
	float:left;
	display:inline;
	width:180px;
	margin: 5px 0px 0 5px;
	font-size: 0.8em;
	}
/*
.br_icon {
	float:left;
	width:140px;
	}
*/
.br_qty_icon {
	float:left;
	display:inline;
	height: 22px;
	width:38px;
	margin:5px 0 0 6px;
		background: url(http://www.boutiquecamping.net/images/static/bg_qty.gif) no-repeat left center transparent;
	}
.br_qty {
	float:left;
	width:1em;
	margin: 8px 10px;
	font-size: 0.8em;
	padding: 0px 2px 0px 4px;
	}
.br_cart {
	width: 478px;
	}
.br_booknow {
	float:left;
	display:inline;
	height:32px;
	width:100px;
	text-align:center;
	background-position:bottom left;
	width:60px;
	height:32px;
	cursor:pointer;
	border:none;
	font-weight:bold;
	font-family:inherit;
	background: url(http://www.boutiquecamping.net/images/static/btn_booknow.gif) no-repeat left center transparent;
	vertical-align: middle;
	}
.br_form {
	}
#product_sort {
	display: none;
	}

/**
* Administration Styles
*/
.adminListHeader {
	float:left; height: 48px; background-repeat: no-repeat;
	text-align: left; font-size: 18px; font-weight: bold;
	padding-left: 80px;
}

.labelcell {
	margin-left: auto;
	text-align: right;
	font-weight: bold;
	vertical-align: top;
	width: 30%;
}

/**
* Errors, Warnings and Info formatting
*/
.shop_error, .shop_warning, .shop_info, .shop_debug, .shop_critical {


}
.shop_error {

}
.shop_warning {
}
.shop_info {

}
.shop_tip {

}
.shop_debug {

}
.shop_critical {
}
.shop_tip, .shop_error {
	background: url(../../../images/static/bg_box.png) no-repeat;
	/* 219x50 purple box */

	width: 210px;
	height: 40px;
	padding: 5px;
	overflow: hidden;
	color: #fff;
	margin: 30px auto;
	display: block;
}
/* /home/boutique/public_html/components/com_virtuemart/css */
#manufacturer {
	background: url(../../../images/static/bg_suppliersinfo.gif) no-repeat;
	height: 300px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 76%;
	}

#manufacturer img.icon {
}
#manufacturer img.logo {
	display: block;
	position: absolute;
	top:	60px;
	left:	40px;
}
#manufacturer .title {
	display: block;
	position: absolute;
	top:	55px;
	left:	145px;
	Width:	200px;
}
#manufacturer .desc {
	display: block;
	position: absolute;
	top:	130px;
	left:	50px;
	Width:	210px;
	height: 130px;
	overflow: auto;
}

#manufacturer .CloseX {
	position: absolute;
	top:	275px;
	left:	10px;
}

#manufacturer .CloseX img {
	border: 0;
	}

.br_right {
	display: block;
	position: absolute;
	top:	135px;
	left:	478px;
	Width:	150px;
	height: 600px;
	z-index: 1000;
	overflow: hidden;
}
/* a .br_right  {
	visibility: hidden;
}
a:hover .br_right ,  a:active .br_right  {
	visibility: visible;
}
*/
.br_right img.logo {
	position: absolute;
	left: 7px;
	top:  15px;
	margin: 0 auto;
}

.br_right .text {
	background: #CCCCCC;
	overflow: auto;
	padding-left: 5px;
	width: 140px;
	overflow: auto;
}
.br_right span.mf_desc {
	position: absolute;
	left: 7px;
	top:  67px;
	height:	118px;
}
.br_right img.photo {
	height:	81px;
}
.br_right img.no1 {
	position: absolute;
	left: 7px;
	top:  190px;
}
.br_right img.icon {
	position: absolute;
	left: 3px;
	top:  274px;
}
.br_right img.no2 {
	position: absolute;
	left: 15px;
	top:  310px;
	display: none;
}
.br_right span.s_desc {
	position: absolute;
	left: 7px;
	top:  310px;
	height:	140px;
	overflow: auto;

}

/*--------------------------------------------------*/
/* default link style - needed to make the :active work correctly in IE */
a, a:visited, a:hover, a:active {
color:#000;
}
/* style the outer cntaining div to fit the landscape, portrait and buttons */
#album {
width:320px;
height:360px;
background:#eee url(gallery/deer.jpg) 0 40px no-repeat;
border:1px solid #aaa;
margin:0 auto;
}
/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {
padding:0;
margin:0;
/* margin:320px 0 0 0; */
list-style-type:none;
/*position:relative; */
/*width:320px;*/
}
/* remove the default image border */
.gallery img {
border:0;
}
/* make the list horizontal */
.gallery li {
float:left;
}
/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited {
/* font-size:11px; */
float:left;
text-decoration:none;
color:#000;
background:#CCCCFF;
/*text-align:center; */
width:140px;
/*height:26px;*/
/*line-height:24px; */
border:1px solid #CCCCFF;
margin:2px;
}
/* position the images using an absolute position and hide them from view */
/*.gallery li a img {*/
.gallery li a *.br_right {
/* position:absolute;
top:-320px;
left:0; */
visibility:hidden;
border:0;
}

/* style the hover background color for the text boxes */
.gallery li a:hover {
background:#ddd;
}
/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus {
background:#FFCCFF;
color:#000;
font-weight: normal;
}
/* make the images visible on active/focus */
.gallery li a:active *.br_right, .gallery li a:focus *.br_right {
visibility:visible;
}
#groupedreport {
	color:black;
	background-color: white;
	white-space:nowrap;
}

#groupedreport th {
	font-weight: bold;
	white-space:normal;
}
#groupedreport tr td  {
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 1.0em;
	font-size: 100%;
}
#groupedreport tr td.gr_id {
	width: 5%;

}
#groupedreport tr td.gr_description {
	width: 40%;
}


.group_0 {background-color: rgb(255, 0, 255); color: white; border:0;}
.group_1 {background-color: rgb(255, 40, 255); color: white;border:0;}
.group_2 {background-color: rgb(255, 80, 255); color: white;border:0;}
.group_3 {background-color: rgb(255, 120, 255); color: white;border:0;}
.group_4 {background-color: rgb(255, 160, 255); color: white;border:0;}
.group_5 {background-color: rgb(255, 200, 255); color: black;border:0;}
.group_6 {background-color: rgb(255, 240, 255); color: black;border:0;}
.gr_detail {background-color: rgb(255, 255, 255); color: black;border:0;}

#groupedreport table.adminlist td.number,
#groupedreport table.adminlist td.price,
#groupedreport table.adminlist td.date {
border-bottom:0px solid #E5E5E5;
padding:0px;
text-align: right;
}
#groupedreport td.number,
#groupedreport td.price,
#groupedreport td.date {
border-bottom:0px solid #E5E5E5;
padding:0px;
text-align: right;
}
td.gr_detail table tr {border: 0;}
.rt_date {
text-align:right;

}
.rt_amount {text-align:right;}
.rt_int {text-align:right;}
.rt_percent {text-align:right;}
/* -------------------------------------------------  */
.number {text-align:right;}
.price {text-align:right;}