/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

html,body {

	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	/*margin-top:5px;*/
    /*background-color: #333333;*/
	background-color: #FFFFFF;
	background-image:url(images/Backgrd.jpg);
	background-repeat:repeat-x;
	
	font-family:arial,sans-serif;
	font-size:small;
	color: #000000;


}

div.fixed
{
width: 900px !important;

}

h1 { 
	font:1.5em Arial; 
	margin:0.5em 0;
}

h2 {
	font:1.25em Arial;
	margin:0 0 0.5em;
}
	h1, h2, a {
		color: #000000;
	}

p { 
	line-height:1.5; 
	margin:0 0 0.3em;
}
a img{
border:none;
}

ol, ul {
margin-left:50px;

}

#bblock ul { 
margin-left:20px;
padding:10px;
}

div#logoback{
position:absolute;
top: 55px;
left:-230px;
z-index: 2;
}

.cubical, #cubical_narrow{
background-image:url(images/cubical.jpg);
height:222px;
background-repeat:no-repeat;

width:423px;
color:#FFFFFF;

}
#cubical_narrow{
background-color:#222d44;

background-image:none;
height:auto;
}

#cubical_narrow img{
padding:2px;
}
#content .cubical h1{
color:#FFFFFF;
text-decoration:none;
 border-bottom: 0; height:0px; padding: 0;
 font-size:14px;
}

span a img{
border:0;
}

span a:hover{
color:#FF0000;
text-decoration:underline;
}


div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:900px;
/*background-color: #EAEAEA;*/
background-color:#F9F9F9;
margin-top:10px;

	border: 1px solid  #999999;
	
	
	
}

#containerPrd { width: 900px; position: relative; margin: 0px auto 20px auto; overflow:auto; background-color: #EAEAEA; 
  background-color: #F9F9F9;	border: 1px solid  #999999; margin-top: 10px;

/*	height:auto !important; 
	height:100%; 
	min-height:100%; */
	}
	
#frontPageContainer{
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	margin-top: 10px;
	width:900px;
    background-color: #F9F9F9;
	border: 1px solid  #999999;

}

div#header {
	position:relative;
	height:157px;
	background-image:url(images/header_bng.jpg);
	background-repeat:repeat-x;
	
	
	
}
	div#header p {
		font-style:italic;
		font-size:1.1em;
		margin:0;
	}
div#header .head { width:780; height:auto;
 }

div#header .logo{
position:absolute;
top:10px;
left:35px;
}




div#footer {
	width:100%;
	bottom:0; /* stick to bottom */
	text-align:center;
	color: #333333;
	margin-top:7px;
	font:"Tahoma";
	

}
	div#footer p {
		padding:1em;
		margin:0;
	}
	
	
.objects{
position:absolute;
right:5px;

}
.objects img{
padding: 10px;
}
	
#menu{
width: 100%;
overflow: hidden;

}

#menu ul{
margin: 0;
padding: 0;
list-style-type: none;
margin-top:120px;
}

#menu li{
display: inline;
margin: 0;
}

#menu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
border-top: 1px solid  #999999;
border-left: 1px solid  #999999;
border-bottom: 1px solid   #999999;
background-image:url(images/btn_bng.jpg); 
background-repeat:repeat-x;
padding: 10px 20px 10px 20px;
}


#menu li a:hover, #menu li.selected a{
background: #CCCCCC; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */

}

#menu li.selected a{
background: white;

}

#hh{
width: 100%;
overflow: hidden;
}

#hh ul{
list-style-type:none;


}

#hh li{
display: inline;
margin: 0;
}

#hh li a{
float:left;
display: block;
text-decoration: none;
width:115px;
}


.orangeIt {
color:#FF6600;

}



.rtop, .rbottom{display:block}
.rtop *, .rbottom *{display: block; overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}

.lanLink {
	color: #FF9933;
	text-decoration:none;
	
}

.label {
	color: #333333;
	font-size: large;
	float:left; 
	padding-left:5px;
}

*
{
margin: 0em;
padding: 0em;
}

html>body #footer {
	height: auto;
	overflow:auto;
}



	#center
	{
	position:relative;
	
	}
	
	#centerContent
	{
	border-top: 1px solid  #999999;
	background-color:#c2c2c2;
	position: relative;
	width: 100%;
	}



#main
{

border-top: 1px solid #999999;



}

#main_inner p
{
text-align: justify;
margin-bottom: 2.0em;

}

#main_inner ul
{
margin-bottom: 2.0em;
}

#main_inner
{
position: relative;
width: 900px;
margin: 0 auto;
padding-top: 0px;


}

br.clear
{
clear: both;
}
.wrap{
	padding: 10px;
}

#products a{

}

#products a:hover{
color: #003399;
}


#ProductMenuContent {width: 860px; position: relative; margin: 10px auto 20px auto; overflow:auto; border:1px solid #cccccc; background:url(images/bb.gif) bottom repeat-x;padding-bottom:10px; background-color:#FFFFFF; }

#ProductContent {width: 880px; position: relative; margin: 10px auto 20px auto; overflow:auto; border:1px solid #cccccc; background:url(images/bb.gif) bottom repeat-x;padding-bottom:10px; background-color:#FFFFFF; }


#Products div {font:bold 18px Tahoma; color: #000033; margin:0px 0px 5px 0px; padding:5px 0px 0px 10px; width:820px}


#Products div span {color: #333333; font-size:14px;}
#Products div span a {color:#000000; font-size:14px;}
#Products div span a:hover {color:#FF0000; text-decoration:underline;}

#Products ul {border-top:1px solid #cccccc; width:420px; float:left; margin:0px 0px 5px 5px; padding:5px;}

#Products ul .Image {float:left; margin:5px 10px 3px 0px}

#Products ul li {display:block; float:left; font-size:10px; width:85px; color:#999999;}

#Products ul li.Title {font:normal 12px Tahoma; color:#000000; width:330px;}

#Products ul li.Title a {color:#000000; font-weight:bold}

#Products ul li.Title a:hover {color:#FF0000}

#Products ul li.Price {width:100px; font:bold 12px Tahoma; color:#348936; text-align:right; margin-top:5px}

#Products ul li.Price .Cart {vertical-align:-8px}




#Products .list ul { margin:0px 0px 5px 5px; padding:5px; width:350px;}

#Products .list ul li {display:block; float:left; font-size:13px; color:#999999; width:250px; padding-right:10px}

#Products .list ul li.Listing {font:normal 12px Tahoma; color:#000000; }

#Products .list ul li.Listing a {color:#000000; font-weight:bold}

#Products .list ul li.Listing a:hover {color:#FF0000}



#ProductsHighlightsContent {width: 877px; position: relative; margin: 10px auto 20px auto; overflow:auto; border:1px solid  #999999; background:url(images/bb.gif) bottom repeat-x;padding-bottom:10px; background-color:#FFFFFF; }


#ProductsHighlight div {font:bold 18px Tahoma; color:#A1B12d; margin:0px 0px 5px 0px; padding:5px 0px 0px 10px; width:820px}

#ProductsHighlight div span {color: #333333; font-size:14px;}

#ProductsHighlight ul { width:200px; float:left; margin:0px 0px 5px 5px; padding:5px;}

#ProductsHighlight ul .Image {float:left; margin:5px 10px 3px 0px; border-width:0px;}

#ProductsHighlight ul li {display:block; font-size:10px;  color:#999999;}




/* Product Information */

#ProductInfoContainer { width:860px; padding:10px; margin:0px; margin-top:10px; background-color:#FFFFFF;  border:1px solid #cccccc; background-image:url(images/bb.gif) bottom repeat-x; margin-bottom:10px;}


#ProductInfoContainer div#Prd { border-top:1px solid #E7E7E7;overflow:auto; } 
#ProductInfoContainer div#Prd .wrapText { width:570px; float:right} 


#ProductInfoContainer H1 { font:bold 16px Tahoma; padding:10px; margin:0px; text-align:center;background: url(../images/header/member/bckCorp.gif) repeat-x; } 

#ProductInfoContainer H3 {display:none} 

#ProductInfoContainer div#Prd div#ImgCol {border:1px solid #E7E7E7; margin-right:10px; width:250px; padding:10px; text-align:right; float:left; margin-bottom:10px; background:white;min-height:300px}

#ProductInfoContainer div#ImgCol div {margin-top:5px; border-top:1px dotted #e7e7e7; text-align:left}

		

#ProductInfoContainer div#Prd div#USP {width:438px; float:left;height:50px; padding:15px 8px 0px 0px; }		

#ProductInfoContainer div#Prd div#Description { padding-left:10px; text-align:justify; }	
#ProductInfoContainer div#Prd div#Description li { margin-left:290px; }	

#ProductInfoContainer div#Prd H4 { margin:0px 0px 10px 12px;  border-bottom:1px solid #eaeaea; border-top:1px solid #eaeaea; font:normal 11px Tahoma; color:#3F3F3F; background:#F9F8D4; padding:3px 10px}



#ProductInfoContainer div#Prd div#SKU {width:438px; float:left; height:26px; color:#999999; font:normal 11px Tahoma;  text-align: right;  padding:0px 8px 0px 0px;}		

#ProductInfoContainer div#Prd div#SKU img {float:left; margin:0px 10px}

#ProductInfoContainer div#Prd div#Sales {width:430px; float:left; height:18px; color:#666666; font:bold 14px Tahoma; margin-left:0px; /*background:white;*/ padding:3px  }		

#ProductInfoContainer div#Prd div#Sales span {text-decoration:line-through; color:red;}

#ProductInfoContainer div#Webprice {width:430px; float:left; margin-left:1px} 

#ProductInfoContainer div#Webprice span {background: #eaeaea; color:#999999; padding:0 6px } 

#ProductInfoContainer div#Price {background: url(../Images/BckBigPrice.png) no-repeat; color:#2F8E00; font:bold 15px Tahoma; width:102px; height:27px; text-align: center; padding:6px 0px 0px 8px; margin:0px 0px 0px -18px; float:left}

#ProductInfoContainer div#Avail { font:normal 12px Tahoma; width:350px; height:27px; text-align: center; padding:2px 0px; margin:0px 0px 0px 0px; float:left; border-bottom:1px solid #eaeaea; border-top:1px solid #eaeaea; color:#383834}
#Avail { font:normal 12px Tahoma; width:350px; height:27px; text-align: center; padding:2px 0px; margin:0px 0px 0px 0px; float:left; border-bottom:1px solid #eaeaea; border-top:1px solid #eaeaea; color:#383834}
#Avail div#VAT {color:#999999;padding:0px; text-align:center;font-size:10px}
#ProductInfoContainer div#Avail div#VAT {color:#999999;padding:0px; text-align:center;font-size:10px}

#ProductInfoContainer #Cart {width:428px; float:left; text-align: right;  padding:0px 10px 0px 0px; margin:10px 0px}
#ProductInfoContainer #Cart input {margin:5px 20px 20px 10px;} 

#ProductInfoContainer div#Choose {width:423px; float:left; text-align: right;margin:0; padding:0; border:0px solid red} 

#ProductInfoContainer div#Choose select { font:normal 11px Tahoma; width:125px; margin:5px 2px 0px 0px}		

#ProductInfoContainer div#SearchFor {float:left; width:100%;margin-bottom:10px; color:#666666}

#ProductInfoContainer div#SearchFor a { color:#666666}

#ProductInfoContainer  div#Smart {float:left; border-bottom:1px dotted #bebebe; border-top:1px dotted #bebebe; width:720px;margin-bottom:20px}

#ProductInfoContainer  div#Smart div {width:350px; float:right; overflow:auto; text-align:right}

#ProductInfoContainer div#Smart img {margin:5px 0px 5px 3px}

#ProductInfoContainer  div#Smart div img#MainProductArea1_Warrantyimg		{margin:5px 0px 5px -5px}

#ProductInfoContainer div#Store {width:418px; float:left; margin:10px 10px 0px 10px; border:1px solid #cccccc; text-align:center; padding:10px 0px; background:#f3f0f0} 
#ProductInfoContainer div#payments {width:338px; float:left;text-align:right; margin:0px 0px 0px 92px; border-bottom:1px solid #eaeaea; padding:10px 0px 10px 10px; display:block;} 		
#ProductInfoContainer div#payments select {width:auto; border:1px solid #eaeaea;  font:normal 11px Arial} 		

#ProductInfoContainer div#payments span {font:normal 12px Verdana; color:#2f8e00} 		
#ProductInfoContainer div#payments img {vertical-align:-4px} 		



#LftColLrg{float:left; width:272px; padding-right:14px;}



#LftCol{float:left; width:120px; padding-right:14px;}



ul.Tree {width:120px; border-left:1px solid #d7d5da; border-right:1px solid #d7d5da;  margin:0px 0px 10px 0px; padding:0; overflow:hidden; font:13px Tahoma; color:#999999; background:#F7F7F7; border-top:1px solid #d7d5da;}

ul.Tree div {background: #333333; url(/images/ArrowDottedLightGrey.gif) center right no-repeat; padding:5px; border-right:1px solid #d7d5da; font:bold 13px Tahoma; margin:0px; color:#ffffff; }



ul.Tree div a {color:#ffffff;}

ul.Tree div a:hover {text-decoration:underline }

ul.Tree div span a:hover {text-decoration:underline }
ul.Tree div span a {text-decoration:none }

ul.Tree li {list-style:none; display:block; float:left; margin:0px; padding:0px; font-size:12px; width:100%; border-right:1px solid #d7d5da; border-bottom:1px solid #d7d5da; }

ul.Tree li a {display:block; color:#333333;padding:6px 0px 5px 4px;}

ul.Tree li a:hover {text-decoration:none; background:#bdbbbb; color:#ffffff;}

ul.Tree a.selected {
background: #333333; url(/images/ArrowDottedLightGrey.gif) center right no-repeat; padding:5px; border-right:1px solid #d7d5da; font:bold 13px Tahoma; margin:0px; color:#ffffff;
}


ul.Tree li.Menulevel2empty{border-right:1px solid #d7d5da; border-bottom:1px solid #d7d5da; width:114px;padding:5px 5px 6px 5px; }

ul.Tree li.MenuProductlevel2Linked {background:#bdbbbb; color:#ffffff;}


ul.Tree {width:120px; border-left:1px solid #d7d5da; border-right:1px solid #d7d5da;  margin:0px 0px 10px 0px; padding:0; overflow:hidden; font:13px Tahoma; color:#999999; background:#F7F7F7; border-top:1px solid #d7d5da;}

ul.Tree div {background: #333333; url(/images/ArrowDottedLightGrey.gif) center right no-repeat; padding:5px; border-right:1px solid #d7d5da; font:bold 13px Tahoma; margin:0px; color:#ffffff; }



ul.Tree div a {color:#ffffff;}

ul.Tree div a:hover {text-decoration:underline }

ul.Tree div span a:hover {text-decoration:underline }
ul.Tree div span a {text-decoration:none }

ul.Tree li {list-style:none; display:block; float:left; margin:0px; padding:0px; font-size:12px; width:100%; border-right:1px solid #d7d5da; border-bottom:1px solid #d7d5da; }

ul.Tree li a {display:block; color:#333333;padding:6px 0px 5px 4px;}

ul.Tree li a:hover {text-decoration:none; background:#bdbbbb; color:#ffffff;}

ul.Tree a.selected {
background: #333333; url(/images/ArrowDottedLightGrey.gif) center right no-repeat; padding:5px; border-right:1px solid #d7d5da; font:bold 13px Tahoma; margin:0px; color:#ffffff;
}

/* Product treee */
ul.TreeL {width:180px;   margin:0px 0px 10px 0px; padding:0; overflow:hidden; font:13px Tahoma; color:#999999; background: #FFFFFF; border-top:0px solid #d7d5da; z-index:99999;}

ul.TreeL div {background: #333333; url(/images/ArrowDottedLightGrey.gif) center right no-repeat; padding:5px; border-right:1px solid #d7d5da; font:bold 13px Tahoma; margin:0px; color:#ffffff; }



ul.TreeL div a {color:#ffffff;}

ul.TreeL div a:hover {text-decoration:underline }

ul.TreeL div span a:hover {text-decoration:underline }
ul.TreeL div span a {text-decoration:none }

ul.TreeL li {list-style:none; display:block; float:left; margin:0px; padding:0px; font-size:12px; width:100%;  }

ul.TreeL li a {display:block; color:#333333;padding:6px 0px 5px 4px;}

ul.TreeL li a:hover {text-decoration:none; background:#bdbbbb; color:#ffffff;}

ul.TreeL a.selected {
background: #333333; padding:5px; text-decoration:none; border-right:1px solid #d7d5da; font:bold 13px Tahoma; margin:0px; color:#ffffff;
}


.ll ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.ll li{
display:inline;
padding:0px 10px 0px 0px;
}


#ProductDescContainer {width:900px;  margin:0px; background-color:#FFFFFF;  border-top:0px solid #cccccc; background-image:url(images/bb.gif) bottom repeat-x; position: relative; margin: 10px 0 20px 0; }

/*Marketing Text*/

#ProductDescContainer div#MktText div {font:bold 16px Tahoma; color:#333333; margin-bottom:5px; margin-top:5px;}

#ProductDescContainer div#MktText {padding:0px 20px 0px 40px; margin-bottom:20px; font-size:12px; line-height:18px}

#ProductDescContainer div#MktText p {margin:8px 0px;}

#ProductDescContainer div#MktText a {color:#ff0000}

#ProductDescContainer div#MktText a:hover {text-decoration:underline}

#ProductDescContainer .bbBox{position:relative; width:100%; overflow:auto; font-size:12px}

#ProductDescContainer .bbBox .LL{position:relative; float:left;}
#ProductDescContainer .bbBox .RR img{ float:right; margin-right:80px;}

#GGContent { float:left; width: 855px; position: relative; margin: 10px auto 20px auto; overflow:auto; border:1px solid #cccccc; background:url(images/bb.gif) bottom repeat-x;padding-bottom:10px; background-color:#FFFFFF; }

#news{
position:relative;
border:1px solid #cccccc;
background-color:#FFFFFF;
padding:5px;
overflow:visible;
}

#news ul{
margin: 0;
padding: 0;
list-style-type: none;
}

#news li{
display:block;

}

#news li a{
font-size:11px;
text-decoration:none;
color: #333333;
}

#news li a:hover{
text-decoration:underline;
}

#news a{
margin: 0;
padding: 0;
list-style-type: none;
font-size:12px;
text-decoration:none;
color: #333333;  
}
#news a:hover{
color: #0066FF;

}

.date{
color: #003366;
font-size:11px;
}