/*
*/

html {
	background:#e3e3e3;
}

body {
	margin: 0;
	padding:0;
	font-family: Tahoma, "Trebuchet MS", Verdana;
	font-size: 13px;
	line-height: 1.5em;
	width: 100%;
	display: table;
	background: url(../images/gray-bg.jpg) repeat 0 0  #e3e3e3;
}

a:link, a:visited {	color: #494949; text-decoration: none; }
a:active, a:hover { color: #000000; text-decoration: none; }

p {
	font-size: 11px;
	color: #484848;
	text-align: justify;
	margin: 0 0 10px 0;	
}

span.date {
	font-size: 11px;
	color: #999999;
	text-align: justify;
	margin: 0 0 3px 0;	
}

h1 {
	font-size: 20px;
	color: #074b96;
	margin: 0 0 10px 0;
	font-weight:lighter;
	padding-top:8px;
}

h2 {
	font-size: 14px; height:26px;	
	color: #f4f6f5;
	font-weight: normal;
	margin: 0 0 10px 0; background:url(../images/CATEGORY-BG.jpg) repeat-x 0 0;
	padding-left:10px;
	padding-top:3px;
}

h3 {
	font-size: 13px;
	color: #2581b2;
	font-weight: bold;
	margin: 0 0 3px 0;
}

#templatemo_container {
	width: 960px;
	margin:0 auto;
	background:#FFFFFF;
}

#templatemo_header {
	width: 960px;
	height: 125px;
}

#templatemo_header_logo {
	width: 960px;
	 background: url(../images/lla-head01.jpg) no-repeat #fff;
	height: 85px;	
	
}

#templatemo_header_slogan 
{
    width: 915px;   
	font-size: 14px;
	color: #fff;
	margin: 68px 0 0 106px;
	float: left;
}

#templatemo_search 
{
    width: 45px;
    background: url(../images/lla-head02.jpg) no-repeat #fff;
	float: right;
	color: #064a95;
	height: 85px;
}

#templatemo_header_slogan a{	
	color: Red;	
	text-decoration:none;
	font-weight:bold;
}

#templatemo_header_slogan a:hover{
	float: right;
	color: Red;	
	text-decoration:none;
	font-weight:bold;
}

.labels {
	color: #fff;
	font-size: 12px;
}

.field {
	float: left;
	width: 166px;
	height: 24px;
	border: none;	
	border: none;
	color : #686868;
	background: url(../images/templatemo_search_field.jpg) no-repeat;
	margin: 8px 0 0 10px;
	padding: 3px 3px 0 3px;
}

.button {
	float: right;
	width: 89px;
	height: 27px;
	border: none;	
	background: url(../images/templaetmo_bottom.png) no-repeat;
	margin: 8px 5px 0 0;
	cursor: pointer;
}

/* menu */

#templatemo_menu {
	float: left;
	width: 960px;
	height: 30px;
	background: url(../images/bg.jpg);
	padding: 5px 0 0 0;
}

#templatemo_menu ul {
	float: left;
	margin: 0px;
	padding: 0 0 0 0;
	width: 960px;
	list-style: none;
}

#templatemo_menu ul li {
	display: inline;
}

#templatemo_menu ul li a {
	float: left;
	padding: 4px 43px;	
	text-align: center;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	background: url(../images/templatemo_menu_divider.png) center right no-repeat;
	color: #fff;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	outline: none;
}

#templatemo_menu li a:hover, #templatemo_menu li .current {
	color: #ffeb00;
}

#templatemo_menu li .last {
	background: none;
}

/* end of menu*/

.templatemo_section_1 {
	width: 960px;
	/*background: url(../images/templatemo_section_1.jpg);*/
}

.templatemo_section_1_contentarea {
	width: 958px;	
	margin: 0;
	padding: 0;
	
}

.templatemo_section_1_contentarea a{
	font-size: 11px;
	color: #074b96;
	margin: 0 10px 0 0;
	font-weight:lighter;
	
}

.templatemo_section_1_contentarea .templatemo_text {
	float: left;
	width: 375px;
	margin: 35px 0 0 35px;
	
}
.templatemo_section_1_contentarea .templatemo_img {
	float: right;
	margin: 5px 8px 0 0;
}

.templatemo_text img {
	float: left;
	margin: 0 10px 5px 0;
}

.templatemo_section_1_bottom {
	width: 960px;
	height: 5px;
}

#templatemo_content_area {
	width: 960px;
	margin: 10px 0 0 0;
}

#templatemo_left {
	float: left;
	width: 200px;
	padding: 0 10px;
	margin: 0 2px 0 0;
}

#templatemo_left span.big {
	font-size: 23px;
	color: #a18800;
	font-weight: bold;
}

#templatemo_left img {
	border: none;
}

#templatemo_mid{
	float: right;
	width: 220px;	
	padding: 0 0px;
}

#templatemo_mid p {text-align: center;
color: #064a95;
height: 50px;
width: 120px;
margin-left: 50px;
margin-bottom:10px;
}

.category_list {
	margin: 0 10px;
	padding: 0px;
	list-style: none;
	display: block;
}

.category_list li { 
	display: block;
	height: auto;
	clear: right;
	padding: 0 0 0 20px;
	margin: 0 0 10px 0;
	background: url(../images/templatemo_list_bullet.png) top left no-repeat;
	background-position: 0 5px;
}

.category_list li a { 
	color: #2a3940;
	font-weight: normal;
	text-decoration: none;
	font-size: 12px;
}

.category_list li a:hover { 
	color: #000000;
	text-decoration: none;
}

.CamListDiv {
    height: 718px;
    float: left;
    overflow-x: hidden;
    overflow-y: auto;         
}



#templatemo_right {
		float: left;
	width: 470px;
	margin: 0 0 0 0;
	padding: 0 15px;	
	border-bottom:2px solid #217daf;
}

#templatemo_fullright {
	float: left;
	width: 730px;
	margin: 0 0 0 0;	
	margin-top:-10px;
	/*border-bottom:2px solid #217daf;	*/
}

.templatmo_v_line {
	height: 360px;
	float: left;
	width: 0px;
	background:url(../images/templatemo_v_line.jpg);
}

.templatemo_h_line {
	width: 100%;
	clear: both;
	border-top: #c1c1c1 1px solid;
	border-bottom: #f6f6f6 1px solid;
	margin: 0 0 10px 0;
}

.templatemo_readmore_2 {
	float: right;
	font-size: 11px;
	font-weight: bold;
	color: #484848;
	background: url(../images/templatemo_readmore_2.png) left top no-repeat;
	padding: 0 0 0 15px;
	background-position: 0 4px;
	margin: 0 0 10px 0;
}

.templatemo_readmore_2 a {
	color: #484848;
	text-decoration: none;
}

.templatemo_readmore_2 a:hover, .templatemo_readmore_2:hover {
	text-decoration: underline;
}

.templatemo_gallery {
	margin: 0;
	padding: 0;
}

.templatemo_gallery img {
	float: left;
	margin: 0 0 20px 0;	
}

.templatemo_gallery img.mid {
	float: left;
	margin: 0 20px;	
}

#templatemo_footer {
	clear: both;
	width: 960px;
	height: 32px;
	background: #217daf;	
	padding: 15px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	text-align: center;
}

#templatemo_footer a {
	color: #fff;
	text-decoration: none;
}

#templatemo_footer a:hover {
	color: #fff;
	text-decoration: none;
}

.errormsg{color:Red;text-align:right}

#pagenumbers .errormsgs{color:Red;float:initial;font-family: Tahoma, "Trebuchet MS", Verdana;
font-size: 12px; font-weight:normal;}

.cleaner {
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
}


#carousel {
	width:100%;
	height:300px;	
	margin:0 auto;
}

#slides {
	overflow:hidden;
	/* fix ie overflow issue */
	position:relative;
	width:740px;
	height:285px;
	border:0px solid #ccc;
	background:#f7f7f7;
	margin:0 auto;
}

/* remove the list styles, width : item width * total items */	
#slides ul {
	position:relative;
	left:0px;
	top:0;
	list-style:none;
	margin:0;
	padding:0;	
	width:950px;			
}

/* width of the item, in this case I put 250x250x gif */
#slides li {
	width:auto;
	padding:0 20px;
	height:250px;	
	float:left;
}

#slides li img {
	padding:5px;
}

#slides li p {
	text-align: center;
	color: #064a95;
	width:110px;
	height:50px;
}

#slides li p a{
	text-align: center;
	color: #064a95;
	text-decoration:none;
	
}

/* Styling for prev and next buttons */
#buttons {
	padding:0 0 5px 0;	
	float:left;
	position:relative;
	top:125px;
	left:30px;
	
	
	
}

#buttons a {
	display:inline; 
	width:31px; 
	height:32px;
	text-indent:-9999em;
	float:left;
	outline:0; 
}

a#prev {
	background:url(../images/arrow.png) 0px -31px no-repeat; position:absolute; top:0; left:30px;
}

a#prev:hover {
	background:url(../images/arrow.png) 0 0 no-repeat;position:absolute; top:0; left:30px;
}

a#next {
	background:url(../images/arrow.png) -32px -31px no-repeat; position:absolute; top:0; right:-880px;
}

a#next:hover {
	background:url(../images/arrow.png) -32px 0 no-repeat; position:absolute; top:0; right:-880px;
}

.clear {clear:both}

.productbox { width:470px; padding:0 0 0 5px;}
.productbox h1 { font-size:20px; background:#f1c732; color:#FFFFFF; padding:5px; }
.product { margin:0 10px 10px 0px;height:225px; padding:0; text-align:center; list-style:none;width:145px;background:#FFFFFF; float:left;}
.productlast { margin:0 0 20px 0px; padding:0; text-align:center; list-style:none;width:175px;background:#FFFFFF; float:left;}
.product p {text-align: center;
color: #064a95;
height:50px;
width: 120px;margin-left:12px;}

.main-books-buynow-text {text-align: center;}
.main-books-buynow-text a {
width: 60px;
padding: 3px 5px;
color: #FFF;
text-decoration: none;
background: #217daf;
}

.main-books-buynow-text-bottom {text-align: right; padding-top:15px;}
.main-books-buynow-text-bottom a {
width: 60px;
padding: 3px 5px;
color: #FFF;
text-decoration: none;
background: #217daf;
}

.headrow {
background-image: url(../images/listing-barhead1.jpg);
background-repeat: repeat-x;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #333333;
text-align:center;
height:23px;
}


.itemrow {
font-family: Arial, Helvetica, sans-serif;
text-align:center;
color: #2a3940;
height:50px;
}

.gtitemrow {
font-family: Arial, Helvetica, sans-serif;
text-align:center;
color: #2a3940;
height:30px;
font-weight:bold;
}


.box1 {
border: 1px solid #217daf;
}

.bdrbtm {border-bottom: 1px dotted #c1c1c1;margin:5px 0 5px 0;}

.txt_bx {
font-family: tahoma;
font-size: 11px;
color: #000000;
border: 1px solid #217daf;
text-align:center;
width:40px;
}

.txt_bx_checkout {
font-family: tahoma;
font-size: 12px;
color: #000000;
border: 1px solid #217daf;
width:200px;
height:20px;
padding:2px 2px 2px 2px;
}

.txt_bx_checkouts {
font-family: tahoma;
font-size: 11px;
color: #000000;
border: 1px solid #217daf;
width:195px;
}


.templatemo_books 
{
    padding:10px 0 10px 0; 
}

.checkout_row
{
    padding-left:65px; 
}

#pagenumbers span {
float: left;
font-size: 12px;
font-weight: bold;
margin-right: 5px;
color:#10254f;
margin-bottom: 15px;
}

ul
{   margin: 0;
padding: 0;
font-weight: bold;
font-style: inherit;
font-size: 100%;
font-family: Arial, Helvetica, sans-serif;
vertical-align: baseline;
list-style:none; 
}

#pagenumbers ul li:hover {
background-color: #10254f;
font-weight: bold;
}

 #pagenumbers ul li:hover  a{
background-color: #10254f;
color:#fff;
font-weight: bold;
}

#pagenumbers ul li.selected {
background-color: #10254f;
color:#fff;
}

#pagenumbers ul li a{color:#10254f;font-weight: bold;}



#pagenumbers ul li a:hover{color:#fff;font-weight: bold;}

#pagenumbers ul li {
float: left;
font-size: 12px;
font-weight: bold;
padding: 4px 7px 4px 7px;
background-color: #DDEEFF;
margin-right: 3px;
color: #fff;
}

.btnblue
{
    font-family: tahoma;
font-size: 11px;
color: #FFFFFF;
width: auto;
font-weight: normal;
height: 22px;
background-color: #217daf;
border: 1px solid #CACC9A;
text-align: center;
cursor:pointer;
}

.box-invoice {
border: 1px solid #000000;
}

.leftmargin {
padding-left: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
text-decoration: none;
}

.redlnkline {
font-size: 11px;
font-weight: normal;
color: #990000;
text-decoration: none;
}