/*
CSS Credit: http://www.templatemo.com
*/

html {
	background: #96A183;
}

body {
	margin: 0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	width: 100%;
	display: table;
	background: url(/images/sp_images/templatemo_body_bg.jpg) repeat-x;
}

a { outline:none; }
a:link, a:visited {	color: #494949; text-decoration: underline; }
a:active, a:hover { color: #000000; text-decoration: none; }


#templatemo_container {
	width: 887px;
	margin: auto;
}

#templatemo_header {
	width: 887px;
	height: 136px;
	background: url(/images/sp_images/templatemo_header_bg.jpg);
	position:relative;
}

#templatemo_logo {
	float: left;
	width: 272px;
	height: 71px;
	background: url(/images/sp_images/templatemo_logo_bg.jpg);
	margin: 61px 0 0 40px;
	font-family: "Trebuchet MS", Tahoma, Verdana;
}

#templatemo_logo h1 {
	color: #b3d46a;
	font-size: 24px;
	margin: 15px 0 0 20px;
	padding: 0;
}
#templatemo_logo h1 a {
	color: #b3d46a;
	text-decoration: none;
}
#templatemo_logo h2 {
	color: #98e11d;
	font-size: 12px;
	margin: 15px 0 0 45px;
	padding: 0;
}

/* Menu */
#templatemo_menu {
	float: right;
	height: 41px;
	width: 560px;
	margin: 60px 0 0 0;
	padding: 0;
	position:relative;
}

#templatemo_menu ul {
	clear: both;
	float: right;
	list-style: none;
	display: inline;
}

#templatemo_menu li {
	float: left;
}

#templatemo_menu li a {
	float: left;
	display: block;
	color: #fff;
	text-decoration: none;
	font-family: Tahoma;
	font-size: 12px;
	margin: 0 10px 0 0; 
	padding: 0 0 0 5px;
	height: 41px;
	line-height: 33px;
	text-align: center;
	cursor: pointer;
}

#templatemo_menu li a span {
	float: left;
	display: block;
	height: 38px;
	padding: 3px 15px 0 11px;
	font-weight: bold;
}

#templatemo_menu li.activel1 a, #templatemo_menu li a:hover {
	background: url(/images/sp_images/templatemo_menu_left.png) no-repeat;
	color: #fff;
}

#templatemo_menu li.activel1 a span, #templatemo_menu li a:hover span {
	background: url(/images/sp_images/templatemo_menu_right.png) right top no-repeat;
}
#cartbutton {
	position:absolute;
	left:0;
	bottom:0;
	display:none;
}
#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative; color:#ffffff;}
#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}

/*End OF menu*/

#templatemo_content_area_top {
	width: 887px;
	background:url(/images/sp_images/templatemo_content_area_top.jpg) #fff   no-repeat;
	margin: 1px 0 0 0;
	padding: 0 0 20px 0;
}

.templatemo_left_top {
	float: left;
	width: 367px;
	margin: 75px 0 0 10px;
}

.templatemo_right_top {
	float: right;
	width: 497px;
	height: 240px;
	background: url(/images/sp_images/templatemo_right_content.png) no-repeat;
	margin: 40px 5px 0 0;
}

.templatemo_right_top img {
	margin: 7px 0 0 7px;
}

.templatemo_right_top h2 {
	float:right;
	color:#ffffff;
	margin-right:45px;
}


#templatemo_search {
	/*float: right;*/
	width: 344px;
	height: 45px;
	margin: 0 20px 0 0;
	padding: 10px 0 0 5px;
	position:absolute;
	top:0;
	right:0;
	background:url(/images/sp_images/search_bg.png) 0 0 no-repeat;
	text-align:center;
}

/* tab menu */
#tab-menu {
	padding:0 20px 0 0;
	list-style-type:none;
	font-size:14px;	
	display:inline;
}
#tab-menu li {
	padding:0 10px;
	display:inline;
	color:#fff;	
}
#tab-menu li a { 
	color:#fff;
	text-decoration:none;	
}
#tab-menu li a:hover {
	color:#B3D46A;
	text-decoration:none;
}
/* end tab menu */

#search_section form {
	float: right;
	margin: 0px;
	padding: 0px;
}

#templatemo_search label {
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	margin: 0 0 0 5px;
}

#searchfield {
	height: 17px;
	width: 180px;
	padding: 5px;
	color: #4d6715;
	font-size: 13px;
	font-variant: normal;
	line-height: normal;
	background: #b2c290;
	border: 1px solid #ffffff;	
}

#searchbutton {
 	height: 29px;
	margin: 0 0 0 5px;
	padding: 0 6px;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	vertical-align: bottom;
	white-space: pre;
	color: #4d6715;
	background: #b2c290; 
	border: 1px solid #ffffff;
}

.templatemo_news {
	width: 337px;
	min-height: 35px;
	background: url(/images/sp_images/templatemo_news.jpg) no-repeat #fff;
	padding: 15px;
}

.templatemo_news p {
	background: url(/images/sp_images/templatemo_news_bullet.png) no-repeat;
	padding: 0 0 0 30px;
	color: #518101;
	font-family: "Trebuchet MS", Tahoma, Verdana;
	font-size: 12px;
	text-align: justify;
	margin: 0;
}

#templatemo_content_area_bottom {
	width: 887px;
	background:url(/images/sp_images/templatemo_content_area_bottom.jpg) bottom #fff   no-repeat;
	margin: 0;
	padding: 0 0 20px 0;
}

.templatemo_left_section {
	float: left;
	width: 347px;
	margin: 0 0 0 20px;
}

.templatemo_title {
	width: 332px;
	height: 28px;
	background: url(/images/sp_images/templatemo_title_bg.jpg);
	font-family: "Trebuchet MS", Tahoma, Verdana;
	font-size: 16px;
	font-variant: small-caps;
	color: #006600;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 11px 0 0 15px;
}
.templatemo_title a { 
	text-decoration: none; 
	color:#006600; 	
}
.templatemo_title a.icon { 
	float:left;
	display:block;
	width:16px;
	height:16px;
	margin:-2px 5px 0 0;
	padding:1px 2px 2px;
}
.templatemo_section {
	width: 347px;
	margin: 0 0 10px 0;
}

.templatemo_section_top {
	width: 347px;
	height: 13px;
	background: url(/images/sp_images/templatemo_section_top.jpg);
}

.templatemo_section_mid {
	width: 347px;
	background: url(/images/sp_images/templatemo_section_mid.jpg);
}

.templatemo_section_mid p {
	font-family: "Trebuchet MS", Tahoma, Verdana;
	font-size: 12px;
	color: #5a5a5a;
	text-align: justify;
	margin: 0 15px;
}
.templatemo_section_mid ul.sidebarMenu,
.templatemo_section_mid ul.sacred-Menu{
	list-style-type: none;
	margin-top:0;
	margin-bottom:0;
}
.templatemo_section_mid ul.sidebarMenu li,
.templatemo_section_mid ul.sacred-Menu li{
	font-size:12px;
}
.templatemo_section_mid ul.sidebarMenu li a,
.templatemo_section_mid ul.sacred-Menu li a{
	color:#518101;
	text-decoration:none;
}
.templatemo_section_mid ul.sidebarMenu li.activel1 a, 
.templatemo_section_mid ul.sidebarMenu li a:hover,
.templatemo_section_mid ul.sacred-Menu li.activel1 a, 
.templatemo_section_mid ul.sacred-Menu li a:hover{
	font-weight:bold;
}
.templatemo_img_frame {
	float: left;
	width: 113px;
	height: 116px;
	background: url(/images/sp_images/templatemo_img_frame.jpg);
	margin: 0 10px;
}

.templatemo_img_frame img {
	margin: 9px 0 0 18px;	
}

.templatemo_section_bottom {
	width: 347px;
	height: 11px;
	background: url(/images/sp_images/templatemo_section_bottom.jpg);
}

.templatemo_right_section {
	float: right;
	width: 479px;
	margin: 0 13px 0 0;
}
.templatemo_right_section a {
	color:#518101;
} 
.tempatemo_section_box_1 {
	width: 479px;
	background: url(/images/sp_images/templatemo_right_title_1.jpg) #dbdbdb no-repeat;
	margin: 0 0 0 0;
	padding: 15px 0 10px 0;
	font-family: "Trebuchet MS", Tahoma, Verdana;
}

.tempatemo_section_box_2 {
	width: 479px;
	background: url(/images/sp_images/templatemo_right_title_2.png) #dbdbdb no-repeat;
	margin: 0 0 0 0;
	padding: 15px 0 10px 0;
	font-family: "Trebuchet MS", Tahoma, Verdana;
}

.tempatemo_section_box_1 h1 {
	font-size: 16px;
	font-variant: small-caps;
	color: #fff;
	font-weight: bold;
	margin: 0 0 15px 20px;
}

.tempatemo_section_box_1 p {
	font-size: 12px;
	color: #5a5a5a;
	text-align: justify;
	margin: 5px 20px;
}

.tempatemo_section_box_2 h1 {
	font-size: 16px;
	font-variant: small-caps;
	color: #fff;
	font-weight: bold;
	margin: 0 0 15px 20px;
}

.tempatemo_section_box_2 p {
	font-size: 12px;
	color: #5a5a5a;
	text-align: justify;
	margin: 5px 20px;
}

.tempatemo_section_box_2 img {
	vertical-align: top;
	margin: 0 15px;
	border: none;
}

.tempatemo_section_box_2 .margin_none {
	margin: 0;
}

.tempatemo_section_box_2 .margin_left {
	margin: 0 15px 0 20px ;
}

.tempatemo_section_box_2 .margin_right {
	margin: 0 15px 0 0 ;
}

.tempatemo_right_bottom {
	width: 479px;
	height: 12px;
	background: url(/images/sp_images/templatemo_right_bottom.jpg);
}

#templatemo_footer {
	margin: 20px 0;
	padding: 0;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	color: #FFF;
	text-align: center;
}

#templatemo_footer a {
	font-weight: bold;
	color: #FFF;
	text-decoration:none;
}

.cleaner {
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
}

.vBox {
	position:absolute;
	z-index:100;
	
}
.vocab { color:#518101; }

#vocabBox h3.title {
	margin: 0;
	/*padding: 20px 20px 0 20px;*/
}

#vocabBox p {
	margin:10px 0;
}

.pageInput { 
	display:block;
	width:400px;
	text-align:left;
	clear:both;
	margin:5px 0;
}
.pageInput label {
	display:block;
	float:left;
	width:100px;
	font-size:14px;
}
.pageInput label.long {
	display:block;
	float:none;
	width:400px;
}
.pageInput input {
	width:290px;
}
.pageInput label input {
	width:90px;
}
.pageInput textarea {
	float:none;
	width:400px;
	height:5em;
}
.amazonUS { display:none; }
