/* Settings */

body {
	/*background-image: url(images/gradiant.png);*/
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	margin: 0px;
	background-position: bottom;
}

/* All text on the website except special cases */
body td{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
}

/* All links on the website except special cases */
a {
	text-decoration: none;
	color: #555555;
	outline: none;

}

/* All link hovers on the website except special cases */
a:hover {
	text-decoration: underline;
	color:#444444;
}

/* Category header texts */
#CategoryHeader {
	font-size: 10px;
	padding: 2px;
	background-image: url(images/headergradiant.png);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #EEEEEE;
}
#CategoryHeader h1{
	font-size: 16px;
	margin: 0px;
	padding: 0px;
}

#ProductHolder h2 {
	margin: 0px 0px 5px 0px;
	font-size: 16px;
	font-weight:normal;
}

/* Links Settings */

/* The main website table which holds the 4 areas
1. Header
2. Content
3. RecentlyViewed
4. Footer */

#MainTbl {
	padding: 8px; /* If you change this, change the main table size! */
	margin-left: auto;
	margin-right: auto;
	/*border: 1px solid #CCCCCC;*/
	background-position:left bottom;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}

#HoriLine {
	background-image:url(images/line.gif);
	background-repeat:repeat-y;
	background-position:center;
}

/* These Are The SideBar Settings  */

#SideBar, #CategoryBannersHolder, #ProductsHolder {
	vertical-align: top;
}

#TableSideBar {
	/* Used for borders */
}

#TableSideBar td{
	padding: 5px;
}

#HeadingSideBar {
	background-image: url(images/headergradiant.png);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #EEEEEE;
	font-weight: bold;
	font-size: 12px;
}

#RowSideBar {
	background-color: #EEEEEE;
}

#RowSideBar:hover, #RowSideBar a:hover{
	background-color: #FBFBFB;
	background-image: url(images/hovergradiant.png);
	background-repeat: repeat-x;
	background-position: center;
}
#RowSideBar a:hover{
	color: #333333;
}

/*The NAV Stuff Goes Here*/

#NavMenuTable {
	font-weight: bold;
	font-size: 12px;
	padding: 5px;
	background-image: url(images/headergradiant.png);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #EEEEEE;
}

/* DEFAULT
#NavMenu, #NavMenu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}
*/


/* Results php Settings */
#ProductNavigation {
	padding: 5px;
	background-color: #EEEEEE;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}

#ProductDetailHolder img {
	/* border: 1px solid #EEEEEE; */
	padding: 1px;
	margin: 10px;
}

#ProductHolder{
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #DDDDDD;
	border-left-color: #DDDDDD;
}

/* You are in bar */
#YourAreIn {
	/* background-image: url(images/hovergradiant.png); */
	background-repeat: repeat-x;
	background-position: center;
	background-color: #FFFFFF;
	padding: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#YourAreIn a{
	color: #333333;
	padding-left: 10px;
	padding-right: 10px;
}

#Footer a {
	margin: 0 0 5px 0;
	list-style-type: none;
	list-style-position: inside;
	text-decoration:underline;
	line-height: 1.4;
}

#Footer a:hover {
	margin: 0 0 5px 0;
	list-style-type: none;
	list-style-position: inside;
	text-decoration:none;
	line-height: 1.4;
	color: #006600;
}

/* ================================================================ 
#background {width:750px; height:440px; background:url(model3.jpg); padding-top:10px;}
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/pro_drop12.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu2 {
	padding:0;
	width:100%;
	margin:0;
	list-style:none;
	height:24px;
	position:relative;
	z-index:500;
	font-family:arial, verdana, sans-serif;
	background-image: url(images/headergradiant.png);
	background-color: #EEEEEE;
	background-repeat: repeat-x;
}
#menu2 li.top {display:block; float:left;}

#menu2 li a.top_link {
	display:block;
	height:25px;
	float:left;
	line-height:22px;
	font-size:11px;
	font-weight:bold;
	color:#555555;
	text-decoration:none;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 9px;
}

#menu2 li a.top_link:hover {color:#7EC242;}

#menu2 li:hover > a.top_link {color:#7EC242;}

#menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu2 a:hover {visibility:visible; position:relative; z-index:200;}
#menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
#menu2 ul, 
#menu2 :hover ul ul, 
#menu2 :hover ul :hover ul ul,
#menu2 :hover ul :hover ul :hover ul ul,
#menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; height:0; margin:0; padding:0; list-style:none;}

#menu2 :hover ul.sub {left:0; top:21px; white-space:nowrap; width:120px; height:auto; z-index:300; padding-top:5px; background:url(images/trans.gif);}
#menu2 :hover ul.sub li {display:block; float:left; width:100%; height:25px;}
#menu2 :hover ul.sub li span {display:block; height:25px; float:left; width:90px; font-weight:normal;}
#menu2 :hover ul.sub li b {display:block; height:25px; float:left; width:30px; font-weight:normal;}

#menu2 :hover ul.sub li a {display:block; position:relative; font-size:11px; height:21px; width:120px; margin-right:-30px; line-height:25px; text-indent:10px; color:#FFFFFF; text-decoration:none; background:url(images/trans.gif);}

#menu2 :hover ul.sub li span a:hover {color:#7EC242;}

#menu2 :hover ul.sub li:hover > span a {color:#7EC242;}

#menu2 :hover ul :hover ul,
#menu2 :hover ul :hover ul :hover ul,
#menu2 :hover ul :hover ul :hover ul :hover ul,
#menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:120px; top:0; white-space:nowrap; width:120px; z-index:400; height:auto;}

#menu2 :hover ul.wide {width:150px;}
#menu2 :hover ul.wide li span {width:120px;}
#menu2 :hover ul.wide li a {width:150px;}

#menu2 :hover ul.narrow {width:90px;}
#menu2 :hover ul.narrow li span {width:60px;}
#menu2 :hover ul.narrow li a {width:90px;}

#menu2 :hover ul.narrow :hover ul,
#menu2 :hover ul :hover ul.narrow :hover ul,
#menu2 :hover ul :hover ul :hover ul.narrow :hover ul,
#menu2 :hover ul :hover ul :hover ul :hover ul.narrow :hover ul
{left:90px;}

#menu2 li > span {
	background:url(images/tab-midleft.png);
}
#menu2 li > b {
background:url(images/tab-midright.png)
}
#menu2 li.fly > b {
	background:url(images/tab-midright-sub.png);
}

#menu2 li.subtop > span,
#menu2 li.flytop > span {
	background:url(images/tab-topleft.png);
}
#menu2 li.subtop > b {
background:url(images/tab-topright.png);
}

#menu2 li.flytop > b {
background:url(images/tab-topright-sub.png);
}

#menu2 li.subbot > span,
#menu2 li.flybot > span {
height:35px !important; background:url(images/tab-botleft.png);
}

#menu2 li.subbot > b {
height:35px !important; background:url(images/tab-botright.png);
}
#menu2 li.flybot > b {
height:35px !important; background:url(images/tab-botright-sub.png);
}