/* netoons.com */

/*----- COLORS -----*/
/*  cornflower blue:8c9db5 */
/*  lt orange: #febc5b*/
/*  dkgray: #6c5f68   */
/*  Gray 3: #a3a3a3 */
/*------------------*/

body {
	margin:0;
	color: #000000;
	background-color:#929292;
   }
   
#heading h1 {
	width:185px;
	height:75px;
	display:block;
	margin:0;
	padding:0;
	}
	
#heading h1 a {
	margin:0;
	padding:0;
	width:185px;
	height:75px;
	display:block;
	overflow:hidden;
	text-indent:-1000px;
	background-image:url(/images/netoons_logo.png);
	background-repeat:no-repeat;
	}

.menu {
	width:615px;
	height:38px;
	position:relative;
	z-index:2;
	}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
	}
	
.menu ul ul {
	width:150px;
	}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

.menu li {
	float:left;
	position:relative;
	}
/* style the links for the top level */

.menu a {
	display:block;
	}

/* style the second level background */
.menu ul ul a.drop {
	background:#8C9DB5 160px center;
	}
	
/* style the second level hover */
.menu ul ul a.drop:hover {
	background:#8C9DB5 160px center;
	}
	
.menu ul ul :hover > a.drop { 
	background:#8C9DB5 160px center;
	}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:38px;
	left:0;
	width:160px;
	}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
	}

/* style the second level links */
.menu ul ul a {
	background:#8C9DB5;
	color:#000;
	height:auto;
	line-height:1em;
	padding:5px 10px;
	width:160px;
	text-decoration:none;
	}

/* style the top level hover */
.menu a:hover {
	color:#fff;
	background:none;
	}
	
.menu ul ul a:hover {
	color:#000;
	background:#DBDBDB;
	}
	
.menu :hover > a {
	color:#fff; 
	background:none;
	}
	
.menu ul ul :hover > a {
	color:#000; 
	background:#DBDBDB;
	}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul{ 
	visibility:visible; 
	}

a#topic {
	background-image:url(/images/nav_topic.png);
	background-repeat:no-repeat;
	width:149px;
	height:38px;
	display:block;
	text-indent:-10000px;	
	}
	
a#topic:hover {
	background-image:url(/images/nav_topic_on.png);
	background-repeat:no-repeat;
	}	
	
a#order {
	background-image:url(/images/nav_order.png);
	background-repeat:no-repeat;
	width:134px;
	height:38px;
	display:block;
	text-indent:-10000px;	
	}
	
a#order:hover {
	background-image:url(/images/nav_order_on.png);
	background-repeat:no-repeat;
	}

a#about {
	background-image:url(/images/nav_about.png);
	background-repeat:no-repeat;
	width:135px;
	height:38px;
	display:block;
	text-indent:-10000px;	
	}
	
a#about:hover {
	background-image:url(/images/nav_about_on.png);
	background-repeat:no-repeat;
	}
	
a#bestsellers {
	background-image:url(/images/nav_bestsellers.png);
	background-repeat:no-repeat;
	width:174px;
	height:38px;
	display:block;
	text-indent:-10000px;
	}
	
a#bestsellers:hover {
	background-image:url(/images/nav_bestsellers_on.png);
	background-repeat:no-repeat;
	}

.menu2 {
	width:395px;
	height:14px;
	display:block;
	position:relative;
	top:10px;
	left:200px;
	}

.menu2 ul {
	margin:0;
	padding:0;
	}
	
.menu2 ul li {
	margin:0;
	padding:0;
	list-style-type:none;
	float:left;
	position:relative;
	}

a#contact {
	background-image:url(/images/contact2.gif);
	background-repeat:no-repeat;
	width:62px;
	height:14px;
	display:block;
	text-indent:-10000px;
	}
	
a#contact:hover {
	background-image:url(/images/contact2_over.gif);
	background-repeat:no-repeat;
	}
	
a#viewcart {
	background-image:url(/images/viewcart.gif);
	background-repeat:no-repeat;
	width:69px;
	height:14px;
	display:block;
	text-indent:-10000px;
	}
	
a#viewcart:hover {
	background-image:url(/images/viewcart_over.gif);
	background-repeat:no-repeat;
	}
	
#footer {
	width:800px;
        height:48px;
	display:block;
	margin:0;
	background-image:url(/images/fooer_bg.png);
	background-repeat:repeat-x;
	padding:5px 0 10px 0;
	text-align:center;
	}
	
#footer p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
        line-height: 20px

	}


/*---*/
	  

hr {border: none 0; 
	border-top: 1px solid;
	width: 90%;
	height: 1px;
	margin: 5px auto 0 20px;
	text-align: left;
}


/* Anchor Styles ------------------------------------- Anchor Styles */

a:link {
   color:#f17901;
   }

a:visited {
   color:#f17901;
   }

a:hover {
   color:#febc5b;
   }

a:active {
   color:#f17901;
   }

/* td Styles --------------------------------------- td Styles */
div.search	{
	font-family: arial,verdana, sans-serif;
	color:#FF9900;
	vertical-align:top;
	width:90%;
	font-size:75%;
	padding:0 20px 0 0;
	}
div.topnav	{
	background-image:url(/images/top.gif);
	}
td.rightNav	{
	padding-left:10px;
	text-align:right;
	vertical-align:middle;
	font-size:13px;
	}
td.back{
	padding-right:25px;
	height:31px;
	text-align:right;
	vertical-align:middle;
	font-size:11px;
	background-color:#7f7f7f;
	}
td.prodTitle	{
	font-family: arial,verdana, sans-serif;
	vertical-align:middle;
	font-size:12px;
	font-weight:bold;
	letter-spacing:1px;
	color:#062597;
	}

/* Form Styles --------------------------------------- Form Styles */

#form_errors {
  display: none;
	padding: 8px;
	background-color: #f6f1cb;
	border: 1px solid #006699;
	line-height: 12px;
	margin-bottom: 12px;
}

form.inline {
   display:inline;
   }

div input {
   font-size:10px;
	 height:13px;
	 margin:0 8px 0 8px;
   font-family: verdana, sans-serif;
   color:#000000;
	 border-width:1px;
   border-color:#DDDDDD #999999 #999999 #DDDDDD;
   }

td input {
   }
  
textarea, input {
   font-size:10px;
   font-family: verdana, sans-serif;
   color:#000000;
	 border-width:1px;
   border-color:#DDDDDD #999999 #999999 #DDDDDD;
   }

input#search_img {
   width: 57px;
   height: 14px;
   }

select {
   font-size:10px;
   font-family: verdana, sans-serif;
   color:#000000;
	 border-width:1px;
   border-color:#DDDDDD #999999 #999999 #DDDDDD;
   }

   /* Shopsite Order Button */   
input.info {
	 margin:5px;
	 vertical-align:middle;
/* BORDERS FOR A BEVEL LOOK */
   border-width:1px;
   border-color:#DDDDDD #999999 #999999 #DDDDDD;
  
   }
select.info {
width:50%;
	 margin:5px;
	 vertical-align:middle;
/* BORDERS FOR A BEVEL LOOK */
   border-width:1px;
   border-color:#DDDDDD #999999 #999999 #DDDDDD;
  
   }

.submit {
	height: 20px;
	font-size: 100%;
	}



/* Header Styles -------------------------------------- Header Styles */

h1 {
   color:#001E8F;
   font-size:190%;
   font-weight:normal;
	margin:0;
   line-height:70%;
   padding: 20px 5px 0 0;
	}

h4 {
   padding:15px 8px 0px 20px;
   color:#000000;
   font-size:105%;
   height:8px;
   font-weight:bold;
   }
h5 {
   color:#000000;
   line-height:50%;
   }

/* Image Styles --------------------------------------- Image Styles */


 


/* Paragraph Styles ------------------------------------- Paragraph Styles */
table.detailTable	{
	background-color:#e9e9e9;
	border:1px solid #6c5f68;

}
p {	
	font-family: verdana,tahoma, sans-serif;
	color:#000000;
	font-size:11px;
	padding:0 15px 0 15px;
	line-height:120%
	}
p.gray {	
	color:#000000;
	padding: 0 15px 15px 0;
	}

.prodDesc {   
   font-size:100%;
   }

td.detail_title	{
	border-bottom:1px solid #A7A7A7;
	color:#000000;
	font-size:95%;
	text-transform:uppercase;
	text-align:right;
	padding:5px;
}
td.item_att	{
	border-bottom:1px solid #A7A7A7;
	color:#000000;
	
}
td.item_opt table {
	border-bottom:1px solid #A7A7A7;
	color:#000000;
	font-size:95%;
}
.detail {
	color:#000000;
}
.item_title {
	color:#000000;
	font-weight:bold;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:105%;
	padding:0 5px 0 12px;
}
.item_desc {
	text-align:left;
	padding:2px 5px 8px 12px;
	color:#000000;
	font-size:95%;
}

div.thumbOvers {
	 background-color:#8c9db5;
	 text-align:center;
   }
div.callouts {
	 background-color:#febc5b;
	 text-align:left;
   }

/* Table Styles ------------------------------------- Table Styles */

table {
	 	font-size:11px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		
   }
table.detail {
	width:100%;
   vertical-align:top;
   padding:15px;
   }
.catTitle {
	border-bottom:1px solid #6c5f68;
	color:ffffff;
	padding:4px;
	background-color:#8c9db5;
	text-transform:uppercase;
	font-size:90%;
	font-weight:bold;
   }
	 
.thumbs {
	text-align:center;
	border:1px solid #929292;
	margin-top:20px;
   }
.thumbs:hover {
	color:#6c5f68;
	border-color:#6c5f68;
 }

.thumbTitle, a.thumbTitle {
	font-family:Tahoma,Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	background-image:url(/images/bg_text.gif);
	text-align:center;
	padding:4px;
	margin:2px 0 0 0;
	font-size:90%;
	font-weight:bold;
	text-decoration:none;
}	
	
a.thh:link,a.thh:active,a.thh:visited,div.thumbTitle a:link,div.thumbTitle a:active,div.thumbTitle a:visited {
	color:#000000;
}
a.thh:hover,div.thumbTitle a:hover {
    color:#8c9db5;
}

td {
   vertical-align:top;
   }

bgImg2{
	background: url(images/bg_right.gif);
	}
   /* For Ebeacon Branding */
#ebeacon_text {
   font-size:85%;
   color:#FFFFFF;
   }

#ebeacon_link:link, #ebeacon_link:visited {
   font-size:85%;
   color:#FFFFFF;
   text-decoration:underline;
   }

#ebeacon_link:hover {
   font-size:85%;
   color:#A5BE08;
   text-decoration:underline;
   }


table#cartoon_specs {
	margin: 10px auto;
	}
table#cartoon_specs td.key {
	text-align: right;
	padding: 2px 5px;
	width: 50%;
	}
table#cartoon_specs td.value {
	font-weight: bold;
	text-align: left;
	padding: 2px 5px;
	width: 50%;
	}
	
div.box {
clear: both;
}
img.steps_img {
margin: 0px 10px 10px 0px;
float: left;
}
div.steps_text {
}


#art_shows h3 {
color: #6c5f68;
border-bottom: 1px solid #6c5f68;
clear:left;
}

.date {
color:#FEAF44;;
font-weight:bold;
}

#art_shows h2 {
background-color:#8c9db5;
padding: 10px 0px 10px 10px;
color:white;
}



#footer a {
color:white;
text-decoration:none;
}

#footer a:hover {
color:#FEBC5B;
}

#buy_more {
background-color:#ffffff;
width: 370px;
padding:5px 0px;
margin:5px 0px 5px 5px;
border:2px solid #8C9DB5;
}

#buy_more p {
color:#6A7B93;
}

#buy_more p strong {
color:#000000;
}