/* ########################################################################### */
/* Style Sheet for HobbyStores:*/
/* index page 
/* product group introduction pages*/
/* Shops styles*/
/* ########################################################################### */

/* ################################# */
/* LeftHand Navigation Starts here!!! */
/* ################################# */

/* other styles */
a
{
	text-decoration: none;
	color: #003399
}
a: hover
{
	text-decoration: underline;
	color: #ff3300
}
a: visited
{
	text-decoration: underline;
	color: #ff3300
}
/* side Navigation Starts here!!! */

#NavTd /* sets side nav styles*/
{
	border-right: 1px solid #00497A;
	border-left: 1px solid #00497A;
	background-color: #C8D4E6;
}
#NavTd2 /* sets the product table styles */
{
	border-right: 1px solid #666666;
	border-left: 1px solid #666666;
	background-color: #FFFFFF;
	padding-bottom: 2px;
}
#Nav
{
	padding: 0px 0px 0px 0px;
	font: 11px Verdana, Arial;
}
#Nav .line
{
	border-top: solid 1px #999999;
	margin: 5px 0 5px 0;
}
#Nav > .line
{
	margin: 6px 0 4px 0;
}
#Nav h4
{
	margin: 4px 0px 5px 5px;
	font-size: 95%;
}
#Nav > h4
{
	margin: 4px 0px 4px 5px;
}
#Nav ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}
#Nav li
{
	padding: 0;
	margin: -4px 2px;
	width: 175px;
}
#Nav > ul > li
{
	margin: -3px 2px;
}
#Nav a
{
	cursor: pointer;
	display: block;
	color: #000000;
	padding: 2px 4px 4px 8px;
	margin: 1px 0px;
}
#Nav > ul > li > a
{
	border: 1px solid transparent;
	padding: 2px 4px 4px 7px;
}
#Nav a:visited
{
	color: #000000;
}
#Nav a:hover
{
	border: 1px solid #CCCCCC;
	margin: 0px;
	padding: 2px 4px 4px 7px;
	background-color: #f1f1f1;
	text-decoration: none;
}
#Nav > ul > li > a:hover
{
	margin: 1px 0px;
}
/* Side Navigation ends here!!! */

/* ################################# */
/* Table Styles Start here!!! */
/* ################################# */

#tdImg /* used on image cell on clearance.html */
{
	padding: 3px 0px 0px 0px;
	border: 0px none;	
}
#table /* used on main tables */
{
	width: 100%;
	z-index:1;
	padding: 0px 0px 0px 0px;
	/*border-top-color: #666666;
	border-top-style: solid;
	border-top-width: 0px;*/
	border-right-color: #666666;
	border-right-style: solid;
	border-right-width: 1px;
	border-left-color: #666666;
	border-left-style: solid;
	border-left-width: 1px;
	border-bottom-color: #666666;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	
}
#tableIndex /* used on main tables on MF_home..... */
{
	width: 100%;
	border-right-color: #666666;
	border-right-style: solid;
	border-right-width: 1px;
	border-left-color: #666666;
	border-left-style: solid;
	border-left-width: 1px;
}
#table2 /* Used on clearance Table on index page */
{ 
	border: 1px solid #999999;	
}
#tableTop /* Curved table top Used on top of product deals tables */
{ 
	width: 100%;	
}
#tableTd
{
	border-top: 1px solid #666666;
	background-color: #FFFFFF;
	font: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	vertical-align: middle;
	text-align: center;/*
	padding: 2px 0px 2px 0px; */
}
#tableTdDesc
{
	/* border-top: 1px solid #666666; */
	background-color: #CCCCCC;
	font: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	vertical-align: middle;
	text-align: center;
	padding: 2px 0px 2px 0px;
}
#tableTd2 /* Used around new items, Ripmax Catalogue TD & Flash movie */
{
	border: 1px solid #666666;
	padding: 2px 2px 2px 2px;
}
#tableTd3
{
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	background-color: #c8D4E6;
	font: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	vertical-align: middle;
	text-align: center;/*
	padding: 2px 0px 2px 0px; */
}
#tableTdBorder {
	width: 100%;
	height: 100%;
	z-index:1;
	border-right-color: #666666;
	border-right-style: solid;
	border-right-width: 1px;
	border-left-color: #666666;
	border-left-style: solid;
	border-left-width: 1px;
	border-bottom-color: #666666;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-bottom: 2px;
}
#tableTdLeft
{
	background: url(/2005/images_index/corner_left.gif) no-repeat top left;
	background-color: #FFFFFF;
	/*border-top-color: #666666;
	border-top-style: solid;
	border-top-width: 1px;
	border-left-color: #666666;
	border-left-style: solid;
	border-left-width: 1px;*/
	width: 7px;
}
#tableTdRight
{
	background: url(/2005/images_index/corner_right.gif) no-repeat top right;
	background-color: #FFFFFF;
	/*border-top-color: #666666;
	border-top-style: solid;
	border-top-width: 1px;
	border-right-color: #666666;
	border-right-style: solid;
	border-right-width: 1px;*/
	width: 7px;
}

#tableContainerLeft
{
	border-left-color: #666666;
	border-left-style: solid;
	border-left-width: 1px;
	width: 7px;
}
#tableContainerRight
{
	border-right-color: #666666;
	border-right-style: solid;
	border-right-width: 1px;
	width: 7px;
}

#tableBottom /* Curved table top Used on the bottom of product deals tables */
{ 
	width: 100%;	
}
#tableTdLeftBottom
{
	background: url(/2005/images_index/corner_left_bottom.gif) no-repeat bottom left;
	background-color: #FFFFFF;
	/*border-top-color: #666666;
	border-top-style: solid;
	border-top-width: 1px;
	border-left-color: #666666;
	border-left-style: solid;
	border-left-width: 1px;*/
	width: 7px;
}
#tableTdBottom
{
	border-bottom: 1px solid #666666;
	background-color: #FFFFFF;
	/*font: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	vertical-align: middle;
	text-align: center;
	padding: 2px 0px 2px 0px; */
}
#tableTdRightBottom
{
	background: url(/2005/images_index/corner_right_bottom.gif) no-repeat bottom right;
	background-color: #FFFFFF;
	/*border-top-color: #666666;
	border-top-style: solid;
	border-top-width: 1px;
	border-right-color: #666666;
	border-right-style: solid;
	border-right-width: 1px;*/
	width: 7px;
}
#tableTdImg
{
	
	background-color: #FFFFFF;
	padding: 5px 2px 2px 5px;
}
	
/* Side Menu Starts Here */

#NavTdCenter
{
	border-top: 1px solid #00497A;
	background-color: #c8D4E6;
	/*font: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	vertical-align: middle;
	text-align: center;
	padding: 2px 0px 2px 0px; */
}
#NavTdLeft
{
	background: url(/2005/images_index/nav_top_left.gif) no-repeat top left;
	background-color: #c8D4E6;
	width: 7px;
	/*border-top-color: ;
	border-top-style: ;
	border-top-width: ;
	border-left-color: ;
	border-left-style: ;
	border-left-width: ; */
}
#NavTdRight
{
	background: url(/2005/images_index/nav_top_right.gif) no-repeat top right;
	background-color: #c8D4E6;
	/*border-top-color: #666666;
	border-top-style: solid;
	border-top-width: 1px;
	border-right-color: #666666;
	border-right-style: solid;
	border-right-width: 1px;*/
	width: 7px;
}
#NavTdLeftBottom
{
	background: url(/2005/images_index/nav_bottom_left.gif) no-repeat bottom left;
	background-color: #c8D4E6;
	/*border-top-color: #666666;
	border-top-style: solid;
	border-top-width: 1px;
	border-left-color: #666666;
	border-left-style: solid;
	border-left-width: 1px;*/
	width: 7px;
}
#NavTdRightBottom
{
	background: url(/2005/images_index/nav_bottom_right.gif) no-repeat bottom right;
	background-color: #c8D4E6;
	/*border-top-color: #666666;
	border-top-style: solid;
	border-top-width: 1px;
	border-right-color: #666666;
	border-right-style: solid;
	border-right-width: 1px;*/
	width: 7px;
}
#NavTdCenterBottom
{
	border-bottom: 1px solid #00497A;
	background-color: #c8D4E6;
	/*font: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	vertical-align: middle;
	text-align: center;
	padding: 2px 0px 2px 0px; */
}
/* Nav TD ends here */
/* home page panels start here */
#PanelTableIndex_right
{
	z-index:1;
	width:	151px;
	
	
}

#PanelTableIndex
{
	z-index:1;
	width:	200px;
	
}
#PanelTableIndex_1
{
	z-index:1;
	width: 100%;
	
}
#PanelTd
{
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	background-color: #FFFFFF;
	padding: 0px 2px 0px 2px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	
}
#PanelTdCenter
{
	border-top: 1px solid #999999;
	background-color: #FFFFFF;
	font: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
	vertical-align: middle;
	text-align: center
}
#PanelTdLeft
{
	background: url(/2005/images_index/panel_top_left.gif) no-repeat top left;
	width: 7px;
	background-color: #FFFFFF;
}
#PanelTdRight
{
	background: url(/2005/images_index/panel_top_right.gif) no-repeat top right;
	width: 7px;
	background-color: #FFFFFF;
}
#PanelTdLeftBottom
{
	background: url(/2005/images_index/panel_bottom_left.gif) no-repeat bottom left;
	background-color: #FFFFFF;
}
#PanelTdRightBottom
{
	background: url(/2005/images_index/panel_bottom_right.gif) no-repeat bottom right;
	background-color: #FFFFFF;
}
#PanelTdCenterBottom
{
	border-bottom: 1px solid #999999;
	background-color: #FFFFFF;
}
/* Nav TD ends here */
#NavHeaderHome
{
	background: url(/2005/images_index/nav_header_home.jpg) no-repeat top center;
	height: 27px;
}
#NavHeaderDOTW
{
	background: url(/2005/images_index/nav_header_home.jpg) no-repeat top center;
	height: 27px;
}
#NavHeaderProducts
{
	background: url(/2005/images_index/nav_header_products.jpg) no-repeat top center;
	height: 27px;
}
#NavHeaderSpares
{
	background: url(/2005/images_index/nav_header_spares.jpg) no-repeat top center;
	height: 27px;
}
#NavHeaderAC
{
	background: url(/2005/images_index/nav_header_AC.gif) no-repeat top center;
	height: 27px;
}
#tableButton /* Button Styles Start Here! */
{ 
	/*width: 100%;*/	
}
#ButtonTdLeft
{
	background: url(/2005/images_index/button_left.gif) no-repeat left;
	/*background-color: #c8D4E6;
	border-top-color: #666666;
	border-top-style: solid;
	border-top-width: 1px;
	border-right-color: #666666;
	border-right-style: solid;
	border-right-width: 1px;*/
	width: 7px;
}
#ButtonTdCenter
{
	border-top: 1px solid #9D9D9D;
	/*border-bottom: 1px solid #ccc;*/
	background: url(/2005/images_index/button_center.gif) no-repeat center;
	background-color: #FFFFFF;
	font: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	/*color: 000000; */
	vertical-align: middle;
	text-align: center;
	padding: 2px 2px 2px 2px;	
}	
#Button a
{
	cursor: pointer;
	color: #FF0000;
}
#Button a:hover
{
	text-decoration: none;
	color: #0099FF;
}
	
#Button a:visited
{
	/*text-decoration: none;
	color: #FF0000;*/
}
#ButtonTdRight
{
	background: url(/2005/images_index/button_right.gif) no-repeat right;
	/*background-color: #c8D4E6;
	border-top-color: #666666;
	border-top-style: solid;
	border-top-width: 1px;
	border-right-color: #666666;
	border-right-style: solid;
	border-right-width: 1px;*/
	width: 7px;	
}
/* ################################# */
/* Product Page Fonts Start here!!! */
/* ################################# */

.CategoryHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
.CategoryDesc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}
.CategoryInfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-align: center;
}
.PriceSmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color:#FF0000
}
/* Shop styles start here */
.ShopHeading{
	font: Verdana;
	font-size: 14px;
	font-weight: Bold;
	color: #FF4400;
}
.ShopInfo{
	font: Verdana;
	font-size: 12px;
	font-weight: Normal;
	color: #000000;
}

img
{
	border: 0px none;
}
.hide
{
	display: none;	
}
/* Styles for index page "Massive Discounts" and all that stuff, begin here */
.TitleOrange {
	font-family: Verdana;
	font-size: 14px;
	color: #FF6600;
}
.TitleBlue {
	font-family: Verdana;
	font-size: 18px;
	color: #6699FF;
}
.TitleRed {
	font-family: Verdana;
	font-size: 16px;
	color: #FF0000;
}
.HopUpTitle {
	font-family: Verdana;
	font-size: 14px;
	color: #FF6600;
	text-align:center
}

.HopKey {
	font-family: Verdana;
	font-size: 9px;
	color: #000000;
	text-align:left
}
#HopSpot {
	font-family: Verdana;
	font-size: 9px;
	color: #000000;
	text-align:left


}
#HopSpot a
{
	cursor: crosshair;
	display: block;
	color: #FF0000;
	padding: 2px 4px 4px 8px;
	margin: 1px 0px;
}	

#HopSpot a:hover {
	color: #FF0000;
	text-decoration:underline;
	
}
#HopSpot a:visited
{
	color: #0000FF;
}


dd#map{ top: 65px; left: 114px; }
dd#monitorDef a{ position: absolute; width: 73px; height: 69px; text-decoration: none; }
dd#monitorDef a span{ display: none; }
dd#monitorDef a:hover{ position: absolute; background: transparent url(office.jpg) -109px -317px no-repeat; top: -10px; left: -5px; }

dd#monitorDef a:hover span{
 display: block;
 text-indent: 0;
 vertical-align: top;
 color: #000;
 background-color: #F4F4F4;
 font-weight: bold;
 position: absolute;
 border: 1px solid #BCBCBC;
 bottom: 100%;
 margin: 0;
 padding: 5px;
 width: 250%;
}