/****  common classes *******/

html, body
{
  margin:0px;
  padding:0px;
  background-color:#2e2e2e;
  font-family:"Lucida Grande", "Lucida Sans", sans-serif;
  font-size:12px;
  font-style:normal;
  font-weight:normal;
  color:#d2d2d2;
  text-decoration:none;
  height:100%;
  width:100%; 
    
}

#container
{
 
  position:relative;
  width:980px;
  margin:32px auto 0px auto;
  height:auto !important;
  height:100%;
  min-height:100%;

}

/**************** navigation ************/
#navigation
{
  margin:0px 19px;
   
}
#navigation img
{
  margin:0px;
  padding:0px;
  float:left;
  border:0px;
}
#navigation ul
{
  margin:0px;
  padding:0px;
  display:inline;
  list-style-type:none;
}
#navigation ul li
{
  margin:0px;
  padding:0px;
  display:inline;
  list-style-type:none;
}

#subNav
{
  margin:18px 30px 10px 20px;
  text-align:right;
  color:#d2d2d2;
}
#subNav a
{
  color:#d2d2d2;
  text-decoration:none;
}
#subNav a:hover
{
  color:#aaaaaa;
  border-bottom:#aaaaaa solid 2px;
}
#subNav a.chosen,  #subNav a.chosen:hover, #subNav a.chosen:active, #subNav a.chosen:focus
{
 color:#d2d2d2;
 border-bottom:#d2d2d2 solid 2px;
}

/****************end of navigation ************/


/**************** FOOTER ************/

#footer
{
  
  padding-top:10px;
  text-align:center;
  font-size:11px;
 
}
.c_lear
{
  clear:both;
}
/****************end of footer ************/

/**********  mid content section  **********/
#response, #response1
{
  display:none;
  color:#FFCC66;
}
a
{
  color:#4F97DA;
  text-decoration:none;
}

a:hover
{
  text-decoration:underline;
}


#midContent
{
  margin:0px 20px;
  color:#666;
  
}

.data_content
{
 /*  width:712px;
 background-color:#FFFFFF;*/
  float:left;
  width:100%;
}
#storedata
{

 background-color:#FFFFFF;
  float:left;
  width:100%;
  color:#666;
  font-size:12px;
}
#storedata h2
{
  color:#333333;
  font-weight:normal;
  margin:0px;
}
.content
{
  padding:0px 40px;
  float:left;
  color:#666666;
  background-color:#fff;
 /* width:632px;*/
}
.panel_lt
{
  width:620px;
  float:left;
}

.dwnld_content
{
  
  float:left;
  color:#666666;
  background-color:#fff;
  width:638px;
}
.dwnld_content_inner
{
  padding:0px 40px;
  float:left;
  color:#666666;
  background-color:#fff;
  width:548px;
}
.topborder
{
  background-image:url(../images/top_bg.png);
  background-repeat:repeat-x;
  background-position:left top;
  height:19px;
}
.bottomborder
{
  background-image:url(../images/bottom_bg.png);
  background-repeat:repeat-x;
  background-position:left bottom;
  height:19px;
}
.panel_rt
{
  margin-left:30px;
  float:right;
  width:210px;
}
img
{
  border:0px;
}

.content a
{
  color:#0465DC;
  text-decoration:none;
}

.content a:hover
{
  text-decoration:underline;
}

p
{
  text-align:justify;
}

.line
{
  border-bottom:dotted 1px #bbb;
  padding-bottom:10px;
}

.inputfield
{
  background:url(../images/input_bg.png) repeat-x; 
  outline:none;
   border:1px #242424 solid; 
   height:20px; 
   width:190px; 
   color:#999999; 
   margin:10px 0px; 
   padding:0px;
}

#press_content_rt ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 28px; /*--Set height of tabs--*/
	border-bottom: 1px solid #242424;
	border-left: 1px solid #242424;
	width: 221px;
}
#press_content_rt ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 27px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 28px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #242424;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #242424;
}
#press_content_rt ul.tabs li a {
	text-decoration: none;
	color: #fff;
	display: block;
	padding: 0 10px;
	/*border: 1px solid #333; --Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
#press_content_rt ul.tabs li a:hover {
	background: #333;
}
#press_content_rt ul.tabs li.active,#press_content_rt ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #111;
	border-bottom: 1px solid #111; /*--Makes the active tab look like it's connected with its content--*/
}

#press_content_rt .tab_container {
	border: 1px solid #242424;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; 
	width: 220px;
	
}
#press_content_rt .tab_content {
	padding: 5px;
	background:#111;
}	
	


/********* Accordian *********/

#AccordianContent
{
  
  padding:20px;
}
#AccordianContent dl,#AccordianContent dt,#AccordianContent dd,#AccordianContent ul,#AccordianContent li
{
  margin:0px;
  padding:0px;
}

#AccordianContent dt
{
  font-size:12px;
  padding:5px 0px;
}
#AccordianContent dd
{
  padding:15px 0px 15px 15px;
  text-align:justify;
}

#AccordianContent a
{
  text-decoration:none;
  color:#0465DC;
}

/********* end of Accordian **********/

/******** end of mid content section  ************/

/******** index page css  ************/

#subproducts
{
	margin-top:2px;
}

#subproducts #prod1
{
  float:left;
  background:url(../images/prod_wisenUp.jpg) no-repeat;
  width:231px;
  height:113px;
  color:#363636;
}
#subproducts #prod1 a, #subproducts #prod1 h2
{
  color:#363636;
}


#subproducts #prod2
{
  float:left;
  margin:0px 5px 0px 5px;
  background:url(../images/prod_cameraPlus.jpg) no-repeat;
  width:231px;
  
}

#subproducts #prod3
{
  float:left;
  margin:0px 5px 0px 0px;
  background: url(../images/prod_wordDigest.jpg) no-repeat;
  width:231px;
}
#subproducts #prod4
{
  float:left;
  background:url(../images/prod_charm.jpg) no-repeat;
  width:231px;
}
.index_prodData
{
	text-align:right;
	padding:10px;
	height: 94px;
	color:#FFFFFF;
	cursor:pointer;
	font-size:12px;
}

.index_prodData p
{
  text-align:right;
  margin:0px;
  padding:0px;
  font-size:11px;
}

.index_prodData h2
{
  text-align:right;
  padding:0px;
  margin:0px;
  margin-top:14px;
  font-size:20px;
  font-weight:normal;
}
.index_prodData a
{
  color:#FFFFFF;
  text-decoration:none;
}
.index_prodData a:hover
{
  color:#FFFFFF;
  text-decoration:none;
}

/******** end of index page css  ************/

/******** product page css  ************/

.v_review
{
  color:#666;
 
}

#OSXproduct
{
  background-image:url(../images/bg_macosx.png);
  background-repeat:no-repeat;
  background-position:left top;
  padding:10px 20px 20px 20px;
  height:190px;
}
#iPhoneProduct
{
  background-image:url(../images/bg_iPhone.png);
  background-repeat:no-repeat;
  background-position:left top;
  padding:20px;
  height:192px;
}
#iPhoneProductWisenUp
{
  background-image:url(../images/products_wisenup_bg.png);
  background-repeat:no-repeat;
  background-position:left top;
  padding:20px;
  height:176px;
}
#iPhoneProductCameraPlus
{
  background-image:url(../images/products_cameraPlus_bg.png);
  background-repeat:no-repeat;
  background-position:left top;
  padding:20px;
  height:176px;
}
#iPhoneProductCharm
{
  background-image:url(../images/products_charm_bg.jpg);
  background-repeat:no-repeat;
  background-position:left top;
  padding:20px;
  height:176px;
}
.rev_data a
{
  color:#666;
  text-decoration:none;
}
.rev_data a:hover
{
  color:#333;
  text-decoration:none;
}


/******** end of product page css  ************/
.asterisk
{
  color:#CC0000;
  font-size:12px;
}

/*******download pg of voila********/

#download_midContentLt
{
  float:left;
  width:623px;
  margin-top:2px;
}
#download_midContentRt
{
  float:left;
 
  margin-left:5px;
  width:310px;
}

#macBundle a
{
  color:#fff;
  text-decoration:none;
}
#macBundle a:hover
{
  color:#fff;
  text-decoration:none;
}

/******** Press page css ********/
#press_content .style3 {color: #FFFFFF;text-align:center; padding-top:7px; margin:0px; font-size:9px;}
#press_content .style4 {
	color: #1EABE6;
	font-size: 13px;
	margin:0px;
	text-align:center;
	padding-top:5px;
}

#press_content
{
 /*  width:712px;
 background-color:#FFFFFF;*/
  float:left;
  width:100%;
}
#press_content_lt
{
  float:left;
  width:685px;
}
.press_content_data
{
  background-color:#FFFFFF;
  padding:0px 20px;
}

#press_content_rt
{
  float:left;
  margin-left:5px;
  width:250px;
}
#press_content_rt .press_content_data h3, #press_content_rt .press_content_data h2
{
  color:#666666;
  margin:0px;
  padding-left:0px;
}

.press_content_data p, .press_content_data h3, .press_content_data h2
{
  margin:0px;
 }
.press_content_data td
{
  padding-bottom:30px;
  padding-right:20px;
}
.press_content_data_detail
{
  padding:0px 40px;
  background-color:#FFFFFF;
}
.press_content_data_detail p
{
  margin:0px;
}

#press_content h2
{
  color:#d2d2d2;
  font-weight:normal;
  margin-left:10px;
}
#press_content h3
{
  color:#d2d2d2;
  font-weight:normal;
  margin-left:10px;
  margin-bottom:18px;
}
#press_content .synopsis
{
  font-size:15px;
  padding-top:15px;
  color:#333333;
}

/*****Wisenup stylesheet******/
#WisenUpContent
{
  color:#d8d8d8;
}
#WisenUpContent h2
{
  text-align:right;
  font-size:21px;
  font-weight:normal;
}
#WisenUpContent .carousel
{
  margin:80px 30px;
}
#WisenUpContent #WUC_header_rt a
{
  color:#d8d8d8;
  text-decoration:none;
}
#WisenUpContent #WUC_header_rt a:hover
{
  text-decoration:underline;
}

#WisenUpContent #WUC_lt
{
  float:left;
  width:280px;
  height:500px;
  background:url(../iPhone/wisenup/images/iPhone1.jpg) no-repeat top left;
}
#WisenUpContent #WUC_rt
{
  float:right;
  width:660px
}
#WisenUpContent #WUC_rt #WUC_header_lt
{
  float:left;
  width:300px;
}
#WUC_header_lt h1, #WUC_header_lt h3
{
  margin:0px;
  padding:5px;
  font-weight:normal;
}
#WUC_header_lt h1
{
  font-size:30px;
}
#WisenUpContent #WUC_rt #WUC_header_rt
{
  float:right;
  text-align:right;
  margin-right:40px;
  width:270px;
}
#WisenUpContent #WUC_rt #WUC_header_rt p
{
  text-align:right;
}
#WisenUpContent #WUC_rt #WUC_body
{
  background:url(../iPhone/wisenup/images/board.jpg) no-repeat top left;
  height:410px;
  color:#11486e;
}

#WUC_body_lt
{
  float:left;
  width:265px;
  margin:50px 0px 0px 40px;
}
#WUC_body p
{
  margin:0px;
}
#WUC_body_lt h3
{
  margin:0px;
  color:#092f4a;
}
#WUC_body_rt
{
  float:right;
  width:235px;
  margin:50px 50px 0px 0px;
}
#WUC_body_rt h3, #WUC_body_rt h2, #WUC_body_rt h1
{
  margin:0px;
  color:#092f4a;
}
#WUC_reviews
{
  float:left;
  width:687px;
}
#WUC_reviews h2, #WUC_misc h2
{
  margin-top:20px;
  text-align:left;
  font-size:16px;
  font-weight:normal;
}
#WUC_misc
{
  float:right;
  width:222px;
  margin:0px 10px 0px 20px;
}
.boxbg
{
  background:url(../images/box_mid.jpg) repeat-y top left;
  padding:10px 0px 0px 0px;
}