/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/


#outside{
	border:0px solid #000000;
	background:#000000;
	}

* { padding: 0; margin: 0; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 4px;
	margin-bottom: 5px;
	background-image: url(sept10bg.png);
	background-repeat: repeat-x;
	background-color: #CCC;
	
}
#wrapper { 
 margin: 0 auto;
 width: 970px;
}
#header {
 color: #333;
 width: 970px;
 float: left;
 padding: opx;
 border: 0px solid #ccc;
 height: 90px;
 margin: 10px 0px 0px 0px;
}
#logobox { 
 color: #333;
 border: 0px solid #ccc;
 margin: 0px 5px 0px 0px;
 padding: 0px;
 width: 320px;
float: left;
}

#bannerbox { 
 color: #333;
 border: 1px solid #ccc;
 margin: 10px 0px 0px 30px;
 padding: 0px;
 width: 486px;
 height:60px;
float: right;
}

#navigation {
 float: left;
 width: 970px;
 color: #FFF;
 padding: 0px;
 border: 0px solid #ccc;
 margin: 0px 0px 20px 0px;
}

#searcher {
 float: right;
 color: #FFF;
  padding-top:7px;
 border: 0px solid #ccc;
 margin: 0px 20px 0px 0px;
}

#leftcolumn { 
 color: #333;
 border: 0px solid #ccc;
 margin: 0px 5px 20px 0px;
 padding: 0px;
 width: 660px;
float: left;
}
#rightcolumn { 
 float: right;
 color: #333;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 width: 290px;
 height:310px;
}

#rightcolumn2 { 
 float: right;
 color: #333;
 border: 0px solid #ccc;
 margin: 0px 0px 10px 0px;
 padding: 0px;
 width: 290px;
 clear:right;

}

#promos {
	width: 952px;
	height: 100px;
	clear:both;
	color: #333;
	border: 1px solid #ccc;
	background: #fff;
	margin: 0px 0px 20px 0px;
	padding-top:10px;
	padding-left:8px;
	padding-right:10px;
	text-align: left;
}

#promo1 {
	width: 220px;
	height: 80px;
	color: #333;
	border: 1px dotted #ccc;
	background: #fff;
	margin: 0px 5px 20px 5px;
	padding: 3px;
	text-align: left;
	float: left;

}

#promo2 {
	width: 220px;
	height: 80px;
	color: #333;
	border: 1px solid #ccc;
	background: #fff;
	margin: 0px 0px 20px 10px;
	padding: 3px;
	text-align: left;
	float: left;

}

#promo3 {
	width: 220px;
	height: 80px;
	color: #333;
	border: 1px solid #ccc;
	background: #fff;
	margin: 0px 0px 20px 10px;
	padding: 3px;
	text-align: left;
	float: left;

}

#promo4 {
	width: 220px;
	height: 80px;
	color: #333;
	border: 1px solid #ccc;
	background: #fff;
	margin: 0px 0px 20px 10px;
	padding: 3px;
	text-align: left;
		float: left;

}

#promotextbox {
	width: 132px;
	height: 80px;
	color: #333;
	border: 0px solid #ccc;
	background: #fff;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-align: left;
		float: right;

}

#footer {
	width: 952px;
	height: 280px;
	clear:both;
	border: 1px solid #333;
	background: #e1e1e1;
	margin: 0px 0px 30px 0px;
	padding: 10px;
	text-align: left;
}

.footerheadline {
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom:dotted 1px #999;
	font-size: 14px;
	font-weight: 800;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 4px;
	background: url(revicon.png) no-repeat 12px 0px;
	text-align: left;

	
}

#footer2 {
	width: 950px;
	height: 400px;
	background: #000;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	padding-left:15px;
	text-align: left;
		border: 0px solid #FF0000;

}

#footer21 { 
 width: 250px;
  height: 160px;
 margin: 0px 10px 0px 50px;
 padding-top:25px;
 padding-left:5px;
 float:left;

 

}

#footer22 { 
 width: 280px;
  height: 160px;
 margin: 0px 0px 0px 50px;
 padding-top:25px; 
 float:left;
  padding-left:15px;

}

#footer23 { 
 width: 270px;
  height: 160px;
 margin: 0px 0px 0px 10px;
 padding-top:25px; 
 float:right;
  padding-left:5px;


}

.leadframe{display:block}
.leadframe *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#FFFFFF;
 }
  
.leadframe1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #ffffff;
  border-right:1px solid #ffffff;
  background:#ffffff}
.leadframe2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #ffffff;
  border-right:1px solid #ffffff;
  background:#ffffff}
.leadframe3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #ffffff;
  border-right:1px solid #ffffff;}
.leadframe4{
  border-left:1px solid #ffffff;
  border-right:1px solid #ffffff}
.leadframe5{
  border-left:1px solid #ffffff;
  border-right:1px solid #ffffff}
.leadframefg{
	background:#FFFFFF;
	text-align: center;
}


.navframe{display:block}
.navframe *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#FFFFFF}
.navframe1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #ffffff;
  border-right:1px solid #ffffff;
  background:#ffffff}
.navframe2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #ffffff;
  border-right:1px solid #ffffff;
  background:#ffffff}
.navframe3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #ffffff;
  border-right:1px solid #ffffff;}
.navframe4{
  border-left:1px solid #ffffff;
  border-right:1px solid #ffffff}
.navframe5{
  border-left:1px solid #ffffff;
  border-right:1px solid #ffffff}
.navframefg{
  background:#FFFFFF;
   
	
	}
	
	
.lhlow{display:block}
.lhlow *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#FFFFFF}
.lhlow1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #ffffff;
  border-right:1px solid #ffffff;
  background:#ffffff}
.lhlow2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #ffffff;
  border-right:1px solid #ffffff;
  background:#ffffff}
.lhlow3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #ffffff;
  border-right:1px solid #ffffff;}
.lhlow4{
  border-left:1px solid #ffffff;
  border-right:1px solid #ffffff}
.lhlow5{
  border-left:1px solid #ffffff;
  border-right:1px solid #ffffff}
.lhlowfg{
  background:#FFFFFF}



 
.bg {background: url(images/button4.gif);}
.menu {padding:0 0 0 5px; margin:0; list-style:none; height:40px; background:#fff url(images/button1a.gif) repeat-x; position:relative; font-family:arial, verdana, sans-serif; }
.menu li.top {display:block; float:left; position:relative;}
.menu li a.top_link {display:block; float:left; height:40px; line-height:33px; color:#bbb; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
.menu li a.top_link span {float:left; font-weight:bold; display:block; padding:0 20px 0 12px; height:40px;}
.menu li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px; background:url(images/down.gif) no-repeat right top;}
.menu li a.top_link:hover {color:#000; background: url(images/button4.gif) no-repeat;}
.menu li a.top_link:hover span {background:url(images/button4.gif) no-repeat right top;}
.menu li a.top_link:hover span.down {background:url(images/button4a.gif) no-repeat right top;}

.menu li:hover > a.top_link {color:#000; background: url(images/button4.gif) no-repeat;}
.menu li:hover > a.top_link span {background:url(images/button4.gif) no-repeat right top;}
.menu li:hover > a.top_link span.down {background:url(images/button4a.gif) no-repeat right top;}

.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

.menu a:hover {visibility:visible;}
.menu li:hover {position:relative; z-index:200;}

.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu :hover ul.sub {left:2px; top:40px; right:2px; background: #fff; padding:3px 0; border:1px solid #999999; white-space:nowrap; width:200px; height:auto;}
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:250px;}
.menu :hover ul.sub li a {font-weight:normal;display:block; font-size:11px; height:20px; width:192px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu :hover ul.sub li a.fly {background:#fff url(images/arrow.gif) 80px 7px no-repeat;}
.menu :hover ul.sub li a:hover {background:#999999; color:#fff;}
.menu :hover ul.sub li a.fly:hover {background:#999999 url(images/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu :hover ul li:hover > a.fly {background:#999999 url(images/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 

.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid 999999; white-space:nowrap; width:93px; z-index:200; height:auto;}


* a.frame:link {
	font : 10px Arial, Helvetica, sans-serif;
	color : #000;
	text-decoration : none;
	font-weight: 800;
		background: url(smar.png) no-repeat 0px 6px;
	padding-left: 10px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 3px;
	margin-left: 0px;
}

* a.frame:visited {
	font : 10px Arial, Helvetica, sans-serif;
	color : #000;
	text-decoration : none;
	font-weight: 800;
		background: url(smar.png) no-repeat 0px 6px;
	padding-left: 10px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 3px;
	margin-left: 0px;

}

* a.frame:hover {
font : 10px Arial, Helvetica, sans-serif;
	color : #F00;
	text-decoration : none;
	font-weight: 800;
		background: url(smar2.png) no-repeat 0px 4px;
	padding-left: 10px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 3px;
	margin-left: 0px;


}

* a.frame:active {
	font : 10px Arial, Helvetica, sans-serif;
	color : #000;
	text-decoration : none;
	font-weight: 800;
		background: url(smar.png) no-repeat 0px 6px;
	padding-left: 10px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 3px;
	margin-left: 0px;

}

* a.framenew:link {
	font : 10px Arial, Helvetica, sans-serif;
	color : #000;
	text-decoration : none;
	font-weight: 800;
		background: url(new16px.png) no-repeat 0px 6px;
	padding-left: 22px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 3px;
	margin-left: 0px;
}

* a.framenew:visited {
	font : 10px Arial, Helvetica, sans-serif;
	color : #000;
	text-decoration : none;
	font-weight: 800;
		background: url(new16px.png) no-repeat 0px 6px;
	padding-left: 22px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 3px;
	margin-left: 0px;

}

* a.framenew:hover {
font : 10px Arial, Helvetica, sans-serif;
	color : #F00;
	text-decoration : none;
	font-weight: 800;
		background: url(smar2.png) no-repeat 10px 4px;
		padding-left: 22px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 3px;
	margin-left: 0px;


}

* a.framenew:active {
	font : 10px Arial, Helvetica, sans-serif;
	color : #000;
	text-decoration : none;
	font-weight: 800;
		background: url(new16px.png) no-repeat 0px 6px;
	padding-left: 22px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 3px;
	margin-left: 0px;

}

* a.frame2:link {
	font : 12px Arial, Helvetica, sans-serif;
	color : #666;
	text-decoration : none;
	font-weight: 800;
	background-image: url(frarrow5.png);
	padding-left: 11px;
	padding-right: 11px;
	padding-top: 5px;
	padding-bottom: 3px;
	background-repeat: no-repeat;
	background-position: left;
}

* a.frame2:visited {
	font : 12px Arial, Helvetica, sans-serif;
	color : #666;
	text-decoration : none;
	font-weight: 800;
	background-image: url(frarrow5.png);
	padding-left: 11px;
	padding-top: 5px;
	padding-bottom: 3px;
	background-repeat: no-repeat;
	background-position: left;
		padding-right: 11px;

}

* a.frame2:hover {
	font : 12px Arial, Helvetica, sans-serif;
	color : #F00;
	text-decoration : none;
	font-weight: 800;
	background-image: url(frarrow2a.png);
	padding-left: 11px;
	padding-top: 5px;
	padding-bottom: 3px;
	background-repeat: no-repeat;
		padding-right: 11px;

}

* a.frame2:active {
	font : 12px Arial, Helvetica, sans-serif;
	color : #FF9900;
	text-decoration : none;
	font-weight: 800;
	background-image: url(frarrow5.png);
	padding-left: 11px;
	padding-top: 5px;
	padding-bottom: 3px;
	background-repeat: no-repeat;
		padding-right: 11px;

}
#header #bannerbox img {
	text-align: right;
}

#example1 li{ /*CSS specific to demo 1*/
margin-bottom: 4px;
}

code{ /*CSS for insructions*/
color: red;
}

#example2 a{ /*CSS specific to demo 3*/
	color: #000000;

}

#example1 a{ /*CSS specific to demo 3*/
	color: #000000;
	text-decoration: none;

}

* BLOCKQUOTE {
	display:block;
	margin:0px 0 0px 0;
	text-align: left; 
	text-decoration : none;
padding-left: 25px;
	background-repeat: no-repeat;  
		background: url(smar.png) no-repeat 14px 3px;

	 }
	 
* a.normal:link {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	font-size: 9px;
	background: url(frarrow2a.png) no-repeat 10px 0px;
	padding-left: 20px;
	background-repeat: no-repeat;
	padding-right: 11px;}

* a.normal:visited {
	color : #000000;
	text-decoration : none;
	font-weight: 800;
	background-image: url(go.png);
	padding-left: 22px;
	padding-top: 5px;
	padding-bottom: 3px;
	background-repeat: no-repeat;
	background-position: left;
}

* a.normal:hover {
	color : #FF0000;
	text-decoration : none;
	font-weight: 800;
	background-image: url(go3.png);
	padding-left: 22px;
	padding-top: 5px;
	padding-bottom: 3px;
	background-repeat: no-repeat;
}

* a.normal:active {
	color : #FF0000;
	text-decoration : none;
	font-weight: 800;
	background-image: url(go2.png);
	padding-left: 22px;
	padding-top: 5px;
	padding-bottom: 3px;
	background-repeat: no-repeat;
}

* a:link {
           font : 10px Arial, Helvetica, sans-serif;
           color : #000000;
           text-decoration : none;
}

* a:hover {
	       font :  10px Arial, Helvetica, sans-serif;
           color : #FF0000;
           text-decoration : none;
}


* a:active {
           font :10px Arial, Helvetica, sans-serif;
           color : #000000;
           text-decoration : none;
}

* a:visited {
           font : 10px Arial, Helvetica, sans-serif;
           color : #000000;
           text-decoration : none;
}

.boxheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 800;
	color: #000000;
	padding-left: 25px;
	padding-top: 10px;
	padding-bottom: 4px;
	background: url(revicon.png) no-repeat 12px 4px;
	text-align: left;

}

.boxheader2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 800;
	color: #000000;
	padding-left: 25px;
	padding-top: 10px;
	padding-bottom: 0px;
	background: url(revicon.png) no-repeat 12px 4px;
	text-align: left;
	margin-bottom:5px;

}

.adboxcontent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 800;
	color: #000000;
		padding-left: 20px;
				padding-top: 15px;
								padding-bottom: 15px;


}


.smadboxcontent {
	float:left
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
		padding-left: 0px;
		margin-right:5px;
			margin-left:5px;
				padding-left: 1px;
								padding-top: 10px;
								padding-bottom: 5px;

}

.connecticon {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
		padding-left: 2px;
				padding-top: 40px;
								padding-bottom: 5px;



}

.lighttext {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
}
.lighttext2 {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: center;
}


.promoheadline {
	color: #333;
	font-family: arial;
	font-size: 13px;
	font-weight:bold;
	text-align: left;
	
}

.promobodytext {
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	padding:opx;
	
}

* a.promo:link {
	color: #FFO;
	text-decoration:underline;
	font-weight: bold;
	font-size: 10px;
	background: url(smar.png) no-repeat 10px 0px;
	padding-left: 20px;
	background-repeat: no-repeat;
	padding-right: 11px;}
	
	
	
	
	
	
	#shoplist {
	width: 140px;
	height: 340px;
	border-left:dotted thin;
	border-color:#333; 
	background: #000;
	margin: 10px 0px 20px 5px;
	padding: 5px;
	text-align: left;
	float: left;

}
	
	
.shopheadline {
	color: #ccc;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom:dotted 1px #333;
	
	font-size: 14px;
	font-weight: 800;
	color: #999;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 4px;
	background: url(revicon.png) no-repeat 12px 0px;
	text-align: left;
	
}

.shopsubheadline {
	color: #ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	padding-left:10px;
	
	
}

* a.shop:link {
	font : 10px Arial, Helvetica, sans-serif;
	color : #ccc;
	text-decoration : none;
	font-weight: 800;
		background: url(smar.png) no-repeat 3px 6px;
	padding-left: 14px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 3px;
	margin-left: 5px;
	
}

* a.shop:visited {
	font : 10px Arial, Helvetica, sans-serif;
	color : #ccc;
	text-decoration : none;
	font-weight: 800;
		background: url(smar.png) no-repeat 3px 6px;
	padding-left: 14px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 3px;
	margin-left: 5px;
}

* a.shop:hover {
font : 10px Arial, Helvetica, sans-serif;
	color : #F00;
	text-decoration : none;
	font-weight: 800;
		background: url(smar2.png) no-repeat 2px 4px;
	padding-left: 14px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 3px;
	margin-left: 5px;

}

* a.shop:active {
	font : 10px Arial, Helvetica, sans-serif;
	color : #ccc;
	text-decoration : none;
	font-weight: 800;
		background: url(smar.png) no-repeat 3px 6px;
	padding-left: 14px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 3px;
	margin-left: 5px;
	
}

.shoptext {
	color: #ccc;
	font : 10px Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	padding-top:20px;
	margin-bottom: 15px;
	
	
}