/* CSS Document */

body	{
	font-family: arial, helvetica;
	font-size: small;
	background-color: #f0f0f0;
	margin:0px;
	padding: 0;
}

html {
	scroll-behavior: smooth;
}

@font-face {
    font-family: 'source_sans_proregular';
    src: url('../fonts/sourcesanspro-regular-webfont.eot');
    src: url('../fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourcesanspro-regular-webfont.ttf') format('truetype'),
         url('../fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'fengardo_neueregular';
    src: url('../fonts/fengardoneue_regular-webfont.eot');
    src: url('../fonts/fengardoneue_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/fengardoneue_regular-webfont.ttf') format('truetype'),
         url('../fonts/fengardoneue_regular-webfont.svg#fengardo_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.forScreenReaders {
	position: absolute;
	left: -9999px;
	font-size: .5em;
	line-height: normal;
}


.garilogo {
	font-family: fengardo_neueregular, Times New Roman, Georgia, serif;
	font-size: 175%;
	vertical-align: text-bottom;
}

.hdrtext {
	font-family: fengardo_neueregular, Times New Roman, Georgia, serif;
	font-size: 175%;
}

.sectiontitle {
	font-family: fengardo_neueregular, Times New Roman, Georgia, serif;
	font-size: 150%;
	line-height: 150%;
	font-weight: normal;
}

/* lang dependent */
.sectiontitle.ar,.sectiontitle.he {text-align: right;}
	
.bodytext {
	font-family: source_sans_proregular, Tahoma, Helvetica, sans-serif;
	font-size: 100%;
}

.topictext {
	font-family: source_sans_proregular, Tahoma, Helvetica, sans-serif;
	font-size: 150%;
}

.tabtopictext {
	font-family: source_sans_proregular, Tahoma, Helvetica, sans-serif;
	font-size: 125%;
	font-weight:bold;
	line-height: 150%;
}

.stattitle {
	font-family: source_sans_proregular, Tahoma, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 120%;
}

.percstat {
	color: #000099;
}

.stattext {
	font-size: 100%;
	line-height: 140%;
}

#sitewrap {
	width: 100%;
	margin-top: 0px;
	padding-top: 0px;
	min-height:81vh;
}



#header {
	position: relative;
	width: 100%;
	
}

#langbarwrapper {
	position: relative;
	background-color:#43313e;
	width:100%;
	height:30px;
}

#langbar {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	background-color: #43313e;
	width: 978px;
	height: 25px;
	color: white;
	padding: 5px 0px 0px 0px;

}

#textonly {
	position:absolute;
	top: 5px;
	left: 775px;
	background-color:#2e2125;
	color:white;
	font-family: source_sans_proregular, Tahoma, Helvetica, sans-serif;
	font-size: 85%;
	padding: 3px 10px 3px 10px;
}

#garibarwrapper {
	position: relative;
	background-color:#2e2125;
	width:100%;
	height:165px;
}

#garibarwrappernolangbar {
	position: relative;
	background-color:#2e2125;
	width:100%;
	height:195px;
}

#garibar {
	margin-left:auto;
	margin-right:auto;
	background-color:#2e2125;
	width:978px;
	height:135px;
	padding: 15px 0px 0px 0px;
	color:white;
}

#hometaglinebarwrapper {
	position: relative;
	background-color:#2e2125;
	width:100%;
	height:200px;
}
#hometaglinebar {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	background-color: #2e2125;
	width: 978px;
	height: 200px;
	color: #ffeede;
	font-family: source_sans_proregular, Tahoma, Helvetica, sans-serif;
	font-size: 200%;
	background-image: url(../images/gari-bg-text.gif);
	background-position: top;
	background-repeat: no-repeat;
}

h1 {
	font-size: 130%;
	font-family: fengardo_neueregular, Times New Roman, Georgia, serif;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
}

h2 {
	font-size: 14px;
	padding: 3px 5px 3px 5px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}

#findlearn {
	position:relative;
	background-color: #11090b;
	color:white;
	font-size:120%;
	font-family: fengardo_neueregular, Times New Roman, Georgia, serif;
	width:978px;
	height:60px;
}


a:link.findlearn{
	color: #ffffff;
	text-decoration: none;
	font-family: fengardo_neueregular, Times New Roman, Georgia, serif;
	font-size: 100%;
}
a:visited.findlearn {
	color: #ffffff;
	text-decoration: none;
	font-family: fengardo_neueregular, Times New Roman, Georgia, serif;
	font-size: 100%;
}
a:hover.findlearn,a:focus.findlearn {
	color: #ffffff;
	text-decoration: underline;
	font-family: fengardo_neueregular, Times New Roman, Georgia, serif;
	font-size: 100%;
}

#finddevapps {
	float:left;
	padding: 20px 0px 20px 80px;
}

#learn {
	text-align:right;
	padding: 20px 90px 20px 20px;
}

#vertline {
	position:absolute;
	top: 12px;
	left: 488px;
	z-index: 888;
	width: 1px;
}


#maincontent {
	position: relative;
	margin-left:auto;
	margin-right:auto;
	background-color:#f0f0f0;
	width:978px;
}

#homecontent {
	position: relative;
	width:978px;
	height: 1050px;
}

#selectorbox {
	position:absolute;
	top: -70px;
	left: 80px;
	background-color: #ffffff;
	width: 840px;
	height: 460px;
	z-index: 999;
	box-shadow: rgba(0,0,0, .5) 0px 0px 20px;
}

#selectorboxdemo {
	position:absolute;
	top: -70px;
	left: 0px;
	background-color: #ffffff;
	width: 990px;
	height: 460px;
	z-index: 999;
	box-shadow: rgba(0,0,0, .5) 0px 0px 20px;
}

#devicebox {
	background-color: #eeeeee;
	color: #11090b;
	font-size: 100%;
	font-family: source_sans_proregular, Tahoma, Helvetica, sans-serif;
	width: 140px;
	height: 310px;
	border: thin solid #dcdcdc;
	border-radius: 12px;
	text-align: center;
	
}


.devicebox1 {
	position: relative;
	top: 0px;
	left: 50px;

}

.devicebox2 {
	position: relative;
	top: -312px;
	left: 249px;
}

.devicebox3 {
	position: relative;
	top: -624px;
	left: 450px;
}

.devicebox4 {
	position: relative;
	top: -624px;
	left: 650px;
}

.devicebox5 {
	position: relative;
	top: -624px;
	left: 450px;
}

.deviceboxloc {
float: left;
margin-left:20px;
	background-color: #eeeeee;
	color: #11090b;
	font-size: 100%;
	font-family: source_sans_proregular, Tahoma, Helvetica, sans-serif;
	width: 140px;
	height: 310px;
	border: thin solid #dcdcdc;
	border-radius: 12px;
	text-align: center;
}

.deviceboxlocdemo {
float: left;
margin-left:20px;
}

.deviceboxicon {
	padding:20px 0px 20px 0px;
	height: 92px;
}

#dotarea {
	color: black;
	position: absolute;
	width: 640px;
	top: 420px;
	left: 170px;
}

#dots {
	position: relative;
}

#centertagline {
	font-family: fengardo_neueregular, Times New Roman, Georgia, serif;
	font-size: 225%;
}

#homecentralcontent {
	font-family: source_sans_proregular, Tahoma, Helvetica, sans-serif;
	color: black;
	font-size: 110%;
	position: relative;
	width: 978px;
	top: 600px;
	left: 0px;
	line-height: 130%;
}

#home3across {
	position: absolute;
	width: 978px;
	top: 200px;
	left: 0px;
	
}

#home3acrossbox,#home3acrossboxdev,#home3acrossboxlearn {
	width:300px;
	height:200px;
	background-color:white;
	padding: 15px 10px 10px 15px;
}

.homelearnbox {
	position: absolute;
	top: 0px;
	left: 0px;
}

.homesubmitappbox {
	position: absolute;
	top: 0px;
	left: 340px;
}

.hometwitterbox {
	float:right;
}


#contentbox {
	position: relative;
	width:978px;
	background-color: #ffffff;
	box-shadow: rgba(0,0,0, .5) 0px 0px 20px;
	margin: 0px 0px 40px 0px;
	padding: 15px 15px 20px 15px;
}

#findwrapper {
	position: relative;
	width:978px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;


}

#tab1 {
	position: relative;
	top: 0px;
	left: 0px;
	width: 285px;
	height: 100px;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	background-color: #ffffff;
	z-index: 10;
}

#tab1mobile, #tab2mobile{display:none;}
#notab2mobile, #notab2mobilecontainer,#notab1mobile, #notab1mobilecontainer {display:none;}

#notab1 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 265px;
	height: 70px;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 20px;
	border-radius: 6px;
	background-color: #dddddd;
	border: thin solid #aaaaaa;
}


#undershadow1 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 305px;
	height: 110px;
	box-shadow: rgba(0,0,0, .5) 0px 0px 20px;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	background-color: #ffffff;
	z-index: 9;
}

#hidebottomshadow1 {
	position: absolute;
	top: 120px;
	left: 0px;
	width: 335px;
	height: 10px;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	background-color: #ffffff;
	z-index: 11;
}

#tab2 {
	position: relative;
	top: 0px;
	left: 320px;
	width: 305px;
	height: 100px;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	background-color: #ffffff;
	z-index: 10;
}

#notab2 {
	position: absolute;
	left: 330px;
	width: 300px;
	height: 70px;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 20px;
	border-radius: 6px;
	background-color: #dddddd;
	border: thin solid #aaaaaa;
}

#undershadow2 {
	position: absolute;
	top: 0px;
	left: 320px;
	width: 315px;
	height: 110px;
	box-shadow: rgba(0,0,0, .5) 0px 0px 20px;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	background-color: #ffffff;
	z-index: 9;
}

#hidebottomshadow2 {
	position: absolute;
	top: 120px;
	left: 290px;
	width: 370px;
	height: 10px;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	background-color: #ffffff;
	z-index: 11;
}

#searchbox {
	position: relative;
	top: 0px;
	left: 0px;
	width: 978px;
	height: auto;
	box-shadow: rgba(0,0,0, .5) 0px 0px 20px;
	margin: 0px 0px 40px 0px;
	padding: 20px 10px 20px 10px;
	background-color: #ffffff;
	z-index: 0;
}

#searchboxcontent {
	position:relative;
	top:0px;
	right:0px;
	float:right;
	width:230px;
	margin-top:20px;
}

#searchbox.findphones {
	height: 425px;
}

#bestdevices {
	width:300px;
}

#alreadyknow {
	width:200px;
}

#resultsbox {
	position: relative;
	top: 0px;
	left: 0px;
	width: 1010px;
	height: auto;
	box-shadow: rgba(0,0,0, .5) 0px 0px 20px;
	margin: 0px 0px 40px 0px;
	padding: 20px 10px 20px 10px;
	background-color: #ffffff;
	z-index: 0;
}

#printbox {
	position: relative;
	top: 0px;
	left: 0px;
	width: 978px;
	height: auto;
	margin: 0px 0px 40px 0px;
	padding: 20px 10px 20px 10px;
	background-color: #ffffff;
	z-index: 0;
}


.submitbutton {
	background-color: #009558;
	height: 30px;
	color: white;
	padding: 7px 10px 0px 10px;
	font-family: source_sans_proregular, Tahoma, Helvetica, sans-serif;
	font-size: 150%;
	border-radius: 6px;
	display: inline-block;
}

.submitbutton:hover {
	background-color: #00aa58;
}

.cancelbutton {
	background-color: #2E2125;
	height: 30px;
	color: white;
	padding: 7px 15px 0px 15px;
	font-family: source_sans_proregular, Tahoma, Helvetica, sans-serif;
	font-size: 150%;
	border-radius: 6px;
	display: inline-block;
}

.cancelbutton:hover {
	background-color: #43313E;
}


.searchsubmit {
	background-color: #009558;
	/*width: 200px;*/
	width:auto;
	height: 30px;
	color: white;
	padding: 7px 5px 0px 5px;
	font-family: source_sans_proregular, Tahoma, Helvetica, sans-serif;
	font-size: 110%;
	border-radius:6px;
}

.searchsubmit250 {
	background-color: #009558;
	width: 250px;
	height: 30px;
	color: white;
	padding: 7px 5px 0px 5px;
	font-family: source_sans_proregular, Tahoma, Helvetica, sans-serif;
	font-size: 110%;
	border-radius:6px;
}

a:link.searchsubmit{
	color: #ffffff;
	text-decoration: none;
}
a:visited.searchsubmit {
	color: #ffffff;
	text-decoration: none;
}
a:hover.searchsubmit,a:focus.searchsubmit {
	color: #ffffff;
	text-decoration: underline;
}

#dotdivider1 {
	position: absolute;
	top: 50px;
	left: 280px;
}

#dotdivider2 {
	position: absolute;
	top: 50px;
	left: 600px;
}

#dotdivider1-horizontal,#dotdivider2-horizontal {display:none;}

#ortext {
	position: absolute;
	top: 77px;
	left: 24px;
	z-index: 1;
	color: white;
	font-family: source_sans_proregular, Tahoma, Helvetica, sans-serif;
	font-size: 150%;
   text-align: center;
}
#ortext-horizontal {display:none;}


#phtabletlookup {
   position: absolute;
	top: 20px;
	left: 370px;
}

#applookup {
   position: absolute;
	top: 20px;
	left: 370px;
}

#advancedfeaturesearch {
   position: absolute;
	top: 20px;
	left: 680px;
}

#areyoudeveloper {
   position: absolute;
	top: 20px;
	left: 670px;
	width: 290px;
	height:150px;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 40px 10px;
	background-color:#dddddd;
	font-family: source_sans_proregular, Tahoma, Helvetica, sans-serif;
	font-size:110%;
}

#criteriaarea {
	position: relative;
	background-color: #eeeeee;
	font-family: source_sans_proregular, Tahoma, Helvetica, sans-serif;
	width: auto;
	height: auto;
	padding: 10px 20px 20px 10px;
	margin: 0px 0px 15px 0px;
}

.criteriaquestion {
	font-family: source_sans_proregular, Tahoma, Helvetica, sans-serif;
	font-size: 110%;
	color: black;
}

#phoneshaperow {
	position: relative;
}

#mfgrow {
	position: absolute;
}

#mfgrowspacer {
	height: 30px;
}

.categoryhdr {
	font-family: source_sans_proregular, Tahoma, Helvetica, sans-serif;
	font-size: 110%;
	color: black;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
}

.modelhdr {
	font-family: source_sans_proregular, Tahoma, Helvetica, sans-serif;
	font-size: 100%;
	color: black;
	font-weight: none;
	padding: 5px 5px 5px 5px;
	text-align:center;
}

.featurerow {
	font-family: source_sans_proregular, Tahoma, Helvetica, sans-serif;
	font-size: 100%;
	color: black;
	line-height: 130%;
	padding: 5px 5px 5px 5px;
	border-right: thin solid #dadada; 
	border-bottom: thin solid #dadada;
}

.applabelcell {
	font-family: source_sans_proregular, Tahoma, Helvetica, sans-serif;
	font-size: 100%;
	color: black;
	line-height: 130%;
	padding: 5px 5px 5px 5px;
	border-right: thin solid #dadada; 
	border-bottom: thin solid #dadada;
	width: 25%;
}

.comparehdrbox {
	padding: 5px 5px 5px 5px;
	border-left: thin solid #d9d9d9; 
}

.disabilitybutton {
	background-color: #009558;
	width: auto;
	height: auto;
	color: white;
	padding: 7px 12px 10px 12px;
	margin: 0px 5px 0px 5px;
	font-family: source_sans_proregular, Tahoma, Helvetica, sans-serif;
	font-size: 100%;
	border-radius:6px;
}

a:link.disabilitybutton{
	color: #ffffff;
	text-decoration: none;
}
a:visited.disabilitybutton {
	color: #ffffff;
	text-decoration: none;
}
a:hover.disabilitybutton,a:focus.disabilitybutton {
	color: #ffffff;
	text-decoration: underline;
}

.disabilitybuttonactive {
	background-color: #dddddd;
	width: auto;
	height: auto;
	color: white;
	padding: 7px 12px 10px 12px;
	margin: 0px 5px 0px 5px;
	font-family: source_sans_proregular, Tahoma, Helvetica, sans-serif;
	font-size: 100%;
}

a:link.disabilitybuttonactive{
	color: #000000;
	text-decoration: none;
}
a:visited.disabilitybuttonactive {
	color: #000000;
	text-decoration: none;
}
a:hover.disabilitybuttonactive,a:focus.disabilitybuttonactive {
	color: #000000;
	text-decoration: underline;
}

#appbox {
	position: relative;
	top: 0px;
	left: 0px;
	width: 700px;
	height: auto;
	box-shadow: rgba(0,0,0, .5) 0px 0px 10px;
	margin: 0px 10px 40px 10px;
	padding: 20px 10px 20px 10px;
	background-color: #ffffff;
	z-index: 0;
}

.appname {
	color: #009558;
	font-family: source_sans_proregular, Tahoma, Helvetica, sans-serif;
	font-size: 125%;
	font-weight: bold;
	font-style: italic;
}

.appsforbox {
	position: relative;
	top: 0px;
	left: 0px;
	width: 200px;
	height: auto;
	margin: 5px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	background-color: #dddddd;
}

#appsummarybox {
	position:relative;
	top:0px;
	left:100px;
	width:575px;
}

#footerwrapper {
	width: 100%;
	height: auto;
	min-height: 19vh;
}

#footerlinkswrapper {
	position: relative;
	background-color: #2e2125;
	width: 100%;
}

#footerlinksbox {
	position: relative;
	margin-left:auto;
	margin-right:auto;
	background-color:#2e2125;
	width:978px;
	height:150px;
	padding: 0px 0px 0px 0px;
	color:white;
	font-family: source_sans_proregular, Tahoma, Helvetica, sans-serif;
}

#footerdevelopers {
	position:absolute;
	top: 20px;
	left: 0px;
}

#footermanufacturers {
	position:absolute;
	top: 20px;
	left: 225px;
}

#footergovernments {
	position:absolute;
	top: 20px;
	left: 450px;
}

#footersearch {
	position:absolute;
	top: 20px;
	left: 670px;
}

#footereducation {
	position:absolute;
	top: 20px;
	left: 785px;
}

#footercopyrightwrapper {
	position: relative;
	background-color: #23171b;
	width: 100%;
}

#footercopyrightbox {
	margin-left:auto;
	margin-right:auto;
	background-color:#23171b;
	width:978px;
	height:25px;
	padding: 5px 0px 5px 0px;
	color:#8a6b74;
}

#footercopyrightbox a:link {
	color: #8a6b74;
	text-decoration: none;
}
#footercopyrightbox a:visited {
	color: #8a6b74;
	text-decoration: none;
}
#footercopyrightbox a:hover,a:focus {
	color: #ffffff;
	text-decoration: underline;
}


#adminframe {
	min-height: 250px;
	padding: 20px 0px 20px 0px;
}

#adminframe a:link{
	color: #2e2125;
	text-decoration: none;
}
#adminframe a:visited {
	color: #2e2125;
	text-decoration: none;
}
#adminframe  a:hover,a:focus {
	color: #00cc00;
	text-decoration: underline;
}

.section {
	font-size: 14px;
	background: #43313e;
	padding: 5px 5px 5px 5px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	color: #ffffff;
}

a:link.section {
	color: #ffffff;
	text-decoration: none;
}
a:visited.section {
	color: #ffffff;
	text-decoration: none;
}
a:hover.section,a:focus.section {
	color: #ffffff;
	text-decoration: underline;
}

.divider {
	border-bottom-color: Black; border-bottom-style: solid; border-bottom-width: thin;
	height:auto;
	margin-top:10px;
}


a:link {
	color: #006600;
	text-decoration: none;
}
a:visited {
	color: #006600;
	text-decoration: none;
}
a:focus,a:focus:hover,a:hover,a:active,a:active:hover,a:link:focus,a:visited:focus {
	color: #00cc00;
	text-decoration: underline;
}

a:link.displayhide {
	color: #009a5c;
	text-decoration: none;
}
a:visited.displayhide {
	color: #009a5c;
	text-decoration: none;
}
a:hover.displayhide,a:focus.displayhide {
	color: #00cc00;
	text-decoration: none;
}

#lglink {
	font-family: source_sans_proregular, Tahoma, Helvetica, sans-serif;
	font-size: 125%;
	line-height: 150%;
}

#lglink a:link{
	color: #006600;
	text-decoration: none;
}
#lglink a:visited {
	color: #006600;
	text-decoration: none;
}
#lglink  a:hover,a:focus {
	color: #00cc00;
	text-decoration: underline;
}


#breadcrumblink {
	font-family: source_sans_proregular, Tahoma, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 100%;
	padding: 10px 0px 10px 0px;
}

#breadcrumblink a:link{
	color: #009a5c;
	text-decoration: none;
}
#breadcrumblink a:visited {
	color: #009a5c;
	text-decoration: none;
}
#breadcrumblink  a:hover,a:focus {
	color: #00cc00;
	text-decoration: underline;
}

#pgtitletext {
	font-family: source_sans_proregular, Tahoma, Helvetica, sans-serif;
	font-size: 150%;
	padding: 0px 0px 25px 0px;
}

#sectionlink {
	font-family: fengardo_neueregular, Times New Roman, Georgia, serif;
	font-size: 125%;
}

a:link.sectionlink{
	color: #ffffff;
	text-decoration: none;
}
a:visited.sectionlink {
	color: #ffffff;
	text-decoration: none;
}
a:hover.sectionlink,a:focus.sectionlink {
	color: #ffffff;
	text-decoration: underline;
}

#footerlink {
	font-family: source_sans_proregular, Tahoma, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 120%;
}

#footerlink a:link{
	color: #ffe6d6;
	text-decoration: none;
}
#footerlink a:visited {
	color: #ffe6d6;
	text-decoration: none;
}
#footerlink  a:hover,a:focus {
	color: #ffffff;
	text-decoration: underline;
}

#greydivider {
	width:100%;
	height:1px;
	background-color: #e7e2e3;
}



ul {
	list-style-image: url(../images/green-dot.gif);
}

.approve {
	 color: #0066ff;
}
.warning {
	 color: #990000;
}
.success {
	 color: #009900;
}
.published {
	 color: #009900;
	 font-weight: bold;
}
.draft {
	 color: #990000;
	 font-weight: bold;
}
.device{
	font-family: arial, helvetica; font-size: 12px; color: #000000;
}
.statlabel {
	font-size: 14px;
	color: #0066ff;
	font-weight: bold;
}


#langlist li
{
	display: inline;
	list-style-type: none;

}

#hdrnav {
  	float:right;
	padding-top:20px;
}

#hdrnavlist li
{
	display: inline;
	list-style-type: none;
	padding-right:15px;

}

a:link.hdrnav {
	color: #ffe6d6;
	text-decoration: none;
}
a:visited.hdrnav {
	color: #ffe6d6;
	text-decoration: none;
}
a:hover.hdrnav,a:focus.hdrnav {
	color: #ffffff;
	text-decoration: underline;
}

a:link.whitelink {
	color: #ffffff;
	text-decoration: none;
}
a:visited.whitelink {
	color: #ffffff;
	text-decoration: none;
}
a:hover.whitelink,a:focus.whitelink {
	color: #ffffff;
	text-decoration: underline;
}

#video {
	width:600px;
}

#videotxt {
	position:absolute;
	top:0px;
	right:0px;
	width:400px;
}

.noval {
	display: none;
}

.vpattitle	{
	font-family: arial, helvetica; font-size: 14px; color: #000000;font-weight:bold;
}


/*** new ****/

#phoneformarea {
	position:relative;
	height:auto;
}


#phoneformarea ul {
	position:relative;
	display:block;
	list-style: outside none none;
	width:100%;
	padding:0px 0px 0px 0px;
	vertical-align: bottom;
	
}

#phoneformarea ul li {
	float: left;
	position: relative;
	padding: 10px 20px 10px 0px;
	vertical-align: baseline;
	margin: 0;
	width: 200px;
	white-space: nowrap;
}



#searchfeaturearea {
	position:relative;
	height:auto;
}


#searchfeaturearea ul {
	position:relative;
	display: block;
	list-style: outside none none;
	width:auto;
	padding:0px 0px 0px 0px;
	vertical-align: bottom;
	margin: 0;
}

#searchfeaturearea ul li {
	display: block;
		float:left;
	padding: 10px 0px 0px 0px;
	width:150px;
	margin: 0px 3px 0px 3px;
	text-align:center;
	vertical-align: baseline;
	white-space: nowrap;
	width:150px;
}

#productdetailspic {
	position:relative;
	min-height:230px;
}

#productpic {
	position:relative;
	float:left;
	margin-right:10px;
}

#productdetailsarea {
	position:relative;
	float:left;
}

#runbymmf {
	position:relative;
	width:300px;text-align:right;
	float:right;
}

#soonerorlater {
	position:relative;
	width:300px;
	float:left;
}

#mmf-logo-home {
	position:absolute;top:10px;left:432px;
}

#social-media-icons {
	position:absolute;top:100px;left:0px;
}

#designedby {
	float:right;
}

#termsservice {display:inline;margin: 0px 10px 0px 20px;}
#privacy {display:inline;margin: 0px 10px 0px 10px;}



#resultarea ul {
	position:relative;
	display:block;
	list-style: outside none none;
	width:100%;
	padding:10px 0px 10px 0px;
	vertical-align: bottom;
	
}

#resultarea ul li {
	float: left;
	position: relative;
	width: 29%;
	height: 250px;
	padding: 10px 0px 10px 0px;
	vertical-align: baseline;
	margin: 20px;
	font-size:100%;
	line-height: 130%;
	text-align:center;
}

.deviceresultwrapper {
	position:absolute;
	bottom:0px;
	width:230px;
	font-weight:bold;
}

#regiontext {
	display:inline;
}

.apppic {
	position:absolute;
	top:20px;
	left:10px;
}

#appsearchmsg {display:none;}

.appsprevnext {
	padding: 0px 0px 20px 0px;
}

#forgot,#clickbox,#noaccount {display:inline;}

.PlatformsDevelopFor {
	float:left;
	min-width:240px;
}

.fieldbox {
	margin: 0px 0px 5px 0px;
	display:inline;
}
.fieldboxlabel {
	margin: 3px 0px 5px 0px;
	width:120px;
	display:inline-block;
	height:auto;
}
	
.fieldboxselect {
	margin: 0px 0px 5px 0px;
	display:inline;
}

.menubox {
	font-size:13px;
	line-height:20px;
	padding-left:20px;
}




.menuitem.logout {
	display:none;
}

#appmainpg {display:inline;}

#applogout {display:inline;}


#appsarea ul {
	position:relative;
	display:block;
	list-style: outside none none;
	width:100%;
	padding:10px 0px 10px 0px;
	vertical-align: bottom;
	
}

#appsarea ul li {
	display: inline-block;
	position: relative;
	width: 200px;
	height: 250px;
	padding: 10px 0px 10px 0px;
	vertical-align: baseline;
	margin: 5px;
	font-size:100%;
	line-height: 130%;
	text-align:center;
}

.appswrapper {
	position:absolute;
	bottom:0px;
	width:200px;
	font-weight:bold;
}

.appthn {
	float: left;
	display: inline-block;
	margin: 0px 20px 0px 0px;
}

.screenshotfield {
	width:220px;
}

.verabove {
	display:inline-block;
	margin-bottom: 10px;
}

.checkboxfield {
	white-space: nowrap;
	display:inline-block;
	margin: 0px 10px 10px 0px;
}


.statusactive {
	color: #00cc00;
}

a:link.statusactive, a:visited.statusactive, a:hover.statusactive{
	color: #00cc00;
}

.statusinactive {
	color: #990000;
}

#cookietext {margin-right:30px;}

input.largecheckbox{
	width: 30px;
	height: 30px;
}

.ismobile {display:none;}
.isdesktop {display:inline-block;}

#printlink {font-size:150%;}


#skiptocontent a:focus {
  color: white;
  display: inline-block;
  height: auto;
  width: auto;
  position: static;
  margin: auto;
  left: 0px;
  top: 0px;
  transition: top .1s ease-in;
}

#skiptocontent a {
    padding: 6px;
    position: absolute;
    top: -40px;
    left: 0px;
    color: white;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    border-bottom-right-radius: 8px;
    background: #BF1722;
    -webkit-transition: top 1s ease-out;
    transition: top 1s ease-out;
    z-index: 100;
}

#learnOSlist {margin-left:20px;}
#learncontentwrapper {width:100%;min-height:900px;}

.deletebutton {    
	background-position: center top;
    background-repeat: no-repeat;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: 2px solid #808080;
    color: #FFF;
    font: bold 12px Arial, Helvetica, sans-serif;
    text-align: center;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
    text-transform: uppercase; 
	width:100px;
	height:30px;
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #990000), color-stop(1, #707070) );
}
	
.finddevpic {max-width:300px;}


#casestudiesleft {
	width:660px;
	display:inline-block;
	vertical-align: top;
	margin-right:34px;
	background-color:#eeeeee;
}
#casestudiesleftcontent {margin:30px 20px 30px 30px;}
.cswhitebox {background-color:white;padding:20px;margin:0px 0px 20px 0px;}
#casestudiesright {
	width:280px;
	display:inline-block;
	background-color:#eeeeee;
	min-height:400px;
	vertical-align: top;
	margin:0px;
	padding-bottom:20px;
}
#casestudiesrightcontent{margin:20px 0px 0px 25px;}

#cscat {margin:0px 0px 10px 0px;}
.catbox {
	font-family: source_sans_proregular, Tahoma, Helvetica, sans-serif;
	font-size: 120%;
	background-color: #dddddd;
	width: 230px;
	text-align: left;
	vertical-align: middle;
	padding: 10px 0px 10px 10px;
	margin: 5px 0px 0px 0px;
	border-radius: 0px;
	color:#444444;
	border-color:white;
	border-style: solid;
    border-width: 2px;
}
.catbox:hover {
	background-color: #009558;
	background-image:none;
}

.catboxhighlight {
	font-family: source_sans_proregular, Tahoma, Helvetica, sans-serif;
	font-size: 120%;
	background-color: #009558;
	width: 230px;
	text-align: left;
	vertical-align: middle;
	padding: 10px 0px 10px 10px;
	margin: 5px 0px 0px 0px;
	border-radius: 0px;
	color:#ffffff;
	border-color:white;
	border-style: solid;
    border-width: 2px;
}

.cattxt {
	display:inline-block;
	width:85%;
}
.catarrow {
	display:inline-block;
}

.resourceinfowrapper {
	display:inline-block;
	width:70%;
}

.resourceinfo {
	color:black;
	font-family: arial,helvetica;
	font-size: 12px;
}
.resourceinfocat {
	color:#888888;
	font-family: arial,helvetica;
	font-size: 12px;
}

.abouttext {
	color:black;
	font-size:14px;
	font-family: arial,helvetica;
	margin:3px 0px 15px 0px;
}

.abouttext.cs {
	color:black;
	font-size:14px;
	font-family: arial,helvetica;
	margin:3px 0px 15px 0px;
	display:inline-block;
	width:95%;
}

.pglinks {
	color:black;
	font-family: arial,helvetica;
	font-size: 13px;
	letter-spacing: 1px;
	text-align:center;
	margin:0px 0px 20px 0px;
}

.pglinks a:link {
	color: #666666;
	text-decoration: none;
}
.pglinks a:visited {
	color: #666666;
	text-decoration: none;
}
.pglinks a:hover,a:focus {
	color: #ffffff;
	text-decoration: underline;
}

.researchpic {
	text-align:right;
}
.researchpic.link {
	padding-right:20px;
}

.readboxwrapper {
	display:inline-block;
	width:29%;
	vertical-align:top;
	margin-top:0px;
}

.readbox {
	font-family: source_sans_proregular, Tahoma, Helvetica, sans-serif;
	font-size: 120%;
	background-color: #009558;
	width: 120px;
	text-align: center;
	vertical-align: middle;
	padding: 10px 0px 10px 0px;
	margin-top: 10px;
	border-radius: 6px;
	color:#ffffff;
	margin-right:0px;
	margin-left:auto;
}

.readbox.solutions {
	margin-right:auto;
	margin-left:0px;
}

.readbox:hover {
	background-color: #43313e;
	background-image:none;
}

a:hover.buttlink {text-decoration:none;}

iframe.instagram-media {
    max-width: 100% !important;
    width: 100% !important;
    min-width: auto !important;
	height: 225px !important;
}