/* CSS Document */

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

@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;
}


.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;
}
	
.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;
	
}



#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 {
	background-color:#2e2125;
	width:100%;
	height:165px;
}

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

#hometaglinebarwrapper {
	background-color:#2e2125;
	width:100%;
	height:200px;
}
#hometaglinebar {
	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%;
}

#learn {
	float: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: 200px;
	background-color: #ffffff;
	width: 660px;
	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;
}

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

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

#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: absolute;
	width: 978px;
	top: 600px;
	left: 0px;
	line-height: 130%;
}

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

#home3acrossbox {
	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;
}

#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;
}



#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;
	height: 30px;
	color: white;
	padding: 7px 5px 0px 5px;
	font-family: source_sans_proregular, Tahoma, Helvetica, sans-serif;
	font-size: 110%;
}

.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%;
}

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;
}

#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;
}


#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%;
}

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;
}



#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;
}


a:link {
	color: #009a5c;
	text-decoration: none;
}
a:visited {
	color: #009a5c;
	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: #009a5c;
	text-decoration: none;
}
#lglink a:visited {
	color: #009a5c;
	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;
}


#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;

}

#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;
}