BODY
{
    BACKGROUND: url("SiteImages/grad1.jpg") black;    
    BACKGROUND-REPEAT:repeat-x;
    background-attachment:fixed;
    background-position:left top;
	
}

h1
{
	font-size:small;
}



.gradiant
{
	BACKGROUND: url("SiteImages/gradiantback.jpg") black;
	MARGIN: auto;
	WIDTH: 800px;
}

.outer
{
    clear:both ;
    BACKGROUND: url("SiteImages/carbon-bg.jpg") black repeat;
    MARGIN: 0 auto;
    WIDTH: 784px;
    HEIGHT: auto;
    POSITION: relative;
}

.admincontrols
{
	FONT-SIZE: xx-small;
    COLOR: gray;	
}

.header
{
	font-size: 4pt;
	background: url("SiteImages/header_01.gif") no-repeat;
	padding-bottom: 0px;
	border-left: gray 0px solid;
	width: 784px;
	padding-top:8px;
	padding-right:0px;
	height:36px;
	color: black;
	margin-right: 0px;
	MARGIN: auto;
    POSITION: relative;
	border-bottom: gray 0px solid;
	text-align: right;
	
	
}

.headercontent
{
	margin-left:10px;
	margin-right:20px;
	margin-top:10px;
}

.nav1
{
    padding-LEFT: 0px;
    padding-top: 0px;
    BACKGROUND: url("SiteImages/header_02.gif") no-repeat;
    WIDTH: 784px;
    HEIGHT: 48px;
    COLOR: black;
    MARGIN: 0 auto;
    POSITION: relative;
}

.navcontent
{
	width:784;
	padding-left:30px;
	margin-right:0px;
	margin-top:0px;
}

.navcontent a
{
    color:White;
    
}

a:link		{color:#ffffff; text-decoration:underline;}
a:visited	{color:#EE4440; text-decoration:underline;}
a:active	{color:#6B6B6B; text-decoration:none;}
a:hover		{color:#CD2723; text-decoration:none; font-weight:bold;}


.top
{
	height: auto;
	width: 780px;
	border: 0px solid silver;
}

.LargeImage
{
    FLOAT: left;
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    BORDER-BOTTOM: black 1px solid;
    BORDER-LEFT: black 1px solid;
    MARGIN-TOP: 10px;
    FLOAT: left;
    MARGIN-LEFT: 10px;
    WIDTH: 579px;
    COLOR: navy;
    MARGIN-RIGHT: auto;
    HEIGHT: auto;
}

.spacer
{
	
	height:60px;
	width:1px;
	float:right;
}

.thumbs
{
	background: url("SiteImages/Carbon-tbs.jpg") repeat dimgray;
	background-position:0 25;
	
	Padding-Top:0px;
	float: left;

    BORDER-top: silver 0px solid;
    BORDER-bottom: silver 1px solid;

    MARGIN-TOP: 13px;
    MARGIN-LEFT: 5px;
    FONT-SIZE: 10pt;
    
    WIDTH: 580px;
    COLOR: white;
    height:auto;
}

.basket
{
	float: right;
	margin-top:10px;
	margin-right:3px;
	height:auto;
	PADDING:4px;
    WIDTH: 165px;
}






.bottom
{
	float:right;
    MARGIN-TOP:0px;
    MARGIN-RIGHT: 0px;
    MARGIN: 0px auto;
    MARGIN-BOTTOM: 20px;
    width: 780px;
    height:auto;
    position: relative;
}


.info
{
	background: url("SiteImages/About.jpg") no-repeat;
	float:right;
	MARGIN-TOP: 10px;
	Margin-Right: 3px;
	width: 165px;
	height: auto;
	padding: 2px;
	Padding-Top:30px;
	border:solid 0px dimgrey;
	FONT-SIZE: xx-small;
}

.topSpacer
{
	overflow:hidden;
	Height:100px;
	Float: right;
	width:0px;
	background-color:Red;
}
.clear
{
	float:left;
	overflow:hidden;
	height:0px;
	width:0px;
}
.copyright
{
    CLEAR: both;
    PADDING-Left: 20px;
    padding-bottom: 10px;
    FONT-SIZE: 8pt;
    COLOR: silver;
    TEXT-ALIGN: Left;
    
}

.about
{
	WIDTH: 720px;
	Height:auto;
}

.footer
{
	clear:both;
	font-size: 8pt;
	background: WhiteSmoke;
	background: url("SiteImages/carbon-btm2.gif") no-repeat;
	width: 784px;
	height:39px;
	color: black;
	text-align: center;
	MARGIN: auto;
    POSITION: relative;
}

.AdminControls
{
	height:auto;
}

.clearer {
clear:both;
height:1px;
overflow:hidden;
margin-top:-1px; 
}


a:link		{color:#ffffff; text-decoration:underline;}
a:visited	{color:#EE4440; text-decoration:underline;}
a:active	{color:#6B6B6B; text-decoration:none;}
a:hover		{color:#CD2723; text-decoration:none; font-weight:bold;}

/* TOP MENU CSS */
.topMenuSearch
{
	width:60px; 
	height:20px;
	z-index:9999;
}

.topMenuSearch a:link, .topMenuSearch a:visited, .topMenuSearch a:hover, .topMenuSearch a:active 
{
	color:White;
	text-transform:capitalize;
}

/* common styling */
.searchMenu 
{
	text-align:left;
	list-style: none;
	font-family: verdana, sans-serif; 
	width:140px; 
	position:relative; 
	z-index:9999;
	clear:both; /* for this page only */
}
.searchMenu ul 
{
	padding:0; 
	margin:0; 
	list-style-type: none;
}

.searchMenu ul li 
{
	list-style: none;
	float:left; 
	position:relative;
}

.searchMenu li.last 
{
}

/*Top Menu Style*/
.searchMenu ul li a, .searchMenu ul li a:visited 
{
	display:block;
	text-align:left; 
	text-decoration:none; 
	width:200px; 
	height:15px; 
	padding-left:14px; 
	padding-top:2px;
	line-height:20px; 

}

.searchMenu ul li ul {
display: none;
}
.searchMenu table 
{
	margin:-0px; border-collapse:collapse;font-size:1em;
}


/* specific to non IE and IE7 browsers */
.searchMenu ul li:hover a 
{
	color:#ffffff;
}

.searchMenu ul li:hover ul 
{
	display:block; 
	position:absolute; 
	top:15px; 
	margin-top:1px; 
	left:0; 
	width:240px; 
	height:auto;
}

.searchMenu ul li:hover ul li ul 
{
	display: none;
}

/*1st Level base style*/
.searchMenu ul li:hover ul li a
{
	display:block; 
	color:#4299A0; 
	font-weight:bold;
	height:auto; 
	line-height:15px; 
	padding:8px 10px; 
	width:200px;
	float:left;filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;
}


/*1st level drop down style*/
.searchMenu ul li:hover ul li a.drop 
{
	width:200px;
	height:10px;
	border:1px black solid;
	background:#EEEEEE;
	/*background:#ffffff url(/images/booksearch.jpg)  left no-repeat;*/
}

/*1st level with no drop out style*/
.searchMenu ul li:hover ul li:hover a 
{
	background:#048B8F; color:#fff;
}

/*1st Level with drop out hover style*/
.searchMenu ul li:hover ul li:hover a.drop 
{
	background:#048B8F url(images/point3a.gif) bottom right no-repeat;
}



/*2nd level base style*/
.searchMenu ul li:hover ul li:hover ul 
{
	z-index:101;
	background:#EEEEEE; color:#4299A0;
	display:block; position:absolute; left:220px; top:10px; width:160px;
	float:left;filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95;
}

/*2nd Level drop down style*/
.searchMenu ul li:hover ul li:hover ul li a 
{
	border:1px black solid;
	width:165px;
	background:#EEEEEE; color:#4299A0;
}
/*2nd Level drop down style anchor*/
.searchMenu ul li:hover ul li:hover ul li:hover a 
{
	color:#ffffff;
	background:#048B8F;
}





/*******************************************************************
/* for IE5.x and IE6 browsers only                                 *
********************************************************************/

/* for IE5.x and IE6 browsers only */
.searchMenu ul li a:hover 
{
	color:#ffffff; 
	width:220px; 
	height:8px; 
	padding-left:14px; 
	padding-top:2px;
	font-weight:bold;
}

.searchMenu ul li a:hover ul 
{
	display:block; 
	position:absolute; 
	top:29px; 
	left:0; 
	background:#eee; 
	margin-top:-20; 
	marg\in-top:-20px;
}

.searchMenu ul li a:hover ul li a 
{
	z-index:101;
	float:left;
	display:block; 
	background:#EEEEEE; 
	color:#4299A0; 
	height:30px; 
	hei\ght:20px; 
	line-height:15px; padding:5px 10px; 
	width:200px; 
	w\idth:200px;
	padding-top:-20px;
	border-bottom:1px solid black;
	border-left:1px solid black;
	border-right:1px solid black;
	
}

.searchMenu ul li a:hover ul li a.drop 
{
	background:#EEEEEE;
}

.searchMenu ul li a:hover ul li a ul 
{
	visibility:hidden; 
	position:absolute; 
	height:0; 
	width:0;
}

.searchMenu ul li a:hover ul li a:hover 
{
	background:#4299A0; 
	color:#fff;
}


/* 1st Level drop hover */
.searchMenu ul li a:hover ul li a.drop:hover 
{
	background:#4299A0;
}

.searchMenu ul li a:hover ul li a:hover ul 
{
	z-index:300;
	visibility:visible; 
	position:absolute; 
	top:0; 
	t\op:20px; 
	color:#000; 
	left:220px;
	background: #4299A0
}

hr {clear:both; margin-bottom:30px;}
.left {clear:both;}