/* CSS Document */

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




/*
----------------------------------------------------------------------------- 
Global Styles
-----------------------------------------------------------------------------*/

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote { margin:0; padding:0;  list-style:none; }

body { background: url(/images/bg.jpg)  top  repeat-x #f0f0f0; font-family:Arial, Helvetica;  color:#000000; font-size:12px; text-align:center;/* for IE */ margin-top:0; margin-bottom:0; }

form{margin:0; padding:0; }

fieldset { border: 0; }

img { border:0; padding:0; margin:0;}

h1,h2,h3,h4,h5,h6 {margin:0; padding:0; line-height:normal; text-align:left;}

p{ margin:0; padding:0;font-family:Arial, Helvetica; font-size:12px;   color:#000000; text-align:left;}
td{ text-align:left;}
ul,li {margin:0; padding:0; list-style:none; font-size:11px; line-height:16px; font-family: Arial, Helvetica, sans-serif;}

h3{ font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#000000; font-weight:bold; }
h1{ font-size:22px; font-family:Arial, Helvetica, sans-serif; font-weight: bold; color:#000000;  padding-top:14px; padding-bottom:14px; }
a{margin:0; padding:0;  font-family: Arial, Helvetica, sans-serif; color:#000000; font-size:11px;  text-decoration:none;}
a:hover{ color:#336699;}

label{
	cursor: pointer;
}	


.clear{ clear:both; height:1px;}
h5{ font-size:35px; font-family:Arial, Helvetica, sans-serif; color:#000000; font-weight:bold; }
.display{ display:block; float:none;}
.left{ float:left; display:block; width:743px;}
.marg_tp{ margin-top:10px;}
.marg_tp1{ margin-top:20px;}
.marg_bt{ margin-bottom:23px;}
.marg_right{margin-right:26px;}
.pad_bot{ padding-bottom:20px;}
a.font1{font-size:14px; font-weight:normal; padding-top:5px; color:#0066cc;}
a:hover.font1{ text-decoration:underline;}
a.advance-search{font-size:14px; background:url(../images/blue_pointer_down.jpg)  right 10px no-repeat; padding-right:13px; font-weight:normal; padding-top:5px; color:#0066cc;}
a:hover.advance-search{ text-decoration:underline;}

/*
----------------------------------------------------------------------------- 
Template Styles
-----------------------------------------------------------------------------*/
#wraper{ width:1000px; margin:auto; display: block;}




/*
----------------------------------------------------------------------------- 
Header top Styles
-----------------------------------------------------------------------------*/
#header{ width:auto; display:block; text-align:left; min-height: 30px;/*height:83px;*/}
#logo{ height:345px; height:83px; float:left;}
#header .right{ float:right; width:407px; display:block; text-align:right;}
#newsletter{ background:url(/images/click_joinbg.jpg) repeat-x; height:31px; border:1px solid #dddddd; border-top:none;}
#newsletter a.click{background:url(/images/star.jpg) top no-repeat; width:373px; height:29px; margin:auto; display:block;}
.site-search{ width:260px; display:block; margin-top:11px; text-align:right; float:right; clear:both;}
.site-search .box{ background:#ffffff; border:1px solid #999999; height:20px; width:229px; float:left; border-right:none; padding-top:4px; color:#999999;}
.site-search .button{ background:url(/images/search_button.jpg) no-repeat; width:29px; height:26px; display:block; float:left; cursor:pointer; border:none;}
.advance_search{  width:140px; text-align:right; float:right; margin-right:31px; }
.advance_search a{ background:url(/images/advance_search.jpg) no-repeat; width:139px; height:21px; display:block; cursor:pointer;}


div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 100%; 
	height: 293px;
	overflow: hidden;
	border:0px solid #cccccc;
	}
	div.scroller div.section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
		width:610px;
		height:293px;
		overflow:hidden;
		float:left;
		padding:0px		
		}
	div.scroller div.content {
		width: 10000px;
		}

	
#top_links{
	margin-top: -20px;
	color:#1776C8; 
	float: right;
	display: block;
	font-weight: bold;
}	
#top_links a{
	color:#1776C8;
	font-size: 14px;
	padding-left: 3px;
	padding-right: 3px;
}



/*
----------------------------------------------------------------------------- 
navigation Styles goes here 
-----------------------------------------------------------------------------*/
#navi{ width:auto; display:block; background:url(/images/navi_bg.jpg) repeat-x; height:33px; border:1px solid #dddddd; margin-bottom:8px; text-align: left !important;}
#navi li{  display:block; float:left;  color:#000000; padding-top:8px;}
#navi li a{ font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; padding-left:15px; padding-right:18px; }
#navi ul{ padding-left:10px;}
/*
----------------------------------------------------------------------------- 
content Styles goes here 
-----------------------------------------------------------------------------*/
#content{ width:auto; display:block; border:1px solid #dddddd; background: url(/images/content_bg.jpg) top repeat-x #ffffff; padding-top:13px; padding-left:12px; padding-right:9px;}

.dooted_bg{ background:url(/images/dooted_bg.jpg) right repeat-y; }
/* main slider image 
.special_image{ width:692px; display:block; float:left; }
.special_image .lftp{ background:url(/images/left_top.gif) left top no-repeat; }
.special_image .rftp{ background:url(/images/rght_top.gif) right top no-repeat; }
.special_image .centp{ background:url(/images/cen_top.gif) top repeat-x;}
.special_image .cenlf{ background:url(/images/left_cen.gif) left repeat-y;}
.special_image .cenrf{ background:url(/images/right_cen.gif) right repeat-y;}
.special_image .botlf{ background:url(/images/left_bot.gif) left bottom no-repeat;}
.special_image .botrf{ background:url(/images/right_bot.gif) right bottom no-repeat; height:294px;}
.special_image .bottp{ background:url(/images/cen_top.gif) bottom repeat-x; }
.special_image .arrowlf{ float:left; width:40px; display:block; height:164px; padding-top:130px;}
.special_image .arrowrf{ float:left; width:40px; display:block; height:164px; padding-top:130px;}
.special_image .min{ width:610px; float:left; display:block; height:293px; padding-top:1px;}


.sloagn_adv{ background:url(/images/slogan_adv.jpg) no-repeat; float:right; width:278px; height:294px; display:block;}
*/


.template_chaser{width:637px; display:block; margin:auto; /*height:264px;*/}
.chaser_longlogo{ background:url(/images/template_chaser.png) no-repeat; height:67px; width:637px;}
.chaser_findright{background:url(/images/find_the_right_template.jpg) no-repeat; height:35px}
 .form_lf{float:left; width:446px;}
 .form_lf .input{border:3px solid #454545; width:430px; height:33px; font-size:24px; font-family:Arial, Helvetica, sans-serif; color:#0066CC; padding-top:8px; padding-left:10px;}
 .form_rf{float:right; width:165px;}
 .b_search{background:url(/images/search.jpg) no-repeat; width:165px; height:46px; border:none; cursor:pointer;}
.template_chaser p{ font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#000000;}
.template_chaser a.font{ font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#0066cc;}
.template_chaser  a:hover.font{ text-decoration:underline;}






/* main template area goes here */
.temp_area{ background:url(/images/template_bg.jpg) repeat-x #ffffff; border:1px solid #dddddd; margin-bottom:15px;}
.temp_area .lf{ width:734px; display:block; float:left; padding-left:8px;}
.temp_area .rf{ width:220px; float:left; display:block; padding-left:10px;}
.thumbs{ width:152px; display:block; float:left; margin-right:31px; }
/* tweaks for image thumbs should be made here */

/*.thumbs img{ max-width:150px; max-height: 140px; overflow:hidden; border:1px solid #cccccc; margin-bottom:4px; }*/
.thumbs .buy_strip{ background:#3597be; height:23px; display:block;}

.thumbs .buy_strip ul{ padding-left:15px; display:block; padding-top:3px;}
.thumbs .buy_strip li{ float:left; display:block; }
.thumbs .buy_strip .view{ padding-right:23px; background:url(/images/strip_divider.jpg) right no-repeat; float:left;}
.thumbs .buy_strip .cart{ padding-right:23px; float:right;}
.thumbs .buy_strip a{ color:#ffffff; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
.thumbs .desc{ margin-left:3px; display:block; margin-top:5px; border-bottom:2px solid #c6cacf; padding-bottom:5px; max-height: 75px; overflow: hidden;}
.thumbs .desc_more{max-height: none !important;}
.thumbs .desc_less{max-height: 75px;}
.thumbs .desc p{color:#333333; font-size: 10px;} 
.thumbs .price{ padding-left:5px; display:block; margin-top:5px;}
.thumbs .price li{ float:left; display:block; font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#999999; background:url(/images/price_divider.jpg) right no-repeat; padding-right:5px; height:34px; line-height:34px;}
.thumbs .price li span{ color:#000000; font-size:20px; height:34px;}
.thumbs .price li sup{ color:#000000; font-size:13px; font-weight:bold; padding-left:3px; }
.thumbs .price .buy{ padding-right:0; padding-left:6px; padding-top:5px; background:none;}
.thumbs .price .buy a{ background:url(/images/buy.jpg) no-repeat; width:61px; height:19px; display:block;}

.thumbs .img_container{
	max-height:140px;
	min-height:140px; 
	width:150px; 
	border:1px solid #cccccc; 
	overflow:hidden; 
	margin-bottom:5px;
}

/* main right navi goes here */
#rf-navi{ display:block; padding-left:8px;}
#rf-navi li{ display:block;  text-align:left;}
#rf-navi li a{ background:url(/images/rf_dot.jpg) left no-repeat; padding-left:16px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000;}
#rf-navi li a:hover{ background:url(/images/rf_dot.jpg) left no-repeat; padding-left:16px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#1776c8;}
#rf-navi li a.selcted{ background: url(/images/rf_dot1.jpg) left no-repeat; padding-left:9px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#1776c8; font-weight:bold;}
#rf-navi li  a.selcted span{ color:#000000;}
/* Template preview popup */
#tplPreview {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #ffffff;
  border:1px solid #444444;
  font-size: 11px;
  color: #4B4B4B;
  padding: 12px 15px 15px 15px;
}

#tplPreviewTitle {
  font-size: 16px;
  visibility:visible;
}

#tplPreviewBody {
  position: relative;
}

#tplPreviewImage {
  margin: 8px auto 0 auto;
}

#tplPreviewProgressBar {
  position: absolute;
  width: 125px;
  padding: 10px 10px 15px 10px;
  top: 45%;
  left: 50%;
  margin-left: -67px;

  border: 1px solid #6A6A6A;
  background-color: #ffffff;
  color: #000000;
  font-family: Tahoma,Helvetica,sans;
  font-size: 10px;
  text-align:left;
}
 .rightcoltempl {
 width:236px; margin-left: 5px;
 }
 .hidden {
 	display:none;
 }

.faq_item_title {
	margin:22px 0;
}

.line-also {
	border-top: 1px solid #D9D9D9;
	width: 470px;
	padding: 0 15px 5px 15px;

}


/*
----------------------------------------------------------------------------- 
paggination Styles goes here 
-----------------------------------------------------------------------------*/
.pagination{
padding: 2px;
text-align:center;
display:block;
padding-bottom:10px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align:center; /*Set to "right" to right align pagination interface*/
font-size: 16px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0;
padding-left:2px;
font-size:14px;
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
color: #0066cc;}

.pagination a:hover, .pagination a:active{
color: #2e6ab1;
}

.pagination a.currentpage{

color: #0066cc !important;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
cursor: default;
color: #2e6ab1;
font-weight: bold !important;
}

.pagination a.prevnext{
font-weight: bold;
}





/*single template search goes  here */
 .s_page{ width:569px; display:block; margin:auto;}
 .form_lfs{float:left; width:390px;}
 .form_lfs .input{border:3px solid #454545; width:384px; height:30px; font-size:24px; font-family:Arial, Helvetica, sans-serif; color:#bebebe; padding-top:8px; padding-left:10px;}
.s_search{background: url(/images/s_search.jpg) no-repeat; width:146px; height:44px; border:none; cursor:pointer;}

#q_price_min, #q_price_max{
	width:50px;
	border:0px solid #454545;
	height:18px;
	background-color: #fff;
	padding-top: 4px;
}

#q_category, #q_provider, #q_type{
	width:120px;
}	


/*single template preview goes  here */
.s_template{ width:auto; display:block; margin-bottom:46px;}
.lf_temp{ width:390px; float:left; display:block; text-align:left;}
.rf_temp{ width:329px; float:left; display:block; text-align:left; overflow: hidden;}
.desp{ width:106px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold;}
.desp_lf{ float:left;font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:normal; width:210px;}
.rf_temp .display{ padding-bottom:8px;}
.buy_b{ background:url(/images/buy_b.jpg) no-repeat; width:128px; height:40px; display:block; float:right; margin-top:30px;}

.adv_serc{ height:91px; padding-left:20px; padding-bottom:10px; width:617px; background:#3597be;}
.drop_down{ background:#3597be; border:1px solid #3597be; color:#ffffff; text-align:center; font-size:14px;  font-family:Arial, Helvetica, sans-serif; font-weight:bold; cursor: pointer;}
.drop_down1{ background:#ffffff; border:1px solid #464646; color:#000000; text-align:center; font-size:14px;  font-family:Arial, Helvetica, sans-serif; font-weight:bold; height:18px; cursor: pointer;}
.dd{width:180px; margin-right: 10px;}
.dd2{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; font-weight:bold;}

.cross_close{ height:14px; display:block; padding-top:6px; text-align:right; display:block; padding-bottom:0px; padding-right:5px; }

.cross_close a{ background:url(../images/cross.jpg) no-repeat; width:14px; height:12px ; display:block; float:right;}
/*

/*small header search*/
#advanced_search_container{
	background: #3597BE;
}	
#header_search{
	margin-top: 10px;
	padding-bottom: 30px;
	float:right; 
	width:528px; 
	display:block; 
	text-align:right;
}
#header_search #q_price_min, #header_search #q_price_max{
	width:50px;
}
.small_search{
	background: url(/images/search-small.jpg) no-repeat; 
	width:118px; 
	height:35px; 
	border:none; 
	cursor:pointer;
}
.small_form_lfs{
	float:left; 
	width:280px;
	margin-left: 110px;
	margin-top: 1px;
}

.small_form_lfs .input{
	border:2px solid #454545; 
	width:240px; 
	height:25px; 
	font-size:18px; 
	font-family:Arial, Helvetica, sans-serif; 
	color:#bebebe; 
	padding-top:4px; 
	padding-left:10px;
}
/*shs end*/

/*static page styles*/
.p_text1, .p_text1 ul{
	text-align: left;
	line-height: 20px !important;
}
.ul_text1{
	text-align: left;
	line-height: 20px !important;
	margin-left: 10px;
}	

.a_text1{
	color:#1776C8;
	font-size:12px;
}

.chapter_text1{
	text-align: left;
	font-size:14px;
	font-weight: bold;
	padding-bottom: 10px;
	margin-top: 15px;
}	

.highlight_text1{
	text-decoration: underline;
}

hr{
	border:1px solid #DDDDDD;
}	
/*static page styles end*/

/*
----------------------------------------------------------------------------- 
footer Styles goes here 
-----------------------------------------------------------------------------
*/

#footer{ background:url(/images/footer_bg.jpg) top repeat-x #f2f2f2; height:85px; width:auto; display:block; border:1px solid #dddddd; margin-top:7px; margin-bottom:20px; padding-left:10px; text-align:left; padding-top:10px; color:#666666; font-family: Arial, Helvetica, sans-serif; font-size:12px;font-weight:normal; }

#footer a{ font-family: Arial, Helvetica, sans-serif ; font-size:12px; padding-right:7px; padding-left:7px; color:#666666; font-weight:normal; }