
	

	
	body {
		background:#000000;
		margin:0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		line-height: 16px;
	}
	/*	background:#cc0033 url(../images/bknd-top.jpg) repeat-x; */
	
	
	.sub-body {
		background:#1c2643 url(../images/sub-bknd-top.jpg) repeat-x;
		margin:0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		line-height: 16px;
	}
	
	h1 {
		margin: 0px;
		margin-bottom: 3px;
		color:#cc0033;
		font-size: 20px;
		font-weight: bold;
		letter-spacing:-1px;
	}
	
	h2 {
		margin: 0px;
		margin-bottom: 3px;
		color:#cc0033;
		font-size: 18px;
		font-weight: bold;
		letter-spacing:-1px;
	}
	
		
	h3 {
		margin: 0px;
		margin-bottom: 3px;
		color:#cc0033;
		font-size: 16px;
		font-weight: bold;
		letter-spacing:-1px;}
	
	
	p, ul, ol, li {
		margin-bottom: 10px;
		list-style:square;
		line-height: 14px;}
		
	
	.sm-text{ font-size:11px;}
		
	.lg-text{ font-size:18px; line-height: 20px;}
	
	a:link {color: #cc0033; text-decoration: none; font-weight: bold }
	a:visited {color: #cc0033; text-decoration: none; font-weight: bold}
	a:hover {color: #cc0033; text-decoration: underline; font-weight: bold}
	a:active {color: #cc0033; text-decoration: none; font-weight: bold}
	
	.image-right{float:right;margin-left:15px;}
	.image-left{float:left;margin-right:15px;}
	.img-right-caption{float:right; margin:0 0 15px 15px; font-size:11px; line-height:13px; text-align:center; color:#960; font-style:italic;}
	.img-caption{font-size:11px; margin:0 0 15px 0; line-height:13px; text-align:center; color:#960; font-style:italic;}
	.img-left-caption{float:left; margin:0 15px 15px 0; line-height:13px; text-align:center; color:#960; font-style:italic;}

/* Top Nav and Search */

	.top {
		width: 950px;
		height: 32px;
		margin: 0 auto;
		text-transform:uppercase;
		padding-top: 20px;
		padding-left: 5px;
		padding-right: 5px;
		font-size:14px;
		text-align:left;
		font-weight:bold;
		background-color:#cc0033
	}
	
	.top h3{
		color:#ffffff;
		font-size:16px;
		text-align:left;
		display:inline;
		font-weight:bold;
		text-transform:uppercase;}
		
	.top a:link {
		color: #ffffff;
		margin-right: 15px;}
	
	.top a:hover {
		color: #FFFFFF;
		margin-right: 15px;}
	
	.top a:visited {
		color: #ffffff;
		margin-right: 15px;}
	
	#search {
		float: right;
		color:#CCC;
	}
    .wrap{width: 1060px;}

/* Header */

	.header {
		width: 960px;
		padding-left: 0px;
		margin: 0 auto;
		font-size:17px;
		font-weight:bold;
		text-transform:uppercase;
		background:url(../images/index-header-bknd.jpg) no-repeat;
	}
	
	#header-nav-wrap{
		font-size:15px;
		margin-right:0px;
		float:right;
		margin-top: 8px;
		}
	.header a:link {
		color: #ffffff;
		margin-right: 20px;}
	
	.header a:hover {
		color: #CCF;
		margin-right: 20px;}
	
	.header a:visited {
		color: #ffffff;
		margin-right: 20px;}
		
		
		/* Sub Pages Header */

		.sub-header {
			width: 1060px;
			padding-left: 100px;
			height: 137px;
			margin: 0 auto;
			font-size:17px;
			font-weight:bold;
			text-transform:uppercase;
			background:url(../images/index-header-bknd.jpg) no-repeat;
			}
				
			#sub-header-nav-wrap{
				margin-right :80px;
				float:right;
				margin-top: 8px;
				}
			.sub-header a:link {
				color: #ffffff;
				margin-right: 40px;}
			
			.sub-header a:hover {
				color: #CCF;
				margin-right: 40px;}
			
			.sub-header a:visited {
				color: #ffffff;
				margin-right: 40px;}

	/* Index Box */
	
		.index-box {
			height: 200px;
			width: 606px;
			font-size:22px;
			font-weight:bold;
			margin-left: 289px;
			margin-top: 20px;
			padding-left: 65px;
			text-transform:uppercase;
			color:#036;
			background:url(../images/index-box-bknd.jpg) repeat-x;
		}
		/*margin-left: 289px;*/
		/*padding-left: 65px; */
		
		#index-box-nav-wrap{
		padding :15px 100px 70px 0px;
		float:right;
		font-size: 17px;
		}
		
		.index-box a:link {
			color: #ffffff;
			margin-right: 70px;}
	
		.index-box a:hover {
			color: #FF9;
			margin-right: 70px;}
		
		.index-box a:visited {
			color: #ffffff;
			margin-right: 70px;}
			
		#index-box-small {font-size:14px; margin: 0 20px 100px 0;}

/* Page */

	.page {
		width: 960px;
		margin: 0 auto;
		background-color:#ffffff;
		/* #eef6fd; */
	}
	
	#page h1, #page h2 {
		margin-bottom: 20px;
	}
	
/* left box */		
	#left-300-wrap {
		width: 300px; 
		float:left;
		background:#ffffff; 
		padding: 10px; 
		}
		
	#left-300 {
		width: 270px; 
		float:left;
		background: #ffffff; 
		padding: 15px; 
		border:1px solid #ccc; 
		height: 347px;}

	#left-300 h2 {
		margin: 0px;
		margin-bottom: 3px;
		color:#cc0033;
		font-size: 18px;
		font-weight: bold;
		letter-spacing:-1px;
	}
		
	#left-300 h3 {
		margin: 0px;
		margin-top: 15px;
		color:#cc0033;
		font-size: 16px;
		font-weight: bold;
		letter-spacing:-1px;}
		
	#left-300 ul, ol, li {
		margin-bottom: 10px;
		list-style:square;
		line-height: 14px;
	}
		
		
/* left box */	
	#right-620-wrap {
		width: 620px; 
		float:right;
		background:#ffffff; 
		padding: 10px;}
		
	#right-620 {
		width: 590px;
		background: #ffffff; 
		float:right;
		padding: 15px; 
		border:1px solid #ccc;
	}

/* column 1, 700px with 10px padding. */	
	#column1-700-wrap {
		width: 700px; 
		float:left;
		background:#ffffff; 
		padding: 10px;}

	#column1-700 {
		width: 670px;
		float:left;
		background: #ffffff; 
		padding: 15px; 
		border:1px solid #ccc; 
	}	
		
	#column1-700-nopadding {
		width: 700px;
		float:left;
		background: #ffffff; 
		padding: 0px; 
		border:1px solid #ccc; 
		height: 480px;
	}	
	
	#column1-700 h2 {
		margin: 0px;
		margin-bottom: 3px;
		color:#cc0033;
		font-size: 18px;
		font-weight: bold;
		letter-spacing:-1px;
	}
		
	#column1-700 h3 {
		margin: 0px;
		margin-top: 15px;
		color:#cc0033;
		font-size: 16px;
		font-weight: bold;
		letter-spacing:-1px;}
		
	#column1-700 ul, ol, li {
		margin-bottom: 10px;
		list-style:square;
		line-height: 14px;
	}
	
/* column 2, 220px with 10 px around.  */	
	#column2-220-wrap {
		width: 220px; 
		float:left;
		background:#ffffff; 
		padding: 10px;}
		
	#column2-220 {
		width: 190px;
		float:left;
		background: #ffffff; 
		padding: 15px; 
		border:1px solid #ccc; 
	}	
/* 		height: 480px;
 */
	
	#column2-220 h2 {
		margin: 0px;
		margin-bottom: 3px;
		color:#cc0033;
		font-size: 18px;
		font-weight: bold;
		letter-spacing:-1px;
	}
		
	#column2-220 h3 {
		margin: 0px;
		margin-top: 15px;
		color:#cc0033;
		font-size: 16px;
		font-weight: bold;
		letter-spacing:-1px;}
		
	#column2-220 ul, ol, li {
		margin-bottom: 10px;
		list-style:square;
		line-height: 14px;
	}
	
	#column2-220-tall {
		width: 190px;
		float:left;
		background: #ffffff; 
		padding: 15px; 
		border:1px solid #ccc; 
	}	
	
	#column2-220-tall h2 {
		margin: 0px;
		margin-bottom: 3px;
		color:#cc0033;
		font-size: 18px;
		font-weight: bold;
		letter-spacing:-1px;
	}
		
	#column2-220-tall h3 {
		margin: 0px;
		margin-top: 15px;
		color:#cc0033;
		font-size: 16px;
		font-weight: bold;
		letter-spacing:-1px;}
		
	#column2-220-tall ul, ol, li {
		margin-bottom: 10px;
		list-style:square;
		line-height: 14px;
	}

/* column 1, 960px with 10px padding. */	
	#column1-960-wrap {
		width: 960;
		background:#ffffff; 
		padding: 0px;}

	#column1-960 {
		width: 930px;
		float:left;
		background: #ffffff; 
		padding: 15px; 
		border:1px solid #ccc; 
	}	
		
	#column1-960-nopadding {
		width: 960px;
		float:left; 
		background: #ffffff; 
		padding: 0px; 
		border:1px solid #ccc; 
	}	
	
	#column1-960 h2 {
		margin: 0px;
		margin-bottom: 3px;
		color:#cc0033;
		font-size: 18px;
		font-weight: bold;
		letter-spacing:-1px;
	}
		
	#column1-960 h3 {
		margin: 0px;
		margin-top: 15px;
		color:#cc0033;
		font-size: 16px;
		font-weight: bold;
		letter-spacing:-1px;}
		
	#column1-960 ul, ol, li {
		margin-bottom: 10px;
		list-style:square;
		line-height: 14px;
	}
		
/* column 1, 300px with 10px padding. */	
	#column1-300-wrap {
		width: 300px; 
		float:left;
		background:#ffffff; 
		padding: 10px;}
		
	#column1-300 {
		width: 270px;
		float:left;
		background: #ffffff; 
		padding: 15px; 
		border:1px solid #ccc; 
		height: 350px;
	}	
	
	#column1-300 h2 {
		margin: 0px;
		margin-bottom: 3px;
		color:#cc0033;
		font-size: 18px;
		font-weight: bold;
		letter-spacing:-1px;
	}
		
	#column1-300 h3 {
		margin: 0px;
		margin-top: 16px;
		color:#cc0033;
		font-size: 16px;
		font-weight: bold;
		letter-spacing:-1px;}
		
	#column1-300 ul, ol, li {
		margin-bottom: 10px;
		list-style:square;
		line-height: 14px;
	}
	
/* column 2, 380px with 10 px around.  */	
	#column2-380-wrap {
		width: 380px; 
		float:left;
		background:#ffffff; 
		padding: 10px;}
		
	#column2-380 {
		width: 380px;
		float:left;
		background: #ffffff; 
		padding: 0px; 
		border:1px solid #ccc; 
		height: 380px;
	}	
	
	#column2-380 h2 {
		margin: 0px;
		margin-bottom: 3px;
		color:#cc0033;
		font-size: 18px;
		font-weight: bold;
		letter-spacing:-1px;
	}
		
	#column2-380 h3 {
		margin: 0px;
		margin-top: 15px;
		color:#cc0033;
		font-size: 16px;
		font-weight: bold;
		letter-spacing:-1px;}
		
	#column2-380 ul, ol, li {
		margin-bottom: 10px;
		list-style:square;
		line-height: 14px;
	}
	
/* column 3, 220px with 10 px around.  */	
	#column3-220-wrap {
		width: 220px; 
		float:left;
		background:#ffffff; 
		padding: 10px;}
		
	#column3-220 {
		width: 190px;
		float:left;
		background: #ffffff; 
		padding: 15px; 
		border:1px solid #ccc; 
		height: 350px;
	}	
	
	#column3-220-tall {
		width: 190px;
		float:left;
		background: #ffffff; 
		padding: 15px; 
		border:1px solid #ccc; 
	}
		
	#column3-220 h2 {
		margin: 0px;
		margin-bottom: 3px;
		color:#cc0033;
		font-size: 18px;
		font-weight: bold;
		letter-spacing:-1px;
	}
		
	#column3-220 h3 {
		margin: 0px;
		margin-top: 15px;
		color:#cc0033;
		font-size: 16px;
		font-weight: bold;
		letter-spacing:-1px;}
		
	#column3-220 ul, ol, li {
		margin-bottom: 10px;
		list-style:square;
		line-height: 14px;
	}
	
	
	.sexypanels{
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	
	.sexypanels li{
	list-style: none;
	}
	
	.sexypanels li a{
	text-transform:uppercase;
	
	font: bold 16px;
	display: block;
	color: #3d2514;
	width: auto;
	padding: 10px 0; /* Vertical (top/bottom) padding for each menu link */
	text-indent: 8px;
	text-decoration: none;
	border-bottom: 1px dotted silver; /* white border beneath each menu item */
	}
	
	.sexypanels li a:visited, .sexypanels li a:active{

	}
	
	.sexypanels li a:hover{
	background-color: #FFC; /*color of menu onMouseover*/
	color:  #3d2514;
	border-bottom: 1px dotted #666; /*bottom border of menu link during hover. Should be equal or darker to link's hover's bgcolor*/
	}

		
		
/* left box */	
	#right-620-wrap {
		width: 620px; 
		float:right;
		background:#ffffff; 
		padding: 10px;}
		
	#right-620 {
		width: 590px;
		background: #ffffff; 
		float:right;
		padding: 15px; 
		border:1px solid #ccc;
	}
	

/* Index Featured Products Box */
	#product-box {
		width: 310px;
		background: #ffffff; 
		float:left;
		padding: 15px; 
		padding-top: 0px;
		border:8px solid #ccc;
		height: 316px;
	}
	
	#product-box  ul, ol, li {
		margin-bottom: 4px;
		list-style:square;
		line-height: 14px;
	}
	
/* Index Quick Links Box */
	#quick-box {
		width: 170px;
		background: #ffffff;
		float:right;
		font-size: 11px;
		line-height: 12px;
		padding: 15px; 
		border:8px solid #ccc;
		height: 300px;
	}
	
	#product-box  ul, ol, li {
		margin-bottom: 4px;
		list-style:square;
		line-height: 14px;
	}

/* Content */
	#content-wrap {
		width: 940px; 
		float:right;
		background:#ffffff; 
		padding: 10px;} 
		
	#content {
		width: 908px;
		background: #ffffff; 
		padding: 15px; 
		border:1px solid #ccc;
		line-height: 20px;
	}
	
	#content ol, #content ul {
		margin-left: 3em;
	}

	#content h1 {
		font-size: 20px; 
		margin: 10px 0;}	

/* Footer */

	#footer {
		clear: both;
		width: 100%;
		height: 80px;
		margin: 0;
		border-top: 5px solid #000000;
		color:#ffffff;
	}
	/* #660000; 
color:#CCC;
	 		background: #cc0033; 
		padding: 10px;
    */
	
	#footer-wrap {
		width: 940px;
		height: 60px;
		margin: 0 auto;
		padding: 0px;
		background-color: #cc0033;
		padding: 10px;
	}
	/* border-top-width: 5px solid #000000; */
	
	#footer p {
		margin: 0;
		padding: 0;
		line-height: normal;
		font-size: 77%;
	}
	
	#footer a:link {
		color: #ffffff;
		margin-right:}
	
	#footer a:hover {
		color: #CCF;
		margin-right:}
	
	#footer a:visited {
		color: #ffffff;}
		
	#legal {
		float: left;
	}
	
	#links {
		float: right;
	}

/* jqueryslidemenu styles */	
	.jqueryslidemenu{
	font: bold 12px Verdana;
	width: 100%;
	}

	.jqueryslidemenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

	/*Top level list items*/
	.jqueryslidemenu ul li{
	position: relative;
	display: inline;
	float: left;
	}

	/*Top level menu link items style*/
	.jqueryslidemenu ul li a{
	display: block;
	color: white;
	padding: 0px 0px;
	}

	* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
	}

	.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
	color: white;
	}

	.jqueryslidemenu ul li a:hover{
	/*background: #cc0033;*/ /*tab link background during hover state*/
	color: white;
	}
		
	/*1st sub level menu*/
	.jqueryslidemenu ul li ul{
	position: absolute;
	left: 0;
	display: block;
	visibility: hidden;
	background: #cc0033; 
	border: 0;
	}

	/*Sub level menu list items (undo style from Top level List Items)*/
	.jqueryslidemenu ul li ul li{
	background: #cc0033; 
	display: list-item;
	float: none;
	}

	/*All subsequent sub menu levels vertical offset after 1st level sub menu */
	.jqueryslidemenu ul li ul li ul
	{
	background: #cc0033; /*tab link background during hover state*/		
	top: 0;
	}

	/* Sub level menu links style */
	.jqueryslidemenu ul li ul li a{
	font: normal 13px Verdana;
	width: 160px; /*width of sub menus*/
	padding: 5px 5px;
	margin: 0;
	border-top-width: 0;
	/*border-bottom: 1px solid gray;*/
	}

	.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
	background: #eff9ff;
	color: black;
	}

	/* ######### CSS classes applied to down and right arrow images  ######### */

	.downarrowclass{
	position: absolute;
	top: 12px;
	right: 7px;
	}

	.rightarrowclass{
	position: absolute;
	top: 6px;
	right: 5px;
	}

	.SplashImage 
	{
		float: left;
	}