﻿/* 7" Portrait */
@media only screen and (orientation:portrait) and (device-width: 480px) 
{

	#mainNav
	{
		clear:both;
		margin:50px 0 15px 0;
	}

	#mainNav li
	{
		width:180px;
	}

	#mainNav a
	{
		display:block;
	}

	#ctl00_languageSelector
	{
		height:24px;
	}
	
	#login
	{
		padding-bottom:10px;
		float:right;
	}
	
	ul.installMethods > li
	{
		width:180px;
		min-height:160px;
	}
	
	ul.installMethods > li:nth-child(odd)
	{
		margin-right:12px;
	}

	#categories
	{
		display:none;
	}
	
	#searchBox
	{
		float:right;
	}
	
	#leftColumn
	{
		width:430px;
	}
	
	#ctl00_ZiiOContent_categorySelector
	{
		display:block;
		float:left;
		width:200px;
		height:30px;
		margin-right:0 10px 0 0;
		padding:0 5px;
	}
	
	#rightColumn
	{
		width:430px;
	}

	#rightColumn ul li
	{
		min-height:80px;
		margin-bottom:20px;
	}

	.appicon
	{
		float:left;
		width:80px;
	}
	
	.appDescription
	{
		float:left;
		width:70%;
		padding-left:10px;
	}	
	
	/* Buy Accessories */
	#accessoriesList > li
	{
		width:43%;
		float:left;
		padding:5px;
		text-align:center;
	}
}

/* 7" Landscape */
@media only screen and (orientation:landscape) and (device-width: 800px) {
	#container
	{
		background:#fff url(../images/top_background_h.jpg) repeat-x;
	}
	
	#main
	{
		width:750px;
	}
	
	header
	{
		width:750px;
	}
	
	#mainNav
	{
		clear:both;
		margin:40px 0 15px 0;
	}	

	#mainNav li
	{
		width:auto;
		float:left;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
	}
	

	ul.installMethods > li
	{
		width:158px;
		min-height:160px;
		margin-right:10px;
	}

	ul.installMethods > li:last-child
	{
		margin-right:0;
		padding-right:5px;
	}
	
	footer ul
	{
		width:40%;
		list-style:none;
		margin:0 auto;
	}
	
	/* Buy Accessories */
	#accessoriesList > li
	{
		width:30%;
		float:left;
		padding:5px;
		text-align:center;
	}
}

/* Portrait 10" */
@media only screen and (orientation:portrait) and (device-width: 600px) {
	#container
	{
		background:#fff url(../images/background.jpg) repeat-x;
	}
	
	header
	{
		width:550px;
	}	
	
	#main
	{
		width:550px;
	}	

	#mainNav li
	{
		font-size:14px;
		color:#2c3d00;
		display:block;
		background:#a6c755;
		border-radius: 10px;
		-moz-border-radius: 10px;
		padding:6px 20px;
		/* width:510px; */
	}
	
	ul.installMethods > li
	{
		width:235px;
		min-height:190px;
		margin-bottom:20px;	
	}	
	
	ul.installMethods > li:nth-child(odd)
	{
		margin-right:20px;
	}
	
	#categories
	{
		display:none;
	}
	
	#searchBox
	{
		float:right;
	}
	
	#leftColumn
	{
		width:550px;
	}
	
	#ctl00_ZiiOContent_categorySelector
	{
		display:block;
		float:left;
		width:250px;
		height:30px;
		margin-right:0 10px 0 0;
		padding:0 5px;
	}
	
	#rightColumn
	{
		width:550px;
	}

	#rightColumn ul li
	{
		min-height:100px;
		margin-bottom:20px;
	}

	.appicon
	{
		float:left;
		width:80px;
	}	

	footer ul
	{
		width:60%;
		list-style:none;
		margin:0 auto;
	}
	
	/* Buy Accessories */
	#accessoriesList > li
	{
		width:43%;
		float:left;
		padding:5px;
		text-align:center;
	}	
}

/* Landscape 10" */
@media only screen and (orientation:landscape) and (min-device-width: 1023px) {
	#container
	{
		background:#fff url(../images/top_background_h.jpg) repeat-x;
	}
	
	header
	{
		width:974px;
	}	

	#main
	{
		width:974px;
	}		
	
	#mainNav
	{
		clear:both;
		margin:18px 0 0;
		float:left;
		
	}
	
	#mainNav ul
	{
		display:block;
		overflow:hidden;
	}

	#mainNav li
	{
		display:block;
		float:left;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
		
		-moz-border-radius:10px 10px 0 0;
	}
	

	ul.installMethods > li
	{
		width:210px;
		min-height:150px;
		margin-right:15px;
	}

	ul.installMethods > li:last-child
	{
		margin-right:0;
		padding-right:5px;
	}
	
	footer ul
	{
		width:30%;
		list-style:none;
		margin:0 auto;
	}
}  



/* ZEN Touch 2 Landscape */
@media only screen and (orientation:landscape) and (device-width: 480px) 
{
	body
	{
		font-size:13px;
	}
	
	header
	{
		width:90%;
	}	

	#main
	{
		width:90%;
	}		
	
	#mainNav
	{
		margin-top:50px;
	}
	
	ul.installMethods > li
	{
		width:175px;
		min-height:170px;
		margin-right:10px;
	}
	
	#categories
	{
		display:none;
	}
	
	#searchBox
	{
		float:right;
	}
	
	#leftColumn
	{
		width:430px;
	}
	
	#ctl00_ZiiOContent_categorySelector
	{
		display:block;
		float:left;
		width:200px;
		height:30px;
		margin-right:0 10px 0 0;
		padding:0 5px;
	}
	
	#rightColumn
	{
		width:90%;
	}

	#rightColumn ul li
	{
		min-height:80px;
		margin-bottom:20px;
	}

	.appicon
	{
		float:left;
		width:80px;
	}
	
	.appDescription
	{
		float:left;
		width:70%;
		padding-left:10px;
	}	
	
	
	footer ul
	{
		width:30%;
		list-style:none;
		margin:0 auto;
	}
	
	/* Buy Accessories */
	#accessoriesList > li
	{
		width:45%;
		float:left;
		padding:5px;
		text-align:center;
	}	
}





/* ZEN Touch 2 Portrait */
@media only screen and (orientation:portrait) and (device-width: 320px) 
{
	body
	{
		font-size:14px;
	}
	
	#container
	{
		width:320px;
		max-width:320px;
	}
	
	header
	{
		padding:10px;
		width:300px;
	}	

	#main
	{
		padding:0 10px;		
		width:300px;
	}			
	
	#mainNav ul
	{
		margin:30px 0 16px 0;
	}
	
	#mainNav li
	{
		font-size:13px;
		width:110px;
	}

	#mainNav a
	{
		display:block;
	}
	
	h1, h2, h3
	{
		color:#608600;
		font-size:16px;
	}

	h3
	{
		font-size:14px;
		clear:right;
		padding:8px 0px 5px 52px;
	}
	
	ul.installMethods > li:nth-child(odd)
	{
		margin-right:14px;
	}

	#categories
	{
		display:none;
	}
	
	#searchBox
	{
		float:left;
	}
	
	#leftColumn
	{
		width:300px;
	}
	
	#ctl00_ZiiOContent_categorySelector
	{
		display:block;
		float:left;
		width:185px;
		height:30px;
		margin-right:0 10px 0 0;
		padding:0 5px;
	}
	
	#rightColumn
	{
		width:100%;
	}

	#rightColumn h1	
	{
		font-size:1.5em;
	}

	#rightColumn ul li
	{
		min-height:80px;
		margin-bottom:20px;
	}

	.appicon
	{
		float:left;
		width:60px;
	}
	
	.appDescription
	{
		float:left;
		width:185px;
		padding-left:10px;
	}	
	
	/* Buy Accessories */
	#accessoriesList > li
	{
		width:43%;
		float:left;
		padding:5px;
		text-align:center;
	}
}
