/* CSS Document */
body
{
margin:auto;
font-family:Arial, Helvetica, sans-serif;
background:url(../images/back.jpg) repeat-x;
}
p,h1,h2,h3,img
{
margin:0px;
padding:0px;
}
#main
{
margin:auto;
margin-top:10px;
width:960px;
height:600px;
}
#header
{

width:960px;
height:135px;
}
#upheader
{
float:left;
width:952px;
height:48px;
}
#downheader
{
float:left;
width:952px;
height:87px;
}
#header1
{
float:left;
margin-top:1px;
width:165px;
height:48px;
background:url(../images/header1.jpg) no-repeat;
}
#header2
{
text-align:right;
font-size:12pt;
float:left;
width:779px;
height:48px;
color:#fff;
background:url(../images/header2.jpg) repeat-x;
font-weight:bold;
}
#header2 p
{
padding-top:15px;
padding-right:19px;
}
#header2 a
{
color:#FFFFFF;
text-decoration:none;
}
#header2 a:hover
{
text-decoration:underline;
}
#header3
{
float:left;
width:8px;
height:48px;
background:url(../images/header3.jpg) no-repeat;
}
#header4
{
float:left;
width:42px;
height:87px;
background:url(../images/header4.jpg) no-repeat;
}
#logo
{
float:left;
width:64px;
height:87px;
background:url(../images/logo.jpg) no-repeat;
}
#logo a
{
padding-left:59px;
padding-bottom:55px;
float:left;
font-size:0px;
}
#header5
{
float:left;
width:838px;
height:87px;
background:url(../images/header5.jpg) repeat-x;
}
#websitename
{
width:195px;
height:87px;
float:left;
padding-left:20px;
}
#websitename h2
{
font-size:21px;
font-family:Arial, Helvetica, sans-serif;
margin-top:9px;
}
#websitename h3
{
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
}
#header6
{
float:left;
width:8px;
height:87px;
background:url(../images/header6.jpg) no-repeat;
}
#navigation
{
float:left;
width:960px;
height:36px;
}
#leftnav
{
width:4px;
height:36px;
background:url(../images/navleft.jpg) no-repeat;
float:left;
}
#buttons
{
width:943px;
height:36px;
float:left;
}
#rightnav
{
width:5px;
height:36px;
float:left;
background:url(../images/navright.jpg) no-repeat;
}
.activebutton, .activebutton1, .activebutton2, .activebutton3
{
width:133px;
height:36px;
float:left;
background:url(../images/nav_back_over.jpg) repeat-x;
}
.activebutton a
{
float:left;
padding-left:40px;
padding-right:43px;
padding-top:8px;
padding-bottom:3px;
font-weight:bold;
}
.activebutton1 a
{
float:left;
padding-left:30px;
padding-right:43px;
padding-top:8px;
padding-bottom:3px;
font-weight:bold;
}

.activebutton2 a
{
float:left;
padding-left:14px;
padding-right:43px;
padding-top:8px;
padding-bottom:3px;
font-weight:bold;
}

.activebutton3 a
{
float:left;
padding-left:19px;
padding-right:33px;
padding-top:8px;
padding-bottom:3px;
font-weight:bold;
}

.navline
{
width:2px;
height:36px;
background:url(../images/navline.jpg) no-repeat;
float:left;
}
#BUTTON2
{
width:133px;
height:36px;
float:left;
background:url(../images/nav_back.jpg) repeat-x;
}
#BUTTON2 a
{
float:left;
padding-left:40px;
padding-right:43px;
padding-top:8px;
padding-bottom:3px;
}
#BUTTON2 a:hover
{
background:url(../images/nav_back_over.jpg) repeat-x;
}

.navline
{
width:2px;
height:36px;
background:url(../images/navline.jpg) no-repeat;
float:left;
}
#BUTTON3
{
width:133px;
height:36px;
float:left;
background:url(../images/nav_back.jpg) repeat-x;
}
#BUTTON3 a
{
float:left;
padding-left:14px;
padding-right:15px;
padding-top:8px;
padding-bottom:2px;
}
#BUTTON3 a:hover
{
background:url(../images/nav_back_over.jpg) repeat-x;
}
#BUTTON4
{
width:133px;
height:36px;
float:left;
background:url(../images/nav_back.jpg) repeat-x;
}
#BUTTON4 a
{
float:left;
padding-left:44px;
padding-right:43px;
padding-top:8px;
padding-bottom:3px;
}
#BUTTON4 a:hover
{
background:url(../images/nav_back_over.jpg) repeat-x;
}
#BUTTON5
{
width:133px;
height:36px;
float:left;
background:url(../images/nav_back.jpg) repeat-x;
}
#BUTTON5 a
{
float:left;
padding-left:31px;
padding-right:30px;
padding-top:7px;
padding-bottom:2px;
}
#BUTTON5 a:hover
{
background:url(../images/nav_back_over.jpg) repeat-x;
}
#BUTTON6
{
width:133px;
height:36px;
float:left;
background:url(../images/nav_back.jpg) repeat-x;
}
#BUTTON6 a
{
float:left;
padding-left:20px;
padding-right:20px;
padding-top:8px;
padding-bottom:3px;
}
#BUTTON6 a:hover
{
background:url(../images/nav_back_over.jpg) repeat-x;
}
#BUTTON7
{
width:133px;
height:36px;
float:left;
background:url(../images/nav_back.jpg) repeat-x;
}
#BUTTON7 a
{
float:left;
padding-left:40px;
padding-right:45px;
padding-top:8px;
padding-bottom:3px;
}
#BUTTON7 a:hover
{
background:url(../images/nav_back_over.jpg) repeat-x;
}
#BUTTON8
{
width:133px;
height:36px;
float:left;
background:url(../images/nav_back.jpg) repeat-x;
}
#BUTTON8 a
{
float:left;
padding-left:37px;
padding-right:40px;
padding-top:8px;
padding-bottom:3px;
}
#BUTTON8 a:hover
{
background:url(../images/nav_back_over.jpg) repeat-x;
}
#buttons a
{
text-decoration:none;
color:#fff;
font-size:13pt;
}

/* contentarea */
#indexcontentarea
{
float:left;
width:957px;
height:649px;
}
#indexcontentarea a
{
color:#3c3c9c;
text-decoration:none;
}
#indexcontentarea a:hover
{
text-decoration:underline;
}
#indexcontent
{
float:left;
width:938px;
height:637px;
}
#upcontent
{
width:938px;
height:276px;
float:left;
}
#downcontent
{
width:938px;
height:304px;
float:left;
}
#box1, #box2, #box3
{
width:303px;
height:301px;
float:left;
}
.boxleft
{
width:31px;
height:301px;
float:left;
background:url(../images/box_left.jpg) no-repeat;
}
.boxback
{
width:242px;
height:301px;
float:left;
background:url(../images/box_back.jpg) repeat-x;
}
.boxright
{
width:30px;
height:301px;
float:left;
background:url(../images/box_right.jpg) no-repeat;
}
.ul
{
width:13px;
height:23px;
float:left;
background:url(../images/ul.jpg) no-repeat;
margin-top:2px;
}
.boxback p
{
font-size:23px;
color:#000080;
font-weight:bold;
padding-left:15px;
}
.boxtext p
{
font-size:14px;
color:#555556;
font-weight:normal;
text-align:justify;
padding-left:0px;
padding-top:21px;
line-height:16px;
}



#contentarea
{
float:left;
width:957px;
height:550px;
/*border:1px solid green;*/
}
#contentarea2
{
float:left;
width:957px;
height:1000px;
}
#contentarea3
{
float:left;
width:957px;
height:630px;
}
#contentarea4
{
float:left;
width:957px;
height:1500px;
}
#content
{
width:931px;
height:430px;
}
#content3
{
width:957px;
height:570px;
/*border:1px solid red;*/
}
#contenttext
{
float:left;
width:529px;
height:495px;
}
#contenttext1
{
margin:auto;
width:499px;
height:395px;
}
#contenttext2
{
margin:auto;
width:499px;
height:600px;
}
#contenttext3
{
float:left;
width:599px;
height:570px;
padding-left:15px;
padding-right:15px;
/*border:1px solid blue;*/
}
#contenttext4
{
float:left;
width:900px;
height:500px;
padding-left:15px;
padding-right:15px;
/*border:1px solid blue;*/
}
#contentcart
{
float:right;
width:280px;
height:500px;
margin-right:18px;
/*border:1px solid green;*/
}

#contentcart h3
{
padding-top:30px;
text-align:center;
font-size:16px;
color:#000080;
line-height:18px;
}

#contentcart p
{
padding-top:9px;
font-size:14px;
color:#555556;
line-height:18px;
}

#contentcart table
{
width:400;
font-size:14px;
color:#555556;
padding-top:30px;
}

#contentcart td
{
height:40px;
}



#content1
{
float:left;
width:188px;
height:383px;
padding:0px;
margin:0px;
padding-right:1px;
}
#subnav {
width:187px;
height:162px;
float:left;
margin-right:10px;
margin-top:12px;
}
#Software
{
width:186px;
height:28px;
background:url(../images/software.jpg) no-repeat;
}
#Software p
{
color:#fff;
font-weight:bold;
}
#Software a
{
padding-top:5px;
padding-left:29px;
padding-right:94px;
padding-bottom:4px;
font-size:15px;
text-decoration:none;
color:#fff;
float:left;
}
#Software a:hover
{
text-decoration:underline;
background:url(../images/softwareover.jpg);
}
#Advance_Training
{
width:186px;
height:28px;
background:url(../images/software.jpg) no-repeat;
}
#Advance_Training p
{
color:#fff;
font-weight:bold;
}
#Advance_Training a
{
padding-top:5px;
padding-left:29px;
padding-right:33px;
padding-bottom:4px;
font-size:15px;
text-decoration:none;
color:#fff;
float:left;
}
#Advance_Training a:hover
{
text-decoration:underline;
background:url(../images/softwareover.jpg);
}
#Extras
{
width:186px;
height:28px;
background:url(../images/software.jpg) no-repeat;
}
#Extras p
{
color:#fff;
font-weight:bold;
}
#Extras a
{
padding-top:5px;
padding-left:29px;
padding-right:110px;
padding-bottom:4px;
font-size:15px;
text-decoration:none;
color:#fff;
float:left;
}
#Extras a:hover
{
text-decoration:underline;
background:url(../images/softwareover.jpg);
}
#Ospre_Study
{
width:186px;
height:27px;
background:url(../images/Direct_Study.jpg) no-repeat;
}
#Ospre_Study p
{
color:#fff;
font-weight:bold;
}
#Ospre_Study a
{
padding-top:5px;
padding-left:29px;
padding-right:60px;
padding-bottom:3px;
font-size:15px;
text-decoration:none;
color:#fff;
float:left;
}
#Ospre_Study a:hover
{
text-decoration:underline;
background:url(../images/softwareover.jpg);
}
#Free_Stuff
{
width:186px;
height:27px;
background:url(../images/Direct_Study.jpg) no-repeat;
}
#Free_Stuff p
{
color:#fff;
font-weight:bold;
}
#Free_Stuff a
{
padding-top:5px;
padding-left:29px;
padding-right:85px;
padding-bottom:3px;
font-size:15px;
text-decoration:none;
color:#fff;
float:left;
}
#Free_Stuff a:hover
{
text-decoration:underline;
background:url(../images/softwareover.jpg);
}
#Ospre
{
width:186px;
height:27px;
background:url(../images/Direct_Study.jpg) no-repeat;
}
#Ospre p
{
color:#fff;
font-weight:bold;
}
#Ospre a
{
padding-top:5px;
padding-left:29px;
padding-right:20px;
padding-bottom:3px;
font-size:15px;
text-decoration:none;
color:#fff;
float:left;
}
#Ospre a:hover
{
text-decoration:underline;
background:url(../images/softwareover.jpg);
}
.onhover
{
width:187px;
height:24px;
background:url(../images/onhover.jpg) no-repeat;
}
.onhover a, .subject_s a
{
padding-left:45px;
padding-right:82px;
padding-top:3px;
padding-bottom:4px;
font-size:14px;
text-decoration:none;
color:#fff;
float:left;
}
.subject a, .normalhe a
{
padding-left:45px;
padding-right:122px;
padding-top:3px;
padding-bottom:4px;
font-size:14px;
text-decoration:none;
color:#070783;
float:left;
}
.subjectsel a, .normalsel a
{
padding-left:45px;
padding-right:122px;
padding-top:3px;
padding-bottom:4px;
font-size:14px;
text-decoration:none;
color:#070783;
float:left;
font-weight:bold;
}
.onhover a:hover
{
text-decoration:underline;
}

.normalhe a:hover, .normalsel a:hover
{
text-decoration:underline;
background:url(../images/onhover.jpg) no-repeat;
color:#fff;
}
.subject_s a:hover
{
text-decoration:underline;
}
.subject a:hover
{
text-decoration:underline;
background:url(../images/subject_mousehover.jpg) no-repeat;
color:#fff;
}
.subject_s
{
width:186px;
height:24px;
background:url(../images/subject_mousehover.jpg) no-repeat;
}
.subject, .subjectsel
{
width:186px;
height:24px;
background:url(../images/subject_normal.jpg) no-repeat;
}
.normalhe
{
width:186px;
height:24px;
background:url(../images/selectedornon.jpg) no-repeat;
}
.normalsel
{
width:186px;
height:24px;
background:url(../images/selected.jpg) no-repeat;
}
#subnavfoot
{
width:187px;
height:14px;
background:url(../images/subnavfoot.jpg)  no-repeat;
}

#contenttext
{
float:left;
}
#contentheader
{
width:922px;
height:59px;
float:left;;
}
#contentheader h2
{
color:#000080;
font-size:25px;
font-weight:bold;
float:left;
}
#contentheader1
{
width:922px;
height:59px;
float:left;;
}
#contentheader1 h2
{
color:#000080;
font-size:25px;
font-weight:bold;
float:left;
}
#headercontenttext p
{
color:#353535;
font-size:14px;
padding-left:16px;
padding-right:25px;
font-family:"Verdana";
}

#headercontenttext h3
{
color:#000080;
font-size:14px;
padding-left:16px;
padding-right:25px;
font-family:"Verdana";
}

#maincon
{
float:left;
width:715px;
height:374px;
margin-left:8px;

}
#contenttext h3
{
color:#000080;
padding-top:10px;
}
#contenttext h4
{
color:#FF0000;
}

.contentheader p, .contentheader li
{
padding-top:9px;
font-size:14px;
color:#555556;
line-height:18px;
}

.contentheader table
{
width:400;
font-size:14px;
color:#555556;
padding-top:30px;
}
.contentheader tr
{
height:40px;
}

.contentheader h3
{
padding-top:30px;
font-size:20px;
color:#000080;
line-height:18px;
}


.contentheader a {
	color:#677cc1;
	font-weight:bold;
	text-decoration:none;
}
.contentheader a:hover
{
text-decoration:underline;
}

.contentheader1 p, .contentheader1 li
{
padding-top:9px;
font-size:14px;
color:#555556;
line-height:18px;
}

.contentheader1 table
{
width:400;
font-size:14px;
color:#555556;
padding-top:30px;
}
.contentheader1 tr
{
height:20px;
}

.contentheader1 h3
{
padding-top:30px;
font-size:20px;
color:#000080;
line-height:18px;
}


.contentheader1 a {
	color:#677cc1;
	font-weight:bold;
	text-decoration:none;
}
.contentheader1 a:hover
{
text-decoration:underline;
}



#Product_picture
{
float:left;
width:168px;
height:266px;
margin-left:10px;
margin-top:15px;
}
.Product_picture_img {
	border:0px solid red;
	margin-top:20px;
	margin-left:5px;
}
#iphone_picture
{
float:left;
width:100px;
height:99px;
margin-left:50px;
margin-top:15px;
}
.iphone_picture_img {
	border:0px solid red;
	margin-top:20px;
	margin-left:5px;
}
#plodcast_picture
{
float:left;
width:100px;
height:99px;
margin-left:10px;
margin-top:15px;
}
.plodcast_picture_img {
	border:0px solid red;
	margin-top:20px;
	margin-left:5px;
}
#buynow
{
width:81px; 
height:28px; 
float:left;
margin-left:60px;
margin-right:9px;
background:url(../images/buynow.jpg) no-repeat;
}
#getapp
{
width:122px; 
height:28px; 
float:left;
margin-left:40px;
margin-right:9px;
margin-top:10px;
background:url(../images/getapp.jpg) no-repeat;
}
#freestuff
{
width:122px; 
height:28px; 
float:left;
margin-left:40px;
margin-right:9px;
background:url(../images/freestuff.jpg) no-repeat;
}
#price
{
float:left;
margin-left:72px;
margin-right:9px;
}
#price h3
{
color:#000080;
padding-top:10px;
}

#pricealt
{
float:left;
margin-left:87px;
margin-right:9px;
}
#pricealt h3
{
color:#000080;
padding-top:2px;
padding-bottom:5px;
}
#freestuff a
{
width:122px; 
height:28px; 
float:left;
font-size:0px;
}

#buynow a, #price a, #getapp a
{
padding-left:81px;
padding-bottom:28px;
float:left;
font-size:0px;
}
/* footer */
#footer
{
width:953px;
height:83px;
float:left;
}
#footer_left
{
width:30px;
height:83px;
float:left;
background:url(../images/footer_left.jpg) no-repeat;
}
#footer_back
{
width:904px;
height:83px;
float:left;
background:url(../images/footer_back.jpg) repeat-x;
}
#footer_right
{
width:19px;
height:83px;
float:left;
background:url(../images/footer_right.jpg) no-repeat;
}
#footer_back p
{
float:left;
font-size:11px;
color:#555556;
padding-top:31px;
padding-left:4px;
}
#ODLQC
{
width:54px;
height:45px;
float:right;
background:url(../images/ODLQC.jpg) no-repeat;
margin-top:17px;
}
#ODLQC a
{
padding-left:54px;
padding-top:45px;
float:left;
font-size:0px;
}
#tellafriend
{
width:168px;
height:36px;
float:right;
background:url(../images/tellafriend_con.jpg) no-repeat;
}
#tellafriend a
{
padding-left:40px;
padding-right:30px;
padding-top:5px;
float:left;
font-size:13px;
font-weight:bold;
color:#000080;
text-decoration:none;
}
#tellafriend a:hover
{
text-decoration:none;
}


#pc-keepnet-subscribe {
	float:					left;
	width:					150px;
	margin:					0 5px 0 0;
	margin-top:120px;
	padding:				25px 0 0 0;
}

#pc-subscribe-buttons {
	min-height:				390px;
	width:					160px;
	margin:					0 auto;
	padding-left:50px;
}

#pc-subscribe-buttons h2 {
	color:					#333333;
	padding:				5px 0 10px 0;
}

#pc-subscribe-buttons p {
	float:					left;
}

#pc-subscribe-buttons p a {
	display:				block;
	width:					100px;
	height:					26px;
	margin:					0 5px 10px 0;
	float:					left;
	font-size:				0.9em;
	text-align:				center;
	padding:				13px 0 0 28px;
	}

#pc-subscribe-buttons p a:link,
#pc-subscribe-buttons p a:visited {
	color:					#333333;
}

#pc-subscribe-buttons p a:hover,
#pc-subscribe-buttons p a:active,
#pc-subscribe-buttons p a:focus {
	color:					#48b000;
}

#pc-sublink-itunes a:link,
#pc-sublink-itunes a:visited {
	background:				url('../images/subscribe_buttons.png') 0 0 no-repeat;
}

#pc-sublink-itunes a:hover,
#pc-sublink-itunes a:active,
#pc-sublink-itunes a:focus {
	background:				url('../images/subscribe_buttons.png') 0 -39px no-repeat;
}

#pc-sublink-yahoo a:link,
#pc-sublink-yahoo a:visited {
	padding:				13px 0 0 33px;
	width:					95px;
	background:				url('../images/subscribe_buttons.png') -384px 0 no-repeat;
}

#pc-sublink-yahoo a:hover,
#pc-sublink-yahoo a:active,
#pc-sublink-yahoo a:focus {
	padding:				13px 0 0 33px;
	width:					95px;
	background:				url('../images/subscribe_buttons.png') -384px -39px no-repeat;
}

#pc-sublink-zune a:link,
#pc-sublink-zune a:visited {
	background:				url('../images/subscribe_buttons.png') -128px 0 no-repeat;
}

#pc-sublink-zune a:hover,
#pc-sublink-zune a:active,
#pc-sublink-zune a:focus {
	background:				url('../images/subscribe_buttons.png') -128px -39px no-repeat;
}

#pc-sublink-google a:link,
#pc-sublink-google a:visited {
	background:				url('../images/subscribe_buttons.png') -512px 0 no-repeat;
}

#pc-sublink-google a:hover,
#pc-sublink-google a:active,
#pc-sublink-google a:focus {
	background:				url('../images/subscribe_buttons.png') -512px -39px no-repeat;
}

#pc-sublink-zen a:link,
#pc-sublink-zen a:visited {
	background:				url('../images/subscribe_buttons.png') -256px 0 no-repeat;
}

#pc-sublink-zen a:hover,
#pc-sublink-zen a:active,
#pc-sublink-zen a:focus {
	background:				url('../images/subscribe_buttons.png') -256px -39px no-repeat;
}

#pc-sublink-rss a:link,
#pc-sublink-rss a:visited,
#pc-sublink-rss a:hover,
#pc-sublink-rss a:active,
#pc-sublink-rss a:visited {
	background:				url('../images/icon_rss.png') 15px 6px no-repeat;
}

#pc-subscribe-info {
	width:					255px;
	margin:					0 auto 0 auto;
}

#pc-subscribe-info p {
	margin:					10px 0 0 0;
	font-size:				0.9em;
	line-height:			110%;
	color:					#333333;
}