/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
	        GENERAL STYLES
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
BODY{
   margin:10px 10px 0px 10px;
   padding:0px;
   background: #f8f9fc url(../../gfx/interface/gradient_middle.jpg) repeat-x;}
P{	margin:0px 10px 10px 10px;}
BODY, P{
   font-size: 12px;
   font-family: Verdana, Arial, Helvetica, Sans-serif;
   text-decoration: none;}
DIV, FORM, IMG{
   margin: 0px;
   padding: 0px;
   color: #000000;}
DIV.right{	text-align: right;}
IMG,TABLE, DIV{ border: none;}
.border {border: 1px solid #8d8d8d;}
.center {text-align: center;}

/* -- HR ----------------------*/
DIV.hr{
   height: 15px;
  	background: #fff url(../../gfx/interface/hr1.png) repeat-x scroll center;}
DIV.hr hr{	display: none;}
TD.vhr {
   width: 2px;
  	background: #fff url(../../gfx/interface/hr1.png) repeat-y scroll center;}
TD.vhr hr 	{	display: none;}
HR{
   border: 0;
	width: 98%;
	color: #537fab;
	height: 1px;}


/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
	        HEADERS AND TEXT
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
H1, H2, H3, H4, H5, SPAN.subCategoryName{
	color: #e17d1a;
	line-height: 1.3;
	margin:0px;
	margin-left: 10px;
	text-decoration: none;}
H1{
	font-size:22px;
	text-align:center;}
H1.h1Header{
	margin-left:0px;
	text-align:left;
}
H2,SPAN.subCategoryName{font-size:18px;}
H3{font-size:16px;}
H4{font-size:14px;}
H5{font-size:10px;}
H1.italic {font-style: italic;}

/* -- Links ----------------------*/

A{
   color: black;
   text-decoration: underline;}
A:link{
   text-decoration: underline;}
A:active{
   color: #0C2172;
	text-decoration: underline;}
A:hover {
   color: #0038b4;
	text-decoration: underline;}

/* -- Misc. ----------------------*/
SPAN.red	{color: #ff0000;}
SPAN.gray {color: #696969;}
SPAN.smalltext{font: 7pt Verdana;}
SPAN.sub{
   color: #e17d1a;
   font: 10pt Tahoma, Arial, Sans-serif;
   font-style: italic;
   margin: 50px;
   letter-spacing: 1px;}

/* -- Products. ----------------------*/
SPAN.product_name a{text-decoration: none;}
SPAN.product_description{font-size: 11px;}

SPAN.product_text{
   font-size: 10px;
   color: #696969;
   text-decoration: none;}
SPAN.product_text A{
   font-size: 12px;
   text-decoration: none;}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
	        Debugging and Error
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

DIV.debug, DIV.error {
   margin: 5px;
   padding: 5px;
   color: #000000;
   border: 1px solid #4250a2;
   font-family: Courier New, Sans-serif;}
DIV.debug {
   background: #e4e4e4 url(../../gfx/interface/debug_back.png);}
DIV.error {
   background-color: #fff7d0; }


/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
	        UNIQUE DIVS
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

DIV#copyright{
   text-align: center;
   font-size: 10px;
   color: #696969;
   font-weight: bold;}


/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
	        FORMS
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

INPUT {
   text-align:left;
	border: 1px solid #696969;
	background: #fdfbf5;
	font: 7pt Monaco, Verdana, Sans-Serif;
   font-weight: bold;
   width:125px; }
INPUT.amount{
   width:25px;
   text-align:right;}


/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
         fpBoxes
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
DIV#fpTables {margin: 0px;}
TABLE.fpTable-Big, TABLE.fpTable-Long, TABLE.fpTable-Three, TABLE.fpTable-Four{
	border-width: 1px;
	width:100%;
	margin: 0px;}
TABLE.fpTable-Big th, TABLE.fpTable-Long th, TABLE.fpTable-Three th, TABLE.fpTable-Four th{
   color: #e17d1a;
   padding: 0px;
   margin: 0px;
   text-align: center;}
TABLE.fpTable-Three td{
}
TABLE.fpTable-Three .textClass, TABLE.fpTable-Four .textClass{
   padding: 2px;
   padding-left: 0px;
   padding-right: 0px;
   font-size: 11px;
   font-family: Verdana, Arial, Helvetica, Sans-serif;
   text-decoration: none;   
}
TABLE.fpTable-Big td, TABLE.fpTable-Long td, TABLE.fpTable-Three td, TABLE.fpTable-Four td{
   vertical-align: top;
   padding: 0px;}
TABLE.fpTable-Big	.fpimage	{
	width: 200px;
   text-align: center;}
TABLE.fpTable-Big	.fpPrice	{
   font: 16px Verdana, Sans-Serif;
   vertical-align: middle;
   text-align: left;
   color: #e17d1a;
   margin-right: 0px;
   padding-right: 0px;
   font-weight: bold;}
TABLE.fpTable-Long .fpimage, TABLE.fpTable-Three .fpimage{
   text-align: center;
   vertical-align: top;}
TABLE.fpTable-Four .fpimage{
   text-align: center;
   margin: 0px;
   width: 24%;
   vertical-align: top;}   
TABLE.fpTable-Long .fpPrice, TABLE.fpTable-Three .fpPrice, TABLE.fpTable-Four .fpPrice {
   font: 16px Verdana, Sans-Serif;
   vertical-align: middle;
   text-align: center;
   color: #e17d1a;
   font-weight: bold;}
TABLE.fpTable-Long .fpMoreInfo, TABLE.fpTable-Three .fpMoreInfo {	vertical-align: middle;}


/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
	        LAYOUT
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/


/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
	BANNERAREA LAYOUT
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
TABLE#bannerarea {margin: 0px;width:655px;}
TD#bannerareamenu {
	padding-left:10px;}
DIV#bannermenu {
   float: left;
	width:470px;
	text-decoration: none;
	color: #FFFFFF;
	font: 9px Verdana, Sans-Serif;}
#bannermenu a {
   margin: 0px 1px 0px 0px;
	text-align: center;
	text-decoration: none;
	padding: 0px 1px 0px 1px;
	color: #FFFFFF;
	font-weight: bold;}
TD#bannerareasearch {
   vertical-align:top;
   width: 200px;
   text-align: left;
   padding-left:0px;}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
	MAIN LAYOUT
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
DIV#menu{
   float:left;
   padding: 10px 0px 0px 0px;
   left:0px;
   top:0px;
   width:141px;
   background: none;
}
DIV#control_panel	{
   float: right;
   padding: 10px 0px 0px 0px;
   right:10px;
   top:0px;
   width:140px;
   background: none;}
DIV#banner {
   min-width: 960px;
   background: #537fab url(../../gfx/interface/bannerback.jpg);
   border:1px solid #8d8d8d;
   height:54px;}
.logoarea {
   float: left;
   background: #537fab url(../../gfx/interface/logo_banner.gif);
   padding:0px 0px 0px 0px;
   width: 120px;
   height: 54px;}
.contentarea {
   float: left;
   padding:5px 0px 0px 0px;
   height: 50px;
   margin: 0;
   color: #FFFFFF;}
DIV.main_panel {
   background: #cdcdcd;
   margin-top: 10px;
   margin-left: 151px;
   margin-right: 151px;
   padding:0px 2px 2px 0px;
   zoom:1;}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
	HACK FOR MIN WIDTH IN IE
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
.width1 {min-width: 960px;}
* html .minwidth1 {padding-left: 960px;}
/*\*/
* html .minwidth1, * html .layout {height: 1px;}
/**/
* html .container {margin-left: -960px;position: relative;}
/*\*/
* html .minwidth, * html .container, * html .content {height: 1px;}
/**/

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
	BOX
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
DIV.box_shadow{
   background: #cdcdcd;
   padding:0px 1px 2px 0px;
   margin: 0px 0px 5px 0px;}
DIV.box_normal {
   background: #dce6fb;
   border: 1px solid #8d8d8d;
   padding:0px 0px 0px 0px;}
DIV.box_normal br{

}   
DIV.box_normal h1 {
   font-size: 1em;
   font-weight: bold;
   background: #537fab;
   color: #ffffff;
   padding: 0px 0px 0px 3px;}
   
DIV.content{
   font-size: 0.8em;
   color: #000;
   padding: 0px;}
DIV.content a {
   font-size: 1em;
   font-weight: normal;
   color: #000000;
   text-decoration: none;}
DIV.content a:active{
   color: black;
   text-decoration: none;}
DIV.content a:hover {
   color: #e17d1a;
   text-decoration: none;}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
	MENU
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
DIV.box_menu h1 {
   font-size: 1em;
   font-weight: bold;
   background: #4b4b4b;
   color: #ffffff;
   padding: 0px 0px 0px 5px;}
DIV.menutitle{
   cursor:pointer;
   margin-bottom: 2px;
   color: #FFFFFF;
   width:138px;
   padding:0px 0px 0px 5px;
   font-weight:bold;
}
SPAN.submenu{
   margin: 0px 0px 15px 0px;
   padding: 0px 0px 0px 10px;
   background-color: #7199c2;
   border-top: 1px solid #f0f0f0;
   border-bottom: 1px solid #f0f0f0;
}
DIV.box_menu{
   background: #537fab;
   border: 1px solid #8d8d8d;
   width: 143px;
   padding:0px 0px 0px 0px;}
   
DIV.box_menu .content a {
   margin: 3px 0px 0px 0px;
   font-size: 1em;
   color: #FFFFFF;

   text-decoration: none;
   line-height:15px}
DIV.box_menu .content a:active{
   color: #ffcb05;
   text-decoration: none;}
DIV.box_menu .content a:hover {
   color: #ffcb05;
   background: none;
   text-decoration: none;}
DIV.box_menu .content .menutitle a {
   font-weight: bold;
   margin: 3px 0px 0px 0px;
   font-size: 1em;
   color: #FFFFFF;
   text-decoration: none;}
    
DIV.box_menu .content .menutitle a:active{
   color: #ffcb05;
   text-decoration: none;}
   
DIV.box_menu .content .menutitle a:hover {
   color: #ffcb05;
   background: none;
   text-decoration: none;}   
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
	MAINPAGE
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
DIV.mainPage_box{
   background: #FFFFFF;
   border: 1px solid #8d8d8d;
   padding: 0px;
   font: 13px Trebuchet ms, georgia, Verdana;}
DIV.mainPage_header{
   background: #4b4b4b;
   color:#ffffff;
   text-align: center;
   font: 9pt Verdana;
   padding: 3px;
   font-weight: bold}
DIV.mainPage_header_blue{
   background: #537fab;
   color:#ffffff;
   text-align: center;
   font: 9pt Verdana;
   padding: 3px;
   margin: 0px;
   font-weight: bold}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
	        PRODUCT LIST
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
TABLE.productlist{
   border-collapse: collapse;
   width:100%;
}
DIV.productList{

}
TD.image{
   vertical-align: top;
   text-align: center;
   width: 60px;
   background: #FFFFFF;}
TD.order{
   vertical-align: middle;
   text-align: center;
   width: 33px;}
TD.price{
   vertical-align: middle;
   text-align: center;
   width: 60px;}
TR.productlist_odd{background-color: #f6f6f6;}
TR.productlist_even{background-color: #FFFFFF;}
TABLE.productlist TR:hover{
	background: #fffbec;
}
TH.productHeader{
   color: #666666;
   background-color: #dce6fb;
   border-top: 1px solid black;
   border-bottom: 1px solid black;
   text-align: center;}
SPAN.product_name{
   font-size: 12px;
   color: #000000;
   font-weight: bold;}
DIV.header {
   font-size: 19px;
   background: #f0f0f0;
   border-top: 1px solid black;
   border-bottom: 1px solid black;
   color: #537fab;
   font-weight: bold;
   text-decoration: none;
   margin-top: 15px;
   margin-top: 10px;
   padding: 1px;
   padding-left: 20px;
   line-height:30px;
   letter-spacing: 1px;}
DIV.product_list_control {
   margin-top: 15px;
   margin-top: 10px;
   padding: 1px;
   margin:0px 0px 0px 20px;
   font-size: 11px;
   color: #696969;
   float:left;
}
DIV.product_list_control_icons{
   margin:10px 2px 0px 0px;
   vertical-align:middle;
   text-align:right;
}
DIV.product_box{
   background: #FFFFFF;
   border: 1px solid #8d8d8d;}
   
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
	        subcategoryList
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
TABLE.categoryList{
   border-collapse: collapse;
   width:100%;
   vertical-align: top;
}
TABLE.categoryList td{
vertical-align: top;
text-align: left;
   border: none;
}
TABLE.categoryList .image{
width: 80px;
}

SPAN.subCategoryName{
   
}
TABLE.categoryList a {
   text-decoration: none;
}
TABLE.categoryList a:active{
   text-decoration: none;}
TABLE.categoryList a:hover {
   background: none;
   text-decoration: none;}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
	        PRODUCT INFO
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

TABLE#productinfo{
   border-collapse: collapse;
   width:100%;
   }
TD#image {
   vertical-align: top;
   width: 200px; }
TD#pi_menurow {text-align: left;}
TD#amount{
   padding: 2px;
   vertical-align: middle;
   text-align: right;
   margin: 10px;
   padding-right:30px;}
TR.productinfo_odd{
   background-color: #fffbec;
   text-align: left;
   font: 8pt Verdana;}
TR.productinfo_even{
   background-color: #FFFFFF;
   text-align: left;
   font: 8pt Verdana;}
TR.productinfo_even_200{
   background-color: #FFFFFF;
   text-align: left;
   font: 8pt Verdana;
   width:200px;}
DIV.attributes{
margin: 20px;
}
TABLE.attributes {
   border-width: 1px;
   border-spacing: 0px;
   border-style: solid;
   border-color: gray;
   border-collapse: collapse;}
TABLE.attributes th {
   border-width: 1px;
   padding: 3px;
   border-style: solid;
   border-color: gray;
   background-color: #4b4b4b;
   -moz-border-radius: 0px;
   color:#ffffff;
   text-align: center;
   font: 10pt Verdana;
   font-weight: bold;}
TABLE.attributes td {
   border-width: 1px 1px 1px 1px;
   padding: 3px 3px 3px 3px;
   border-style: solid solid solid solid;
   border-color: gray gray gray gray;
   -moz-border-radius: 0px 0px 0px 0px;
   font: 8pt Verdana;}
TABLE.attributes b{color: #565656;}
SPAN.largeprice{
   font: 16pt Verdana;
   color: #000000;}
SPAN.smallprice{
   font: 7pt Verdana;
   color: #565656;}
   
DIV.laptop{
   margin: 20px;
}

a.button{text-decoration:none;font-size:11px; font-family: Verdana, MS Sans Serif; color:#696969;background: #ffffff; padding:1px; font-weight: bold; border:1px solid #696969; padding: 3px; margin-right: 10px;}

.editmenu{
   background: none;
   margin: 0px;
   margin-top: 10px;
   margin-bottom: 0px;
   padding:0px 2px 2px 0px;
   zoom:1;
}