/* Main Styles */
@font-face {
  font-family: MyriadPro;
  src: url(MYRIADPRO-REGULAR.OTF);
}
body{
	padding: 0px;
	margin: 0px;
	background-color: #fff;
	color: #000;
	font-family: Arial;
	font-size: 16px;
	overflow-x: hidden;
}
form{
	margin: 0px;
}
.everything{
	width: 100%;
	background-color: #fff;
}
.fleft{
	float: left;
}
.fright{
	float: right;
}
.clear{
	float: clear;
}
.hide, .hide-important{
	display: none !important;
}
.invisible{
	visibility: hidden !important;
}

/* Header Styles */
.header{
	width: 1822px;
	height: 336px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
	background-image: url(../imagesnew/landing_bg1.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}
.header .resoptions{
	position: absolute;
	left: 84%;
}
.header .restext{
	font-family: MyriadPro;
	font-size: 12px;
	font-weight: 400;
	color: #fff;
	text-align: right;
	padding-right: 10px;
	margin: 0px 0px 5px 0px;
	line-height: 20px;
}
.header .restext a{
	color: #fff;
	margin-left: 25px;
	text-decoration: none;
}
.header .restext a:hover{
	text-decoration: underline;
}
.header .skincolors{
	height: 32px;
	width: auto;
}
.header .skincolors .skincolorsinner{
	height: 24px;
	width: 140px;
	padding: 5px 10px;
	border-radius: 15px;
	background-color: #fff;
}
.header .skincolors .skincolorsinner .scitem{
	height: 24px;
	width: 24px;
	margin-right: 5px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 24px 24px;
	cursor: pointer;
}
.header .skincolors .skincolorsinner .scitem.nomar{
	margin-right: 0px;
}
.header .skincolors .skincolorsinner .scitem.scred{
	background-image: url(../imagesnew/skinball_red.jpg);
}
.header .skincolors .skincolorsinner .scitem.scred.sel{
	background-image: url(../imagesnew/skinball_red_sel.jpg);
}
.header .skincolors .skincolorsinner .scitem.sccream{
	background-image: url(../imagesnew/skinball_cream.jpg);
}
.header .skincolors .skincolorsinner .scitem.sccream.sel{
	background-image: url(../imagesnew/skinball_cream_sel.jpg);
}
.header .skincolors .skincolorsinner .scitem.scblue{
	background-image: url(../imagesnew/skinball_blue.jpg);
}
.header .skincolors .skincolorsinner .scitem.scblue.sel{
	background-image: url(../imagesnew/skinball_blue_sel.jpg);	
}
.header .skincolors .skincolorsinner .scitem.scgreen{
	background-image: url(../imagesnew/skinball_green.jpg);
}
.header .skincolors .skincolorsinner .scitem.scgreen.sel{
	background-image: url(../imagesnew/skinball_green_sel.jpg);
}
.header .skincolors .skincolorsinner .scitem.scviolet{
	background-image: url(../imagesnew/skinball_violet.jpg);
}
.header .skincolors .skincolorsinner .scitem.scviolet.sel{
	background-image: url(../imagesnew/skinball_violet_sel.jpg);
}
.header .skincolors .skincolorsinner .scitem:hover{
	opacity: 0.7;
}
.header .skincolors .skincolorsinner .scitem.sel{
	margin-top: -4px;
	height: 27px;
	background-size: 24px 27px;
}
.header.tabsonly{
	height: 36px;
}
.header .tabs{
	width: 100%;
	height: 34px;
	padding-top: 6px;
}
.header .tabs .tab{
	width: auto;
	min-width: 185px;
	height: 34px;
	padding: 5px 15px;
	background-image: url(../imagesnew/tabbg.png);
	background-repeat: repeat-x;
	cursor: pointer;
	border-top-right-radius: 20px;
}
.header .tabs .tab.sel{
	background-image: url(../imagesnew/tabselbg.png);
}
.header .tabs .tab .btnclosetab{
	width: 8px;
	height: 11px;
	background-image: url(../imagesnew/tabclosebtn.png);
}
.header .tabs .tab .caption{
	color: #af9683;
	font-size: 14px;
	text-align: center;
	width: 92%;
}
.header .tabs .tab.sel .caption{
	color: #ebdbce;
}
.header .logo{
	height: 90px;
	background-image: url(../imagesnew/logo.png);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 0px;
	margin-top: 40px;
	cursor: pointer;
}
.header .title{
	padding-top: 85px;
}
.header .title h1{
	font-family: MyriadPro;
	font-size: 30px;
	font-weight: 400;
	color: #3c1f0a;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
/* End of Header Styles */

/* Content Styles */
.content{
	width: 1822px;
	height: 411px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
	background-image: url(../imagesnew/landing_bg2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.content .portal{
	width: 660px;
	margin: 0px auto;
	padding-top: 25px;
}
.content .portal .portallabel{
	color: #a98c3c;
	text-shadow: 0 0 1px rgba(169,140,60, 0.5);
	text-align: right;
	font-size: 14px;
	text-transform: uppercase;
	margin-right: 10px;
	padding-top: 4px;
}
.content .portal .portalbox{
	border: solid 1px #98999c;
	border-right: solid 1px #e8e8e8;
	border-bottom-left-radius: 25px;
	border-top-left-radius: 25px;
	width: 520px;
	height: 25px;
	overflow: hidden;
	background-color: #e8e8e8;
}
.content .portal .portalbox select{
	border-width: 0px;
	font-size: 14px;
	color: #0d1444;
	text-shadow: 0 0 1px rgba(57,57,58, 0.5);
	letter-spacing: 0.5px;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	width: 103%;
	height: 25px;
	background-color: #e8e8e8;
}
.content .portal .selectbutton{
	display: inline-block;
	width: 73px;
	height: 28px;
	border: solid 0px #960000;
	background-image: url(../imagesnew/btnselect.png);
	background-repeat: no-repeat;
	background-position: top left;
	color: #fff;
	text-align: center;
	font-family: arial;
	font-size: 14px;
	cursor: pointer;
	opacity: 1;
	transition: opacity .25s;
}
.content .portal .selectbutton:hover{
	opacity: .5;
	transition: opacity .25s;
}
.content .websites{
	width: 1075px;
	margin: 0px auto;
	padding-bottom: 60px;	
}
.content .websites .wtitle{
	text-align: left;
	font-size: 14px;
	color: #a98c3c;
	padding-top: 55px;
}
.content .websites .wtitle span{
	font-size: 12px;
}
.content .websites .wimages{
	height: 115px;
	margin-top: 8px;
}
.content .websites .wimages .img{
	width: 174px;
	height: 115px;
	margin-right: 3px;
	background-repeat: no-repeat;
	background-position: center center;
}
.content .websites .wimages .img.nomar{
	margin-right: 0px;
}
.content .websites .wimages .img.img1{
	background-image: url(../imagesnew/landing_ws1.jpg);
}
.content .websites .wimages .img.img2{
	background-image: url(../imagesnew/landing_ws2.jpg);
}
.content .websites .wimages .img.img3{
	background-image: url(../imagesnew/landing_ws3.jpg);
}
.content .websites .wimages .img.img4{
	background-image: url(../imagesnew/landing_ws4.jpg);
}
.content .websites .wimages .img.img5{
	background-image: url(../imagesnew/landing_ws5.jpg);
}
.content .websites .wimages .img.img6{
	background-image: url(../imagesnew/landing_ws6.jpg);
}
.content .searchrow{
	height: 35px;
	width: 650px;
	margin: 0px auto;
}
.content .searchrow .searchrowtitle{
	text-align: center;
	font-size: 14px;
	color: #a98c3c;
	padding-bottom: 15px;
}
.content .searchrow .searchrowouter{
	height: 44px;
  padding: 2px 0px 1px 10px;
	border: solid 1px #903131;
	border-radius: 25px;
	background-color: #670001;
}
.content .searchrow .searchlabel{
	color: #a98c3c;
	text-shadow: 0 0 1px rgba(169,140,60, 0.5);
	width: 90px;
	text-align: right;
	font-size: 14px;
	text-transform: uppercase;
	margin-right: 10px;
	padding-top: 7px;
}
.content .searchrow .searchdd{
	width: 54px;
	height: 28px;
	background-image: url(../imagesnew/searchtype_gray.png);
	background-repeat: no-repeat;
	background-position: top left;
	cursor: pointer;
	margin-top: 9px;
}
.content .searchrow .searchdd select{
	font-size: 11px;
	color: #706e6e;
	border-width: 0px;
	padding: 0px 20px 0px 0px;
	margin: 0px;
	background-color: transparent;
	display: block;
	text-shadow: 0 0 1px rgba(112,110,110, 0.5);
  letter-spacing: .35px;
	-webkit-appearance: none;
	background-image: url(../imagesnew/selectboxdown.png);
	background-repeat: no-repeat;
	background-position: top 3px right 4px;
}
.content .searchrow .searchbox{
	border: solid 1px #98999c;
	border-right: solid 0px #b0b4b4;
	border-left: solid 0px #b0b4b4;
	width: 480px;
	height: 24px;
	margin-top: 9px;
}
.content .searchrow .searchbox input[type="text"]{
	border-width: 0px;
	font-size: 14px;
	color: #39393a;
	text-shadow: 0 0 1px rgba(57,57,58, 0.5);
	letter-spacing: 0.5px;
	padding: 0px 0px 0px 8px;
	margin: 0px;
	width: 472px;
	height: 24px;
	background-color: #e8e8e8;
}
.content .searchrow .searchbox input[type="text"]:first-letter{
	text-transform: capitalize;
}
.content .searchrow .searchbox input[type="text"]:focus{
	outline: none;
}
.content .searchrow .searchvoice{
	height: 25px;
	width: 25px;
	cursor: pointer;
	margin-left: -30px;
	margin-top: 9px;
	background-image: url(../imagesnew/voice.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 25px 25px;
	opacity: 1;
	transition: opacity .25s;
}
.content .searchrow .searchvoice.blink{
	opacity: .5;
	transition: opacity .25s;
}
.content .searchrow .searchbutton{
	display: inline-block;
	width: 79px;
	height: 42px;
	margin-left: 10px;
	background-image: url(../imagesnew/search_button_iqra.png);
	background-repeat: no-repeat;
	background-position: top left;
	color: #fff;
	text-align: center;
	font-family: arial;
	font-size: 14px;
	cursor: pointer;
}
.content .searchrow .searchbutton:hover{
	background-image: url(../imagesnew/search_button_iqra_ho.png);
}
.content .searchrow .searchprogress{
	height: 10px;
	width: 150px;
	margin: 40px 0px 0px 100px;
	background-color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../imagesnew/progress.gif);
	border-radius: 10px;
}
/* Typeahead Dropdown Styles */
.typeahead.dropdown-menu{
	border: 1px solid #98999c;
	width: 470px !important;
}
.dropdown-menu
 {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 0px;
	margin: 0px;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.typeahead.dropdown-menu li.active .dropdown-item{
	color: #fff !important;
	text-shadow: 0 0 1px rgba(255,255,255, 0.5);
	background-color: #00478c !important;
}
.dropdown-menu>li>a{
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #39393a;
  text-shadow: 0 0 1px rgba(57,57,58, 0.5);
	overflow: hidden;
	text-decoration: none;
}
/* End of Typeahead Dropdown Styles */
/* End of Content Styles */

/* Footer Styles */
.footer{
	width: 1822px;
	height: 362px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
	background-image: url(../imagesnew/landing_bg3.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}
.footer .caption{
	font-family: MyriadPro;
	font-size: 30px;
	font-weight: 400;
	color: #3c1f0a;
	text-align: center;
	padding-top: 3px;
}
/* End of Footer Styles */

/* Tab Content Styles */
.tabcontent{
	width: 1822px;
	height: 950px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	position: absolute;
	background-color: #fff;
}
.tabcontent .tabframe{
	width: 100%;
	height: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
.tabcontent .tabframe iframe{
	border: solid 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: hidden;
}
/* End of Tab Content Styles */

/* Options Popup */
.optpop{
	width: 1080px;
	height: 540px;
	position: absolute;
	z-index: 100;
	background-color: #e2c4ac;
	border-radius: 20px;
	padding: 10px;
}
.optpop .optpopinner{
	width: auto;
	height: 98%;
	background: #fff;
	border: solid 5px #fff;
	border-radius: 20px;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
	overflow: hidden;
}
.optpop .optpopinner .optheader{
	width: auto;
	height: 35px;
	padding: 8px 5px 8px 10px;
	background-color: #f1f1f1;
	margin-bottom: 1px;
}
.optpop .optpopinner .optheader .opthtitle{
	color: #3c1f0a;
	text-shadow: 0 0 1px rgba(60,31,10, 0.5);
	font-size: 14px;
	text-transform: uppercase;	
	padding-top: 8px;
}
.optpop .optpopinner .optheader .optbuttons .optbutton{
	width: 85px;
	height: 28px;
	background-image: url(../imagesnew/closebtnpop.png);
	background-repeat: no-repeat;
	background-position: left top;
	cursor: pointer;
}
.optpop .optpopinner .optcontent{
	font-size: 14px;
	border-top: solid 1px #7d7d7d;
	padding: 3px;
	height: 465px !important;
	width: 1070px;
	overflow: auto;
	overflow-x: hidden !important;
	outline: none;
}
.optpop .optpopinner .optcontent .opttabs{
	width: 225px;	
}
.optpop .optpopinner .optcontent .opttabs ul{
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.optpop .optpopinner .optcontent .opttabs ul li{
	margin: 0px;
	padding: 10px 15px;
	background-color: #F0D2BA;
	font-size: 18px;
	color: #3c1f0a;
	cursor: pointer;
}
.optpop .optpopinner .optcontent .opttabs ul li.sel,
.optpop .optpopinner .optcontent .opttabs ul li:hover{
	background-color: #C8A891;
}
.optpop .optpopinner .optcontent .optmaincnt{
	width: 786px;
	height: 390px;
	padding: 25px;
	border: solid 2px #C8A891;
	border-radius: 25px;
  border-top-left-radius: 0px;
}
.optpop .optpopinner .optcontent .optmaincnt .skinitem{
	width: 250px;
	height: auto;
	margin: 0px 10px 10px 0px;
	border: solid 1px #C8A891;
}
.optpop .optpopinner .optcontent .optmaincnt .skinitem:hover{
	opacity: 0.8;
}
.optpop .optpopinner .optcontent .optmaincnt .skinitem .skinpreview{
	width: 250px;
	height: 148px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 250px 148px;
	border-bottom: solid 1px #C8A891;
}
.optpop .optpopinner .optcontent .optmaincnt .skinitem .skinpreview.default{
	background-image: url(../imagesnew/skin_preview.png);
}
.optpop .optpopinner .optcontent .optmaincnt .skinitem .skinpreview.cream{
	background-image: url(../imagesnew/cream/skin_preview.png);
}
.optpop .optpopinner .optcontent .optmaincnt .skinitem .skinpreview.blue{
	background-image: url(../imagesnew/blue/skin_preview.png);
}
.optpop .optpopinner .optcontent .optmaincnt .skinitem .skinpreview.green{
	background-image: url(../imagesnew/green/skin_preview.png);
}
.optpop .optpopinner .optcontent .optmaincnt .skinitem .skinpreview.violet{
	background-image: url(../imagesnew/violet/skin_preview.png);
}
.optpop .optpopinner .optcontent .optmaincnt .skinitem .skinbar{
	width: auto;
	height: 25px;
	padding: 10px;
}
.optpop .optpopinner .optcontent .optmaincnt .skinitem .skinbar .skintitle{
	font-size: 14px;
	color: #3c1f0a;
	text-shadow: 0 0 1px rgba(60,31,10, 0.5);
	padding-top: 4px;
}
.optpop .optpopinner .optcontent .optmaincnt .skinitem .skinbar .skinselectbtn{
	width: 70px;
	height: 20px;
	padding: 6px 4px 4px 4px;
	font-size: 13px;
	color: #fff;
	text-shadow: 0 0 1px rgba(60,31,10, 0.5);
	background-color: #bf1615;
	text-align: center;
	cursor: pointer;
	text-transform: uppercase;
	border-radius: 15px;
}
.optpop .optpopinner .optcontent .optmaincnt .skinitem .skinbar .skinselectbtn.sel,
.optpop .optpopinner .optcontent .optmaincnt .skinitem .skinbar .skinselectbtn:hover{
	background-color: #650101;
}
/* End of Options Popup */

/** Skin Styles **/
/* Cream Theme */
.everything.cream .header{
	background-image: url(../imagesnew/cream/landing_bg1.jpg);
}
.everything.cream .header .logo{
	background-image: url(../imagesnew/cream/logo.png);
}
.everything.cream .header .tabs .tab{
	background-image: url(../imagesnew/cream/tabbg.png);
}
.everything.cream .header .tabs .tab.sel{
	background-image: url(../imagesnew/cream/tabselbg.png);
}
.everything.cream .header .tabs .tab .btnclosetab{
	background-image: url(../imagesnew/cream/tabclosebtn.png);
}
.everything.cream .header .tabs .tab .caption{
	color: #ccbdb2;
}
.everything.cream .header .tabs .tab.sel .caption {
  color: #ebdbce;
}
.everything.cream .content{
	background-image: url(../imagesnew/cream/landing_bg2.jpg);
}
.everything.cream .content .portal .portallabel,
.everything.cream .content .websites .wtitle,
.everything.cream .content .searchrow .searchrowtitle{
	color: #37240a;
	text-shadow: 0 0 1px rgba(55,36,10, 0.5);
}
.everything.cream .content .searchrow .searchrowouter{
	border: solid 0px #a27d40;
	background-color: #a27d40;
}
.everything.cream .footer{
	background-image: url(../imagesnew/cream/landing_bg3.jpg);
}
/* End of Cream Theme */
/* Blue Theme */
.everything.blue .header{
	background-image: url(../imagesnew/blue/landing_bg1.jpg);
}
.everything.blue .header .logo{
	background-image: url(../imagesnew/blue/logo.png);
}
.everything.blue .header .tabs .tab{
	background-image: url(../imagesnew/blue/tabbg.png);
}
.everything.blue .header .tabs .tab.sel{
	background-image: url(../imagesnew/blue/tabselbg.png);
}
.everything.blue .content{
	background-image: url(../imagesnew/blue/landing_bg2.jpg);
}
.everything.blue .content .portal .portallabel,
.everything.blue .content .websites .wtitle,
.everything.blue .content .searchrow .searchrowtitle{
	color: #a98c3c;
	text-shadow: 0 0 1px rgba(169,140,60, 0.5);
}
.everything.blue .content .searchrow .searchrowouter{
	border: solid 0px #023050;
	background-color: #023050;
}
.everything.blue .footer{
	background-image: url(../imagesnew/blue/landing_bg3.jpg);
}
/* End of Blue Theme */
/* Green Theme */
.everything.green .header{
	background-image: url(../imagesnew/green/landing_bg1.jpg);
}
.everything.green .header .logo{
	background-image: url(../imagesnew/green/logo.png);
}
.everything.green .header .tabs .tab{
	background-image: url(../imagesnew/green/tabbg.png);
}
.everything.green .header .tabs .tab.sel{
	background-image: url(../imagesnew/green/tabselbg.png);
}
.everything.green .content{
	background-image: url(../imagesnew/green/landing_bg2.jpg);
}
.everything.green .content .portal .portallabel,
.everything.green .content .websites .wtitle,
.everything.green .content .searchrow .searchrowtitle{
	color: #a98c3c;
	text-shadow: 0 0 1px rgba(169,140,60, 0.5);
}
.everything.green .content .searchrow .searchrowouter{
	border: solid 0px #1b330a;
	background-color: #1b330a;
}
.everything.green .footer{
	background-image: url(../imagesnew/green/landing_bg3.jpg);
}
/* End of Green Theme */
/* Violet Theme */
.everything.violet .header{
	background-image: url(../imagesnew/violet/landing_bg1.jpg);
}
.everything.violet .header .logo{
	background-image: url(../imagesnew/violet/logo.png);
}
.everything.violet .header .tabs .tab{
	background-image: url(../imagesnew/violet/tabbg.png);
}
.everything.violet .header .tabs .tab.sel{
	background-image: url(../imagesnew/violet/tabselbg.png);
}
.everything.violet .content{
	background-image: url(../imagesnew/violet/landing_bg2.jpg);
}
.everything.violet .content .portal .portallabel,
.everything.violet .content .websites .wtitle,
.everything.violet .content .searchrow .searchrowtitle{
	color: #a98c3c;
	text-shadow: 0 0 1px rgba(169,140,60, 0.5);
}
.everything.violet .content .searchrow .searchrowouter{
	border: solid 0px #430549;
	background-color: #430549;
}
.everything.violet .footer{
	background-image: url(../imagesnew/violet/landing_bg3.jpg);
}
/* End of Violet Theme */
/** End of Skin Styles **/