.topSales
	{
	margin-top:30px; margin-right:80px;
	}
.topVideos
	{
	margin-right:166px;
	}
h2 {
	margin:0 !important; padding:10px !important;
	}
/*Global Stylesheet*/
* { padding:0;
    margin:0;
    direction:rtl; 
    font-family: Arial, FreeSans;}

body {margin:0;padding:0;background:#eff6fa}
html,body {height:100%}
/* Semi-transparent layer */
.overlay {position:absolute;top:0px;right:0px;background-color:#000;
		  filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;
		  z-index:4;_padding-left:1.99em}
		  
/* login dialog style (when JS's enabled) - note its hidden by default */
.loginDialog {position:absolute; z-index: 5; width: 100%; top: 50%;margin-top:-90px; display: none}
.loginDialog form {width: 400px; height: 175px; margin : 0 auto;background: #CFCED2;
				   border: 3px solid #aaa; padding: 3px; border-top-color: #888; border-left-color: #888}
.loginDialog form h1 {text-align: center; border: 1px dotted blue; background: #6AB8E4; font-size: 1.5em; color: #0053B1}
.loginDialog form fieldset {border:none; }
.loginDialog form label {display:block;float:left; margin-top:5px;clear:both;overflow:hidden;width:100%}
.loginDialog form label span {float:right; display:block; width:120px; margin-right: 5px; color: #1530A2}
.loginDialog form label input {float:left; width: 260px; margin-left: 5px; direction: ltr}
.loginDialog form a {display: block; width:100%; text-align: center; margin-top: 5px; float:left; clear: both;} /* lost pwd link */
.loginDialog form a:hover {color: #000}
.loginDialog form .buttonsArea { width:100%; float:left; clear:both; margin-top: 5px; overflow:hidden}
.loginDialog form .buttonsArea input.firstChild {margin-left: 125px}
.loginDialog form .buttonsArea input {width: 70px; font-size: 14px; 
									  border: 1px solid #6AB8E4; 
									  cursor: hand; cursor: pointer;
									  display:block; float: left; margin-left:5px;
									  padding: 5px 0; font-weight:700}
.loginDialog form .buttonsArea input:hover {background : #6AB8E4; color: #fff}

.hidden {display:none}
a {text-decoration:none;}



/*Category Navigation list*/
ul#cats {margin-top:1em;width:50em;}


/*general area search string states*/
.searchStringLabel {color:#ccc; text-align:center}

/**** Compline design CSS - by Evegy **/

  	     

  	/** Top nav **/		      	   
	.top{
  		 height:223px;
		 background:#fff url(../images/top.jpg) no-repeat;
		 padding:0px;
		
	    }
	
	ul#site-nav {
		width:100%;
		height:33px;
		line-height:33px;
		margin-top:187px;
		float:right;
		
	}   
	    
	ul#site-nav,ul#site-nav a
    {
    	color:#284c4f;
    	font-size:14px;
		font-weight:bold;
	}

	ul#site-nav li {
		float:right;
		width:90px;
	}
	
	ul#site-nav li.cart_top {
		float:left;
		width:140px;
		line-height:33px;
	}
	
	ul#site-nav li.cart_top_small {
		float:left;
		width:34px;
	}
	
	ul#site-nav li.cart_top span {
		color:#fac074;
	}
	
	ul#site-nav li.cart_top img {
		padding:0;
		margin:0;
	}
	    


		
  
	
    span.menu_s_c{color:#426264;}

    .search{
    		width:588px;
  		    height:52px;
  		    background-image:url(../images/search.gif);
		    background-repeat:repeat-x;
    		float:right;
    		color:#284c4f;
    		margin-right:2px;}
    		
            /*border:1px solid black;*/
    .search_r{
    		  width:445px;
              height:42px;
              float:right;
    		  text-align:right;
    		  padding-top:15px;
    		  padding-right:17px;
    		  font-size:11px;
    		  }
    .search_r select
				    {
				    	width:120px;
				    	height:18px;
				    	font-size:12px;
				    }
    .search_button {
    	width:60px;
    	height:19px;
    	border:0;
    	cursor:hand;cursor:pointer;
    	background-image:url(../images/search_b.gif);		  
    	margin-top:12px;
    	margin-left:-5px;  
    }
    		
    /** Sidebar **/
    .categ{ 
            float:right;
    		width:204px;
    		margin-top:-2px;
    		text-align:right;
    		border-top:1px solid  #d7e9ea;}
    		
    		
 	div.categ ul{
       font-family:tahoma;
       margin-top:12px;
       font-size:11px;
       line-height:25px;
       color:#254a4d;
       text-align:right;
       padding-right:20px;
       padding-left:0px;
    }     		
    div.categ ul li a {color:#fff;}
    
    div.categ ul li.selected a {color:#5b969b}
    
    div.categ h3 {	font-size:15px;
    				color:#ffd838;
    				font-size:18px;
    				display:inline;
    			 }
    			 
   form#login {font-size:12px;padding:10px;margin-bottom:20px;}
   form#login a,form#login {color:black;}
   form#login input {width:90%}
   form#login label {display:block;clear:both}
   form#login .buttonsArea input {
   									background:transparent;
   									color:black;
   									width:52px;
   									height:20px;
   									border:0;
   									
   								} 			 
    
    /******/
    
    .main{  width:588px;
    		float:right;
    		padding-top:11px;
    		text-align:right;
    		margin:0 auto;
    	}
    .main h3 {
	    		color:#64bbc1;
	    		font-size:18px;
	    		font-weight:bold;
	    		padding-right:10px;
    		 }
   		
    /** GEDIT pages ***/
    
  
    /**************/		 
		 /** Products **/
	    
	    ul.products { 
	    			  list-style:none;
	    			  font-family:tahoma;
	    			  width:460px;
	    			  margin:0 2px;
	    			  display:block;
	    			  float:right;
	    			 }
	    			 
	    ul.products li { 
	    				 width:205px;
	    				 height:280px;
	    				 border:1px solid #eee;
	    				 margin:15px 5px;
	    				 float:right;
	    				 text-align:center;
	    				 color:#6464a6;
	    				 font-size:12px;
	    				}
	    				
	   
	    ul.products li h5,ul.products li h5 a { 
	    					background-color: #eee;
	    					color:#173e41;
	    					font-size:13px;
	    					font-weight:bold;
	    					text-align:center;
	    					height:28px;
	    					line-height:28px;
	    					margin-bottom:10px;
	    					}
 		ul.products li div.product_details {height:210px;}  

 		ul.products li div.product_details a {display:block;height:155px}		
	    					
	    ul.products img.cart {
	    						margin-right:8px;
	    						float:right
	    					 }
	    					 
		ul.products img.more {
	    						/*margin-left:8px;
	    						float:left*/
	    					 }
	    .product_left_main {
	    						margin-top:-11px;
	    						margin-left:-4px;
	    						background-color:#c4c4c4;
	    						width:126px;
	    						height:550px;
	    						float:left;
	    						padding-top:10px;
	    					}
	    					
	    .product_left_main img {					
	    							#margin-right:10px;
	    							margin-bottom:-3px;
	    						}
	    						
	    .product_left_main span {
	    							color:#ffd838;
	    							font-weight:bold;
	    							margin-right:12px;
	    							font-size:13px;
	    						}
	    					
	    .product_left_main .product_left_hot 
	    									{
	    										background-color:#f9f9fe;
										    	width:100px;
										    	height:100px;
										    	margin:10px 12px;
										    	font-size:10px;
										    	color:#939393;
										    	text-align:center;
										    	padding-top:3px;
										    }	
	    	
	    .product_left_main .product_left_rec 
										    {
										    	background-color:#ffffff;
										    	width:100px;
										    	margin:10px 12px;
										    	border-top:1px solid #919191;
										    	font-size:10px;
										    	color:#939393;
										    	text-align:center;
										    	padding-top:3px;
										    }	
										    
		.product_left_main .product_left_rec img 
												{
													margin-bottom:0px;
												}	 



    input{  border:1px solid #e3e9ef;
    		border-top:1px solid #abadb3;
           } 
   

	/** System message - global setting (color settings in a different file..) **/
    #sysMsg { 
			width:100%;
	    	border:1px solid #eee;
	    	margin:25px;
	    	float:right;
	    	text-align:right;
	    	color:#254a4d;
	    	font-size:13px;
	    	min-height:50px;_height:50px;
		  }

	#sysMsg div {padding:15px}	  
		  
	#sysMsg a {
				text-decoration:none;	  
				color:#6464a6;
				font-size:110%;
			  }
		  		 
	#sysMsg h2 { 
	   			background-color: #eee;
	    		color:#173e41;
	    		font-weight:bold;
	    		text-align:center;
	    		height:30px;
	    		line-height:30px;
	    		margin-bottom:2px;
	    	}    		 
    	
	 /*******************************/           
	 
	 
	 /** Footer **/
	 .credit,.credit a {	text-align:center;
	 						font-size:11px;
	 						color:#5d91ca;
	 						padding-top:15px;}
	 						
	 						
	 						
	 						
	 						
	 						
	 	.mainbox
		{
		height:142px;
		width:225px;
		float:right;
		margin:3px;
		}
	.mainbox .right
		{
		float:right;
		font-size:1px;
		background:url('../images/black.gif') repeat-y left;
		width:6px;
		height:100%;
		
		}
	.blue .right div, .blue .content strong.head	{ background-image:url('../images/bluehead.gif'); }
	.red .right div, .red .content strong.head	{ background-image:url('../images/redhead.gif'); }
	.orange .right div, .orange .content strong.head { background-image:url('../images/orangehead.gif'); }
	.green .right div, .green .content strong.head	{ background-image:url('../images/greenhead.gif'); }

	.mainbox .right div
		{
		
		margin-top:3px;
		background-repeat: no-repeat;background-position: top;
		height:17px;
		}
	.mainbox .content
		{
		float:left;
		height:140px;
		width:218px;
		border:1px solid black;border-right:0;

		}
	.mainbox .content strong.head
		{
		margin-top:2px;
		float:right;
		width:208px;
		height:24px;
		background-repeat:no-repeat;
		background-position:right top;
		color:white;
		padding-right:10px;
		font-size:12px;
		line-height:17px;
		}
	.bigmainbox
		{
		float:none;
		margin-left:auto;margin-right:auto;
		width:994px;
		height:1400px;
		_height:1500px;
		}
	.bigmainbox .content
		{
		width:987px;
		height:1399px;
		_height:1499px;
		_overflow:hidden;
		text-align:center;
		}
	.bigmainbox #products_list
		{
		display:block;
		width:742px;
		_width:750px;
		margin-left:124px;
		margin-right:124px;
		}
#container
	{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -102px;
	}
#push
	{
	height:102px;clear:both;
	}
#footer
	{
	padding-top:40px;
	height:62px;
	}
#newsbar
{
	z-index:2;
	position:relative;
	width:362px;
	min-height:32px;
	height:32px; 
	line-height:32px;
	top:-34px;
	left:-35px;
	direction:rtl;
	background:url(../images/marqueeBack.gif) no-repeat;
	border:0px solid red;
	color:white;
	font-size:14px;
	font-family:arial;
	
	_position:absolute; _top:auto; _margin-top:-40px; _margin-right:-170px;
	
	

}
#newsbar marquee 
{
	height:26px;
	line-height:26px;	
}



/*	Banners 		*/

div.siteBanners
	{
	width:200px; height:auto;
	overflow-x:hidden; 
	border-bottom:1px dashed dray;
	}
div.bottomBanners
	{
	width:987px; height:auto;
	margin-left:auto; margin-right:auto;

	border-bottom:1px dashed dray;
	}
div.banner
	{
	border-top:1px dashed gray;
	}
.credit
	{
	float:left;
	}
	
	html	{
		height:100%;
		}
	body	{
		background: url('../images/back.jpg') repeat-x 0px top;
		margin-top:0;padding:0;
		text-align:center;
		font-family:"Trebuchet ms",arial;font-size:13px;
		height:100%;
		}
#globalVarsForm
	{
	display:none;
	}
	#container
		{
		position: relative;
		min-height: 100%;
		text-align: right;
		width: 1000px;
		margin-left:auto;margin-right:auto;
		}
	* html #container
		{
		height: 100%;
		}
a:link, a:active, a:visited{
		color:#333;text-decoration:none;
		}
a:hover
	{
	text-decoration:underline;
	}
	div.logo
		{
		background:url('../images/On_off_r1_c4.jpg') no-repeat;
		height:84px;width:469px;
		float:right;

		}
	div.logo img
		{
		margin-top:15px;
		}
	div.form
		{
		background:url('../images/On_off_r1_c1.jpg') no-repeat;
		width:531px;height:84px;float:left;margin:0;
		}
	#openAt {
		margin-right:42px;
	}
	div.phone
		{
		background:url('../images/On_off_r2_c4.jpg') no-repeat left top;
		width:469px;
		height:400px;margin:0;
		float:right;clear:right;
		}
	div.phone input.submit
		{
		padding:0px;
		display:block;
		height:18px; float:right; margin-left:5px;
		}
	div.tv
		{
		width:531px;
		float:left;margin:0;
		}
	div.tv div.top
		{
		margin:0;
		background:url('../images/On_off_r2_c2.jpg') no-repeat;
		height:12px;width:386px;
		margin-top:0 !important;
		margin-top:-205px;
		}
	div.tv div.left
		{
		background:url('../images/On_off_r2_c1.jpg') no-repeat;
		height:205px;width:145px;float:left;margin:0;
		
		}
	div.tv div.right
		{
		background:url('../images/On_off_r3_c3.jpg') no-repeat;
		height:193px;width:47px;
		float:right;margin:0 !important;margin-top:-5px;
		}
	div.tv div.embed
		{
		height:193px;margin:0 !important;
		margin-top:-5px;
		overflow:hidden;
		width:auto;
		#width:340px;
		#position:Relative;
		#top:-193px;
		#left:-46px;
		_top:-0px;
		_left:5px;
		
		background:url('../images/tvback.gif') no-repeat black;
		}
	div.tv embed
		{
		width:339px;margin:0;padding:0;border:0;
		height:193px;
		}
	div.tv div.bottom
		{
		#position:relative;
		#margin-top:-193px;
		_margin-top:0;
		clear:left;
		background:url('../images/On_off_r4_c1.jpg') no-repeat;
		height:139px;width:531px;
		}
	div.table
		{
		#margin-top:-55px;
		float:left;
		_margin-top:-61px;
		_margin-left:-470px; _position:relative;z-index:3;
		}
	div.phone table
		{
		font-size:15px; font-weight:bold;
		padding:0;margin:0;
		width:100%;
		margin-top:30px;
		margin-bottom:40px;
		}
	div.phone td
		{
		line-height:16px; vertical-align:top;
		width:25%;padding:3px;
		padding-bottom:0px; padding-right:20px;
		background:url('../images/b.png') no-repeat right 3px;
		}
	div.phone td a
		{
		
		color:#990;text-decoration:none;
		}
	div.phone td.hot a
		{
		color:#F45524;font-weight:bold;
		}
	div.phone td a:hover
		{
		color:#F45524;
		}
	div.phone td.hot a:hover
		{
		color:#3C5183;
		}

	div.content,div.table
		{
		_width:100%;
		padding-botttom:3em;
		}
	#footer
		{
		clear:both;
		position:relative;
		margin-bottom: -9.5em;
		text-align:center;
		font-size:12px;
		width:1000px;margin-left:auto;margin-right:auto;
		}
	#footer ul
		{
		padding:0;margin:0;
		}
	#footer ul li
		{
		display:inline;
		}
	#footer ul li a
		{
		text-decoration:none;
		color:#990;
		}
	#footer ul li a:hover
		{
		color:#F45524;
		}
	#footer p
		{
		text-align:left;
		font-size:11px;
		}
		
   .GEditContainer {min-height:200px; _height: 200px;margin:0px;}
  div.small
	{
	height:340px;
	}
	
#pagePath a
	{
	color:black;
	}
#pagePath a:hover
	{
	color:#104a87;
	}
#pagePath
	{
	}
	
	
#right_side
	{
	width:200px;
	float:right;
	clear:left;
	_margin-top:-0px;
	_overflow:hidden;
	_float:right; _margin:0; _width:200px;
	
	}
#left_side
	{
	float:left;
	width:745px;
	_width:745px;
	_margin:0;
	}
#left_side h1
	{
	background:url('../images/onofficon.gif') no-repeat right;
	padding-right: 30px;
	color:#104a87;
	font-size:15px;
	line-height:30px;
	}

	#rightnav
	{
	display:block;
	}
.rightnav li
	{
	display:block;
	width:186px;
	background-color:#fd450c;
	margin-bottom:1px;
	}
ul.navy li
	{
	background-color:#104a87;
	}
.rightnav li.selected
	{
	background-color:#104a87;
	font-weight:bold;
	}
.rightnav a,.rightnav strong
	{
	font-size:15px; font-weight:bold;
	display:block;
	line-height:20px;
	color:white;
	text-align:center;
	margin-right:7px;
	border-right:1px solid white;
	background-color:#a6be2f;
	}
ul.navy li.selected
	{
	background-color:#fd450c;
	}
.rightnav a:hover
	{
	font-weight:bold;
	}
.clear
	{
	clear:both;
	}
#content.GEditContainer
	{
	width:450px;
	float:none;
	clear:right;
	height:auto !important;
	height:500px;
	min-height:500px;
	margin-bottom:20px;
	}
	
.content
	{
	_margin-bottom:200px;
	}
p
	{
	margin-bottom:10px;text-align:justify;
	}
a img
	{
	border:0;
	}
	div#left_side div.small
	{
	height:296px;
	}
#video.smaller
	{
	height:100px;
	}
	
#content.article
	{
	width:100%;
	}
	

#latestNews.GEditContainer, #vid.GEditContainer, #sales.GEditContainer, #monthProduct.GEditContainer
	{
	width:100%;
	margin:0;padding:0;
	min-height:112px;
	height:112px;
	overflow:hidden;
	}


div.phone form
	{
	margin-top:10px;
	}
div.phone form input, div.phone form span
	{
	margin:0;padding:0;
	background-color:#455207;color:white;
	border:1px solid white;
	height:14px;line-height:14px;
	}
div.phone form input
	{
	padding-bottom:2px;
	
	}
div.phone form input.image
	{
	height:14px;width:14px;
	margin-bottom:-4px;
	}
div.phone form span
	{
	padding-left:2px;padding-right:2px;
	}
	
#videotv.GEdit____Set	
	{
	width:339px; height:203px; position:absolute;
	top:auto;
	}
	
div.form ul.colors, div.form ul.lang, div.form ul.smallnav
	{
	display:block; margin:0; padding:0;
	float:left;
	}
div.form ul.lang, div.form ul.smallnav
	{
	margin-left:16px;
	}
div.form ul.lang
	{
	margin-left:62px;
	}
div.form ul.colors li, div.form ul.lang li, div.form ul.smallnav li
	{
	display:block; margin:3px; padding:0; float:left;
	}
div.form ul li a, div.form ul li a:link, div.form ul li a:active,
div.form ul li a:hover, div.form ul li a:visited
	{
	color:white;		
	}
div.form ul li.home a
	{
	display:block; height:11px; width:11px;
	background:url('../images/home.gif') no-repeat top left;
	}
div.form ul li.contactUs a 
	{
	display:block; height:11px; width:11px;
	background:url('../images/contactUs.gif') no-repeat bottom left;
	}
div.form ul li.favorites a 
	{
	display:block; height:11px; width:11px;
	background:url('../images/addToFav.gif') no-repeat bottom left;
	}

div.form ul li.home a span, div.form ul li.contactUs a span, div.form ul li.favorites a span
	{
	display:none;
	}	
div.form ul.colors li a
	{
	display:block; border:1px solid black; height:16px; width:16px;
	}
div.form ul.colors li a span
	{
	display:none;
	}
div.form ul.colors li.green a	{	background-color:#7d8f23;	}
div.form ul.colors li.blue a 	{	background-color:#5188c0;	}
div.form ul.colors li.purple a 	{	background-color:#a9629c;	}
div.form ul.colors li.gold a 	{	background-color:#a97400;	}
	
#globalVarsForm {
		display:none;
			}
#container
	{
	
	}
#nav
	{
	float:right;
	}
#pagePath
	{
	}

ul#products_list
	{
	dispaly:block;
	margin:0;padding:0;
	}
ul#products_list li
	{
	float:left;
	margin-top:5px;margin-left:5px;
	display:block;
	width:366px;
	_width:365px;
	height:220px;
	background:#d0d0d0;
	}
ul#products_list li.newline
	{
	clear:both;
	}
ul#products_list li div
	{
	float:left;
	display:block;
	width:362px;
	_width:361px;
	height:216px;
	border:1px solid #8f9294;
	background:white;
	}
ul#products_list h2
	{
	display:block;
	margin:10px;
	height:32px;
	color:#104a87;
	font-size:14px;
	padding-right:15px;
	background:url('../images/bullet.gif') right 3px no-repeat;
	}
#products_list div.product_info
	{
	float:none;
	height:100px; width:auto; border:0;
	margin:0 5px;
	}
#products_list blockquote
	{
	}

#products_list img
	{
	margin:10px;
	float:right;
	}
#products_list a img
	{
	float:none;
	border:0;
	margin:0;padding:0;
	}
#products_list strong
	{
	display:Block;
	clear:both; text-align:left;
	margin:10px;
	color:#104a87;
	}
#products_list a.details
	{
	clear:both;
	float:right;margin-right:10px;
	margin-bottom:5px;
	}
#products_list a.cart
	{
	margin-left:10px;
	margin-bottom:5px;
	float:left;
	}
	
#products_list span
	{
	height:2px;width:2px;
	display:block;
	font-size:1px;
	background:White;
	}
#products_list span.left
	{
	clear:both;
	float:left;
	}
#products_list span.right
	{
	float:right;
	}

.thumb
	{
	float:right;
	}
#products_list .product_info
	{
	height:100px;
	border:0;
	float:none;
	width:344px;margin-left:auto;margin-right:auto;
	}
	
table.filters
	{
	margin-top:20px;margin-bottom:20px;
	width:100%;
	text-align:right;
	}
table.filters td,table.filters th
	{
	font-size:12px;
	font-weight:bold;
	}
table.filters td, table.filters td a
	{
	color:#003333;
	}
table.filters a
	{
	font-weight:normal;
	text-decoration:underline;
	}
table.filters a:hover
	{
	text-decoration:none;
	}
table.filters a.bold
	{
	font-weight:bold;
	}

#catcontent.GEditContainer 
	{
	height: auto !important; height: 200px; min-height:200px;
	}
@CHARSET "UTF-8";

div.form ul.colors li.blue	{	display:none;	}
	
html body{
	background-image:url('../images/blue/back.jpg');
	}
html div.logo{
	background-image:url('../images/blue/On_off_r1_c4.jpg');
	}
html div.form{
	background-image:url('../images/blue/On_off_r1_c1.jpg');
	}
html div.phone{
	background-image:url('../images/blue/On_off_r2_c4.jpg');
	}
html div.tv div.top{
	background-image:url('../images/blue/On_off_r2_c2.jpg');
	}
html div.tv div.left{
	background-image:url('../images/blue/On_off_r2_c1.jpg');
	}
html div.tv div.right{
	background-image:url('../images/blue/On_off_r3_c3.jpg');
	}
html div.phone ul li{
	background-image:url('../images/blue/b.png');
	}
html div.phone form input,html div.phone form span{
	background-color:#366da5;
	}
html div.phone ul li a {
	color:#4178b0;
	}

html .rightnav a, html .rightnav strong
	{
	background-color:#8bc2fa;
	}
#latestNews a:hover, #monthProduct a:hover, #sales a:hover, #vid a:hover
	{
	text-decoration:none !important;
	}
.rDebugConsole {-moz-opacity: 0.8; opacity:0.8;filter:alpha(opacity=80);
				position:absolute;top:2px;left:2px; width:250px; height:400px;
				background-color:black;color:#fff;padding:0;margin:0}
.rDebugConsole * {font-family:courier new,courier;font-size:0.96em}
.rDebugConsole h1 {text-align:center; background-color: blue; font-size: 1.2em; cursor:move;width:100%;}
.rDebugConsole div {width:100%;overflow:auto;height:95%}				
.rDebugConsole div ul {list-style:none;}
.rDebugConsole div ul li:hover {background-color:#ccc;color:#000}
.rDebugConsole div ul li {border-bottom: #ccc 1px dotted;padding: 6px 0}