@charset "utf-8";
/* CSS Screen Use */

body{
	background: #FFF;
	color: #000;
	font-family: Arial;
	padding: 0px;
	margin: 8px 0px 0px 0px;
}

div#body{
	position: inherit;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}


/* HEADER */

div#header{
	padding: 0px;
	margin: 0px;
}
	div#header img#logo{
		border: 0px;
	}
h3{
     font-family: arial; 
     font-size: 20px; 
     color: #FF8000; 
     font-weight: bold; 
     text-decoration: none; 
     border-bottom: 1px solid #65ADE4;
}
form{
margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: Arial;
    vertical-align: baseline;
}
/* TOP BAR */

div#topbar{
	width: 100%;
	padding: 0px;
	margin: 0px;
}
	div#topbar div#section{
		position: relative;
		background: url(http://robotmag.com/images/top_bannerback.png) repeat-x;
		height: 35px;
		padding: 0px;
		margin: 0px;
	}
		div#topbar div#section ul{
            
            
			display: inline;
			margin: 0px;
			padding: 0px;

		}
			div#topbar div#section ul li{
				float:left;
                margin-top:5px;
                display: inline;
				list-style: none;
                height:25px;
                line-height:25px;
				padding: 0 30px;
                border-right:1px solid #555;
			}
            
            #topbar #section ul li.selected{
                margin-top:-3px;
                height:35px;
                background-color:#0C73B5;
                
            }
            #topbar #section ul li.selected a{
                color:white;
            }
            #topbar #section ul li a{
                color: #555;
                text-decoration:none;
                
            }
			
	div#topbar div#category{
        clear:left;
		position: relative;
		background: url(http://robotmag.com/images/top_back.png) repeat-x;
		height: 24px;
		padding: 5px 0px 0px 0px;
		border-bottom: 1px solid #000;
		margin-top: -3px;
	}
		div#topbar div#category ul{
			display: inline;
			margin: 0px;
			padding: 0px;
		}
			div#topbar div#category ul li{
				display: inline;
				list-style: none;
				background: url(http://robotmag.com/images/top_bannerrev.png);
				margin: 0px 0px 0px 5px;
				padding-bottom: 3px;
				line-height: 20px;
			}
				div#topbar div#category ul li a{
					color: #FFFFFF;
					font-weight: bold;
					font-size: 12px;
					text-decoration: none;
					margin: 0px;
					padding: 0px 20px 0px 20px;
				}
				div#topbar div#category ul li a:hover{
					color: #FE8D1A;
				}
			div#topbar div#category ul li#on{
				display: inline;
				list-style: none;
				background: url(http://robotmag.com/images/top_bannerrev_on.png);
				height: 27px;
			}

/* MAIN BODY */

ul li{
list-style: none;}

div#main{
	float: right;

	width: 780px;

}
	div#main p#breadcrumb{
		padding: 0px;
		margin: 10px 0px 10px 0px;
		color: #555555;
		font-family: arial;
		font-size: 10px;
		font-weight: bold;
	}
		div#main p#breadcrumb a{
			color: #555555;
		}

	div#main h1{
		color: #FF8000;
		font-family: arial;
		font-size: 30px;
		font-weight: bold;
		margin-bottom: 4px;
	}

	div#main p.subhead{
		font-family: arial;
		font-size: 16px;
		color: #65ADE4;
		font-weight: bold;
		text-decoration: none;
		margin: 0px;
	}

	div#main p{
		font-size: 14px;
        text-align:justify;
        color: #444444;
	}

	div#main ul, div#main ol{
		font-size: 13px;
	}
	div#main li{
		margin-bottom: 10px;
		font-size: 14px;
        text-align:justify;
        color: #444444;		
	}
	div#main ul li.imgnull{
		list-style: none;
	}
	div#main ul li.tiny{
		list-style: url(http://robotmag.com/images/tiny.png);
	}
	div#main .green{
		font-size: 22px;
		color: #7AB60C;
		font-weight: bold;
		line-height: 32px;
		text-decoration: none;
	}
		div#main a.green:hover{
			color: #FF8000;
		}
	div#main .blue{
		font-family: arial;
		font-size: 16px;
		color: #65ADE4;
		font-weight: bold;
		text-decoration: none;
	}
		div#main a.blue:hover{
			color: #7AB60C;
		}

	div#main form fieldset{
		width: 220px;
		border: 1px solid #FFFFFF;
	}
	div#main form fieldset#wide{
		width: 470px;
		border: 1px solid #FFFFFF;
	}
		div#main form fieldset legend{
			font-family: arial;
			font-size: 12px;
			font-weight: bold;
		}
		div#main form fieldset input{
			width: 210px;
		}
		div#main form fieldset textarea{
			width: 460px;
			height: 100px;
			}


	/* Home Page */
	div.index{}

		div.index h2{
			font-family: arial;
			font-size: 16px;
			color: #65ADE4;
			font-weight: bold;
			text-decoration: none;
			border-bottom: 1px solid #FF9933;
		}
			div.index h2#search{
				border: 0px;
				color: #FFFFFF;
				font-size: 24px;
				padding: 15px 10px 0px 10px;
				margin-bottom: 5px;
			}

			div.index form#search{
				padding: 0px 0px 0px 13px;
				margin: 0px;
			}

			div.index form#search p{
				margin: 0px;
				padding: 9px 0px 0px 0px;
				color: #FFFFFF;
				font-size: 12px;
				font-weight: bold;
			}

		div.index div#top{
			height: 205px;
			background: url(http://robotmag.com/images/searchback.jpg) repeat-x;
		}

		div.index p.list{
			list-style: url(http://robotmag.com/images/blank.gif);
			padding: 0px 0px 5px 0px;
			margin: 0px;
		}
			div.index p.list img{
				border: none;
				padding: 0px;
				margin-bottom: -2px;
			}


			div.index p.list a.supercat{
				font-size: 22px;
				color: #7AB60C;
				font-weight: bold;
				line-height: 32px;
				text-decoration: none;
			}
			div.index p.list a.supercat:hover{
				color: #FF8000;
			}
					div.index p.list a.category{
						padding: 0px;
						margin: 0px;
						font-family: arial;
						font-size: 16px;
						color: #65ADE4;
						font-weight: bold;
						text-decoration: none;
					}
					div.index p.list a.category:hover{
						color: #7AB60C;
					}
		div.index td#right{
			padding: 8px;
			border-left: 1px solid #EEEEEE;
		}
		div.index td#right div#robots{
			color: #FFF;
			font-weight: bold;
			margin: 0px;
			padding: 0px;
			background: #7AB60C;
			float: left;
			width: 100%;
			font-size: 12px;
		}
			div.index td#right div#robots p{
				font-size: 12px;
				margin: 0px;
				padding: 3px 3px 3px 6px;
			}

		div.index td#right p span.big{
			font-size: 16px;
			color: #65ADE4;
			font-weight: bold;
		}


		div.index td#right ul#deal_list{
			background: #348dca;
			text-align: center;
			padding: 5px 5px 0px 5px;
			margin-top: 0px; /* changed from 50px */
			margin-left: 0px;
			margin-bottom: 0px;
			color: #FFFFFF;
			width: 192px;
		}
		

		
			div.index td#right ul#deal_list li{
				padding: 0px 5px 0px 5px;
				list-style: none;
				display: inline;
			}
			div.index td#right ul#deal_list a{
				color: #FFFFFF;
				font-weight: bold;
				text-decoration: none;
				font-size: 12px;
			}

			div.index td#right div.section{
				margin-top: 0px;
			}
				div.index td#right div.section div.header{
					background: #65ADE4;
					color: #FFFFFF;
					font-weight: bold;
					text-decoration: none;
					padding: 3px 3px 3px 5px;
					font-size: 12px;
				}

			div.index td#right li#btnps3{
				background: #65ADE4;
			}
			div.index td#right li#btnpsp{
				background: #0B73B5;
			}
			div.index td#right li#btnx360{
				background: #0B73B5;
			}
			div.index td#right li#btnwii{
				background: #0B73B5;
			}

			div.index td#right div#ps3{
				display: block;
			}
			div.index td#right div#psp{
				display: none;
			}
			div.index td#right div#x360{
				display: none;
			}
			div.index td#right div#wii{
				display: none;
			}

			div.index td#right ul.topten{
				background: #FFF;
				margin-top: 0px;
				margin-left: 0px;
				padding-left: 0px;
				display: block;
			}

				div.index td#right ul.topten li{
					color: #999;
					list-style-image: url(http://robotmag.com/images/tiny.png);
					border-bottom: 0px dotted #999;
					padding: 3px;
					margin: 0px 0px 0px 25px;
					font-weight: normal;
					font-size: 11px;
				}
					div.index td#right ul.topten li img{
						border: 0px;
					}
					div.index td#right ul.topten li a{
						color: #999;
						display: block;
						text-decoration: none;
						border-bottom: 1px solid #FFF
					}
					div.index td#right ul.topten li a:hover{
						border-bottom: 1px solid #CCC;
					}

	/* Section Page */

	div.section{}

		div.section ul#section{
			list-style: none;
		}
			div.section ul#section li.button{
				margin: 0px;
				padding: 0px;
				list-style: none;
			}
				div.section ul#section li.button img{
					margin-bottom: -2px;
					border: 0px;
				}

			div.section ul li.sub{
				padding-left: 0px;
				margin-left: -38px;
			}


	/* SuperCat Page */

	div.supercat{}

		div.supercat ul{
			list-style: none;
		}
			div.supercat ul li{
				padding-left: 10px;
				list-style: none;
			}
				div.supercat ul li img{
					margin-bottom: -2px;
					border: 0px;
				}
				div.supercat ul li a{
					font-size: 22px;
					color: #7AB60C;
					font-weight: bold;
					line-height: 32px;
					text-decoration: none;
				}
				div.supercat ul li a:hover{
					color: #FF8000;
				}

	/* Category Page */

	div.category{}

		div.category ul#category{
			list-style: none;
		}
			div.category ul#category li.button{
				margin: 0px;
				padding: 0px;
				list-style: none;
			}
				div.category ul#category li.button img{
					margin-bottom: -2px;
					border: 0px;
				}

			div.category ul li.sub{
				padding-left: 0px;
				margin-left: -38px;
			}


	/* SubCategory Page */

	div.subcategory{}

		div.subcategory table{
			padding: 0px;
			margin-top: 0px;
			border: 1px;
		}
			div.subcategory table td{
				padding: 5px;
			}
			div.subcategory table td.header1{
				background: #FF8000;
				color: #FFFFFF;
				padding: 5px;
			}
			div.subcategory table td.header2{
				background: #FF8000;
				color: #FFFFFF;
				padding: 5px;
				text-align: center;
			}
			div.subcategory table td.header3{
				background: #FF8000;
				color: #FFFFFF;
				padding: 5px;
				text-align: right;
			}
			div.subcategory table td.col1{

			}
			div.subcategory table td.col2{
				font-size: 13px;
				text-align: center;
			}
			div.subcategory table td.col3{
				text-align: right;
			}
				div.subcategory table td a{
					font-family: arial;
					font-size: 16px;
					color: #65ADE4;
					font-weight: bold;
					text-decoration: underline;
				}



	/* Product Page */
	div.product{}

		div.product h2{
			font-family: arial;
			font-size: 16px;
			color: #65ADE4;
			font-weight: bold;
			text-decoration: none;
			margin-top: 2px;
			margin-bottom: 6px;
		}

		div.product h3{
			background: #65ADE4;
			border-bottom: 0px Solid #0060A2;
			border-top: 1px Solid #B9DAF2;
			color: #FFFFFF;
			font-size: 14px;
			font-weight: bold;
			line-height: 20px;
			padding: 5px 5px 5px 10px;
		}

		div.product p{
			font-size: 13px;
			line-height: 1.5;
		}

		div.product div#top{
			width: 570px;
		}

		div.product div#productbox{
			width: 100px;
			float: right;
			position: absolute;
			right: 30px;
			top: 5px;
		}
			div.product img#productbox{
				border: 1px solid #999;
				margin-right: 10px;
				padding: 2px;
				width: 120px;
			}

			/* Retailers Table */
			div.product table.retailers{
				padding: 0px;
				margin: 0px;
			}
				div.product table.retailers td{
					border-bottom: 1px solid #CCCCCC;
				}
				div.product table.retailers td.productbox{
					text-align: center;
				}
			div#main div.product table.retailers p{
					color: #555555;
				}
				div.product table.retailers p.pricing{
					color: #7AB60C;
					font-weight: bold;
				}

				div.product table.retailers p.pricing span.price{
					font-size: 22px;
				}
					div.product table.retailers td img.retailer{
						border: 0px solid #CCCCCC;
						padding: 0px;
					}
				div.product table.retailers td.cell2{
					text-align: center;
				}
				div.product table.retailers td.cell4{
					text-align: center;
				}


				/* Spec Table */
				div.product table#specs{
					width: 100%;
					border-bottom: 1px solid #65ADE4;
				}
				div.product table#specs td#header{
					border-bottom: 1px solid #65ADE4;
				}
				div.product table#specs td.properties{
					font-size: 12px;
					color: #7AB60C;
					font-weight: bold;
					border-bottom: 1px solid #DDDDDD;
				}
				div.product table#specs td.property-type{
					font-size: 12px;
				}
				div.product table#specs td.property-spec{
					font-size: 12px;
				}
				div.product table#specs strong{
					color: #7AB60C;
				}

	/* Search Page */
	div.search{}

		div.search h2{
			font-family: arial;
			font-size: 22px;
			color: #65ADE4;
			font-weight: bold;
			text-decoration: none;
			border-bottom: 1px solid #FF9933;
		}

		div.search li a.item{
			font-size: 20px;
			color: #7AB60C;
			font-weight: bold;
			line-height: 32px;
			text-decoration: none;
		}
			div.search li a.item:hover{
				color: #65ADE4;
			}

		div.search li span.path{
			font-size: 12px;
		}
			div.search li span.path a{
				color: #65ADE4;
				font-weight: bold;
			}

/* ROBOTICS */
div.robotics{}

	div.robotics div.img{
		border: 1px solid #CCCCCC;
		padding: 5px;
	}

	div.robotics div#disclaimer{
		text-align: center;
	}

	div.robotics ul li{
		list-style: url(http://robotmag.com/images/tiny.png);
	}

	div.robotics img.img{
		padding: 4px;
		border: 1px solid #CCCCCC;
	}

/* SIDE NAVIGATION */

div#sidenav{
	padding-top: 5px;
	float: left;
	width: 200px;
	font-size: 12px;
}
	div#sidenav p{
		margin: 0px;
		padding: 3px 3px 3px 6px;
	}
	ul.parent{
		color: #FFF;
		font-weight: bold;
		margin: 0px;
		padding: 0px;

	}
		ul.parent a{
			color: #FFFFFF;
		}
		ul.parent li{
			list-style: none;
		}
		ul.parent li#green{
			font-size: 16px;
			margin-top: 15px;
			background: #7AB60C;
		}
		ul.parent li#orange{
			background: #FF8000;
		}
		ul.parent li#blue{
			font-size: 16px;
			background: #65ADE4;
		}
	ul.sub{
		background: #FFF;
		margin-left: 0px;
		padding-left: 0px;
		display: block;
	}
		ul.sub li{
			color: #999;
			list-style: none;
			border-bottom: 0px dotted #999;
			padding: 4px;
			margin: 0px;
			font-weight: normal;
			font-size: 11px;
		}
			ul.sub li img{
				border: 0px;
			}
			ul.sub li a{
				color: #0C73B5;
				font-weight: bold;
				font-size:12px;
				position: relative;
				left:-4px; 
				text-decoration: none;
				border-bottom: 1px solid #FFF;
			}
			ul.sub li a:hover{
				color: #65ADE4;
				border-bottom: 1px solid #65ADE4;
			}


/* FOOTER */

div#footer{
	clear: both;
    position: relative;
    top: 40px;
	background: url(http://robotmag.com/images/top_bannerrev.png);
}
	div#footer p{
		color: #FFFFFF;
		font-size: 12px;
		font-weight: bold;
		line-height: 27px;
		text-align: center;
	}
		div#footer p a{
			color: #FFFFFF
		}
a.links{ 
    color: #444444;
    text-decoration: underline;
}