/*********************************************************
 * pocketMac CSS stylesheet
 *********************************************************/
 
 *        { font-family: Arial, Helvetica, Sans-Serif; font-size:x-small; }
img       { border-style:none; }
form      { padding:0px; margin:0px; }
a:link	  { color:#0d6bb1; font-size:100%; text-decoration:none; }
a:visited { color:#0d6bb1; font-size:100%; text-decoration:none; }
a:hover	  { color:#0d6bb1; font-size:100%; text-decoration:underline; }
p		  { margin:0px; padding:0px; }
strong, b, em, i, span
          { font-size:100%; }


html	
	{ padding:auto; height:auto; }
body      
	{ text-align:center; margin:auto; }
/* {{{ */
    #PageSlot 
    	{ width:916px; margin:auto; }
    /* {{{ */
        #Wrapper 
        	{ float:left; clear:both; width:916px; }
        /* {{{ */
			#Header 
				{ float:left; width:100%; height:111px;
				  padding:0px; margin:5px 0px 0px;
				  background:transparent url(../img/header.png) 0% 0% no-repeat; }
			#Header.version2
				{ background:transparent url(../img/header2.png) 0% 0% no-repeat; }
			/* {{{ */
				#Header .left
					{ float:left; clear:left; width:270px; height:90px; padding:20px 0px 0px 120px;
					  text-align:left; }
				#Header.version2 .left
					{ float:left; clear:left; width:270px; height:90px; padding:20px 0px 0px 140px;
					  text-align:left; }
				#Header .left .title
					{ font-size:460%; color:#000; }
				#Header .left .title sup
					{ font-size:50%; vertical-align:top; }
				#Header .left .subtitle
					{ font-size:160%; color:#545655; }
				#Header .right
					{ float:right; clear:right; width:270px; height:100%; padding:0px 10px 0px 0px; }
				#Header .right .phone
					{ float:left; clear:both; width: 100%; height:25px; text-align:right;
					  line-height:30px; font-size:160%; color:#064587; font-weight:bold; }
				#Header .right .phone span
					{ font-size:160%; }
				#Header .right .googleTranslate
					{ float:left; clear:both; width:100%; text-align:right; padding-left: 105px; }
			/* }}}-#Header */
			#Menu
				{ float:left; clear:both; width:100%; height:29px; 
				  background:transparent url(../img/menu.png) 0% 0% repeat-x; }
			/* {{{ */
				#Menu ul
					{ float:left; clear:both; width:100%; height:100%; margin:0px; 
					  padding:0px; list-style:none; }
				#Menu ul li
					{ float:left; height:100%; line-height:29px; margin:0px; 
					  padding:0px 43px; font-size:140%; font-weight:bold; color:#fff;
					  background:transparent url(../img/menu-separator.png) 0% 0% no-repeat; }
				#Menu ul li.first
					{ background:none; }
				#Menu ul li a:link,
				#Menu ul li a:visited,
				#Menu ul li a:hover
					{ color:#fff; }
			/* }}}-#Menu */
			#SearchBar
				{ float:left; clear:both; width:100%; height:38px;
				  border-bottom:1px solid #b4c9d2;
				  background:transparent url(../img/search-bar-bg.png) 0% 0% no-repeat; }
			/* {{{ */
				#SearchBar .breadcrumbs
					{ float:left; clear:left; width:675px; height:100%; line-height:38px;
					  font-size:110%; color:#6f6f6f; text-align:left; }
				#SearchBar .breadcrumbs a:link,
				#SearchBar .breadcrumbs a:visited,
				#SearchBar .breadcrumbs a:hover
					{ color:#6f6f6f; }
				#SearchBar .form
					{ float:left; width:241px; height:31px; padding:7px 0px 0px; text-align:left; }
				#SearchBar .form label
					{ font-size:120%; color:#fff; padding:0px 5px; }
				#SearchBar .form input
					{ width:145px; border:0px; font-size:120%; }
				#SearchBar .form input.submit
					{ width:21px; height:20px; border:0px; margin:0px; padding:0px;
					  background:transparent url(../img/submit-arrow.png) 0% 0% no-repeat; }
				
				#SearchBar .form inputnew
					{ width:145px; border:0px; font-size:120%; }
				#SearchBar .form inputnew.submit
					{ width:21px; height:20px; border:0px; margin:0px; padding:0px;
					  background:transparent url(../img/submit-arrow.png) 0% 0% no-repeat; }
					  
			/* }}}-#SearchBar */
			#Middle
				{ float:left; width:100%; padding:0px; }
			/* {{{ */
				#Left
					{ float:left; clear:left; width:653px; padding:0px 22px 10px 0px; }
				/* {{{ */
					#Left h1
						{ text-align:left; font-size:200%; color:#323232; margin:10px 0px; padding:0px; }
					#Left h3
						{ text-align:left; font-size:160%; color:#1e8cc6; margin:10px 0px; padding:0px; }
					#Left h3 p font
						{ text-align:left; font-size:160%; color:#1e8cc6; margin:10px 0px; padding:0px; }
					#ProductBox
						{ float:left; clear:both; width:100%; padding:0px 0px 10px;
						  background:transparent url(../img/dots-smaller.png) 0% 100% repeat-x; }
					#ProductBox .image
						{ float:left; clear:left; width:265px; }
					#ProductBox .details
						{ float:left; width:388px; }
					#ProductBox .details .top
						{ float:left; clear:both; width:100%; color:#323232; text-align:left;
						  padding:0px 0px 25px; }
					#ProductBox .details .top ul
						{ margin:0px; padding:0px 0px 0px 20px; text-align:left; width:330px; }
					#ProductBox .details .top ul li
						{ font-size:140%; margin:10px 0px 0px; }
					#ProductBox .details .top a:link,
					#ProductBox .details .top a:visited
						{ color:#1e8cc6; text-decoration:underline; }
					#ProductBox .details .top a:hover
						{ color:#1e8cc6; text-decoration:none; }
					#ProductBox .details .bottom
						{ float:left; clear:both; width:100%; }
					#ProductBox .details .bottom .orangeBtn
						{ float:left; clear:both; width:274px; height:60px; text-align:left;
						  font-size:220%; font-weight:bold; line-height:60px; text-indent:15px;
						  margin:0px 0px 10px;
						  background:transparent url(../img/btn-orange-274x60.png) 0% 0% no-repeat; }
					.orangeBtn a:link,
					.orangeBtn a:visited,
					.orangeBtn a:hover
						{ color:#fff; }
					#ProductBox .details .bottom .blueBtn
						{ float:left; clear:both; width:212px; height:33px; text-align:left;
						  font-size:130%; font-weight:bold; line-height:33px; text-indent:15px;
						  background:transparent url(../img/btn-blue-212x33.png) 0% 0% no-repeat; }
					#ProductBox .details .bottom .blueBtn a:link,
					#ProductBox .details .bottom .blueBtn a:visited,
					#ProductBox .details .bottom .blueBtn a:hover
						{ color:#1371a3; }
					#Requirements
						{ float:left; clear:both; width:100%; padding:0px 0px 25px;
						  background:transparent url(../img/dots-smaller.png) 0% 100% repeat-x; }
					#Requirements p
						{ text-align:left; font-size:140%; margin:15px 0px; color:#323232; }
					#Requirements ul
						{ text-align:left; color:#323232; margin:10px 0px; padding:0px 0px 0px 20px; }
					#Requirements ul li
						{ font-size:120%; margin:10px 0px; }
					#Content
						{ float:left; clear:both; width:100%; padding:0px 0px 25px; text-align:left;
						  margin:0px 0px 10px;
						  background:transparent url(../img/dots-smaller.png) 0% 100% repeat-x; }
					#Content p
						{ text-align:left; font-size:140%; margin:15px 0px; color:#323232; }
					#Content ul
						{ text-align:left; color:#323232; width:600px; margin:10px 0px; 
						  padding:0px 0px 0px 20px; }
					#Content ul li
						{ font-size:110%; margin:10px 0px; }
					#Content p.clickHere
						{ text-indent:15px; font-size:130%; }
					#Content p.clickHere a:link,
					#Content p.clickHere a:visited
						{ text-decoration:underline; }
					#Content p.clickHere a:hover
						{ text-decoration:none; }
					#Content .orangeBtn
						{ float:left; clear:both; width:229px; height:44px; text-align:left;
						  font-size:180%; font-weight:bold; line-height:44px; text-indent:15px;
						  margin:0px 0px 10px;
						  background:transparent url(../img/btn-orange-229x44.png) 0% 0% no-repeat; }
					#Devices
						{ float:left; clear:both; width:100%; padding:0px 0px 10px; }
					#Devices .top
						{ width:100%; height:30px; }
					#Devices .top .left
						{ float:left; clear:left; width:500px; height:100%; line-height:30px;
						  font-size:120%; font-weight:bold; color:#323232; text-align:left; }
					#Devices .top .right
						{ float:left; width:153px; height:100%; line-height:30px; font-size:120%;
						  font-weight:bold; text-align:right; }
					#Devices .items
						{ float:left; clear:both; width:651px; height:180px;
						  border:1px solid #b4c9d2; overflow-x:auto; overflow-y:hidden; }
					#Devices .items .wrapper
						{  }
					#Devices .items .item
						{ float:left; width:150px; height:100%; }
					#Devices .items .item .image
						{ float:left; clear:both; width:100%; height:100px; text-align:center;
						  padding:15px 0px 0px; }
					#Devices .items .item .title
						{ float:left; clear:both; width:90%; height:50px; font-size:120%;
						  font-weight:bold; color:#323232; text-align:center; }
				/* }}}-#Left */
				#Right
					{ float:left; width:241px; padding:0px 0px 10px; }
				/* {{{ */
					#WhoArePocketMac
						{ float:left; clear:both; width:100%; }
					#WhoArePocketMac .title
						{ float:left; clear:both; width:100%; font-size:140%; font-weight:bold;
						  color:#323232; text-align:left; padding:10px 0px; }
					#WhoArePocketMac .content
						{ float:left; clear:both; width:100%; }
					#Right p
						{ font-size:110%; text-align:justify; color:#323232; }
					#WhoArePocketMac .readMore
						{ float:left; clear:both; width:100%; font-size:120%; font-weight:bold;
						  text-align:left; padding:15px 0px 10px; }
					#WhoArePocketMac .readMore a:link,
					#WhoArePocketMac .readMore a:visited
						{ color:#; text-decoration:underline; }
					#WhoArePocketMac .readMore a:hover
						{ color:#; text-decoration:none; }
					#PocketMacMonthly
						{ float:left; clear:both; width:100%; margin:0px 0px 10px; }
					#PocketMacMonthly .top
						{ float:left; clear:both; width:100%; height:8px; font-size:0px;
						  background:transparent url(../img/pocketmac-monthly-top.png) 0% 0% no-repeat; }
					#PocketMacMonthly .center
						{ float:left; clear:both; width:100%; background:#f0f2d3; }
					#PocketMacMonthly .center .title
						{ font-size:180%; font-weight:bold; text-align:left; color:#368224;
						  text-indent:10px; padding:0px 0px 5px; }
					#PocketMacMonthly .center .left
						{ float:left; clear:left; width:150px; padding:0px 0px 10px 10px; }
					#PocketMacMonthly .center .right
						{ float:left; width:81px; }
					#PocketMacMonthly .bottom
						{ float:left; clear:both; width:100%; height:24px; line-height:24px;
						  font-size:140%; font-weight:bold; text-align:center;
						  background:transparent url(../img/pocketmac-monthly-bottom.png) 0% 0% no-repeat; }
					#PocketMacMonthly .bottom a:link,
					#PocketMacMonthly .bottom a:visited,
					#PocketMacMonthly .bottom a:hover
						{ color:#5c5f1a; }
					#Right .reviewsBox
						{ float:left; clear:both; width:100%; margin:0px 0px 10px; }
					#Right .reviewsBox .title
						{ float:left; clear:both; width:100%; height:26px; line-height:26px;
						  font-size:120%; font-weight:bold; color:#323232; text-align:left;
						  background:transparent url(../img/dots.png) 0% 0% repeat-x; }
					#Right .reviewsBox .content
						{ float:left; clear:both; width:100%; text-align:left;
						  background:transparent url(../img/dots.png) 0% 0% repeat-x; }
					#Right .reviewsBox .content .reviewBox
						{ margin:10px 0px 15px; text-align:left; }
					#Right .reviewsBox .content .reviewBox .author p
						{ text-decoration:underline; text-align:left; padding:0px 10px 0px 0px; }
					#Right .reviewsBox .content .reviewBox .review p
						{ text-align:left; }
					#Right .reviewsBox .content .readAll
						{ text-align:right; font-size:120%; font-weight:bold; }
				/* }}}-#Right */
				#PhoneSupport
					{ float:left; clear:both; width:100%; margin:10px 0px; }
				/* {{{ */
					#PhoneSupport .top
						{ float:left; clear:both; width:100%; height:10px; font-size:0px;
						  background:transparent url(../img/phone-support-top.png) 0% 0% no-repeat; }
					#PhoneSupport .center
						{ float:left; clear:both; width:100%; height:261px; text-align:left; }
					#PhoneSupport .center .left
						{ float:left; clear:left; width:388px; height:100%;
						  background:transparent url(../img/img-phone-support.png) 0% 0% no-repeat; }
					#PhoneSupport .center .right
						{ float:left; width:527px; height:100%;
						  border-right:1px solid #dee3e8; }
					#PhoneSupport .center .right .blueTitle
						{ text-align:left; font-size:240%; font-weight:bold; color:#1e8cc6; }
					#PhoneSupport .center .right .grayTitle
						{ text-align:left; font-size:240%; font-weight:bold; color:#323232; }
					#PhoneSupport .grayTitle p font
						{ text-align:left; font-size:80%; font-weight:bold; color:#323232; }
					#PhoneSupport .center .right .blueSubtitle
						{ text-align:left; font-size:180%; font-weight:bold; color:#1e8cc6;
						  margin:20px 0px 0px; }
					#PhoneSupport .center .right p
						{ text-align:justify; font-size:130%; color:#323232; }
					#PhoneSupport .center .right p.continue
						{ font-size:140%; }
					#PhoneSupport .center .right p.continue a:link,
					#PhoneSupport .center .right p.continue a:visited
						{ text-decoration:underline; }
					#PhoneSupport .center .right p.continue a:hover
						{ text-decoration:none; }
					#PhoneSupport .center .right .orangeBtn
						{ width:229px; height:44px; text-align:left;
						  font-size:180%; font-weight:bold; line-height:44px; text-indent:15px;
						  margin:10px 0px 10px;
						  background:transparent url(../img/btn-orange-229x44.png) 0% 0% no-repeat; }
					#PhoneSupport .bottom
						{ float:left; clear:both; width:100%; height:10px; font-size:0px;
						  background:transparent url(../img/phone-support-bottom.png) 0% 0% no-repeat; }
				/* }}}-#PhoneSupport */
				#SupportContent
					{ float:left; clear:both; width:916px; }
				#SupportContent p
					{ text-align:justify; font-size:130%; width:440px; margin:5px 0px; color:#323232; }
				#ContentLeft
					{ float:left; clear:left; width:452px; padding:0px 20px 0px 0px; }
				#ContentLeft h4
					{ text-align:left; font-size:160%; width:100%; margin:5px 0px; color:#323232; }
				#ContentLeft p
					{ margin:10px 0px; width:100%; }
				#ContentRight
					{ float:left; width:444px; }
				#ContentRight .title
					{ text-align:left; font-size:160%; font-weight:bold; color:#1e8cc6; }
				#ContentRight .title img
					{ vertical-align:middle; }
				#ContentRight .opinion
					{ float:left; clear:both; width:100%; margin:5px 0px; }
				#ContentRight .opinion p
					{  }
			/* }}}-#Middle */
			#PseudoFooter
				{ float:left; clear:both; width:100%; height:80px; margin:70px 0px 35px;
				  border-top:1px solid #e5e4df; border-bottom:1px solid #e5e4df; }
			#PseudoFooter .left
				{ float:left; clear:left; width:675px; height:50px; text-align:left;
				  font-size:120%; color:#323232; padding:30px 0px 0px; }
			#PseudoFooter .left img
				{ vertical-align:middle; }
			#PseudoFooter .right
				{ float:left; width:215px; height:65px; text-align:right; padding:15px 26px 0px 0px; }
			#Footer 
				{ float:left; clear:both; width:100%; margin:0px; text-align:left; padding:5px 0px;
				  margin:0px 0px 10px; background:#e5e4df; height:45px; }
			/* {{{ */
				#Footer .left
					{ float:left; clear:left; width:675px; margin:0px; padding:0px; }
				#Footer .right
					{ float:left; width:241px; margin:0px; padding:0px; }
				#Footer .left p
					{ font-size:110%; font-weight:bold; color:#4a4a49; text-indent:10px;
					  margin:0px 0px 7px; }
				#Footer .right p
					{ font-size:110%; font-weight:bold; color:#4a4a49; text-indent:10px; 
					  padding:10px 5px 0px 0px; text-align:right; }
				#Footer p a:link,
				#Footer p a:visited,
				#Footer p a:hover
					{ color:#4a4a49; }
			/* }}}-#Footer */
		/* }}}-#Wrapper */
	/* }}}-#PageSlot */
/* }}}-#Body */