/*
  $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: Georgia, Lucida Sans, Verdana, Arial, sans-serif;*/
  font-family: 'Oxygen', sans-serif;
  font-size: 12px;
}

body {
  background:url(images/bg.jpg) center 0px repeat-x #F9F9F9;
  color: #4A4A4A;
  margin: 0px;
  font-size: 13px;
  /*font-family: Georgia, Lucida Sans, Verdana, Arial, sans-serif;*/
  font-family: 'Oxygen', sans-serif;

}

#bodyWrapper {
}

#bodyContent {

}

#header { background:none;
margin-bottom:15px;

}

#storeLogo {
	width:100%;
	height: 200px;
	background-image: url(../images/header3.png);
	background-position:center;
	position:absolute;
	left:0;
	z-index:2;
}

#headerShortcuts {
  float: right;
  font-size: 12px;
 margin-top:-30px;
}

.headerbutton {
 margin-top:180px;
 -webkit-box-shadow: 0 5px 6px -6px #d6d6d6;
    -moz-box-shadow: 0 5px 6px -6px #d6d6d6;
    box-shadow: 0 5px 6px -6px #d6d6d6;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
    border: 1px solid #e6e6e6;
background: #FFF;
height: 40px;
position: relative;
z-index:3;
}


#columnLeft {
  padding-top: 5px;
}

#columnRight {
  padding-top: 5px;
}

.infoBoxContainer {
margin-bottom: 5px;
-webkit-box-shadow: 0 5px 6px -6px #d6d6d6;
    -moz-box-shadow: 0 5px 6px -6px #d6d6d6;
    box-shadow: 0 5px 6px -6px #d6d6d6;
	border: 1px solid #e6e6e6;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	padding-bottom:5px;
	background-color: #FFFFFF;
}

.infoBoxHeading {
  padding:10px 0px 10px 0px;
  text-align:center;
  font-size: 15px;
  height: 40x;
  font-weight: normal;

-moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; 
color:#fff;

background: rgb(181,181,181); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(181,181,181,1) 1%, rgba(127,127,127,1) 18%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,rgba(181,181,181,1)), color-stop(18%,rgba(127,127,127,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(181,181,181,1) 1%,rgba(127,127,127,1) 18%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(181,181,181,1) 1%,rgba(127,127,127,1) 18%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(181,181,181,1) 1%,rgba(127,127,127,1) 18%); /* IE10+ */
background: linear-gradient(135deg,  rgba(181,181,181,1) 1%,rgba(127,127,127,1) 18%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5b5b5', endColorstr='#7f7f7f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.infoBoxContents {
  padding: 15px;
  font-size: 13px;
  line-height: 1.5;
 

}

.infoBoxContents a {
 font-size: 12px;
}

.infoBoxContents_cat {
 background:#FFF;
  padding: 10px;
  font-size: 12px;
  color:#666;
  line-height: 1.8;
 /*border: 1px solid #FF7400;
-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; 
border-top: 0px;*/
}
.infoBoxContents_cat a{ 
  color: #666; 
}

.infoBoxContents_cat a:hover {
  color:#000;
}
.contentContainer {
  margin: 5px;
  padding: 10px;
 -moz-border-radius: 6px; -webkit-border-radius: 4px; border-radius: 4px; 
  background:#FCFCFE;
  -webkit-box-shadow: 0 5px 6px -6px #d6d6d6;
    -moz-box-shadow: 0 5px 6px -6px #d6d6d6;
    box-shadow: 0 5px 6px -6px #d6d6d6;
	border: 1px solid #e6e6e6;
}

.contentContainer h2 {
  font-size: 16px;
  text-decoration: none;
  font-weight: bold;
  font-style: italic;
  margin-bottom: 0;
  padding-bottom: 5px;
  color: #4A4A4A;
}

 .contentText table {
  padding: 5px;
  font-size: 12px;
  line-height: 1.5;
}
.contentText {
  padding: 5px ;
  font-size: 12px;
  line-height: 1.5;
  border: 1px solid #DBDBDB;
 -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; 
  background:#F5F5F5;
}

.contentText a { 
  color: #4A4A4A;
 font-size: 14px;
 text-decoration: none;
  font-weight: normal;
 
}

.productListTable {
  padding: 5px;
  font-size: 11px;
  line-height: 1.5;
}

.productListTable tr.alt td {
  background: none;
}

.fieldKey {
  font-size: 11px;
  font-weight: bold;
  line-height: 1.5;
  width: 150px;
}

.fieldValue {
  font-size: 11px;
  line-height: 1.5;
}

h1 {
  font-size: 24px;
  font-weight:normal;
  margin: 10px;
  margin-bottom: 0;
  padding-bottom: 5px;
}

img {
  border: 0;
}

table, p {
  font-size: 11px;
  line-height: 1.5;
}

#piGal ul {
  list-style-type: none;
}

#piGal img {
  -webkit-box-shadow: 0px 0px 1px #000;
  -moz-box-shadow: 0px 0px 1px #000;
}

#piGal .outer {
  margin-left: -30px;
}

.buttonSet {  margin-top: 30px;
  clear: both;
}

.buttonAction {
  margin:10px
  float: right;
}

.boxText { font-size: 11px; }
.errorBox { font-size: 11px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-size: 11px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-size: 11px; color: #70d250; text-decoration: underline; }

A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  text-decoration: none;
}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-size: 11px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

A.headerNavigation:hover {
  color: #ffffff;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-size: 11px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  background: #b6b7cb;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-size: 11px;
}

TD.infoBoxHeading {
  font-size: 11px;
  font-weight: bold;
  background: #bbc3d3;
  color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
  font-size: 11px;
}

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;
}

.productListing-heading{
	color: #FFF !important;
}

.productListingHeader A:hover {
  color: #FFFFFF;
}

.productListingData {
  table-layout: fixed;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-size: 22px;
  font-weight: normal;
  color: #9a9a9a;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-size: 11px;
  color: #000000;
}

TD.main, P.main {
  font-size: 12px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-size: 11px;
}

TD.accountCategory {
  font-size: 13px;
  color: #aabbdd;
}

TD.tableHeading {
  font-size: 13px;
  font-weight: normal;
}

SPAN.newItemInCart {
  font-size: 11px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-size: 12px;
}

TEXTAREA {
  width: 100%;
  font-size: 12px;
}

SPAN.greetUser {
  font-size: 14px;
  color: #f0a480;
  font-weight: normal;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-size: 13px;
  font-weight: normal;
}

SPAN.markProductOutOfStock {
  font-size: 13px;
  color: #c76170;
  font-weight: normal;
}

SPAN.productSpecialPrice {
  color: #ff0000;
 font-size: 15px;
 font-weight:normal;
}

SPAN.errorText {
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo {  font-size: 11px; color: #8c8c8c; }
.checkoutBarCurrent { font-size: 11px; color: #000000; }

/* message box */

.messageBox { font-size: 11px; }
.messageStackError, .messageStackWarning { font-size: 11px; background-color: #ffb3b5; }
.messageStackSuccess { font-size: 11px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-size: 11px; color: #ff0000; }

/* buttons */

.tdbLink a { }

.tdbLink button { }

/* account link list */

.accountLinkList {
  list-style-type: none;
  margin: 2px 2px 2px 10px;
  padding: 5px;
}

.accountLinkListEntry {
  float: left;
  margin-right: 5px;
}
/* ************************************************************************************* */ 
.menu       {
	list-style:none;
	margin: 0;
	padding:0;
	}
.menu  li     {float:left; display:inline-block;cursor:pointer; white-space:nowrap;}
.menu li.un {
	
	}


/* ************************************************************************************* */ 
.menu_item     {
	height: 40px;
	}
.menu_item a     {
	color:#444444;
	text-align:center;
	cursor:pointer;
	white-space:nowrap;
	display:block;
	width:128px;
		  font-size:13px;
		  line-height:40px;
		  font-weight:normal;
		  text-transform:uppercase;
		  
    border-right: 1px solid #e6e6e6;
background: #FFF;
		  }
.menu_item a:hover{
	
}
.menu_item.selected a  {
	
	background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */


	}
	
	
.first_item{
	-webkit-border-bottom-left-radius: 4px;
	    -moz-border-radius-bottomleft: 4px;
	    -o-border-radius-bottom-left: 4px;
	    border-bottom-left-radius: 4px;
        -webkit-border-top-left-radius: 4px;
	    -moz-border-radius-topleft: 4px;
	    -o-border-radius-top-left: 4px;
	    border-top-left-radius: 4px;
}

/* ************************************************************************************* */


