/*
  $Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/
* { margin:0; padding:0;}

BODY {
	background:url(images/body-tail.gif) repeat-x top #777; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:1em; color:#252525; min-width:886px;
}

input, textarea, select { font-family:Arial, Helvetica, sans-serif; font-size:1em;}
object { vertical-align:top; outline:none;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { width:100%; overflow:hidden;}
.container { width:100%;}

p { margin:0; padding:0;}

input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

/*==================forms====================*/
#form { float:right; }
#form span { display:block; background:url(images/input-bg.gif) no-repeat left top; width:92px; height:27px; float:left; padding-left:9px;}
#form .form a.link { float:left; margin-left:3px;}
#form input {background:none; border:0; text-transform:uppercase; line-height:1.08em; vertical-align:top; color:#5c5c5c; font-size:.85em; padding-top:6px; width:90px;}
#form a { color:#b4b4b4; font-size:.77em;}

#form1 { width:173px;}
#form1 .form { height:48px;}
#form1 label { display:block;}
#form1 input {width:163px; padding:1px 3px 1px 3px; background:#fff; border-top:2px solid #7d7d7d; border-left:2px solid #7d7d7d; border-bottom:1px solid #cad2d5;  border-right:1px solid #cad2d5;}
#form1 textarea { width:163px; height:70px; overflow:auto; background:#fff; border-top:2px solid #7d7d7d; border-left:2px solid #7d7d7d; border-bottom:1px solid #cad2d5; border-right:1px solid #cad2d5; padding:1px 3px 0 3px; margin-bottom:31px;}

/*==================list====================*/
ul { list-style:none;}

#header ul { padding-right:2px; float:right;}
#header ul li { float:left; text-transform:uppercase; font-size:.85em; border-right:1px solid #525252; padding-right:7px; margin-right:7px; line-height:1em;}
#header ul li a { text-decoration:none; color:#525252;}
#header ul li a:hover { color:#fff;}
#header ul li.last { border-right:0; margin-right:0; padding-right:0;}

.site-nav { width:100%; overflow:hidden; padding-bottom:15px;}
.site-nav li { float:left; font-weight:bold; font-size:.92em; text-transform:uppercase; background:url(images/divider.gif) no-repeat right top; padding-right:2px;}
.site-nav li a { display:block; color:#fff; background:url(images/nav-tail.gif) repeat-x; text-decoration:none; width:117px; text-align:center;}
.site-nav li a span { display:block;}
.site-nav li.first a span { background:url(images/nav-left.gif) no-repeat left top;}
.site-nav li.last a span { background:url(images/nav-right.gif) no-repeat right top;}
.site-nav li.first a,
.site-nav li.last a { 
	padding:0; width:115px;
}
.site-nav li a,
.site-nav li.first a span,
.site-nav li.last a span { 
	padding:25px 0;
}
.site-nav li.last { background:none; padding-right:0;}
.site-nav li a:hover,
.site-nav li a.act { 
	background:url(images/nav-act-tail.gif) repeat-x top;
}
.site-nav li.first a:hover span,
.site-nav li.first a.act span { 
	background:url(images/nav-act-left.gif) no-repeat left top;
}
.site-nav li.last a:hover span,
.site-nav li.last a.act span { 
	background:url(images/nav-act-right.gif) no-repeat right top;
}

/*.list { padding-bottom:20px;}*/
.list li { padding:4px 0 4px 20px; background:url(images/marker.gif) no-repeat left 6px;}

.list1 li cite { font-style:normal;}
.list1 li h4 { text-align:right;}


/*==================other====================*/
.img-box img { margin-bottom:20px; display:block;}

.img-box1 { width:100%; overflow:hidden;}
.img-box1 img { float:left; margin:0 20px 0 0;}
.img-box1 h5 { margin-bottom:0;}

.p1 { margin-bottom:32px;}
.p2 { margin-bottom:22px;}

.phone { float:right;}


/*==================txt, links, lines, titles====================*/
a {color:#0024b0; outline:none;}
a:hover{text-decoration:none;}

h3 { color:#1a1a1a; text-transform:uppercase; font-size:1.46em; font-weight:normal;line-height: 22px }
h4 { font-size:1em; margin-bottom:20px; line-height:1.54em;}
h5 { font-size:1em; font-weight:normal; font-style:italic; margin-bottom:20px; line-height:1.54em;}

.link1 { display:block; float:left; background:url(images/link1-left.gif) no-repeat left top #1f8ad5; color:#fff; text-transform:uppercase; text-decoration:none; line-height:.92em; margin-right:4px;}
.link1 b { display:block; background:url(images/link1-right.gif) no-repeat right top; padding:16px 18px 17px 19px;}
.link1:hover { text-decoration:underline;}

.link2 { display:block; float:left; background:url(images/link2-left.gif) no-repeat left top #fff; color:#1d1d1d; text-transform:uppercase; text-decoration:none; line-height:.92em; margin-right:4px;}
.link2 b { display:block; background:url(images/link2-right.gif) no-repeat right top; padding:16px 23px 17px 23px;}
.link2:hover { text-decoration:underline;}

.divider1 { background:url(images/divider1.gif) repeat-y 197px 0;}
.divider2 { background:url(images/divider1.gif) repeat-y 414px 0;}
.divider3 { background:url(images/divider1.gif) repeat-y 630px 0;}


/*==================boxes====================*/
.cont-box { width:100%; background:#fff;}
.cont-box .left-top-corner {background:url(images/left-top-corner.gif) no-repeat left top;}
.cont-box .right-top-corner {background:url(images/right-top-corner.gif) no-repeat right top;}
.cont-box .left-bot-corner {background:url(images/left-bot-corner.gif) no-repeat left bottom;}
.cont-box .right-bot-corner {background:url(images/right-bot-corner.gif) no-repeat right bottom; }
.cont-box .inner { padding:0 29px 58px 29px;}
.cont-box .top { height:128px;}
.cont-box .top .logo { float:left; padding-top:28px;}

.slogan-box { width:827px; height:415px; background:url(images/slogan-box-bg.jpg) no-repeat left top; margin-bottom:52px; position:relative;}
.slogan-box span { position:absolute; left:60px; top:106px;}
.slogan-box .buttons { position:absolute; top:263px; left:58px; width:100%;}


/*header*/
#header .indent { padding-top:40px;}
#header .fleft { color:#525252; font-size:.85em; text-transform:uppercase; line-height:1em;}

#header {height:63px;}
#header, #content, #footer,#catxcdiv { font-size:0.814em;}

#main {
  /*margin:0 auto;*/
  width:886px;
  position: relative;
  left: 50%;
  margin-left: -443px;
}

.col-1, .col-2, .col-3, .col-4 { float:left;}

/*content*/
#content p,
#content cite { 
	line-height:1.54em;
}

/*#catalog .indent { padding-bottom:48px;}*/
#catalog .col-1 {width:177px; margin-right:35px;}
#catalog .col-2 {width:560px; margin-right:5px;}
#catalog #content .col-2 .col-1 { width:177px; margin-right:36px;}
#catalog #content .col-2 .col-2 { width:177px; margin-right:0;}
#catalog #content .col-3 {width:175px;}


/*======= index.html =======*/
#home #content .col-1 {width:175px; margin-right:43px;}
#home #content .col-2 {width:175px; margin-right:42px;}
#home #content .col-3 {width:175px; margin-right:42px;}
#home #content .col-4 {width:175px;}

/*======= index-1.html =======*/
/* 3 col layout */
/*#about_us #content .col-1 {width:393px; margin-right:42px;}*/
/*#about_us #content .col-1 .col-1 { width:170px; margin-right:46px;}*/
/*#about_us #content .col-1 .col-2 { width:172px; margin-right:0;}*/
/*#about_us #content .col-2 {width:180px; margin-right:37px;}*/
/*#about_us #content .col-3 {width:175px;}*/
#about_us #content .col-1 {width:393px; margin-right:42px;}
#about_us #content .col-1 .row-1 .col-1 { width:218px; margin-right:0;}
#about_us #content .col-1 .row-1 .col-2 { width:173px;}
#about_us #content .col-1 .row-2 .col-1 { width:170px; margin-right:46px;}
#about_us #content .col-1 .row-2 .col-2 { width:172px; margin-right:0;}
#about_us #content .col-2 {width:392px;}

/*======= index-2.html =======*/
#services #content .col-1 {width:177px; margin-right:41px;}
#services #content .col-2 {width:567px; margin-right:37px;}
#services #content .col-2 .col-1 { width:177px; margin-right:36px;}
#services #content .col-2 .col-2 { width:177px; margin-right:0;}
#services #content .col-3 {width:175px;}

/*======= index-3.html =======*/
#cool_stuff #content .col-1 {width:392px; margin-right:42px;}
/*#cool_stuff #content .col-1 .row-1 .col-1 { width:218px; margin-right:0;}
#cool_stuff #content .col-1 .row-1 .col-2 { width:173px;}
#cool_stuff #content .col-1 .row-2 .col-1 { width:170px; margin-right:46px;}
#cool_stuff #content .col-1 .row-2 .col-2 { width:172px; margin-right:0;}*/
#cool_stuff #content .col-2 {width:350px;}

/*======= index-4.html =======*/
#page5 #content .col-1 {width:182px; margin-right:36px;}
#page5 #content .col-2 {width:392px; margin-right:37px;}
#page5 #content .col-3 {width:175px;}

/*======= index-5.html =======*/
#team #content .col-1 {width:393px; margin-right:42px;}
#team #content .col-2 {width:393px;}

/*======= index-6.html =======*/
#contact #content .col-1 {width:182px; margin-right:36px;}
#contact #content .col-2 {width:392px; margin-right:37px;}
#contact #content .col-3 {width:177px;}

/*footer*/
#footer {height:90px;}
#footer p { font-size:.92em; color:#fff; padding:14px 0 0 29px;}
#footer p a { color:#fff; text-decoration:none;}
#footer p a:hover { text-decoration:underline;}

/*================== index.html ================*/
#page1 #content .site-nav { padding-bottom:5px;}

FORM {
	display: inline;
}

TR.header {
  background: #000;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-size: 14px;
  background: #ffffff;
  color: #000000;
  font-weight : bold;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

A.headerNavigation:hover {
  color: #ffffff;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-size: 14px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-size: 14px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #ffffff;
}

TD.footer {
  font-size: 10px;
  background: #ffffff;
  color: #000000;
  font-weight: bold;
}

.infoBox {
  background: #ffffff;
  border:1px solid #FF0000;
  padding:7px;
}

.infoBoxContents {
  background: #ffffff;
  font-size: 14px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-size: 14px;
}

TD.infoBoxHeading {
  font-size: 14px;
  font-weight: bold;
  background: #ffffff;
  color: #000000;
}

TD.infoBox, SPAN.infoBox {
  font-size: 14px;
}
TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #ffffff;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #fff;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #00aaff;
  border-spacing: 1px;
}

.productListing-heading {
  font-size: 12px;
  background: #fff;
  color: #000;
  font-weight: bold;
}

TD.productListing-data {
  font-size: 11px;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-size: 14px;
  color: #fff;
}

TD.main, P.main {
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-size: 12px;
}

TD.accountCategory {
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-size: 12px;
}

TD.tableHeading {
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-size: 11px;
}

SPAN.greetUser {
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  color: #ff0000;
}

SPAN.errorText {
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
/*.moduleRowSelected { background-color: #E9F4FC; }*/

.checkoutBarFrom, .checkoutBarTo { font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-size: 10px; color: #fff; }

/* message box */

.messageBox { font-size: 10px; }
.messageStackError, .messageStackWarning {  font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess {  font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement {  font-size: 10px; color: #ff0000; }
.spacer {
	HEIGHT: 11px;
}
.content {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.date {
	PADDING-LEFT: 8px; COLOR: #ff0000;
}
.spotlight {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #00509e; 
}
.spotlight .mes {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; COLOR: #000; LINE-HEIGHT: normal; PADDING-TOP: 0px; TEXT-ALIGN: justify;
}
.spotlight A {
	COLOR: #00509e;
}
.spotlight A:hover {
	COLOR: #ff0000; TEXT-DECORATION: none;
}
.recentpic IMG {
	BORDER-RIGHT: #ff0000 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #ff0000 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ff0000 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #ff0000 1px solid;
}

.boxText { font-size: 14px; }
.errorBox { font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning {  font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-size : 10px; color: #70d250; text-decoration: underline; }

#catxc ul li a {color:#0024b0}

/* End of demo CSS */
#DHTMLgoodies_panel_one,#DHTMLgoodies_arrows,#DHTMLgoodies_thumbs{	/* Width of divs for thumbnails */
  width:240px;
}
#DHTMLgoodies_panel_one{		
  float:left;	
}
#DHTMLgoodies_thumbs{
  overflow:hidden;	/* Don't change this */
  height:380px;	/* Height of thumbnail div */
  position:relative;	/* Never change this */
  float:left;
}
#DHTMLgoodies_largeImage{	/* Large image div */
  width:500px;	/* Width of large image div */
  height:400px;	/* Height of large image div */
  float:left;
  padding-left:10px;	/* "Air" */
  padding-right:10px;	
}
#DHTMLgoodies_largeImage table{	/* Used table to get both horizontal and vertical center alignement of large image */
  width:100%;
  height:100%;
  text-align:center;
}
#DHTMLgoodies_largeImage img{	/* Large image */
  border:5px solid #ff0000;	/* Border around large image */
}


.strip_of_thumbnails{	/* A vertical strip of thumbnails */
  width:114px;	/* Width of strip */
  padding:5px;	/* "Air" inside filmstrip div */
  position:absolute;

}
.strip_of_thumbnails div{
  width:110px;
  height:90px;
  padding:2px;
  text-align:center;

}
.strip_of_thumbnails img{
  border:0px;
  padding:5px;
}
.strip_of_thumbnails .activeImage{	/* Active thumbnail */
  border:5px solid #ff0000;	/* Green border around active thumbnail */
  padding:0px;

}
.leftArrow{
  float:left;
}
.rightArrow{
  float:right;
}
#DHTMLgoodies_thumbs_inner{
  position:relative;	/* Never change this */
  width:1000px;
}	
#mainContainer {padding: 0 0 0 20px}

.online-store {float:left;}
.visit-store {margin-top:75px;float:left;width:170px;color:#9b9b9b; font-weight:bold}
.visit-store span.RED {margin-left:39px;color:#ff0000}
.search-form {float:left;width:140px;margin-top:15px;margin-left:5px;}
.search-form #form {float:none;}
.visite-magasin {margin-top:20px;color:#9b9b9b; font-weight:bold}
.visite-magasin span.RED {margin-left:0;color:#ff0000}