/*
      Created by Michele Tagliavini (2bbdesign)
	  for UCUK March 2009
	  
	  
	
	 
	  
*/

* { padding: 0; margin: 0; }

body {
 
 color: #fff;
 background: #000 ;
 
}

p {
font-family: Arial, Helvetica, sans-serif; 
font-size: 0.8em;


}

#wrapper { 
 margin: 0 auto;
 width: 1024px;
 background: #000000 url(../media/graphics/content-bg.jpg) center top no-repeat;
}
#header {
 color: #333;
 width: 824px;
 height: 120px;
 margin: 0;
 background: url(../media/graphics/header.gif) top left no-repeat;

 
}
#header h1 {
float: left;
margin: 0;
position: relative;
top: 35px;
left: 50px;

}

#header h1 a {
display: block;
height: 80px;
width: 400px;
text-indent: -1000em;
border: none;
overflow: hidden;
}

/*
#header h2 {
float: right;
margin: 0;
background: url(../media/ambra.jpg) bottom-right no-repeat;
position: relative;
top: 90px;
display: block;
height: 116px;
width: 268px;
text-indent: -1000em;
border: none;
overflow: hidden;
}*/


#nav {
clear: right;
width: 400px;
font-family: helvetica, arial;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
float: right;
position: relative;
top: 178px;
left: 10px;
}

#nav ul {
/*border: 1px solid black;*/
list-style: none;
margin: 0;
padding: 2px 10px 2px 2px;
line-height: 2.2;
display: inline;

}

#nav ul li {
display: inline;
padding: 4px;
margin: 0;

}

#nav ul li a {
color: #fff;
padding: 4px;
text-decoration: none;
display: inline;
/*border: 1px solid #ffe94b;*/
margin: 0;
}

#nav ul li a:hover {
color: #fff;
padding: 3px;
text-decoration: none;
border: 1px solid #fff;
display: inline;
margin: 0;
}

/* page indicator */

body#homepage #home a, body#productspage #products a, body#contactpage #contact a {
color: #fff;
padding: 3px;
text-decoration: none;
border: 1px solid #fff;
display: inline;
margin: 0;
}


.banner {
width:auto;
margin: 0, auto;
text-align: center;}

.banner img {
border: 0;
margin: 4px;}

.special {
background: #fe0000;
padding: 2px;
}

#contentwrapper {
 margin: 0 auto;
 width: 824px;
 /*border: 1px solid #fff;*/
 /*margin: 5px 0px 15px 0px;*/
 background:  transparent;

 clear: both;
 
 
}
#content {
 
 width: 550px;
 /*border: 1px solid #cccccc;*/
 margin: 5px 25px 15px 50px;
 /*background: #000 url(../media/graphics/content-bg.jpg) center top repeat-y;*/
 padding-top: 10px;
 padding-bottom: 10px;
 
 
}

#content h1 {
font-family: Helvetica, Arial, sans-serif;
font-size: 210%;
font-style: normal;
color: #fff;
margin-bottom: 15px;
font-weight: normal;
padding:3px;

}

#content h2 {
font-family: Helvetica;
font-size: 100%;
color: #fff; 
border-bottom: 1px solid #fff;
margin-top: 20px;}

#content h3 {
font-family: Helvetica;
font-size: 90%;
color: #fff; }

#content p {
font-size: 0.9em;
color: #d2d2d2;
line-height: 1.5em;
margin-top: .2em;
}

#content a {
color: #fff;
font-weight: bold;
text-decoration: none;}

#content a:hover {
font-weight: bold;
text-decoration: underline;}

#content .prop {
    height:350px;
    float:right;
    width:1px;
  }

#content .clear {
    clear:both;
    height:1px;
    overflow:hidden;
}



.shopping { 
 color: #333;
 border: 1px solid #757575;
 background: #000000;
 margin: 8px 0;
 padding: 5px;
 width: 150px;
 text-align: left;
 clear: right;
 float: right;
 /*position: absolute;
 top: 200px;*/
 

}

.panel {
		position: relative;
		float: left;
		width: 21%;
		height: 30%;
		margin: 0.5%;
		overflow: hidden;
		border: 5px solid #fff;
	}
.imgPanel {
		position: absolute;
		border: none;
		text-decoration: none;
	}

#text { 
 float: right;
 margin: 8px;
 padding: 5px;
 /*height: 350px;*/
 width: 550px;
 display: block;
}

/*#text img { 
padding-top: 3px;
padding-right: 3px;
padding-bottom: 15px;
padding-left: 3px;
background-color: #fff;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #cacaca;
border-right-color: #cacaca;
border-bottom-color: #cacaca;
border-left-color: #cacaca;
float: right;
margin: 5px}

#text table {
width: 100%;
}

#text table img {
float: left;
}
#text table td{
border-bottom: 1px dashed #fafafa;
padding: 2px 5px;
vertical-align: top;
}

#text table h3{
font-family: Helvetica;
font-weight: bold;
font-size: .9em;
text-transform: uppercase;
color: #880c0c;
text-align: left;
}

#text h6 {
margin: 0 auto;}*/






#footer { 
clear: both;
width: 100%;
height: 80px;
font-family: helvetica, arial;
font-size: 16px;
font-weight: bold;
color: #fff;
background: transparent;

}

#footer p {
padding: 25px 0 0 50px;
font-size: 0.9em;
}

#footer .img {
padding: 5px;}

#footer a {
color: #fff;
text-decoration: underline;}

#footer a:hover {
text-decoration: none;}

/***product styles***/

.seatType {
float: left;
margin-bottom: 35px;
}
.product-wrapper { margin: 10px; width: 150px; /*height: 120px;*/ background: transparent ; float:left; }
.product-wrapper p {
font-size: 0.9em;
}
.product { width: 150px; /*height: 70px;*/}

/*.product-image { vertical-align:top; float:right; margin: 9px 13px 9px 10px;}
.product-image-container { text-align: center; float:right; width: 104px;}*/
.product-title, .product-price, .product-shipping { font-weight:bold; font-size: 0.7em; }
.product-title {text-transform: uppercase; font-family: Helvetica, Arial;}
.product-was { font-weight:bold; font-size: 0.9em; text-decoration: line-through; }




.data-cell { /*width: 230px;*/ height: 50px; margin: 10px; padding:0px 5px 0px 10px; vertical-align:top;
clear: none;}

.align-cart { float:right; margin-right: 5px; margin-top: 30px; }
.googlecart-widget {width: 220px !important}

/* base font size and family for the entire widget */
.googlecart-widget *,
.googlecart-widget {
  font-size: 14px;
  font-family: Helvetica, Arial, sans-serif !important;
  color: #fff !important;
}


#googlecart-widget-head {
  border: 0 !important;
  background:  #000 url(../media/graphics/shop-cart-head.jpg) top no-repeat !important;
  width: 100%;
  height: 24px !important;
  line-height: 1.6875em;
  overflow: hidden !important;
  position: relative;
  cursor: pointer;
}

#googlecart-widget-body {
  border: none ;
  border-width: 0  !important;
  background: #000 url(../media/graphics/shop-cart-body.jpg) top left no-repeat !important;
  width: 100%;
  height: 0;
  position: relative; /* Check this to detect if the CSS is loaded. */
  overflow: hidden;
  visibility: hidden;
}
#googlecart-title

{

color: #b30505 !important;

}
#googlecart-summary

{

font-size: 0.6em !important;
color: #b30505 !important;

}
.googlecart-widget-img

{

width: 1.5em !important;

}
#googlecart-arrow {
  float: left;
  margin: .5em .4em 0 .3em !important;
  height: .56em;
  width: .56em;
  line-height: .56em;
  }
.googlecart-widget-quantity-box {
  text-align: right;
  padding: 0 2px 0 2px;
  font-size: .75em;
  color: #000000 !important;
  width: 1em;
  border: none !important;
}
.googlecart-widget-image-column {
  padding: .4em .4em;
  text-align: right;
  vertical-align: top;
  display: none !important;
}

.googlecart-widget-disclaimer {
    display: none !important;
  }
  
  

  
  
div.googlecart-add-button

{

height: 35px;
width: 80px;
float: right;
/*margin-right: 10px;*/
position: relative;
right: 20px;
}
/* injecting the buy and add to cart images as backgrounds */
.googlecart-add-button {
  background: transparent url(../media/graphics/add-button.jpg) no-repeat scroll center top !important;
  height: 35px !important;
  width: 85px !important;
}
#googlecart-checkout-button {
  cursor: pointer;
  height: 33px ;
  width: 150px ;
  margin-left: .3em;
  margin-top: 30px;
  
  
}
#googlecart-widget-foot td {
  padding: 0;
  border: 0 none;
  vertical-align: top;
  height: 30px !important;
  width: 100px !important;
}

/* IE fixes */

/* need these for IE7 rendering bug */

div.googlecart-add-button {
  height: 35px !important;
  width: 85px !important;
}



/* png transparency fix */
.ie-less-than-7 .googlecart-add-button {
  /*background: transparent !important;*/
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../media/graphics/add-button.jpg", sizingMethod="crop") !important;
}