/*
"A1Shop Blue" stylesheet for A1shop created by straightinyourface.net
01/09/2009

- these stylesheet settings apply to all media
- for printing styles edit templates/print.css
- To optimize the stylesheet for small filesize (=>maximum speed) you can remove most comments, and group the styles.
*/

/* begin imported some styles  from original osC stylesheet */
.smallText {
font-family: trebuchet ms, Arial, sans-serif;
font-size: 11px;
  color: #ffffff;
}
.messageStackError, .messageStackWarning {
font-family: trebuchet ms, Arial, sans-serif;
font-size: 11px;
background-color: #000000;
}

TD.main, P.main {
  font-family: trebuchet ms, Arial, sans-serif;
  font-size: 11px;
  color: #ffffff;
  line-height: 1.5;
}

textarea {
width: 100%;
font-family: trebuchet ms, Arial, sans-serif;
font-size: 11px;
  color: #333333;
}
/* end import from original stylesheet */

/* the body tag for the html template */
body, html {
margin: 0;
padding: 0;
text-align: center; /* needed for IE center bug */
background-color: #000000;
background-image: url(images/bg2.gif);
background-repeat:repeat-x;
background-position:top;
}
/* pageWrapper div for centering and fixing width settings! 2005/08/08 */
div#pageWrapper {
position: relative;
margin: 10px auto; /* sets margin from top of browser page to start of web page */
width: 980; /* set total pagewidth or set at 100% */
background: #000000;
}

/* no need to edit this - standard setting */
form {
display: inline;
}

/* no need to edit this - standard setting */
td {
vertical-align: top;
}

/* no need to edit this - standard setting */
td.productListing-data {
vertical-align: middle;
color: #ffffff;
}
table#mainLayoutLT {
margin: 0px auto;
width: 100%;
}

td.columnLT {
width: 150px;
padding-top: 14px ;
background-image: url(images/gradient_columnLT.jpg);
border: 1px solid #222222;
}

/* total width of the info boxes */
table.infoBoxLT td.infoBoxHeadingLT, table.infoBoxLT td.boxTextLT {
width: 150px;
}

/* relative width of the info box table and sub tables */
table.infoBoxLT td table {
width: 100%;
}

/* class called infoboxContents in standard osCommerce */
td#contentLT {
width: 700px;  /*  modif FB */
background-image: url(images/gradient_main.jpg);
background-repeat: repeat-y;
border: 1px solid #222222;
}

/* just sets the margins for info boxes */
.infoBoxLT {
margin: 5px;
}

/* sets the padding for class called infoboxContents in standard osCommerce */
td#contentLT {
padding: 10px 12px;
}

/* padding for the infoBox headings */
td.infoBoxHeadingLT, .infoBoxHeading {
padding: 2px 4px;
font-family: trebuchet ms, Arial, sans-serif;
font-size: 21px;
font-weight: bold;
color: #0096ff;
}
td.boxTextLT {
padding: 6px 5px;
}

div#imageNavLT{
margin: 12px 7px 0 0;
float: right;
}
.navRightLT {
font-family: trebuchet ms, Arial, sans-serif;
font-size: 11px;
float: right;
}
.boxTextLT select {
width: 90%;
}
td#navBarTopLT div, td#navBarBottomLT div {
margin: 0px 15px;
padding-top:4px;
height: 22px;
}
.logoLT {
  text-align: center;
}

.navLeftLT {
  font-family: trebuchet ms, Arial, sans-serif;
  font-size: 11px;  
  float: left;
}

.footerLT {
text-align: center;
}
.footerLT div {
margin: 5px auto;
}

#languagesBoxLT, #specialsBoxLT, #currenciesBoxLT, #whats_newBoxLT, #manufacturersBoxLT, #tell_a_friendBoxLT {
text-align: left;
}
/* begin colors and borders (for link colors: see the link styles section below) */
/* controls colours of module borders and borders around button areas*/
table.infoBox {
border: #000000 solid 0px;
}

table.productListing {
border: #000000 solid 0px;
}

.productListing-heading {
background: url() repeat -x;
font-family: Trebuchet MS, Arial, sans-serif;
font-size: 11px;
font-weight: bold;
color: #67bcf7;
}

tr.productListing-even td {
background-color: #000000;
}
tr.productListing-odd td.productListing-data {
background-color: #000000;
}
.errorText {
color: ff4700;
}
/* .cBoxE higlighting for categories box enhancement contrib */
.cBoxE {
color: ff4700;
}

/* leave at zero or else it will conflict with
images used in infoBox headers and new products module */
td.infoBoxHeading {
border: 0px black solid;
}

td#navBarTopLT, td#navBarBottomLT {
border: 0px #000000 solid;
border-width: 0px 0;
background:url('images/barre.gif') no-repeat;
}

table#mainLayoutLT {
border: 0px #ffffff outset;
}


.infoBoxLT td {
border: 0px #000000 groove;
}

#contentLT table td.pageHeading, h1 {
color: #ffffff;
}
/* this is a table border, so leave at zero */
.infoBoxLT td table td {
border-width: 0px;
}

/* controls colour of text used to greet user */
.inputRequirement, .greetUser {
color: #ffffff;
}
/* example how to assign styles to one individual small infobox (delete if you don't like) */
table#shopping_cartBoxLT {
font-weight: bold;
color: #ffffff;
}

/* displays a background image or colour plus style in headers for info boxes and product listings */

td.infoBoxHeadingLT, .infoBoxHeading, .productListing-heading {
background: url() repeat-x;
}
/* end colors and borders */
.infoBoxHeading img {
display: none;
}
/* begin fonts */
#copyRightLT {
font-size: 11px;
}

.infoBoxLT td, .infoboxLT td.boxTextLT form select {
font-size: 11px;
font-family: trebuchet ms, arial, sans-serif;
color: #fff;
}

td.infoBoxHeading {
font-weight: bold;
color:#67bcf7;
}

#navBarTopLT, #navBarBottomLT {
font-size: 10px;
font-weight: lighter;
color: #ffffff;
}
/* font size for content in and outside tables */
#contentLT table td, #contentLT {
font-size: 11px;
font-family: trebuchet ms, arial, sans-serif;
}

/* controls font and size used in page headings */
#contentLT table td.pageHeading, h1 {
font-size: 22px;
font-weight: normal;
font-family: trebuchet ms, arial, sans-serif;
text-indent: 15px;
padding-top: 5px;
}

.infoBoxHeadingLT div {
float: left;
font-size: 18px;
text-transform: uppercase;
font-weight: lighter;
letter-spacing: 0.1em;
color: #0096ff;
}

#searchBoxLT {
text-align: left;
width: 150px;
}

#searchBoxLT input {
width: 110px;
}


#textarea .infoBoxContent {
color: #dddddd;
}



/* end fonts */
/* begin link styles */
.infoBoxHeadingLT a {
float: right;
margin: 2px;
}
a {
text-decoration: none;
color: #ffffff;
}
a:hover {
text-decoration: none;
color: #ff4700;
background-color: transparent;
}
/* end link styles */

a:link img, a:visited img  {
border: 2px solid #000000;
}

a:hover img  {
border: 2px solid #ff4700;
}

#whats_newBoxLT .infoBox LT .infoBoxHeadingLT {
color: #fff;
text-align: center;
padding-left: 4px;
}

#whats_newBoxLT {
background-color: #8f2800;
background-image: url(//images/new_back.jpg);
border: 1px solid #ff4700;
margin-bottom: 6px;
padding-top: 6px;
color: #fff;
}



/* ------- Zoom image ADD : START -------- */
#showimage{
position:absolute;
visibility:hidden;
border: 0px;
}

#dragbar{
cursor: hand;
cursor: pointer;
background-color: #bbc3d3;
min-width: 100px; /*NS6 style to overcome bug*/
}

#dragbar #closetext{
font-weight: bold;
margin-right: 1px;
}
/* ------- Zoom image ADD : END -------- */



.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

	.gallery{width:100%;margin:0 auto; float:left}
	.gallery li{width:68px;height:50px;border:3px double #111;margin: 0 2px;background:#000;}
	.gallery li div{left:240px}
	
	#main_image{margin:0 auto 15px auto;height:593px;width:655px;background:black url(images/loading.gif) 50% 50% no-repeat; padding:1px}
	#main_image img{margin-bottom:10px;}
	
	#p_img{background:black; width:657px; height:25px;float:left; margin: 0 0 15px 0}
	.navL, .navR{float:left; color:#fff; display:block;background:#444; font-weight:bold; font-size:11px;padding:1px 5px 2px 5px;}
	.navL{margin:0 617px 0 0}
	.navL:hover, .navR:hover{background:#000;color:white;text-decoration:none}