body {background-color: #276098;}

#container{ 
margin: 5px auto 0;
width:960px;
border: #000 solid 1px;}
/*              H e a d e r              */
#header {
	background-image: url(headerBG.jpg);
	height: 90px;
	background-repeat:repeat-x;
	position: relative;
	z-index: 1;
	background-color: #DDDDDD;
	display:block;
}

	
#header .button {
	float:right;
	padding-top: 1.5em;
	padding-right: 0.5em;
}
	
#header .logo {
	float:left;
	padding-top: 1em;
	padding-left: 1em;
	font: Arial, Helvetica, sans-serif medium normal;
}

/* NAV2 */

div#nav2{
float:right; margin:0; padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
letter-spacing:1px;}
ul#navlist
{
margin:4px 0 0 0;
padding:2px;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
margin:0;
padding:0;
border-bottom:solid 1px #FFFFFF;
}

#navlist a { padding: 1px 15px; }

#navlist a:link, #navlist a:visited
{
font-size:8.5pt;
font-weight:bold;
color: #333333;
text-decoration: none;
}

#navlist a:hover
{color: #003366;

text-decoration: none;
}


/*              C A T A L O G             */
#catalog ul {list-style: none;margin: 0;padding: 0;width: 6.5em;float: left;background-image: url(catalogBG.jpg);}
#catalog a, #catalog h2 {font: bold 11px/16px arial, helvetica, sans-serif;display: block;border-width: 1px;border-style: solid;
border-color: #ccc #888 #555 #bbb;margin: 0;padding: 2px 3px;}
#catalog h2 {color: #000000; background-image: url(catalogBG.jpg);text-align: center;}
#catalog a {color: #FFFFFF;background: #000;text-decoration: none;}
#catalog a:hover {color: #66CCFF;background: #000;}
#catalog li {position: relative;}
#catalog ul ul {position: absolute;z-index: 500;}
#catalog ul ul ul {position: absolute;top: 0;left: 100%;}
div#catalog ul ul,
div#catalog ul li:hover ul ul,
div#catalog ul ul li:hover ul ul
{display: none;}
div#catalog ul li:hover ul,
div#catalog ul ul li:hover ul,
div#catalog ul ul ul li:hover ul
{display: block;}
#catalog{ display:block;}

#catalog .apple{ background-image: url(../designs/homepage/appleBG.jpg); background-color:#CCC;}
ul .apple { width:150px;}
#catalog h2 .apple { width:200px; text-align:left;}
h2 .ap { width:200px; text-align:left;}
#catalog a{ width:175px; padding:8px;}
#catalog .appleprod {color: #FFFFFF; background: #0066CC; text-decoration: none;}
#catalog .postprod {color: #FFFFFF; background: #333333; text-decoration: none;}





#ProductMenu{
	background-image: url(../catalogBG.jpg);
	background-repeat:repeat-x;
	background-color:#CCCCCC;
	width: 100%;
	z-index: 400;
	position: relative;
	visibility: visible;
	background-repeat: repeat-x;
	height: auto;
}

.rightSide a{
	background-image: url(catalogBG.jpg);
	padding: 0px;
	border: none;
	width:auto;
	float:right;
	z-index: 500;
	position: relative;
	margin: auto 0;
}
             /*               Menu          */
#quick{height:auto;
	background-color: #EFEFEF;
	margin:0;
	padding:5px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #BBB;}
.quickMenu {
	float: right;
	padding: 0 20px 0 0;
	margin:0;
	}
select {
 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #E9FCFA;
 color: #102132;
 border: 1px solid #284279;
}



/*              P R O M O             */
#promo {
	position: relative;
	height: 210px;
	z-index: 10;}
#promoINNER{ margin: 0 auto;
width:955px;}

#promoINNER .promoItem{
float:left;
height: 210px;
width:318px;
position:relative;}
#promoINNER .promoButtons{
float:left;
height: 210px;
width:195px;
position:relative;
margin-left:2px;}
#promoINNER .promoItem2{
float:right;
height: 210px;
width:auto;
position:relative;}

br{clear:both;}

#news{
background-image: url(../designs/homepage/newsBackground.jpg);
background-repeat: repeat-x;
	background-color:#CFCFCF;
	height:10px;
	margin:0;
	padding-bottom: 10px;
}
#news p {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 9pt;
	font-weight:500;
	margin:0;
	padding:0;
}

#news img{
float:left;
padding: 2px 15px 2px;
}

#push{ padding-left:150px;}
/*              C O N T E N T             */
#content {
	position: relative;
	background-color: #ffffff;
	height: 100%;
	z-index: 200;
	
}
/*              L O G O S            */

#logos{ position:relative;
background-color: #FFFFFF;
display: block;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;}




#mailingList{
width:950px;
background-color:#d4d4d4;
border-top: #888 solid 1px;
border-bottom: #FFF solid 1px;
height:auto;
max-height:200px;
padding-top:5px;
padding-left:10px;
}

#mailingList p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 70%;
width:350px;
float:left;
padding: 2px 0 0 30px ;}

#mailingList img{
float:left;}


/*              S I T E  M A P            */
#sitemap{
	height: auto;
	position:relative;
	background-color:#000000;
	width: 960px;
}

#sitemap h6{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
    padding:20px 0 0 ;
	margin:1em 0;
	font-weight: 500;
}

#sitemap ul{ float:left;}
#sitemap li{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #FFFFFF;
	padding-left: -2em;
	list-style:none;
	line-height: 1.5em;
}

#sitemap a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #b8d8f9;
	padding-left: -2em;
	text-decoration:none;
}
#sitemap a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFCC00;
	padding-left: -2em;
	list-style:circle;
	
}