/*
Theme Name: Show Bar
Description:  Show Bar
Version: 0.99
*/

/* Resetter */

* {
	margin: 0;
	padding: 0;
}
ul, ol, li {
	list-style: none;
	position : relative;
}

/* Gestione PNG in ie6 */

a, div, img, input, li { behavior: url(/javascripts/iepngfix.htc) }

/* Inizio Tipografia e colori */

body, a, input, textarea {
	font-family: Georgia, "Trebuchet MS", Tahoma, lucida-sans, Arial;
	font-size: 62.5%;
	/* Resets 1em to 10px */
	font-size: 12px;
	color : rgb(129,127,132);
	line-height: 130%;
}
img, fieldset {
	border : 0px;
}
body{
	background : url(../images/shop/body-bg.jpg) repeat-x left top;
}
a {
	text-decoration: underline;
	color : rgb(129,127,132);
}
a *{
	cursor : pointer;
}
h1,h2,h3,h4{
	display : block;
	font-weight : normal;
}

/* Struttura Contenitori */

#main-container{
	margin : 0 auto;
	width : 960px;
}
#top-page{
	height : 190px;
	position : relative;
}

/* Elementi TOP */

.logo{
	float : left;
	height : 170px;
	width : 320px;
	margin-top : 20px;
}
.logo a{
	background : url(../images/shop/logo.png) no-repeat left top;
	height : 167px;
	width : 320px;
	display : block;
}
.login {
	position : absolute;
	right : 0px;
	top : 0px;
	height : 28px;
	width : auto;
	padding-left : 45px;
	padding-top : 12px;
	text-align : right;
}
.carrello{
	position : absolute;
	margin-top : 15px;
	right : 0px;
	top : 3px;
	height : 28px;
	width : auto;
	background : url(../images/shop/carrello.png) no-repeat left top;
	padding-left : 45px;
	padding-top : 12px;
	text-align : right;
}
.carrello a{
	text-decoration : underline;
}
.carrello a:hover{
	color : rgb(230,0,68);
	text-decoration : underline;
}
.carrello span{
	color : rgb(230,0,68);
	font-weight: bold;
}
.search{
	float : right;
	height : 40px;
	margin-top : 65px;
	width: 307px;
}
.search div.field{
	background : url(../images/shop/input.jpg) no-repeat left top;
	height : 29px;
	width : 221px;
	padding-right : 20px;
	padding-left : 35px;
	float : left;
}

.search div.field.name {
	float:none;
	margin-top:10px;
}	
.search div.field.email {
	float:none;
	margin-top:5px;
}
.search input{
	border : 0px;
	float : left;
	background : none;
	margin-top : 7px;
	width : 215px;
}
.search input.submit{
	height : 30px;
	margin-top : 0px;
	width : 30px;
	background : url(../images/shop/go.png) no-repeat left top;
	float : right;
	cursor : pointer;
	padding : 0px;
}

/* Menu Navigazione */

#navigation{
	height : 50px;
	padding-top : 5px;
	position : relative;
	background : url(../images/shop/nav-list.jpg) repeat-x left top;
}
#navigation > ul > li{
	float  :left ;
	height : 45px;
	padding-right : 2px;
	background : url(../images/shop/nav-list-li.jpg) no-repeat right 5px;
}
#navigation ul li.last{
	background : none;
}
#navigation ul li a{
	text-decoration : none;
	font-size : 16px;
	color : #fff;
	height : 35px;
	padding-top : 10px;
	float : left;
	padding-right : 20px;
	padding-left : 20px;
}
#navigation ul li a:hover, #navigation ul li a.active{
	text-decoration : none;
	background : url(../images/shop/nav-list-hover.jpg) repeat-x left top;
}

/* Flash hash */

.messages {
	height:20px;
	padding-top:3px;
	_overflow-x : hidden;
	font-weight:bold;
}

#flash {margin-left:35%}

#flash #notice { color: green }

#flash #warning { color: orange }

#flash #error { color: red }

.messages #title {
	color: inherit;
	float:left;
	padding-left:20px;
	font-size:1.2em;
	font-variant:small-caps;
}

/* Sidebar */

.sidebar{
	float : right;
	width : 250px;
}

/* Elementi Sidebar */

.sidebar .title{
	height : 37px;
	background : url(../images/shop/side-div.jpg) repeat-x left top;
	padding-left : 70px;
	color : rgb(230,0,68) !important;
	padding-top : 18px;
	position : relative;
	border-bottom : 1px solid rgb(216,219,220);
	.margin-bottom : 3px;
}
.sidebar .title img{
	position : absolute;
	left : 5px;
	top : 5px;
	height : 45px;
	width : 45px;
}
.sidebar .title.buy{
	background : url(../images/shop/carrello-big.png) no-repeat left top;
	_background : url(../images/shop/carrello-big.gif) no-repeat left top;
}
.sidebar h2{
	font-weight : normal;
	font-size : 22px;
	color : rgb(230,0,68);
}
.sidebar ul.buy-it li{
	position : relative;
	height : 55px;
	background : url(../images/shop/side-div.jpg) repeat-x left top;
	border-bottom : 1px solid rgb(216,219,220);
	padding-bottom : 2px;
	.margin-top : -3px;
}
.sidebar ul.buy-it li div{
	height: 52px;
	width : 190px;
	float : right;
	margin-top : 3px;
}
.sidebar ul.buy-it li div a{
	display : block;
	width : 180px;
	text-decoration : underline;
	line-height : 120%;
}
.sidebar ul.buy-it li div a:hover{
	color : rgb(230,0,68);
}
.sidebar ul.buy-it li img{
	float : left;
	border : 1px solid rgb(216,219,220);
	margin-left : 5px;
	margin-top : 5px;
}
.sidebar ul.buy-it li span{
	width : 95px;
	height : 15px;
	float : left;
	text-align : left;
	padding-top : 2px;
}
.sidebar ul.buy-it li span.price{
	text-align : right;
}
.sidebar ul.buy-it li.total{
	padding-top : 15px;
	height : 40px;
}
.sidebar ul.buy-it li.total div{
	height : auto;
}
.sidebar ul.buy-it li.total .price{
	color : rgb(230,0,68);
}
.sidebar ul.buy-it li.gotopay{
	height : 135px;
}
.sidebar ul.buy-it li.gotopay img{
	border : 0px !important;
	margin-top : 10px;
	margin-left : 15px;
}
.sidebar ul.buy-it li.gotopay a{
	height : 35px;
	width : auto;
	background : url(../images/shop/go.png) no-repeat left top;
	padding-left : 45px;
	font-size : 22px;
	color : rgb(230,0,68);
	text-decoration : none;
	float : left;
	margin-left : 25px;
	margin-top : 15px;
}
.sidebar ul.buy-it li.gotopay a:hover{
	text-decoration : none;
	background : url(../images/shop/go.png) no-repeat left top;
}
.sidebar ul.buy-it li.gotopay p{
	padding-top : 4px;
	line-height : 130%;
	padding-right: 10px;
	height : 85px;
	overflow : hidden;
}
.sidebar ul.buy-it li.gotopay h2{
	.margin-top : 15px;
}

/* Elenco Prodotti */

.products{
	float : left;
	width : 710px;
	_overflow-x : hidden;
}
.product{
	width : 355px;
	float : left;
	height: 150px;
	border-bottom : 1px solid rgb(216,219,220);
}
.product .image{
	float : left;
	text-align : left;
	width : 150px;
	height : 150px;
}
.products .details{
	width : 200px;
	padding-top : 15px;
	padding-left : 5px;
	float : right;
	height : 135px;
	position : relative;
}
.products h3, .products h3 a{
	font-weight : normal;
	font-size : 14px;
	color : rgb(230,0,68);
}
.products h4{
	font-weight : normal;
	font-size : 12px;
	color : rgb(230,0,68);
}
.products .details span {
	font-size : 11px;
	display : block;
}
.products .details span.first {
	padding-top : 3px;
}
.products a.add{
	background : url(../images/shop/more.jpg) no-repeat left 3px;
	height : 13px;
	padding-top : 2px;
	text-decoration : underline;
	color : rgb(230,0,68);
	padding-left : 18px;
	display : block;
	margin-top : 5px;
	position : absolute;
	bottom : 15px;
	left : 5px;
}
.products a.add:hover{
	color : rgb(129,127,132);
	text-decoration : underline;
}

.product span.attr, .product span.value {
	display:inline !important;
}

.product span.value {
	color: #ED1651;
	font-style:italic;
	text-align:right;
	font-size:1.2em !important;
}
/* Scheda Prodotto */

.product-chart {
	width : 710px;
	float:left;
	color: #6D6F71;
	_overflow-x : hidden;
}

.product-chart h3.product-name {
	height:35px;
	float:left;
	width:62%;
	margin-bottom:10px
}

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.product-chart .sIFR-hasFlash h3.product-name {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.product-chart .image {
	float : left;
	text-align : left;
	width : 250px;
	height : 250px;
	margin-right:15px;
	text-align:center;
}
.product-chart .details {
	margin-top:15px;
	padding:0px 15px;
}

.product-chart .details .description {
	padding-top:15px
}

.product-chart .details table {
	margin-top:15px;
	width:300px;
}

.product-chart .details table .attr {
	color: #ED1651;
	font-style:italic;
	text-align:right;
	width:100px;
}

.product-chart .details table .value {
	padding-left:15px
}

.product-chart h3 {
	font-weight : normal;
	font-size : 14px;
	color : rgb(230,0,68);
}
.product-chart h4 {
	font-weight : normal;
	font-size : 12px;
	color : rgb(230,0,68);
}
.product-chart .details span {
	font-size : 11px;
}
.product-chart .details span.first {
	padding-top : 3px;
}
.product-add a.add{
	background: url("../images/shop/carrello-big.png") no-repeat 75px 5px;
	padding:10px 0px 0px 18px;
	font-size: 1.8em;
	text-decoration:none;
	color : white;
	display : block;
	text-align:center;
	width:456px;
	height:45px;
}

.product-chart a.add:hover{
	color : white;
	text-decoration : none;
	cursor:pointer;
}

.more {
	border-top:thin solid gray;
	border-bottom:thin solid gray;
	width:690px;
}

.more .images {
	width:210px;
	float:left;
}

.more .images div {
	width:50px;
	height:50px;
	float:left;
	margin: 20px 15px 20px 0px;
}

.more .product-add {
	background : url(../images/shop/add_to.png) repeat-x;
	width:475px;
	height:56px;
	float:right;
	margin:20px 0px;
}

.extra {
	width:690px;
	margin-top:15px;
	height:130px;
}

.extra .first {
	width: 200px;
	text-align:justify;
	margin-right:20px
}

/* Home page Shop */

.home-shop {
	width : 960px;
}
.home-shop #swf, .home-shop #right {
	width:50%;
	float:left !important;
	height:313px;
}

.home-shop hr {
	height:15px;
	background: url('../images/shop/home_sep.png') repeat-x;
	border:none;
	margin-top:10px;
}

.highlights {
	width:960px;
	margin-top:15px;
	height:152px;
	padding-left:20px;
}

.highlights .highlight {
	width:280px;
	border: 1px solid rgb(216,219,220);
	margin-right:35px;
}

.highlight .details{
	padding-top : 15px;
	padding-left : 5px;
	height : 135px;
	position : relative;
	float:left;
	width:125px;
}
.highlight h3, .highlight h3 a{
	font-weight : normal;
	font-size : 14px;
	color : rgb(230,0,68);
}
.highlight h4{
	font-weight : normal;
	font-size : 12px;
	color : rgb(230,0,68);
}
.highlight .details span {
	font-size : 11px;
	display : block;
}
.highlight .details span.first {
	padding-top : 3px;
}

.highlight .promo {
	background:url(/images/shop/promo.png) no-repeat bottom right
}

/* Paginazione */

.pagin {
	width : 960px;
	height : 20px;
	margin : 15px 0px;
	margin-bottom : 30px;
	.margin-top : 40px;
}
.pagin ul {
	width : 285px;
	height : 20px;
	margin-left : 110px;
	float:left;
}
.pagin li {
	display : inline;
	float : left;
	margin-right : 5px;
}
.pagin a {
	display : block;
	padding : 0 5px;
	text-decoration : none;
}
.pagin li.back {
	background : url(../images/shop/back.jpg) no-repeat left 3px;
	height : 13px;
	width : 10px;
}
.pagin li.forward {
	background : transparent url(../images/shop/foward.jpg) no-repeat right 3px;
	height : 13px;
	width : 10px;
}
.pagin li.active , .pagin a:hover {
	color : rgb(230,0,68);
	text-decoration : none;
}
.pagin li.back a:hover {
	background : transparent url(../images/shop/back.jpg) no-repeat scroll left 3px;
}
.pagin li.forward a:hover {
	background : transparent url(../images/shop/foward.jpg) no-repeat scroll right 3px;
}

.pagin .list-params {
	float:left;
	height : 20px;
}

.pagin .list-params div {
	float:left;
	margin-right:10px;
}

/* Footer */

#footer-container{
	padding-top : 20px;
	border-top : 1px solid rgb(195,197,199);
	background : url(../images/shop/footer-bg.jpg) repeat-x left bottom;
	height : 450px;
}
#footer{
	margin : 0 auto;
	width : 960px;
	height : 1%;
}
#footer ul.links{
	height : 140px;
	width : 725px;
	float : left;
}
#footer ul.links li{
	border-right : 1px solid rgb(216,219,220);
	width : 220px;
	float : left;
	padding-left : 20px;
}
#footer ul.links li.first{
	padding-left : 0px;
	width : 240px;
}
#footer ul.links li.last{
	border:none;
}
#footer ul.links li a{
	background : url(../images/shop/more.gif) no-repeat left 5px;
	height : 16px;
	padding-top : 2px;
	text-decoration : none;
	padding-left : 18px;
	display : block;
}
#footer ul.links li a:hover, .contacts a:hover{
	color : rgb(230,0,68);
}
.contacts{
	float : right;
	width : 214px;
	padding-left : 20px;
	padding-top : 7px;
	border-left : 1px solid rgb(216,219,220);
}

.logo-pbs{
	float : left;
	margin-bottom : 15px;
}

.contacts span{
	display : block;
}

/* Regole Uso Generale */

.clearer {
	clear : both;
	height : 0px;
	float : none !important;
}
.leftflotter {
	float : left !important;
}
.rightflotter{
	float : right !important;
}
.floatnone{
	float : none !important;
}

h2.title {
	font-size:18px;
}

/* Prototype-UI Carousel */

#carousel {
	width:960px;
	height:176px;
	z-index:6;
	margin:15px 20px;
}

#carousel .container {
	float: left;
	width: 840px;
	height: 186px;
	position: relative;
	overflow: hidden;
	margin:0px 10px
}

#carousel ul {
	margin: 0;
	padding:0;
	width: 100000px;
	position: relative;
	top: 0;
	left: 0;
	height: 186px;
}

#carousel ul li {
	width: 140px;
	height: 186px;
	text-align: center;
	list-style:none;
	float:left;
	padding:4px 0px;
}

#carousel ul li .image {
	width:130px;
	height: 130px;
}

#carousel .previous_button {
	float:left;
	width: 32px;
	height: 186px;
	background: url(../images/shop/go_left.png) no-repeat center center;
	z-index: 100;
	cursor: pointer;
}

#carousel .previous_button_over {
	background: url(../images/shop/go_left.png) no-repeat center center;
}

#carousel .previous_button_disabled {
	background: url(../images/shop/go_left.png) no-repeat center center;
	cursor: default;
}

#carousel .next_button {
	float:left;
	width: 32px;
	height: 186px;
	background: url(../images/shop/go.png) no-repeat center center;
	z-index: 100;
	cursor: pointer;
}

#carousel .next_button_over {
	background: url(../images/shop/go.png) no-repeat center center;
}

#carousel .next_button_disabled {
	background: url(../images/shop/go.png) no-repeat center center;
	cursor: default;
}

/* LiveValidation */

.LV_validation_message{
	font-weight:bold;
	font-size:11px;
	margin:0 0 0 5px;
}

.LV_valid {
	color:#00CC00;
}

.LV_invalid {
	color:#CC0000;
	padding-left:20px;
	padding-bottom:3px;
	background: url("../images/error_arrow.png") no-repeat top left;
	_background:none;
}

.LV_valid_field,
input.LV_valid_field:hover,
input.LV_valid_field:active,
textarea.LV_valid_field:hover,
textarea.LV_valid_field:active {
	/*border: 1px solid #00CC00;*/
}

.LV_invalid_field,
input.LV_invalid_field:hover,
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover,
textarea.LV_invalid_field:active {
	border: 1px dashed #CC0000 !important;
	background-color: #FFF8F8 !important
}

.logo-pbs a {border:none;text-decoration:none !important;}


/* Direttive generali */

.showbar {
	margin-bottom:10px;
	width : 690px;
	float:left;
	color: #6D6F71;
	_overflow-x : hidden;
}

.showbar .title {
	background : url(../images/shop/preview_bg.png) repeat-x left bottom;
	height:37px;
	padding-top:18px;
	padding-left : 10px !important;
}

.showbar .title h1 {
	visibility: hidden;
	height:30px;
	font-size:30px;
}

.showbar .title h2 {
	color : rgb(230,0,68)
}

.content {
	background: url(../images/shop/content_bg.png) repeat-x left top;
	padding:10px 10px;
}

.sidebar-news .title{
	height : 37px;
	background : url(../images/shop/preview_bg.png) repeat-x left bottom;
	padding-left : 10px !important;
	border-bottom:none !important;
}

.sidebar-news .content .title {
	background:none;
}

.sidebar-news ul ul {
	margin-left:20px;
}

.sidebar-news .title h1 {
	height:20px;
	font-size:20px;
}

.show-link {
	text-indent:10px;
	margin-top:10px;
}

.show-link a {
	color: rgb(230, 0, 68);
	font-size:1.2em;
	font-weight:bold;
}

.back-link {
	float:right;
}

.back-link a {
	color: rgb(230, 0, 68);
}
/* Form indirizzi */

#left_col, #user-container {
	width:49%;
	float:left;
}

#right_col {
	width:49%;
	float:left;
}

.single-line .label {
	float:left;
	padding:2px 5px;
	width:125px;
	min-width:125px
}
.single-line .field {
	float:left;
	padding:2px 5px;
}

.single-line {
	clear:both;
	font-size:1.2em;
}

.single-line .field input {
	width:175px;
	max-width: 175px;
	border: 1px solid #D1D3D4;
	background-color:white;
	font-size:1.5em;
	height:1.2em;
}

.single-line .field textarea{
	border: 1px solid #D1D3D4;
	background-color:white;
	font-size:1.5em;
	width:250px;
	max-width: 250px;
}

.single-line .field select, .single-line .field div {
	width: 180px;
	max-width: 180px;
}

.field-error {
	height: 17px;
}

/* Dashboard */

.dashboard .content {
	background: url(../images/shop/content_bg.png) repeat-x left top;
}

.dashboard .content table {
	width:100%;
	text-align:center;
}

.dashboard .content table tr.odd {
	background : url(../images/shop/preview_bg.png) repeat-x left bottom;
}

.dashboard .content table td {
	padding:2px 2px;
}

.dashboard .content table td.order-details {
	text-align:justify;
	padding-left:20%;
}

/* Pagina registrazione utente */

.registration ul {
	padding:10px 10px;
	margin-bottom:10px;
}

.registration ul li {
	list-style-image: url(../images/shop/intro_bullet.png);
	margin-left:20px;
}

.registration ul li dd {
	margin-left:40px;
}

/* Pagina contatti */

/* HowTo */

/* Eventi */

.events {
	border-bottom:thin solid #ccc;
}

.events .content .description {
	margin:5px 5px;
	font-size:1.2em;
}

.events .content .description p {
	margin:10px 0px;
}

.events .content .description img {
	margin:10px 0px;
}

.events .content .title {
	background : none;
}


/* lightview.css
   http://www.nickstakenburg.com/projects/lightview
*/

#lightview {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 150px;
	width: 150px;
	margin: -75px 0 0 -75px;
	padding: 0;
}

/* The container that holds everything */
.lv_Container {
	position: relative;
	width: 100%;
	height: 100%;
	background: none;
	padding: 0;
	margin: 0;
}

.lv_Button {
	cursor: pointer;
	text-decoration: none;
	border: none;
	background: none;
	margin: 0;
	padding: 0;
}

/* The buttons on the side when you view a gallery */
.lv_Sides {
	position: absolute;
	top: 50%;
	left: 0;
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0;
}
.lv_Sides * { padding: 0; margin: 0; }
.lv_Sides li {
	list-style-type: none;
	position: relative;
	overflow: hidden;
}

.lv_PrevSide { float: left; }
.lv_NextSide { float: right; }
.lv_Sides .lv_Wrapper {
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.lv_Sides .lv_Button {
	float: left;
	background: none;
}

/* The frames above and below the center, that hold the corners.
   It's recommended not to change anything here, a lot is done in
   javascript to build further upon this based on your settings.
*/
.lv_Frames {
	width: 100%;
	height: 100%;
	position: relative;
	padding: 0;
	margin: 0;
}
.lv_Frames li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.lv_Frame {
	width: 100%;
	display: block;
}
.lv_Frame * { padding: 0; margin: 0; }
.lv_FrameTop {
	position: absolute;
	left: 0;
	width: 100%;
	display: block;
}
.lv_FrameBottom {
	position: relative;
	float: left;
	clear: both;
}

.lv_Liquid {
	position: relative;
	float: left;
	width: 100%;
	overflow: hidden;
	clear: both;
}
.lv_Liquid .lv_Filler {
	position: absolute;
	height: 100%;
	width: 2px;
	top: 0;
	left: 50%;
}

.lv_Half {
	display: block;
	height: 100%;
	clear: both;
	line-height: 0px;
}
.lv_Half li { list-style-type: none; }
.lv_Corner {
	float: left;
	position: relative;
}
.lv_CornerTr, .lv_CornerBr { float: right; }

.lv_Fill {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.lv_Half .lv_CornerWrapper {
	float: left;
	position: relative;
	width: 50%;
	height: 100%;
	overflow: hidden;
}
.lv_HalfRight .lv_CornerWrapper { float: right; }

.lv_Corner { position: relative; }
.lv_Corner canvas { position: relative; }
.lv_HalfLeft .lv_Corner { float: left; }
.lv_HalfRight .lv_Corner {
	position: relative;
	float: right;
}

/* To position content correctly in the center with correct
   rounded corner display we need a few wrappers.
   This is to get it right on all browsers.
*/
.lv_Center {
	position: relative;
	clear: both;
	height: 100%;
	overflow: hidden;
	background: none;
	padding: 0;
	margin: 0;
}
.lv_WrapUp {
	position: absolute;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapDown {
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapCenter {
	position: relative;
	padding: 0;
	margin: 0;
}

/* The loading indicator */
.lv_Loading {
	position: absolute;
	top: 50%;
	left: 50%;
}
.lv_Loading .lv_Button {
	float: left;
	height: 100%;
	width: 100%;
}

.lv_MediaWrapper {
	position: relative;
	width: 100%;
	display: block;
	overflow: hidden;
	clear: both;
	padding: 0;
	margin: 0;
}
.lv_MediaWrapper img {
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
}

/* The overlays on top of images that toggle the previous/next buttons */
.lv_PrevNext {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
.lv_PrevNext * { padding: 0; margin: 0; }
.lv_PrevNext .lv_Button {
	position: relative;
	height: 100%;
}
.lv_PrevButton { float: left; }
.lv_NextButton { float: right; }

/* The bar that holds title, caption, imagenumber, slideshow and closebutton */
.lv_MenuBar {
	clear: both;
	position: relative;
	width: 100%;
	float: left;
	font: 11px Arial, Helvetica, sans-serif;
	color: #808080;
	padding: 0;
	margin: 0;
}
.lv_MenuBar * { padding: 0; margin: 0; }

/* When the Menubar is at the top, on (ajax/iframe/inline) content,
   it will also have this style.
   The margins are removed here for better alignment, and since it's
   at the top we switch the inner margins to the other side.
*/
.lv_MenuTop .lv_DataText div,
.lv_MenuTop .lv_ImgNumber div { margin: 0; padding: 0; }
#lightview .lv_MenuTop .lv_Close, 
#lightview .lv_MenuTop .lv_Data { margin: 0 0 6px 0; }

.lv_Close, .lv_Data { margin: 6px 0 0 0; }
.lv_Close { float: right; overflow: hidden; }
.lv_Close .lv_Button {
	float: right;
	width: 100%;
	height: 100%;
}

.lv_Data {
	position: relative;
	float: left;
	padding-bottom: 3px;
	line-height: 13px;
}
.lv_Data li { list-style-type: none; }

/* simulates padding-left inside .lv_Data */
.lv_DataText div, .lv_ImgNumber div { margin-left: 3px; }

.lv_Data li {
	list-style-type: none;
	float: left;
	margin-top: 3px;
}
.lv_DataText { width: 100%; }
.lv_Title {
	font-weight: bold;
	margin-bottom: 2px;
}
.lv_Caption { clear: both; }
.lv_ImgNumber {
	color: #b8b8b8;
	margin-right: 5px;
	margin-top: 5px;
}
.lv_Slideshow {
	border-left: 1px solid #efefef;
	padding-left: 5px;
	margin-top: 5px;
	vertical-align: middle;
}
.lv_Slideshow .lv_Button { /* play and stop */
	float: left;
	background-position: center left;
	background-repeat: no-repeat;
}

/* the boxes that hold media or external content */
.lv_Media,
.lv_External {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}

#lightview iframe {
	border: 0;
	clear: both;
	padding: 0;
	margin: 0;
	background: none;
}

/* The container that hold buttons above the view, currently only topclose */
.lv_topButtons {
	position: absolute;
	left: 0;
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.lv_topcloseButtonImage { cursor: pointer; }


/* The error/warning/download message that will appear when
   a required plugin is not installed.
*/
#lightviewError p { padding: 0 0 10px 0; }
#lightviewError div {
	padding: 6px;
	font: 11px Arial, Helvetica, sans-serif;
}
#lightviewError .message {
	background: #fcb5b5;
	color: #dd1f1f;
	margin-bottom: 3px;
}
#lightviewError .type { font-weight: bold; }
#lightviewError .pluginspage {
	background: #b5fcbd;
	color: #21be30;
}
#lightviewError a,
#lightviewError a:hover,
#lightviewError a:visited {
	color: #21be30;
	text-decoration: none;
	background: none;
	font-weight: bold;
	border-bottom: 1px solid #7de689;
}
#lightviewError p {
	margin-left: 0;
	padding: 0;
}

#overlay {
  position: absolute; /* Opera will use fixed */
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}


* html #lightview { /* IE6 */
	position: absolute;
	margin-top: expression( -1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) + 'px');
	margin-left: expression( -1 * this.offsetWidth / 2 + (document.documentElement ? document.documentElement.scrollLeft : 0) + 'px');
}

/* Always cover 100% of the screen in IE6 */
html #overlay {
	position: absolute;
	height: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight].max() : document.documentElement.scrollHeight) + 'px' );
	width: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollWidth, document.documentElement.scrollWidth, document.body.offsetWidth, document.documentElement.clientHeight].max() : document.documentElement.scrollWidth) + 'px' );
}

/* Starbox.css 
   Part of http://www.nickstakenburg.com/projects/starbox/
*/

.starbox .stars { background: #cccccc; }
.starbox .rated .stars { background: #dcdcdc; }
.starbox .rated .hover .stars { background: #cccccc; }
.starbox .colorbar { background: #1e90ff;}
.starbox .hover .colorbar { background: #ffcc1c; }
.starbox .rated .colorbar { background: #64b2ff; }
.starbox .rated .hover .colorbar { background: #1e90ff; }
.starbox .ghost { background: #a1a1a1; }
.starbox .indicator { clear: both; }

.starbox .dotted .stars,
.starbox .dotted .hover .stars,
.starbox .dotted .rated .stars, 
.starbox .dotted .rated .hover .stars { background: url(../images/starbox/background_dotted.gif) top left repeat-x; }
.starbox .dotted .colorbar,
.starbox .dotted .hover .colorbar,
.starbox .dotted .rated .colorbar, 
.starbox .dotted .rated .hover .colorbar { background: #000000; }
.starbox .dotted .ghost { background: #999; }

.starbox .pointy .colorbar { background: #ffcc1c; }
.starbox .pointy .hover .colorbar { background: #ff9231; }

.starbox .inverse .stars { float: right; }
.starbox .inverse .indicator { clear: both; display: block; text-align: right; }

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			45px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
/*	border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;
	padding: 		.75em 1em;
	text-decoration:none;
*/}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
/*	color:			#13a;*/
}
.sf-menu li {
	background:		rgb(230,0,68);
}
.sf-menu li li {
/*	background:		#AABDE6;*/
	opacity:0.9;
}
.sf-menu li li li {
/*	background:		#9AAEDB;*/
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
/*	background:		#CFDEFF;*/
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/shop/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	right:0.5em;
	top:1em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shop/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}