/*
  $Id$

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

  Copyright (c) 2010 osCommerce

  Released under the GNU General Public License
*/

.ui-widget {
  font-family: Roboto, Arial, sans-serif;
  font-size: 11.5px;
}

.topnav {
  font-size : 12.5px; 
  font-family: Roboto, Arial, sans-serif;
  font-weight: bold;
  color: #222222;
  background: #000;
}

.topnav A {
  font-size : 12.5px; 
  font-family: Roboto, Arial, sans-serif;
  font-weight: bold;
  color: #ff0000;
  text-decoration: none;
}

.topnav A:hover {
  font-size : 12.5px; 
  font-family: Roboto, Arial, sans-serif;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
}

.prix {
  color: #000;
  font-size: 13px;
  font-family: Roboto, Arial, sans-serif;
  margin:0;
  padding:0;
}

.buttonmfg {
  padding: 0px 0px 0px 0px;
}

.mss
{ font-family: roboto, Arial, sans-serif; font-size: 13px; padding: 5px; background-color: #99ff00; 
}
.mse
{ font-family: roboto, Arial, sans-serif; font-size: 13px; padding: 5px; background-color: #ffb3b5; 
}
.mss-soum
{ font-family: roboto, Arial, sans-serif; font-size: 12px; line-height: 1.15; padding: 5px; background-color: #99ff00; 
}
.mse-soum
{ font-family: roboto, Arial, sans-serif; font-size: 12px; line-height: 1.15; padding: 5px; background-color: #ffb3b5; 
}

body {
  color: #000;
  font-size: 13px;
  font-family: Roboto, Arial, sans-serif;
  margin:0;
  padding:0;
}

#bodyWrapper {
  padding-bottom: 15px;
  margin:auto;
}

#bodyContent {
font-family : roboto, Arial, sans-serif; 
color: #444444;
}

.contentContainer h2 {
  font-size: 16px;
  text-decoration: underline;
  font-weight: normal;
  margin-bottom: 0;
  padding-bottom: 5px;
}

.contentText, .contentText table {
  padding: 0px 0px 5px 0px;
  font-size: 13px;
line-height: 1.5;
}

.productListTable {
  padding: 5px;
  font-size: 13px;
  line-height: 1.5;
background: #ffffff;
}


h1 {
  font-size: 16px;
  margin-bottom: 0;
  padding-bottom: 5px;
  padding-top: 10px;
}

h4 {
  font-size: 12px;
  margin-top: 6px;
  margin-bottom: 0;
  padding-bottom: 0px;
  padding-top: 0px;
}

img {
  border: 0px;
}

table, p {
  font-size: 13px;
  line-height: 1.5;
}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-family: Roboto, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

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

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Roboto, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Roboto, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: Roboto, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}


TD.infoBoxHeading {
  font-family: Roboto, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #333333;
  color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
  font-family: Roboto, Arial, sans-serif;
  font-size: 10px;
}

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: #f8f8f9;
}

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: #f8f8f9;
}

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

.productListingHeader {
  table-layout: fixed;
  color: #FFFFFF;
  font-weight: bold;
}

.productListingHeader A:hover {
  color: #FFFFFF;
}

.productListingData {
  table-layout: fixed;
}

A.pageResults {
  color: #444444;
}

A.pageResults:hover {
  color: #000000;
  background: #FFFFFF;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Roboto, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

TR.subBar {
  background: #ffffff;
}

TD.subBar {
  font-family: Roboto, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: Roboto, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Roboto, Arial, sans-serif;
  font-size: 10px;
}

TD.accountCategory {
  font-family: Roboto, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.tableHeading {
  font-family: Roboto, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Roboto, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

select {
  font-family: Roboto, Arial, sans-serif;
  font-size: 13px;
top:100%;
left:0;
z-index:1000;
float:left;
padding:1px 0;
margin:0px;
text-align:left;
list-style:none;
background-color:#fff;
-webkit-background-clip:padding-box;
background-clip:padding-box;
border:1px solid #ccc;
border:1px solid rgba(0,0,0,.15);
border-radius:4px;
}

INPUT {
  font-family: Roboto, Arial, sans-serif;
  font-size: 13px;
padding-left: 4px;
padding-right: 4px;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

TEXTAREA {
  width: 100%;
  font-family: Roboto, Arial, sans-serif;
  font-size: 13px;
padding-left: 5px;
padding-right: 5px;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
resize: none;
}

input:focus{
border-color:#66afe9;
outline:0;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 4px rgba(102,175,233,.6);
box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 4px rgba(102,175,233,.6)
}

textarea:focus{
border-color:#66afe9;
outline:0;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 4px rgba(102,175,233,.6);
box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 4px rgba(102,175,233,.6)
}

SPAN.greetUser {
  font-family: Roboto, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

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

TD.formAreaTitle {
  font-family: Roboto, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Roboto, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Roboto, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Roboto, Arial, sans-serif;
  color: #ff0000;
}

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

.checkoutBarFrom, .checkoutBarTo { font-family: Roboto, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Roboto, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Roboto, Arial, sans-serif; font-size: 12px; }
.messageStackError, .messageStackWarning { font-family: Roboto, Arial, sans-serif; font-size: 12px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Roboto, Arial, sans-serif; font-size: 12px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Roboto, Arial, sans-serif; font-size: 10px; color: #ff0000; }

/* account link list */

.minibut {
display:inline-block;
vertical-align: bottom;
  margin: 0px;
  padding-bottom: 7px;
}

.accountLinkList {
  list-style-type: none;
  margin: 2px 2px 2px 10px;
  padding: 5px;
}

.accountLinkListEntry {
  float: left;
  margin-right: 5px;
}

     /* top bar eof */

    .info_bar_td1{
    }
    .info_bar_td2, .info_bar_td3{
    background-image:url("../images/menu_mid.png"); 
    background-repeat: repeat-x;
    height: 43px;        
    }
    table.menubarmain td{
    text-align:center;
    }
    .info_bar_search{
    font-size: 13px;
    font-weight: bold;
    color: #99CC33;
    }
    table.menubarmain A:link, .menubarmain A:active, .menubarmain A:visited{ 
    font-size: 13px; 
    color: #FFFFFF;
    font-weight: bold;
    }
    table.menubarmain A:hover{
    font-size: 13px;
    color: #FFFFFF;
    }
    table.menubarmain{
    font-size: 13px; 
    font-style: normal;
    color: #005EA7;
    }

    .maincont_mid_td{
    }        
    .maincont_tb{
    padding-top: 5px;
    }   
    
   
   .leftbar_tb {
    
    }
   .maincont_left_td {
    width: 197px;
    padding-top: 5px;
    padding-right: 5px;
    }
    
   .rightbar_tb{
    
    }
   .maincont_right_td {
    width: 197px;
    padding-top: 5px;
    padding-right: 5px;
    }


ul.column{
	width: 765px;
	padding: 0;
	margin: 10px 0;
	list-style: none;
}
ul.column li {
	float: left;
	width: 255px; /*Set default width*/
	padding: 0;
	margin: 5px 0;
	display: inline;
}
.block {
	height: 225px;
	font-size: 1em;
	margin-right: 20px; /*Creates the 10px gap between each column*/
	padding: 5px;
	background: #fff;
	border: 0px solid #a6c9e2;
    border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.block h2 {
	font-size: 1.8em;
}
.block img {
	padding: 0%;
	background:#fff;
	margin: 0 auto;
	display: block;
  border: 1px;
  border-style: solid;
  border-color: #666666;
  -moz-box-shadow:    5px 5px 7px -3px #000;
  -webkit-box-shadow: 5px 5px 7px -3px #000;
  box-shadow:         5px 5px 7px -3px #000;
	-ms-interpolation-mode: bicubic; /*prevents image pixelation for IE 6/7 */
}

    /* end header branding css */


#demo-header-container {
  width: 100%;
  height: 75px;
  background: url("../../images/demo-header-background.png") repeat-x top;
  font-family: Roboto, Arial, sans-serif;
  font-size: 18px;
  color: white;
  line-height: 60px;
}
#demo-footer-container {
  width: 100%;
  height: 58px;
  background: url("../../images/demo-footer-background.png") repeat-x top;
  font-family: Roboto, Arial, sans-serif;
  font-size: 16px;
  color: white;
  font-weight: bold;
  line-height: 40px;
}


.subbut {
    font-weight: bold;
}

.shadow {
  -moz-box-shadow:    0px 0px 20px -5px #000;
  -webkit-box-shadow: 0px 0px 20px -5px #000;
  box-shadow:         0px 0px 20px -5px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

.shadowThumb {
  -moz-box-shadow:    0px 0px 15px -5px #000;
  -webkit-box-shadow: 0px 0px 15px -5px #000;
  box-shadow:         0px 0px 15px -5px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

.shadowMini {
  -moz-box-shadow:    0px 0px 7px -4px #000;
  -webkit-box-shadow: 0px 0px 7px -4px #000;
  box-shadow:         0px 0px 7px -4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}


A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  color: #000000;
  text-decoration: underline;
}

.demo {
  padding: 4px 0px 0px 0px;
  padding-top: 3px;
  font-size : 13px; 
}

.boxText {
  font-size: 13px; color: #5E5E5E;
}
.productsNotifications { 
    background: #f2fff7; 
}
.orderEdit { 
    font-size : 10px; 
    color: #70d250; 
    text-decoration: underline; 
}

td.headerNavigation, td.headerNavigation a:link, td.headerNavigation a:visited { color:#b3b3b3; text-decoration:none;}
td.headerNavigation a:hover { color:#f39800; text-decoration:underline;}

/* buttons if css buttons ebnabled */
.template-button-left, .template-button-middle, .template-button-right {
  height: 16px;
  font-family: Roboto, Arial, sans-serif;
  font-size: 10px;
  color: #fff;
  padding: 0px;
  margin: 0px;
  vertical-align: bottom;
  display: -moz-inline-box;
  display: inline-block;  
  
  cursor: pointer;
}
.template-button-left {
  background: url(images/button-left.png) no-repeat;
  width: 8px;
}
.template-button-middle {
  background: url(images/button-middle.png) repeat-x;
  white-space: no-wrap;
}
.template-button-right {
  background: url(images/button-right.png) no-repeat;
  width: 8px;
}
/* buttons eof */

/* unsure on this, checking... */
.infoBoxContentsLeft_categ{
  color: #17426B;
}
.infoBoxContentsLeft_categ A:link, .infoBoxContentsLeft_categ A:active, .infoBoxContentsLeft_categ A:visited{
  font-size: 13px;
  font-weight: normal;
  color: #5E5E5E;
}
.infoBoxContentsLeft_categ A:hover {
  color: #17426B;
}
.infoBoxContentsLeft A:link, .infoBoxContentsLeft A:active, .infoBoxContentsLeft A:visited{
	font-size: 10px;
	font-weight: normal;
	color: #005EA7;
}
.infoBoxContentsLeft A:hover {
	color: #17426B;
}
.infoBoxContentsRight A:link, .infoBoxContentsRight A:active, .infoBoxContentsRight A:visited{
	font-size: 10px;
	font-weight: normal;
	color: #005EA7;
}
.infoBoxContentsRight A:hover {
	color: #17426B;
}
.infoBoxContentsCenter A:link, .infoBoxContentsCenter A:active, .infoBoxContentsCenter A:visited{
	font-size: 10px;
	font-weight: normal;
	color: #005EA7;
}
.infoBoxContentsCenter A:hover {
	color: #17426B;
}

.az_top_nav A:link, .az_top_nav A:active, .az_top_nav A:visited{ 
	font-size: 10px; 
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
	}
	.az_top_nav A:hover{
	font-size: 10px;
	color: #17426B;
	}

	.az_pageheading_main{
	padding-left: 15px;
	padding-right: 10px;
	}
	td.infoBoxHeadingLeft_categ, td.infoBoxHeadingLeft {
	background-image: url("images/az_leftbox_top.gif");
	background-repeat:  no-repeat;
	height: 41px;
	}
	td.infoBoxContentsLeft_categ{
	background-image: url("images/az_leftbox_category.gif");
	background-repeat:  no-repeat;
	background-position: top left;
	height: 25px;
	padding-top: 3px;
	padding-left: 25px;
	font-size: 10px;
	}
	.infoBoxMBottomleft_az01, .infoBoxMBottomleft{
	background-image: url("images/az_leftbox_bottom.gif");
	background-repeat:  no-repeat;
	height: 5px;
	padding-bottom: 5px;
	}
	/* RIGHT bar css controls */		

.main_page_promo{
	background-image: url("images/az_promo_box_mid.gif");
	background-repeat:  repeat-x;
	background-position: bottom left;
	height: 42px;
	}
    
/* used in featured_products.php mainpage module*/
td.price_mainpage{
    color:#EF5502;
    font-weight: bold;
}
td.price_mainpage s{
    color:#5E5E5E;
    font-weight: bold;
}
td.price_mainpage span{
    color:#EF5502;
    font-weight: bold;
}

.roundcornersPrix{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border:1px solid #000000;
padding:0px; 
background-color: #ffffff;
}

.roundcornersLeft{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border:1px solid #000000;
padding:10px; 
background-color: #ffffff;
}

.roundcornersSoum{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border:1px solid #000000;
padding:10px; 
background-color: #ffffff;
}

.roundcorners{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border:1px solid #000000;
padding:15px; 
background-color: #ffffff;
}

.nav-button {
position: fixed;
top: 10px;
right: 8px;
z-index: 999;
}

.down-button {
position: fixed;
top: 47px;
right: 8px;
z-index: 888;
}

.btn-group-lg > .btn, .btn-lg {
padding: 2px 4px 0px 4px;
}

.btn-assist {
padding: 2px 8px 2px 8px;
margin-top: 10px;
width: 106px;
}

.btn-soum {
padding: 2px 8px 2px 8px;
margin-top: 10px;
width: 106px;
}

.dropdown-menu {
left: auto;
right: 0px;
z-index: 999px;
}

.wrapTable1 {
position: absolute;
margin-left: -10px;
margin-top: 5px;
width: 98%;
height: 100%;
}

.highlight:hover {
background: #eeeeee;
}

.tableSoum {
border-collapse: collapse;
}

.tableSoum td {
padding: 10px;
}

.tdpad {
padding: 5px 10px 5px 10px;
}

.btn-sm {
padding-top: 3px;
padding-bottom: 3px;
}

.btn-pad {
margin-top: 10px;
}

.btn-pad1 {
margin-top: 8px;
margin-bottom: 8px;
}

.infoModal {
display: inline-block;
}

.infoModal a:hover {
cursor: help;
text-decoration: none;
}

.infoModal a, a:visited, a:focus {
outline: 0;
text-decoration: none;
color: #000;
}

.tablePad {
margin-top: 5px;
}

#esc, #escm1, #escm2, #escm3, #escp1, #escp2, #escp3, #escv, #esce, #escm, #escmc, #esci, #escd {
margin-left: 4px;
margin-right: 4px;
}

.cust {
width: 160px;
margin-left: 5px;
margin-right: 5px;
}

.activate {
font-size: 12px;
margin-top: 15px;
}

.note {
font-size: 11px;
margin-top: 10px;
}

.tempSave {
margin-top: 10px;
}

.tdbLink {
margin-top: 5px;
}