/*

a{

	text-decoration:none;

	outline:none;

	}

a:hover{

	text-decoration:underline

	}

a:active{

	color:#c00;

}

*/

@charset "iso-8859-1";

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */



/*--------------------------------------------------

  REQUIRED to hide the non-active tab content.

  But do not hide them in the print stylesheet!

  --------------------------------------------------*/

.tabberlive .tabbertabhide {

 display:none;

}



/*--------------------------------------------------

  .tabber = before the tabber interface is set up

  .tabberlive = after the tabber interface is set up

  --------------------------------------------------*/

.tabber {

	

}

.tabberlive {

 margin-top:1em;

}



/*--------------------------------------------------

  ul.tabbernav = the tab navigation list

  li.tabberactive = the active tab

  --------------------------------------------------*/

ul.tabbernav

{

/* vshih 8/1/08

 margin:0;

*/

 margin:0 0 0 4px;

 padding: 3px 0;

 border-bottom: 1px solid #fff;

 font: bold 14px Verdana, sans-serif;

}



ul.tabbernav li

{

 list-style: none;

 margin: 0;

 display: inline;

}



ul.tabbernav li a

{

 padding: 7px 0.9em;

/* vshih 8/1/08

 margin-left: 3px;

*/

 margin-left: -1px;

 border-right: 1px solid #666;

 border-bottom: 1px solid #666;

 background: url(../images/tab-back.png) #DED9B2;

 text-decoration: none;

}



ul.tabbernav li a:link { color: #555; }

ul.tabbernav li a:visited { color: #667; }



ul.tabbernav li a:hover

{

 color: #000;

 background: url(../images/tab-back.png) #ccc;

}



ul.tabbernav li.tabberactive a

{

 background-color: #fff;

/* vshih 8/1/08

 border-bottom: 3px solid #666;

*/

 border-bottom: 4px solid #A58822;

/* vshih 8/1/08

 color: #000

*/

}



ul.tabbernav li.tabberactive a:hover

{

 color: #000;

 background: url(../images/tab-back.png) #ccc;

 border-bottom: 3px solid #666;

}



/*--------------------------------------------------

  .tabbertab = the tab content

  Add style only after the tabber interface is set up (.tabberlive)

  --------------------------------------------------*/

.tabberlive .tabbertab {

 padding:5px;

 border-top:0;



 /* If you don't want the tab size changing whenever a tab is changed

    you can set a fixed height */



 /* height:200px; */



 /* If you set a fix height set overflow to auto and you will get a

    scrollbar when necessary */



 /* overflow:auto; */

}



/* If desired, hide the heading since a heading is provided by the tab */

.tabberlive .tabbertab h2 {

 display:none;

}

.tabberlive .tabbertab h3 {

 display:none;

}



/* Example of using an ID to set different styles for the tabs on the page */

.tabberlive#tab1 {

}

.tabberlive#tab2 {

}

.tabberlive#tab2 .tabbertab {

 height:200px;

 overflow:auto;

}





	.boxContent_wp



	{



		position:relative;



		overflow:hidden;



		font-size:13px;



		/*color:#000000;*/

padding:0px;

		



	}

	

	.bodyBlock



	{



		/*margin-top: 5px;*/

margin: 0px;

		z-index: 50;



		/*padding: 0px 10px 0px 10px;*/

padding:0px;



	}

	

ul,ol{

	margin:0 0 15px 25px;

	padding:0;

	color:#666

}

ol li{

	margin:0 0 15px;

	padding:0;

	font-size:12px;

	color:#666;

	text-align:left;

	list-style:decimal

}

ul li{

	margin:0 0 15px;

	padding:0;

	font-size:12px;

	color:#555;

	text-align:left;

	list-style:disc

}

h1{

	margin:5px 0;

	padding:0;

	font:27px Arial, Helvetica, sans-serif;

	color:#142869

}

h2{

	margin:3px 0;

	padding:0;

	font:22px Arial, Helvetica, sans-serif;

	color:#142869

}

h3{

	margin:22px 0 11px;

	padding:0;

	font-size:20px;

	color:#142869

}

h4{

	margin:2px 0;

	padding:0;

	font-size:12px;

	color:#142869

}

h5{

	margin:1px 0;

	padding:0;

	font:14px Arial, Helvetica, sans-serif;

	font-style: bold;

	color:#003d78

}

h6{

	margin:5px 10px;

	padding:0;

	font-size:14px;

	color:#9C7500

}

h7{

	margin:0px 0px 0px 0px;

	padding:0px;

	font-size:16px;

	font-style: bold;

	color:#000000;

}

p{

	font-size:12px;

	color:#444;

	line-height:18px;

	text-align:justify

}

blockquote{

	margin:3px 0 12px;

	padding:0 0 0 25px;

	font:15px Arial, Helvetica, sans-serif;

	color:#333;

	line-height:18px;

	text-align:justify;

	font-style:italic;

	background-image:url(images/quote.png) no-repeat

}

hr{

	margin-bottom:15px;

	margin-left:10px;

	border:none;

	border-bottom:1px solid #555;

	background-image:none;

	height:1px

}

input,textarea,select{

	border:1px solid #ccc;

	background-color:#f8f8f8;

	color:#555;

	padding:2px

}

.alignleft{

	float:left

}

.alignright{

	float:right

}

.button{

	padding:3px 0;

	background-image:#000;

	border:1px solid #dbdddf;

	line-height:15px;

	font:bold 11px Arial, Helvetica, sans-serif;

	color:#fff

}

.button:hover{

	background-image:#142869

}

/*

table td{

	padding:6px;

	font-size:13px

}

*/

.thead{

	font-size:15px;

	font-weight:700;

	color:#fff !important;

	background-image:#142869;

}

.row{

	background-image:#e8e8e8

}



/* Page Structure  ----------------------------------------------------------------*/

/*

#container{

	width:900px;

	height:100%;

	margin:0 auto;

	padding:0px;

	background-image:#fff;

	border-bottom:1px solid #666;

	overflow:hidden

}



#header{

	background-image:#fff;

	height:89px

}

*/



#content-wrap{

		

	height:100%;

	overflow:hidden;

	padding:0 0 0 0px;

}



#center_wp{

	float:left;

	width:675px;

	_width:660px;
	background-image:#fff;

	/*margin:10px auto;*/

}

#center-in{

	padding-left:2px;

	color:#555

}

#Sidebar{

	width:195px;

	height:1050px;

	margin:0px auto;

	padding-left:5px;

	float:left;

	/*background: url(/templates/base/images/side-back.gif) no-repeat;*/

	/*background: url( ../images/body_backgr.gif );*/

	background: url(../../base/images/side-back.gif) no-repeat top left;  	

}

#Sidebar1{

	width:195px;

	height:570px;

	margin:0px auto;

	float:left;

	background: url(../../base/images/side-products.gif) #fff no-repeat ;

	

}



#Sidebar3{

	width:195px;

	height:570px;

	margin:0px auto;

	float:left;

	background: url(images/side-camps.png) #fff no-repeat

}



#Sidebarx{

	width: 140px;

	height:570px;

	margin:0px auto;

	float:right;

	background: url(images/side-camps.png) #fff no-repeat;
	z-index: 100;
	position:relative;

}

/*

#footer{

	width:900px;

	height:100%;

	margin:10px auto;

	clear:both;

	position:relative;

	overflow:hidden

}

*/

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

#header h1{

	float:left;

	width:200px;

	height:80px;

	margin:8px 0 0 3px;

	text-indent:-9009px

}

#header h1 a{

	display:block;

	width:100%;

	height:100%;

	padding:0;

	background-image:url(images/logo.gif) no-repeat

}

#header .ad{

	float:left;

	width:480px;

	height:80px;

	margin:8px 0 0 40px;

	text-indent:-9009px

}

#header .ad a{

	display:block;

	width:100%;

	height:100%;

	padding:0;

	background-image:url(images/ads/JaegerAd_top.png) no-repeat	

}

#search{

	float:right;

	width:auto;

	margin:20px 18px 0 0

}

#search .input{

	width:160px;

	margin-right:3px;

	padding:2px 2px 2px 20px;

	background-image:#fff url(images/i_search.png) no-repeat;

	border:2px solid #dbdddf;

	font-size:13px;

	color:#555

}

#search .button{

	width:28px;

	padding:3px 0 4px

}

.Feed{

	margin:0;

	padding:6px 0 0px 0px;

	/*background-image:url(images/rss.png) no-repeat;*/

	background-position:0 6px;

	font:bold 18px Arial, Helvetica, sans-serif;

	font-style:underline;

	color:#32618C

}

.Feed a{

	color:#32618C;

	font-style:underline;

}

/* Sidebar ----------------------------------------------------------------*/

#Sidebar-in ul{

	margin:45px 0 15px 15px;

}

#Sidebar-in ul li.page_item,

#Sidebar-in ul li{

	list-style:none;

	display:block;

	padding:5px 5px 8px 18px;

	margin:0;

	background-image:url() no-repeat;

	background-position:0 8px;

	border-bottom:0px solid #eee;

}



/* Lists used in Page Templates ----------------------------------------------------------------*/

ul.leftlinks{

	margin:0 0 15px;

	padding:0;

	color:#9C7500

}

ul.leftlinks li{

	font-size:12px;

	margin:0 0 5px;

	padding:5px 0 0 15px;

	color:#666;

	border-bottom:1px solid #e8e8e8;

	list-style:none;

	background-image:url(images/small_rightarrow.gif) no-repeat;

	font-weight:700;

	background-position:0 5px;

	text-align:left

}

ul.leftlinks li a{

	color:#666;

	line-height:18px

}

ul.list{

	margin:0 0 15px;

	padding:0

}

ul.list li{

	margin:0 0 5px;

	padding:5px 0 0 15px;

	list-style:none;

	background-image:url(images/small_rightarrow.gif) no-repeat;

	background-position:0 5px

}

ul.services{

	margin:5px 5px 5px 20px;
	
	_margin:5px 0px 5px 5px;

	padding:0;

	list-style:none;

	color:#000

}

ul.services li{

	list-style:none;

	width:280px;
	_width:270px;

	margin:0 30px 0px 0;

	padding:5px;

	float:left;

	color:#666;

	text-align:left

}

ul.contlist{

	width:298px;

	margin:0;

	color:#555

}

ul.contlist li{

	padding:3px 0 3px 15px;

	list-style:none;

	background-image:url(images/bullet.png) no-repeat;

	background-position:0 5px

}

ul.News{

	float:left;

	margin:0;

	padding:0;

	color:#9C7500

}

ul.News li{

	margin-bottom:8px;

	padding:5px 0 0 15px;

	list-style:none;

	background-image:url(images/i_news.png) no-repeat;

	background-position:0 8px;

	color:#555;

	font-size:11px;

	text-align:left

}

ul.News li a{

	color:#555;

	font-size:11px

}

ul.News li a:hover,

#Sidebar-in ul li a{

	color:#96D1E3

}

/* Center Main Content ----------------------------------------------------------------*/

#center-in p{

	margin:3px 0 8px

}

#center-in h2{

	margin:3px 0 5px 0 0;

	padding:0px;

}

#center-in h3{

	margin:22px 0 11px;

	padding:0 0 5px;

	border-bottom:1px dotted #ccc

}

#center-in h4{

	margin:0 0 20px;

	padding:0

}

#center-in h5{

	margin:3px 0 5px;

	padding:0

}

#center-in img{

	padding:0px;

	margin:0 10px 10px;

	border:0px solid #fff

}

.listings{

	padding:5px 0;

	overflow:hidden;

	height:100%

}

#center-in h2.PageTitle{

	margin-bottom:15px;

	font:25px Arial, Helvetica, sans-serif;

	color:#06f

}

.mainlist,.clear{

	clear:both

}

.mainlist_twopart{

	width:300px;

	margin-bottom:20px

}

.clientlist{

	padding:5px 0;

	overflow:hidden;

	height:100%;

	width:400px

}

.clientlist p{

	width:400px;

	float:right

}

.clientlist h6{

	margin:3px 0 0;

	padding:0

}



/* Blog specific CSS ----------------------------------------------------------------*/

.blog ul,.blog ol{

	margin-bottom:10px

}

.blog ul li{

	font-size:12px;

	margin:0;

	list-style:disc

}

.blog ol li{

	font-size:12px;

	margin:0 0 0 15px;

	list-style:decimal

}

.post-footer{

	padding:3px;

	line-height:18px;

	height:18px;

	font-size:12px;

	border-top:1px solid #c6c7c8;

	border-bottom:1px solid #c6c7c8;

	margin-bottom:25px;

	background-image:#fafafa

}

.post-date{

	font-size:11px;

	margin-bottom:10px

}

.post-comments{

	background-image:url(images/i-comments.gif) no-repeat left center;

	padding-left:17px;

	float:left;

	margin-left:10px

}

.post-cat{

	background-image:url(images/i-category.gif) no-repeat left center;

	padding-left:17px;

	margin-left:5px;

	float:right

}

.archive .post-footer{

	 border-top:none;

	 background-image:none;

}

#calendar_wrap table{

	width:100%;

	text-align:center

}

#calendar_wrap table a{

	color:#06f;

	text-decoration:underline

}

#searchform{

	margin:10px 0

}

#searchform br{

	display:none

}

#commented{

	display:block;

	float:left

}

#comment{

	width:auto

}

#commentform .submit{

	background-image:#333;

	color:#fff

}

.comments{

	border-left:2px solid #DEE4DA;

	padding:0 0 0 15px;

	margin-bottom:10px;

	width:99%;

}

.comments h4{

	margin:0!important

}

.comments li{

	border:1px solid #DEE4DA;

	background-color:#F3F3F3;

	padding:5px;

	margin:5px 0;

	list-style:none

}

.commentsmeta{

	margin-top:0;

	padding-top:1px;

	font-size:90%;

	color:#999

}

.comments-autor{

	border:1px solid #B2FF66;

	background-color:#95FFCE;

	padding:5px;

	margin-top:5px;

	margin-bottom:5px

}

.comments-autor li{

	border:1px solid #B2FF66;

	background-color:#95FFCE;

	list-style:none;

	padding:5px;

	margin-top:5px;

	margin-bottom:5px

}

.comments-autor li:hover,.comments li:hover{

	background-color:#fff

}

#calendar_wrap caption,#Sidebar h2{

	margin:5px 0;

	padding:0;

	font:18px Verdana, Arial, Helvetica, sans-serif;

	color:#06f;

	border-bottom:3px solid #e8e8e8

}



/* Paging ----------------------------------------------------------------*/

#paging{

	text-align:center;

	float:right;

	clear:both;

	margin-right:15px

}

.paging{

	margin:3px 0;

	color:#455826;

	font:bold 11px Arial, Helvetica, sans-serif

}

.paging a{

	background-image:#fff;

	border:1px solid #667f86;

	padding:2px 6px;

	margin:0 1px;

	text-decoration:none;

	color:#455826

}

.paging a:hover{

	background-image:#b7c3c7;

	color:#fff;

	text-decoration:none

}

.paging_current{

	background-image:#9C7500;

	border:1px solid #06f;

	padding:2px 6px;

	color:#fff;

	line-height:27px

}



.realated-col{

	border:1px solid #e8e8e8;

	width:190px;

	padding:0 10px;

	margin-top: 20px;

}

.realated-col img{

	padding:0 0px;

	margin:0;

}





ul.realatedlinks{

	margin:0 5px 15px;

	padding:0;

	color:#9C7500;

	width:190px

}

ul.realatedlinks li{

	font-size:11px;

	margin:0 0 5px;

	padding:5px 0 0 15px;

	color:#666;

	list-style:none;

	background-image:url(images/small_rightarrow.gif) no-repeat;

	background-position:0 7px;

	text-align:left

}

ul.realatedlinks li a,

ul li a,ol li a{

	color:#9C7500;

	line-height:18px

}

.cspacer{

	margin-bottom:20px

}

.pro-box{

	border:1px solid #dcdada;

	background-image:#f2f3f4;

	padding:8px 0 0

}

/* Home Page 1 ----------------------------------------------------------------*/

/*

#banner1{

	width:899px;

	height:250px;

	background-image:#ccc url(images/bannerbg.png) no-repeat;

	margin-bottom:5px

}

#banner1 p{

	margin:10px 0 0 290px;

	font-size:13px;

	color:#333

}

#banner1 h2{

	margin:13px 0 0 290px;

	width:500px;

	font:bold 22px Arial, Helvetica, sans-serif;

	color:#142869

}

*/

ul.option1{

	width:500px;

	margin:15px 0 0 290px;

	padding:0;

	color:#142869

}

ul.option1 li{

	width:180px;

	margin-bottom:12px;

	padding:5px 0 0 38px;

	float:left;

	font-size:11px;

	background-position:0 3px;

	color:#666;

	text-align:left;

	list-style:none

}

ul.option1 li a{

	font-weight:700;

	font-size:12px;

	color:#333

}

.i_download{

	background-image:url(images/i_download.png) no-repeat

}

.i_read{

	background-image:url(images/i_read.png) no-repeat

}

.i_photo{

	background-image:url(images/i_video.png) no-repeat

}

.i_talk{

	background-image:url(images/i_talk.png) no-repeat

}

.i_network{

background-image:url(images/network.png) no-repeat

}

.i_top{

	background-image:url(images/topbullet.png) no-repeat;

	background-position:0 2px;

	padding-left:10px

}

.getstarted{

	margin:20px 0 0 650px

}

/* Home Page 2 ----------------------------------------------------------------*/

#banner2{

	width:1021px;
	

	height:175px;

	background:#fff url(../images/bannerbg2.png) no-repeat;

        border-bottom: 1px #444;

	position:relative;

	margin-bottom:0px;

	clear:both



}

#banner2 p{

	width:500px;

	margin-left:20px;

	font-size:13px;

	color:#fff

}

#banner2 h2{

	width:500px;

	/*padding-top:15px;*/

	margin-left:20px;

	font: 36px Arial, Helvetica, sans-serif;

        letter-spacing: -2px;

	color:#fff

}

ul.option2{

	margin:0;

	padding:0;

	float:right;

	color:#fff;

	width:210px

}

ul.option2 li{

	font-size:12px;

	margin-bottom: 0px;

	padding: 0 0 0 13px;

	background-position:0 3px;

	color:#fff;

	text-align:center;

	list-style:none

}

ul.option2 li a{

	font-weight:700;

	font-size:16px;

	color:#fff;

	text-decoration:none;

	list-style:none

}

ul.links{

	margin:0 0 22px;

	padding:0;

	color:#fff

}

ul.links li{

	font-size:11px;

	margin:0 10px 5px;

	padding:5px 0 0 15px;

	list-style:none;

	color:#fff;

	border-bottom:1px solid #CCC;

	background-image:url(images/small_rightarrow.gif) no-repeat;

	background-position:0 5px

}



ul.links_adv li {

	font-weight:700;

	font-size:12px;

	color:#333;

}



/* Home Page 3 ----------------------------------------------------------------*/

/*

#banner3{

	width:899px;

	height:150px;

	background-image:#ccc url(images/bannerbg3.png) no-repeat;

	position:relative;

	margin-bottom:5px

}

#banner3 p{

	margin:0 300px 0 35px;

	font-size:13px;

	color:#333

}

#banner3 h2{

	margin:0 300px 5px 35px;

	padding-top:20px;

	font:bold 22px Arial, Helvetica, sans-serif;

	color:#06f

}

*/

ul.option3{

	margin:0;

	padding:0;

	color:#044e8e

}

ul.option3 li{

	float:left;

	font-size:11px;

	margin-bottom:18px;

	padding:9px 0 15px 53px;

	width:230px;

	background-position:0 3px;

	color:#666;

	text-align:left;

	list-style:none

}

ul.option3 li a,

ul.links li a{

	font-weight:700;

	font-size:12px;

	color:#333;

	text-decoration:none

}

#left-col{

	width:570px;

	height:100%;

	float:left;

	padding:8px 10px;

	overflow:hidden

}

#left-col p{

	margin:3px 0 12px;

	padding:0;

	font-size:12px;

	color:#666;

	line-height:18px;

	text-align:justify

}

#left-col h2{

	margin:3px 0 5px;

	padding:0;

	font:14px Arial, Helvetica, sans-serif;

	color:#06f

}

#left-col h3{

	margin:12px 0 3px;

	padding:0;

	font:14px Arial, Helvetica, sans-serif;

	color:#333

}

.i_internet{

	background-image:url(images/i_internet.png) no-repeat

}

.i_housting{

	background-image:url(images/i_internethousting.png) no-repeat

}

.i_help{

	background-image:url(images/i_help.png) no-repeat

}

.i_star{

	background-image:url(images/i_star.png) no-repeat

}



/* Home Page 4 ----------------------------------------------------------------*/

/*

#banner4{

	width:519px;

	height:222px;

	background-image:#ccc url(images/bannerbg4.png) no-repeat;

	margin-bottom:20px;

	padding:28px 200px 0 180px

}

#banner4 p{

	font-size:12px;

	color:#333

}

*/

/* Home Page 5 ----------------------------------------------------------------*/

/*

#banner5{

	width:510px;

	height:232px;

	padding:8px 30px;

	background-image:#ccc url(images/bannerbg5.png) no-repeat left;

	position:relative;

	margin-bottom:20px

}

#banner5 p{

	font-size:13px;

	color:#333

}

#banner5 h2,

#banner4 h2{

	font-size:22px;

	color:#06f

}

*/

#threein1{

	width:auto;

	clear:both;

	margin-top:22px

}

#threein1 p{

	margin:3px 0 2px;

	padding:0;

	font-size:12px;

	color:#555;

	line-height:18px;

	text-align:justify

}

#threein1 p a{

	color:#555;

	text-decoration:none

}

#threein1 p a:hover, #Sidebar-in ul li a:hover,.pro-box a:hover,

ul.option3 li a:hover, ul.links li a:hover, ul.option2 li a:hover, ul.option1 li a:hover,

.comments a, .post-date a:hover, .post-footer a, p a,

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover

{

	color:#06f

}

#threein1 img{

	float:left;

	padding:2px;

	margin-right:18px;

	border:1px solid #ccc

}



#home-bottom{

	height:100%;

	overflow:hidden

}

.mainboxes{

	width:265px

}

.mainboxes2{

	width:560px

}

.mainboxes p,#Sidebar p{

	margin:3px 0 12px;

	padding:0;

	font-size:12px;

	color:#555;

	line-height:18px;

	text-align:justify

}

.mainboxes h2{

	margin:3px 0 11px;

	padding:0;

	font-size:18px

}

.mspacer{

	padding-left:40px

}



/* Newsletter box ----------------------------------------------------------------*/

.newsletter{

	background-image:url(images/i_newsletter.png) no-repeat;

	border-top:4px solid #e8e8e8;

	background-position:0 8px

}

.newsletter .spacer{

	padding-left:65px;

	margin:3px 0

}

.newsletter .input{

	width:210px;

	margin-right:5px;

	padding:2px;

	background-image:#fff;

	border:1px solid #c9c9c9;

	font-size:13px;

	color:#555

}

.newsletter .button{

	width:28px;

	padding:3px 0

}



/* Contact Form ----------------------------------------------------------------*/

.contactform{

	overflow:hidden;

	font-size:12px

}

.contactform .textarea,.contactform .input{

	border:1px solid #ccc;

	padding:2px;

	font-size:12px

}

.textarea:hover,.input:hover,.textarea:focus,.input:focus {

	background-image:#ebebeb

}

.contactright .button{

	margin:0 0 0 140px !important;

	padding:4px

}

.contactleft{

	width:20%;

	text-align:left;

	clear:both;

	float:left;

	display:inline;

	padding:4px;

	margin:5px 0;

	font-weight:700

}

.contactright{

	width:70%;

	text-align:left;

	float:left;

	display:inline;

	padding:4px;

	margin:5px 0

}

.notification{

	margin:15px;

	border-top:1px solid #693;

	border-bottom:1px solid #693;

	padding:10px 20px;

	background-image:#FFC

}



/* Product Main and Details  ----------------------------------------------------------------*/

ul.product{

	margin:0;

	line-height:15px;

	font-size:12px

}

ul.product li{

	float:left;

	margin:5px 10px 0 0;

	width:150px;

	list-style-type:none

}

ul.product li a{

	text-align:center;

	padding:4px 4px 0;

	display:block;

	height:180px;

	color:#555;

	border:1px solid #fff !important

}

ul.product a:link,ul.product a:active{

	border:0;

	color:#333

}

ul.product a:hover{

	color:#9C7500;

	border:1px solid #eee !important

}

ul.i_page li a{

	text-decoration:none;

	background-image:url(img/i_page.png);

	background-repeat:no-repeat;

	background-position:10px 10px

}

#product_detail{

	overflow:hidden;

	margin:15px 15px 0px 0px;

	font-size:11px;

	line-height:18px;

	padding: 0;

}

.product_pic{

	float:left;

	text-align:center;

	width:230px;

	padding-left:5px;

	margin:0;

}

.product_pic img{

	padding:0 5px

}

.price{

    color:#BF0000

}



/* Footer ----------------------------------------------------------------*/

/*

#footer p{

	margin:0;

	padding:0 0 5px;

	color:#555;

	font-size:9px

}

#footer p a,.pro-box a{

	color:#555

}

#footer .copyright{

	color:#a0a0a0;

	float:left

}

#footer .copyright a{

color:#a0a0a0

}

#footer .copyright a:hover,.comments a:hover,.post-date a,.post-footer a:hover{

	color:#000

}

ul#footerlinks{

	float:right;

	padding:0

}

ul#footerlinks li,ul#nav-top li{

	display:inline;

	list-style:none

}

ul#footerlinks li a{

	margin:0;

	padding:8px 10px 5px;

	color:#888;

	font:bold 10px Arial, Helvetica, sans-serif;

	border-left:1px solid #ccc;

	line-height:18px

}

ul#footerlinks li a:hover,#footer p a:hover,ul.realatedlinks li a:hover,ul.leftlinks li a:hover,.Feed a:hover,p a:hover,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,ul li a:hover,ol li a:hover{

	color:#333

}



*/



.numberschools {

padding:6px 12px 6px 12px;

background-image:#FFFFFF;

border:1px #888888 solid;

float: left;

margin-right:15px;

font-size:18pt;

}



/* Rounded Corner Box ----------------------------------------------------------------*/

#xsnazzy h1,#xsnazzy h2,#xsnazzy p{margin:0 10px}

#xsnazzy p{padding-bottom:5px; overflow: hidden;}

#xsnazzy h2{font-size:16px;margin:0 10px;padding:5px 0 !important;padding-top:5px}

#xsnazzy{background-image:transparent;margin:10px;overflow:auto;padding: 0;width:620px;}

.xtop, xbottom {display:block;font-size:1px}

.xb1,.xb2,.xb3,.xb4{display:block;overflow:hidden}

.xb1,.xb2,.xb3{height:1px}

.xb2,.xb3,.xb4{background-image:url(../../base/images/roundbox-back.png) #f2f3f4 repeat-x;border-left:1px solid #08c;border-right:1px solid #888}

.xb1{margin:0 5px;background-image:#888}

.xb2{margin:0 3px;border-width:0 2px}

.xb3{margin:0 2px;}

.xb4{height:2px;margin:0 1px}

.xboxcontent{display:block;background-image:url(../../base/images/roundbox-back.png) #f2f3f4 repeat-x;border:0 solid #888;padding:0 10px;border-width:0 1px}

/* P.I.E. Float Clearing ----------------------------------------------------------------*/

.clearfix:after{

content:".";clear:both;height:0;visibility:hidden;display:block}

* html .clearfix{height:1%}

.clearfix{display:block}



/* New Rounded Box -----------------------------------------------------------*/



.roundedcornr_box_172079 {

   background: #949494 url(../../base/images/roundedcornr_172079_grad.gif) repeat-x top left;

   margin-left:10px;

}

.roundedcornr_top_172079 div {

   background: url(../../base/images/roundedcornr_172079_tl.gif) no-repeat top left;

}

.roundedcornr_top_172079 {

   background: transparent url(../../base/images/roundedcornr_172079_tr.gif) no-repeat top right;

}

.roundedcornr_bottom_172079 div {

   background: url(../../base/images/roundedcornr_172079_bl.gif) no-repeat bottom left;

}

.roundedcornr_bottom_172079 {

   background: transparent url(../../base/images/roundedcornr_172079_br.gif) no-repeat bottom right;

}



.roundedcornr_top_172079 div, .roundedcornr_top_172079,

.roundedcornr_bottom_172079 div, .roundedcornr_bottom_172079 {

   width: 100%;

   height: 20px;

   font-size: 1px;

}

.roundedcornr_content_172079 { margin: 0 20px; }





/*                                                    */

/*  main 'top-level' form elements                    */

/*                                                    */

@import "calendar.css";



.cform { 

	margin:0px auto 0 auto; 

	width: 500px; 

}



.cform fieldset	{ 

	margin-top:5px; 

	padding:5px 0 5px 0; 

	border:none;

}



.cform .cf_hidden {

	display:none; 

	border:none!important;

	background-image:none!important;

	padding:0!important;

	margin:0!important;

}



.cform legend { 

	color:#003d78;

	margin:0;

	line-height:2em;

	padding: 0; 

	font-size:20px; 

	font-variant:;

}



ol.cf-ol { 

	margin:0!important; 

	padding:0!important; 

}

ol.cf-ol li	{

	background-image:none!important; 

	margin:2px 0!important; /*some themes may interfere otherwise*/

	padding:0; 

	list-style:none!important; 

	text-align:left;

}





/*                                                    */

/* just for text-only fields (no input)               */

/*                                                    */



ol.cf-ol li.textonly {

	padding:4px 0; 

	text-align:left;

	font: 14px Arial;

}





/*                                                    */

/* global definitions for field labels                */

/*                                                    */



.cform label {



	background-image:#E0E0E0 none repeat scroll 0%;

	color:#000000;

	font:12px Arial;

	margin:0 10px 0 0;

	padding:5px 5px 5px;

	width:140px;



	display:-moz-inline-box; /*for mozilla*/

	display:inline-block; /*for Opera & IE*/

	vertical-align:top;

}

.cform label span {

	width:140px; /* must be the same as above!*/

	display:block; 

}



label.cf-before {

	margin:0 10px 0 0; 

}



label.cf-after 	{

	margin:2px 1px 0pt 3px !important;

	width:90px;

	text-align:left;

	background-image:none;

	padding:2px;

	line-height:1.3em;

}



label.cf-after span {

	width:90px;

	display:block;

}



label.cf-group-after {

	margin:2px 0 0 3px!important;

	width:100px;

	text-align:left;

	padding:2px;

	background-image:none;

	line-height:1.3em;

}

label.cf-group-after span {

	width:100px;

	display:block;

}



/*                                                    */

/*   FORM FIELDS general formatting                   */

/*                                                    */



.cform input,

.cform textarea,

.cform select {

	font:12px Arial;

	margin:0;

	border:1px solid #CCCCCC;

	color:#666666;

	padding:4px 5px;

	width:230px;

	vertical-align:top;

}

.cform input:hover,

.cform textarea:hover,

.cform select:hover	{

	border:1px solid #999999;

	color:#000000;

	width:230px;

}

.cform .cf_date {

	width:210px!important;

}



.cform select,

.cform select:hover {

	width:242px; /* attempt to have equal length */

	padding: 3px 5px;

}  



.cform select.cfselectmulti	{ 

	height:7.5em; 

}



.cform textarea {

	overflow:auto;

	height:8em;

}



.cform input.fldrequired,

.cform input.fldrequired:hover{

	border-right:3px solid #ebc2c2; 

	width:228px;

}



.cform select.fldrequired,

.cform select.fldrequired:hover {

	border-right:3px solid #ebc2c2; 

	width:242px;

}



/*                                                    */

/* formatting for text:  "(required)"  & other        */

/*                                                    */



span.reqtxt,

span.emailreqtxt { 

	display:none;

}





/*                                                    */

/*   radio button title                               */

/*                                                    */



ol.cf-ol li.cf-box-title {

	font-weight:bold;

	margin:8px 0pt 0pt !important;

	padding-left:160px; /* check with label 'width' incl. */

}



/*                                                    */

/*   check boxes                                      */

/*                                                    */



.cform input.cf-box-a:hover,

.cform input.cf-box-b:hover,

.cform input.cf-box-a,

.cform input.cf-box-b 	{ 

	vertical-align:top;

	margin:2px 0 0 0; 

	width:14px!important;

	height:22px;

	border:0!important;

	background-image:none!important;

}



.cform input.cf-box-a 	{ 

	margin-left:160px!important; /* check with label 'width' incl. */

} 



/*                                                    */

/* check box groups                                   */

/*                                                    */



ol.cf-ol li.cf-box-group {

	font-weight:bold;

	margin:10px 0pt 0px !important;

	padding-left:160px; 

} 





/*                                                    */

/*   FORM submit button                               */

/*                                                    */



p.cf-sb {

	padding: 0!important;

	margin: 0;

	text-align:center!important;

}

.cform input.sendbutton	{ 	

	border:none!important;

	background-image:transparent url(../images/grey_block_submit.jpg) no-repeat 0 0;

	color:#FFFFFF;

	cursor:pointer;

	font:14px Arial;

	height:31px;

	line-height:31px;

	margin: 0px 7px 10px 0px;

	padding: 0 0 5px;

	width:72px;

}

.cform input.sendbutton:hover	{ 

	background-position:0 -31px;

}





/*                                                    */

/*   FORM FIELDS enhanced error display               */

/*                                                    */

ol.cf-ol li.cf_li_err {

	background-image:#FFDFDF url(li-err-bg.png) repeat!important;

	border-color:#DF7D7D;

	border-style:solid;

	border-width:1px 0pt;

	padding:10px 0!important;

	margin:5px 0!important;

}



ol.cf-ol li ul.cf_li_text_err {

	margin:0 0 0 160px;

	padding:0;

	color:#333;

}



ol.cf-ol ul.cf_li_text_err li {

	background-image:url(icon-alert.png) no-repeat left 1px!important;

	list-style:none!important;

	font-weight:bold;

	text-indent:0;

	margin:0 0 2px!important;

	padding-left:15px;

}

ol.cf-ol ul.cf_li_text_err li:before {

	content:'';

}



/*                                                    */

/* 'visitor verification' related styles              */

/*                                                    */



#cforms_captcha6,

#cforms_captcha5,

#cforms_captcha4,

#cforms_captcha3,

#cforms_captcha2,

#cforms_captcha {

	width:50px!important;

	padding: 4px 4px;

	margin: 0;

}



img.captcha	{

	vertical-align:top;

	margin:0 0 0 10px!important;

	padding:0!important;

	border:none!important;

	float:none!important;

}



img.captcha-reset {

	vertical-align:text-bottom;

	background-image:	url(captcha_reset_grey.gif) no-repeat;

	margin:0 0 2px 3px;

	width:21px;

	height:21px;

}

img.imgcalendar {

/*	

	position:relative;

	top:4px;

*/

}



/*                                                    */

/* change formatting of response msgs here            */

/*                                                    */



div.cf_info {

	color:#333;

	display:none;

	padding:10px 15px!important;

	width:380px;

	line-height:1.3em;

	margin:10px auto;

}

div.cf_info ol {

	margin:0;

	padding:5px 15px 0 30px;

}

div.cf_info ol li {

	padding:1px 0;

	margin:2px 0;

}

div.cf_info a	{

	color:#d13d3d!important;

	text-decoration:underline!important;

}

div.success {

	background-image:#F5F5F5 none repeat scroll 0%;

	color:#888888;

	display:block;

}

div.failure {

	display:block;

	background-image:#FFDFDF url(li-err-bg.png) repeat!important;

	border-color:#DF7D7D;

	border-style:solid;

	border-width:1px 0pt;

}

div.waiting {

	background-image:#F9F9F9;

	color:#AAAAAA;

	display:block;

}

/*                                                    */

/*   formatting for invalid user inputs               */

/*                                                    */

.cform input.cf_error,

.cform input.cf_error:hover {

	color:#d13d3d;

	border-right:6px solid #d13d3d; 

	width:225px;

}

.cform select.cf_error,

.cform select.cf_error:hover {

	color:#d13d3d;

	border-right:6px solid #d13d3d; 

}



div.mailerr {

	display:block;

}

.mailerr,

.cform .cf_errortxt {

	color:#d13d3d;

}

/*                                                    */

/* disabled fields [disabled] does not work on IE!    */

/*                                                    */



[disabled] {

	color:#dddddd;

	border-color:#dddddd!important;

	background-image:none!important;

}

.disabled {

	border-color:#dddddd!important;

}



/*                                                    */

/* upload box styling                                 */

/*                                                    */

.cform input.cf_upload  {

	width:242px;

	background: #f9f9f9;

	border:1px solid #888888;

}

html:root .cform input.cf_upload { 			/* FF only */ 

	margin-top:4px;

}

.cform input.cf_upload:hover  {

	width:242px!important;	

}

/*                                                    */

/*  Other: link love                                  */

/*                                                    */

.linklove {

	width:410px;

	margin:0 auto 10px!important;

	padding:0!important;	

	text-align:right!important;

}

.linklove a,

.linklove a:visited {

	font:10px Tahoma;

	color:#aaaaaa!important;

}



/*                                                    */

/*  Other: browser hacks                              */

/*                                                    */

* html .cform fieldset {

	position: relative;

	margin-top:15px;

	padding-top:25px; 

}

*+html .cform fieldset {

	position: relative;

	margin-top:15px;

	padding-top:25px; 

}

* html .cform legend { 

	position:absolute; 

	top: -10px; 

	left: -8px; 

}

*+html .cform legend { 

	position:absolute; 

	top: -10px; 

	margin-left:-8px;

}



* html ol.cf-ol,

* html ol.cf-ol li	{

	display: inline-block;  /*for ie6*/

}

*+html ol.cf-ol,

*+html ol.cf-ol li	{

	display: inline-block;  /*for ie7*/

}

* html .cform select {

	margin-top:3px;

}

*+html .cform select {

	margin-top:3px;

}

* html img.captcha {

	margin-top:1px!important;

}

*+html img.captcha {

	margin-top:1px!important;

}



* html .cform label {

	margin-top:1px;

}

*+html .cform label {

	display: inline-block; /*for ie7*/

	margin-top:1px;

}





/* lightview.css

   http://www.nickstakenburg.com/projects/lightview

*/



#lightview {

	position: absolute;

	top: 50%;

	left: 50%;

	height: 150px;

	width: 150px;

	margin: -75px 0 0 -75px;

	padding: 0;

}



/* The container that holds everything */

.lv_Container {

	position: relative;

	width: 100%;

	height: 100%;

	background: none;

	padding: 0;

	margin: 0;

}



.lv_Button {

	cursor: pointer;

	text-decoration: none;

	border: none;

	background: none;

	margin: 0;

	padding: 0;

}



/* The buttons on the side when you view a gallery */

.lv_Sides {

	position: absolute;

	top: 50%;

	left: 0;

	clear: both;

	width: 100%;

	padding: 0;

	margin: 0;

}

.lv_Sides * { padding: 0; margin: 0; }

.lv_Sides li {

	list-style-type: none;

	position: relative;

	overflow: hidden;

}



.lv_PrevSide { float: left; }

.lv_NextSide { float: right; }

.lv_Sides .lv_Wrapper {

	width: 100%;

	height: 100%;

	cursor: pointer;

}

.lv_Sides .lv_Button {

	float: left;

	background: none;

}



/* The frames above and below the center, that hold the corners.

   It's recommended not to change anything here, a lot is done in

   javascript to build further upon this based on your settings.

*/

.lv_Frames {

	width: 100%;

	height: 100%;

	position: relative;

	padding: 0;

	margin: 0;

}

.lv_Frames li {

  list-style-type: none;

  margin: 0;

  padding: 0;

}

.lv_Frame {

	width: 100%;

	display: block;

}

.lv_Frame * { padding: 0; margin: 0; }

.lv_FrameTop {

	position: absolute;

	left: 0;

	width: 100%;

	display: block;

}

.lv_FrameBottom {

	position: relative;

	float: left;

	clear: both;

}



.lv_Liquid {

	position: relative;

	float: left;

	width: 100%;

	overflow: hidden;

	clear: both;

}

.lv_Liquid .lv_Filler {

	position: absolute;

	height: 100%;

	width: 2px;

	top: 0;

	left: 50%;

}



.lv_Half {

	display: block;

	height: 100%;

	clear: both;

	line-height: 0px;

}

.lv_Half li { list-style-type: none; }

.lv_Corner {

	float: left;

	position: relative;

}

.lv_CornerTr, .lv_CornerBr { float: right; }



.lv_Fill {

	position: absolute;

	top: 0;

	width: 100%;

	height: 100%;

}



.lv_Half .lv_CornerWrapper {

	float: left;

	position: relative;

	width: 50%;

	height: 100%;

	overflow: hidden;

}

.lv_HalfRight .lv_CornerWrapper { float: right; }



.lv_Corner { position: relative; }

.lv_Corner canvas { position: relative; }

.lv_HalfLeft .lv_Corner { float: left; }

.lv_HalfRight .lv_Corner {

	position: relative;

	float: right;

}



/* To position content correctly in the center with correct

   rounded corner display we need a few wrappers.

   This is to get it right on all browsers.

*/

.lv_Center {

	position: relative;

	clear: both;

	height: 100%;

	overflow: hidden;

	background: none;

	padding: 0;

	margin: 0;

}

.lv_WrapUp {

	position: absolute;

	left: 0;

	height: 100%;

	width: 100%;

	overflow: hidden;

	padding: 0;

	margin: 0;

}

.lv_WrapDown {

	position: relative;

	height: 100%;

	width: 100%;

	overflow: hidden;

	padding: 0;

	margin: 0;

}

.lv_WrapCenter {

	position: relative;

	padding: 0;

	margin: 0;

}



/* The loading indicator */

.lv_Loading {

	position: absolute;

	top: 50%;

	left: 50%;

}

.lv_Loading .lv_Button {

	float: left;

	height: 100%;

	width: 100%;

}



.lv_MediaWrapper {

	position: relative;

	width: 100%;

	display: block;

	overflow: hidden;

	clear: both;

	padding: 0;

	margin: 0;

}

.lv_MediaWrapper img {

	position: relative;

	float: left;

	padding: 0;

	margin: 0;

}



/* The overlays on top of images that toggle the previous/next buttons */

.lv_PrevNext {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	padding: 0;

	margin: 0;

}

.lv_PrevNext * { padding: 0; margin: 0; }

.lv_PrevNext .lv_Button {

	position: relative;

	height: 100%;

}

.lv_PrevButton { float: left; }

.lv_NextButton { float: right; }



/* The bar that holds title, caption, imagenumber, slideshow and closebutton */

.lv_MenuBar {

	clear: both;

	position: relative;

	width: 100%;

	float: left;

	font: 11px Arial, Helvetica, sans-serif;

	color: #808080;

	padding: 0;

	margin: 0;

}

.lv_MenuBar * { padding: 0; margin: 0; }



/* When the Menubar is at the top, on (ajax/iframe/inline) content,

   it will also have this style.

   The margins are removed here for better alignment, and since it's

   at the top we switch the inner margins to the other side.

*/

.lv_MenuTop .lv_DataText div,

.lv_MenuTop .lv_ImgNumber div { margin: 0; padding: 0; }

#lightview .lv_MenuTop .lv_Close, 

#lightview .lv_MenuTop .lv_Data { margin: 0 0 6px 0; }



.lv_Close, .lv_Data { margin: 6px 0 0 0; }

.lv_Close { float: right; overflow: hidden; }

.lv_Close .lv_Button {

	float: right;

	width: 100%;

	height: 100%;

}



.lv_Data {

	position: relative;

	float: left;

	padding-bottom: 3px;

	line-height: 13px;

}



/* simulates padding-left inside .lv_Data */

.lv_DataText div, .lv_ImgNumber div { margin-left: 3px; }



.lv_Data li {

	list-style-type: none;

	float: left;

	margin-top: 3px;

}

.lv_DataText { width: 100%; }

.lv_DataText .lv_Title {

	float: left;

	font-weight: bold;

	margin-bottom: 2px;

}

.lv_DataText .lv_Caption { float:left; clear: both; }

.lv_Data .lv_ImgNumber {

	color: #b8b8b8;

	margin-right: 5px;

	margin-top: 5px;

}

.lv_Data .lv_Slideshow {

	border-left: 1px solid #efefef;

	padding-left: 5px;

	margin-top: 5px;

	vertical-align: middle;

}

.lv_Data .lv_Slideshow .lv_Button { /* play and stop */

	float: left;

	background-position: center left;

	background-repeat: no-repeat;

}



/* the boxes that hold media or external content */

.lv_Media,

.lv_External {

	position: relative;

	float: left;

	margin: 0;

	padding: 0;

}



#lightview iframe {

	border: 0;

	clear: both;

	padding: 0;

	margin: 0;

	background: none;

}



/* The container that hold buttons above the view, currently only topclose */

.lv_topButtons {

	position: absolute;

	left: 0;

	width: 100%;

	overflow: hidden;

	margin: 0;

	padding: 0;

}

.lv_topcloseButtonImage { cursor: pointer; }





/* The error/warning/download message that will appear when

   a required plugin is not installed.

*/

#lightviewError p { padding: 0 0 10px 0; }

#lightviewError div {

	padding: 6px;

	font: 11px Arial, Helvetica, sans-serif;

}

#lightviewError .message {

	background: #fcb5b5;

	color: #dd1f1f;

	margin-bottom: 3px;

}

#lightviewError .type { font-weight: bold; }

#lightviewError .pluginspage {

	background: #b5fcbd;

	color: #21be30;

}

#lightviewError a,

#lightviewError a:hover,

#lightviewError a:visited {

	color: #21be30;

	text-decoration: none;

	background: none;

	font-weight: bold;

	border-bottom: 1px solid #7de689;

}

#lightviewError p {

	margin-left: 0;

	padding: 0;

}



#overlay {

  position: absolute; /* Opera will use fixed */

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

}





* html #lightview { /* IE6 */

	position: absolute;

	margin-top: expression( -1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) + 'px');

	margin-left: expression( -1 * this.offsetWidth / 2 + (document.documentElement ? document.documentElement.scrollLeft : 0) + 'px');

}



/* Always cover 100% of the screen in IE6 */

html #overlay {

	position: absolute;

	height: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight].max() : document.documentElement.scrollHeight) + 'px' );

	width: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollWidth, document.documentElement.scrollWidth, document.body.offsetWidth, document.documentElement.clientHeight].max() : document.documentElement.scrollWidth) + 'px' );

}

#homepage_img_div
{
margin-left:-10px;
width:880px;
_width:870px;
overflow:hidden;
float:left;
}