@charset "utf-8";
/*

  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $



  osCommerce, Open Source E-Commerce Solutions

  http://www.oscommerce.com



  Copyright (c) 2003 osCommerce



  Released under the GNU General Public License

*/



.boxText { font-family: Arial, Verdana, sans-serif; font-size: 12px; color:#000000; }

.errorBox { font-family : Arial, Verdana, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }

.stockWarning { font-family : Arial, Verdana, sans-serif; font-size : 10px; color: #cc0033; }

.productsNotifications { background: #B1C8CB; }

.orderEdit { font-family : Arial, Verdana, sans-serif; font-size : 10px; color: #F55F05; text-decoration: underline; }



BODY {

margin-top:0px;

	padding:0;
    background-image:url(../../images/main_bg.png); background-repeat: repeat-x;
}





.leftcollumn {



}

.coltop {

	display: block;

	width: 100%;

	background-color: #F0F0F0;

}



.infopages {

	font-family: Arial, Verdana, sans-serif;

	font-size: 12px;

	color: #757577;

}





.categtext{

display: block;

height: 22px;

	font-family: Arial, Verdana, sans-serif;

	font-size: 12px;

	color: #8A894C;

	padding-top: 5px;

	margin-top: 5px;

	margin-bottom: 5px;

	width: 100%;

	border-color: #8A894C;

	border-bottom: none;

	border-top: 1px solid;

	border-left: none;

	border-right: none;

}



.categtext_top{

display: block;

height: 22px;

	font-family: Arial, Verdana, sans-serif;

	font-size: 12px;

	color: #8A894C;

	margin-top: 5px;

	margin-bottom: 5px;

	width: 100%;

	border-color: #8A894C;

	border-bottom: none;

	border-top: none;

	border-left: none;

	border-right: none;

}



.categchild{



	font-family: Arial, Verdana, sans-serif;

	font-size: 12px;

	color: #8A894C;

	margin-top: 5px;

	margin-bottom: 5px;

	width: 100%;

	

	

	

	}





TABLE.categ {

  border: 0px;

  border-spacing: 0px;

  font-family: Arial, Verdana, sans-serif;

  font-size: 10px;

  background: #FFFFFF;

  color: #000000;

}



TD.categ {

     vertical-align: top;

}





A {

  color: #000000;

  text-decoration: none;

}



A:hover {

  color: #AABBDD;

  text-decoration: underline;

}



FORM {

	display: inline;

}



TR.header {

  background-image: url('images/page_bg.jpg'); 

  background-repeat:repeat

}



TR.headerNavigation {

  background: #007aff;

}



TD.headerNavigation {

  font-family: Arial, Verdana, sans-serif;

  font-size: 10px;

  background: #007aff;

  color: #ffffff;

  font-weight : bold;

}



A.headerNavigation { 

  color: #FFFFFF; 

}



A.headerNavigation:hover {

  color: #ffffff;

}



TR.headerError {

  background: #ff0000;

}



TD.columnampak {

  font-family: Arial, Verdana, sans-serif;

  font-size: 10px;

  background: #ffffff;

  color: #000000;

  border: 1px;

  border-style: solid;

  border-color: #A5A2A5;

  border-spacing: 1px;

  padding: 15px;

}



TD.headerampak {

  font-family: Arial, Verdana, sans-serif;

  font-size: 10px;

  background: #50667E;

  color: #000000;

  

  border: 0px;

  border-style: solid;

  border-color: #A5A2A5;

  border-spacing: 1px;

}



TR.headerampak {

  font-family: Arial, Verdana, sans-serif;

  font-size: 10px;

  background: #000000;

  color: #000000;

  font-weight : bold;

  border: 0px;

  border-style: solid;

  border-color: #A5A2A5;

  border-spacing: 0px;

}



TD.footerampakcenter {

  font-family: Arial, Verdana, sans-serif;

  font-size: 10px;

  background: #50667E;

  color: #ffffff;

  border: 1px;

  border-style: solid;

  border-color: #A5A2A5;

  border-spacing: 1px;

  border-right-style: none;

  border-left-style: none;

  padding: 15px;

}



TD.footerampakleft {

  font-family: Arial, Verdana, sans-serif;

  font-size: 10px;

  background: #50667E;

  color: #ffffff;

  border: 1px;

  border-style: solid;

  border-color: #A5A2A5;

  border-spacing: 1px;

  border-right-style: none;

  padding: 15px;

}



TD.footerampakright {

  font-family: Arial, Verdana, sans-serif;

  font-size: 10px;

  background: #50667E;

  color: #ffffff;

  border: 1px;

  border-style: solid;

  border-color: #A5A2A5;

  border-spacing: 1px;

  border-left-style: none;

  padding: 15px;

}





TD.footerampak1 {

  font-family: Arial, Verdana, sans-serif;

  font-size: 10px;

  background: #ffffff;

  color: #000000;

  border: 0px;

  border-style: solid;

  border-color: #808080;

  border-spacing: 1px;

  padding: 25px;

}



TR.footerampak {

  font-family: Arial, Verdana, sans-serif;

  font-size: 10px;

  background: #ffffff;

  color: #000000;

  border: 2px;

  border-style: solid;

  border-color: #000000;

  border-spacing: 1px;

  padding: 25px;

}





TD.newpages {

  font-family: Arial, Verdana, sans-serif;

  font-size: 11px;

  background: #FFFFFF;

  color: #000000;

  border: 1px;

  border-style: solid;

  border-color: #50667E;

  border-spacing: 1px;

  padding: 15px;

}





TD.headerError {

  font-family: Arial, Verdana, sans-serif;

  font-size: 12px;

  background: #ff0000;

  color: #ffffff;

  font-weight : bold;

  text-align : center;

}



TR.headerInfo {

  background: #16568C;

}



TD.headerInfo {

  font-family: Arial, Verdana, sans-serif;

  font-size: 12px;

  background: ##16568C;

  color: #ffffff;

  font-weight: bold;

  text-align: center;

}



TR.footer {

  background: #50667E;

}



TD.footer {

  font-family: Arial, Verdana, sans-serif;

  font-size: 10px;

  background: #50667E;

  color: #ffffff;

  font-weight: bold;

}



.infoBox {

  background: #50667E;

}



.infoBoxContents {

  background: #ffffff;

  font-family: Arial, Verdana, sans-serif;

  font-size: 12px;

}



.infoBoxNotice {

  background: #608CAE;

}



.infoBoxNoticeContents {

  background: #608CAE;

  font-family: Arial, Verdana, sans-serif;

  font-size: 10px;

}



TD.infoBoxHeading {

  font-family: Arial, Verdana, sans-serif;

  font-size: 10px;

  font-weight: bold;

  background: #50667E;

  color: #ffffff;

}



TD.infoBox, SPAN.infoBox {

  font-family: Arial, Verdana, 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: #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: #ffffff;

}



TABLE.productListing {

  border: 0px;

  border-style: solid;

  border-color: #50667E;

  border-spacing: 1px;

}



.productListing-heading {

  font-family: Arial, Verdana, sans-serif;

  font-size: 10px;

  background: #50667E;

  color: #FFFFFF;

  font-weight: bold;

}



TD.productListing-data {

  font-family: Arial, Verdana, sans-serif;

  font-size: 10px;

}



A.pageResults {

  color: #0000FF;

}



A.pageResults:hover {

  color: #0000FF;

  background: #FFFF33;

}



TD.pageHeading, DIV.pageHeading {

  font-family: Arial, Verdana, sans-serif;

  font-size: 12px;

  font-weight: bold;

  color: #000000;

}



.pageHeading, DIV.pageHeading {

  font-family: Arial, Verdana, sans-serif;

  font-size: 12px;

  font-weight: bold;

  color: #000000;

}



.stock {

	font-family: Arial, Verdana, sans-serif;

	font-size: 9px;

	font-weight: normal;

	color: #000000;

}



.products_short {

	font-family: Arial, Verdana, sans-serif;

	font-size: 11px;

	font-weight: normal;

	color: #333333;

}



.product_listing_name {

	font-family: Arial, Verdana, sans-serif;

	font-size: 14px;

	font-weight: bold;

	

	color: #000000;

}



.new_product_listing_name {

	font-family: Arial, Verdana, sans-serif;

	font-size: 12px;

	font-weight: bold;

	

	color: #000000;

}



.new_product_listing_price {

	font-family: Arial, Verdana, sans-serif;

	font-size: 14px;

	font-weight: bold;

	

	color: #00CC00;

}



.new_product_listing_special_price {

	font-family: Arial, Verdana, sans-serif;

	font-size: 12px;

	font-weight: bold;

	

	color: #FF0000;

}



.product_listing_price {

	font-family: Arial, Verdana, sans-serif;

	font-size: 16px;

	font-weight: bold;

	

	color: #000000;

}



.product_listing_special_price {

	font-family: Arial, Verdana, sans-serif;

	font-size: 16px;

	font-weight: bold;

	

	color: #ff0000;

}







SPAN.productSpecialPrice {

  font-family: Arial, Verdana, sans-serif;

  color: #ff0000;

}







.pagePrice {

  font-family: Arial, Verdana, sans-serif;

  font-size: 20px;

  font-weight: bold;

  

  color: #009933;

}



.products_page_heading {

  font-family: Arial, Verdana, sans-serif;

  font-size: 18px;

  font-weight: bold;

  color: #000000;

}









TR.subBar {

  background: #f4f7fd;

}



TD.subBar {

  font-family: Arial, Verdana, sans-serif;

  font-size: 10px;

  color: #000000;

}



TD.main, P.main {

  font-family: Arial, Verdana, sans-serif;

  font-size: 11px;

 color: #000000;

  line-height: 1.5;

}



.main, P.main {

  font-family: Arial, Verdana, sans-serif;

  font-size: 11px;

  color: #000000;

  line-height: 1.5;

}



TD.smallText, SPAN.smallText, P.smallText {

  font-family: Arial, Verdana, sans-serif;

  font-size: 10px;

}



TD.accountCategory {

  font-family: Arial, Verdana, sans-serif;

  font-size: 13px;

  color: #aabbdd;

}



TD.fieldKey {

  font-family: Arial, Verdana, sans-serif;

  font-size: 12px;

  font-weight: bold;

}



TD.fieldValue {

  font-family: Arial, Verdana, sans-serif;

  font-size: 12px;

}



TD.tableHeading {

  font-family: Arial, Verdana, sans-serif;

  font-size: 12px;

  font-weight: bold;

}



SPAN.newItemInCart {

  font-family: Arial, Verdana, sans-serif;

  font-size: 12px;

  color: #000000;

}



CHECKBOX, INPUT, RADIO, SELECT {

  font-family: Arial, Verdana, sans-serif;

  font-size: 11px;

}



TEXTAREA {

  width: 100%;

  font-family: Arial, Verdana, sans-serif;

  font-size: 11px;

}



SPAN.greetUser {

  font-family: Arial, Verdana, sans-serif;

  font-size: 10px;

  color: #000000;

  font-weight: bold;

}



TABLE.formArea {

  background: #ffffff;

  border-color: #50667E;

  border-style: solid;

  border-width: 1px;

}



TD.formAreaTitle {

  font-family: Arial, Verdana, sans-serif;

  font-size: 12px;

  font-weight: bold;

}



SPAN.markProductOutOfStock {

  font-family: Arial, Verdana, sans-serif;

  font-size: 12px;

  color: #c76170;

  font-weight: bold;

}









SPAN.errorText {

  font-family: Arial, Verdana, sans-serif;

  color: #ff0000;

}



.moduleRow { }

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

.moduleRowSelected { background-color: #D7E9F7; }



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

.checkoutBarCurrent { font-family: Arial, Verdana, sans-serif; font-size: 10px; color: #000000; }



/* message box */



.messageBox { font-family: Arial, Verdana, sans-serif; font-size: 10px; }

.messageStackError, .messageStackWarning { font-family: Arial, Verdana, sans-serif; font-size: 10px; background-color: #ffb3b5; }

.messageStackSuccess { font-family: Arial, Verdana, sans-serif; font-size: 10px; background-color: #99ff00; }



/* input requirement */



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



.mws_boxTop    { background: url('images/infobox13/top.gif');

                 font-family: Arial, Verdana, sans-serif;

                 font-size: 10px;

                 color: #50667E;

				 font-weight: bold;

                 text-align : center;

                 vertical-align: middle;

                 white-space: nowrap; }

.mws_boxLeft   { background: url('images/infobox13/left.gif'); }

.mws_boxRight  { background: url('images/infobox13/right.gif'); }

.mws_boxBottom { background: url('images/infobox13/bottom.gif');

                 font-family: Arial, Verdana, sans-serif;

                 font-size: 10px;

                 text-align : center;

                 vertical-align: middle;

                 white-space: nowrap; }

.mws_boxCenter { background: #FFFFFF; 

				 font-size: 10px;}



TD.pollBoxRow {



  font-family: Arial, Verdana, sans-serif;



  font-size: 10px;



  border-color: #eeeeee;



  border-style: solid;



  border-width: 1px; 



}



TD.pollBoxText {



  font-family: Arial, Verdana, sans-serif;



  font-size: 10px;



  border-color: #eeeeee;



  border-style: solid;



  border-width: 1px; 



}



TR.pollOptRow {



  background: #C0C0C0;



}



TR.pollFooter {



  background: #C0C0C0;



}



TD.newsheader {

  font-family: Arial, Verdana, sans-serif;

  font-size: 10px;

  font-weight: bold;

  color: #ffffff;

}



.tax_info {

  font-family: Arial, Verdana, sans-serif;

  font-size:11px;

font-weight: normal;

  font-style: normal;

  color: #CC0000;

}





.infoBoxContentsCo2 {

  background: #F8F8F9;

  font-family: Verdana, Arial, sans-serif-serif;

  font-size: 10px;

}



/*change the menu hover color below*/

#thecategories a:hover {

	background-color: #ffffff;

	color: #000000;

}



.catwithsubs, .catwithnosubs {

	padding-right: 0px;

}



#thecategories {

	position: relative;

	top: 0px;

	margin-bottom: 0px;

	width: 100%;

	font-weight: bold;

}







#thecategories a {

	display: block;

	padding-bottom: 7px;

	padding-top: 3px;

	width: 100%;

}



/*mozilla fix*/

html>body #thecategories a {

	width: auto;

}

/*end of mozilla fix*/



#topcat a {

padding-left: 0px;

}



#secondcat a {

	padding-left: 10px;

}



#thirdcat a {

	padding-left: 15px;

}



#fourthcat a {

	padding-left: 20px;

}



#fifthcat a {

	padding-left: 25px;

}





.urbangreymenu{

width: 300 px; /*width of menu*/

}



.urbangreymenu .headerbar{

font: bold 12px Arial;

color: white;

background:  url(arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y

margin-bottom: 0; /*bottom spacing between header and rest of content*/

text-transform: uppercase;

padding: 7px 0 7px 31px; /*31px is left indentation of header text*/

}



.urbangreymenu .headerbar a{

text-decoration: none;

color: white;

display: block;

}



.urbangreymenu .headerbar a:hover{

text-decoration: none;

color: white;

display: block;

}



.urbangreymenu ul{

list-style-type: none;

margin: 0;

padding: 0;

margin-bottom: 0; /*bottom spacing between each UL and rest of content*/

}



.urbangreymenu ul li{

padding-bottom: 2px; /*bottom spacing between menu items*/

}



.urbangreymenu ul li a{

font: normal 12px Arial;

color: black;



display: block;

padding: 5px 0;

line-height: 15px;

padding-left: 8px; /*link text is indented 8px*/

text-decoration: none;

}



.urbangreymenu ul li a:visited{

color: black;

}



.urbangreymenu ul li a:hover{ /*hover state CSS*/

color: white;



}



H3 { 

   font-size: 14pt; 

   margin-top: 0pt; 

   margin-bottom: 2pt; 

} 



TD.productNavigation {

  font-family: Arial, sans-serif;

  font-size: 13px;

  background: #ffffff;

  color: #000000;

  font-weight : bold;

}



TD.productNavigation a{

  font-family: Arial, sans-serif;

  font-size: 13px;

  background: #ffffff;

  color: #000000;

  font-weight : bold;

}

TD.productNavigation a:hover{

  font-family: Arial, sans-serif;

  font-size: 13px;

  background: #ffffff;

  color: #000000;

  font-weight : bold;

}



TD.dropdownarea {



  font-family: Arial, sans-serif;

  font-size: 13px;

 

  color: #000000;

  font-weight : bold;

  padding-top: 3pt; 

   padding-bottom: 3pt;

	 padding-left: 3pt;

}

TD.productoptions {

	font-family: Arial, sans-serif;

	font-size: 11px;

	background: #E9E9E9;

	color: #000000;

	font-weight: bold;

	padding: 3pt;

	border-bottom: 7px White;

}

.artnr {

	font-family: Arial, Verdana, sans-serif;

	font-size: 9px;

	font-weight: normal;

	color: Gray;

}

TD.next_previous {

	font-family: Arial, sans-serif;

	font-size: 11px;



	color: #000000;

	font-weight: bold;

	border: 1px solid #E9E9E9;

}





TD.product_box {

	font-family: Arial, sans-serif;

	font-size: 11px;

	color: #000000;

	font-weight: bold;

	border: 3px solid #E9E9E9;

	border-spacing:5pt;

	

	}



TD.imagescontent {

	font-family: Arial, sans-serif;

	font-size: 11px;

	color: #000000;

	font-weight: bold;

	border: 1px solid #E9E9E9;

}



.save {

	font-family: Arial, sans-serif;

	font-size: 11px;

	color: #000000;

	font-weight: bold;	

}

.saveproductpage {

	font-family: Arial, sans-serif;

	font-size: 14px;

	color: #000000;

	font-weight: bold;	

}

/*BOF - Zappo - Option Types v2 - Progress Bar */

.progress{

  width: 1px;

  height: 12px;

  color: grey;

  font-size: 10px;

 /* overflow: hidden; */

  background-color: #bbc3d3;

  padding-left: 5px;

}

.bar{

  border-style: solid;

  border-width: 1px;

  border-color: #bbc3d3;

}

/*EOF - Zappo - Option Types v2 - Progress Bar */

/* Special Scroller */



#pscroller1 {

	height: 220px;

	border: 0px;

	padding: 5px;

}







#pscroller2 a{

	text-decoration: none;

}



.someclass {

  	font-family: sans-serif;

  	font-size: 11px;

  	line-height: 1.5;

}



/* New Products Scroller */