@charset "utf-8";
/* CSS Document */
@import url("SpryTabbedPanels.css");
@import url("header.css");
@import url("footer.css");

html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, em, font, tt, dl, dt, dd, ol, ul, li, fieldset, form, label, tfoot, thead, th, tr, td, table, img {
	margin:0px;
	padding:0px;
	border:0px;
	outline:0px;
	font-weight: normal;
	font-style: inherit;
/*	line-height: 135%;*/
	color:#5B5B5B;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	list-style:none;
	}
#container, #header, #wrapper, #left-panel, #right-panel, #footer {
	margin:0 auto;
	position:relative;
	}
#container {
	width:990px;
	border-top:3px solid #666;
	background-color:#FFF;
	}
#container ul.t-link {
position:absolute;
height:30px;
top:10px;
right:50px;
}
#container ul.t-link li {
	float:left;
	color:#033;	
	padding-left:10px;
	padding-right:10px;
	border-left:1px solid #CCC;
}
#container ul.t-link li.remove {
	border:none;
}	
#container h1 {
text-indent:-9999px;
position:absolute;
}	
#container span.logo {
	position:absolute;
	background:url(../images/cartoon-logo.gif) top left no-repeat;
	width:108px;
	height:125px;
	top:0px;
	left:50px;
	z-index:200;
}

#main {
	background:url(../images/gray-line.jpg) top center repeat-y;
	margin-top:90px;

}
#header, #wrapper, #footer {
	width:100%;
	}

#wrapper {
	width:892px;
	margin-bottom:20px;
	padding-left:40px;
	padding-right:40px;
}
#left-panel {
	float:left;
	width:68%;
	}
#wrapper .m-title {
	color:#666;
	padding-top:20px;
	margin-bottom:20px;
	font-size:16px;
	text-indent:20px;
	background:url(../images/orange-h2.gif) top left no-repeat;
}
#wrapper .s-title {
	font-size:24px;
	margin-top:0px;
	text-indent:18px;
	color:#FF6600;
	margin-bottom:30px;
}
#wrapper span img {
position:absolute;
top:0px;
right:0px;
width:581px;
height:69px;
}

#wrapper .errow {
background:url(../images/errow.jpg) left center no-repeat;
padding-left:20px;

}
#wrapper .errow a:link, #wrapper .errow a:visited {
	font-weight:bold;
	color:#666;
	font-size:16px;
}
#wrapper .errow a:hover {
	color:#006DAE;
}
#right-panel {
	float:right;
	width:29%;
	color:#0C0;
	text-align:center;	
	}
#right-panel p {
	text-align:center;
	font-size:11px;
}
#right-panel img {
	margin-top:30px;
	text-align:center;
}
	
/*PACKAGE START*/

#right-panel #package {
width:100%;
margin-top:15px;
height:294px;
}	
	
#right-panel #package ul li {
	height:105px;
	margin-bottom:6px;
}

#right-panel #package ul li h4, #right-panel #package ul li h5 {
	text-align:center;
	color:#FFF;
	font-size:24px;
	margin-top:3px;
	width:160px;
	font-weight:bold;
	border-right:4px solid #FFF;
	height:48px;
	float:right;
}
#right-panel #package ul li h4 span, #right-panel #package ul li h5 span  {
	display:block;
	color:#FFF;
	font-weight:bold;	
}

#right-panel #package ul li.cs {
	background:url(../images/c-silver.gif) 2% 50% no-repeat;
	border:1px solid #CCCCCC;
}

#right-panel #package ul li.cs h4, #right-panel #package ul li.ls h4 {
	background:#4C4C4C;
}

#right-panel #package ul li.cg {
	background:url(../images/c-gold.gif) 2% 50%  no-repeat;
	border:1px solid #DFC827;
}

#right-panel #package ul li.cg h4, #right-panel #package ul li.lg h4  {
	background:#968508;
}

#right-panel #package ul li.cp {
	background:url(../images/c-platinum.gif) 2% 50%  no-repeat;
	border:1px solid #99AAFF;
}

#right-panel #package ul li.cp h4, #right-panel #package ul li.lp h4  {
	background:#2E44B3;
}

#right-panel #package ul li.cs h5, #right-panel #package ul li.ls h5 {
	background:#CCCCCC;
}
#right-panel #package ul li.cg h5, #right-panel #package ul li.lg h5 {
	background:#DFC827;
}
#right-panel #package ul li.cp h5, #right-panel #package ul li.lp h5 {
	background:#99AAFF;
}

#right-panel #package ul li.ls  {
	background:url(../images/l-silver.gif) 2% 50%  no-repeat;
	border:1px solid #CCCCCC;	
}
#right-panel #package ul li.lg  {
	background:url(../images/l-gold.gif) 2% 50%  no-repeat;
	border:1px solid #DFC827;	
}
#right-panel #package ul li.lp  {
	background:url(../images/l-platinum.gif) 2% 50%  no-repeat;
	border:1px solid #99AAFF;	
}
#right-panel #package ul li a:link, #right-panel #package ul li a:visited, #right-panel #package ul li a:active {
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	}
#right-panel #package ul li a:hover {
color:#000;
}



/*PACKAGE END*/	
#footer {
	background: url(../images/bottom-gray.jpg) bottom center no-repeat;
	}
span.clear-both {
	float:none;
	clear:both;
	display:block;
	}
p {
text-align:justify;
line-height:17px;
padding-bottom:10px;
}

h4 {
	color:#006DAE;
font-weight:bold;
}

td {
padding:9px;
padding-bottom:5px;
padding-top:5px;
}

.orders {
margin-top:10px;
width:100%;	
}

.h-titles {
background:#FC0;
color:#000;
border-right:3px solid #000;
border-left:3px solid #000;
font-size:16px;
font-weight:bold;
}

.titles {
width:23%;
background:#F9F9F9;
}
.fields {
width:55%;
background:#F3F3F3;
}
.fields input {
height:17px;
padding-left:2px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.fields textarea  {
width:100%;
padding-left:2px;
height:80px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
input, textarea, select	 {
border-top:2px solid #999;
border-bottom:1px solid #CCC;
}

.info {
width:25%;
font-size:11px;
background:#F9F9F9;
color:#666;
}
input.radio {
width:25px;
border:none;
}
input.checkbox {
border:none;
width:25px;
}

input.button {
height:28px;
padding-left:20px;
padding-right:20px;
font-size:14px;
font-weight:bold;
}	
.sub-botton {
width:inherit;
width:138px;
height:42px;
color:#FFF;
font-weight:bold;
border:none;
background:url(../images/order-bottom-hover.gif) top left no-repeat;
}
.sub-botton:hover {
background:url(../images/order-bottom.gif) top left no-repeat;
}

.recent {
border:1px solid #CCC;
text-align:center;
margin-top:55px;
}
.recent img {
	margin-top:10px;
}
.recent h2 {
font-weight:bold;
background:#F60;
padding:7px;
color:#FFF;
border:1px solid #F60;
}
.recent h3 {
margin-top:10px;
}
.recent h3 a:link, .recent h3 a:visited, .recent h3 a:active {
color:#F90;
font-weight:bold;
font-size:18px;
}
.recent h3 a:hover {
color:#000;
}

.recent h4 {
	color:#333;
	padding-top:5px;
}

.recent p {
	padding:10px;
	font-size:12px !important;
	text-align:justify !important;

}
.impor {
color:#F00;
font-weight:bold;
margin-left:3px;
font-size:16px;
}