/****** GLOBAL TAG STYLES **********/

html, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input 
{
	margin:0;
	padding:0;
}

fieldset
{
	border: 0;
}

ul, ol {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

body
{
	background: #f8f8f8 url('/v2/images/v2_bg_html.jpg') repeat-x scroll 0 0;
	color: #333;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif; 
	margin: 0 auto;
}

h1
{
	font-size:3.5em;
	font-weight:normal;
	line-height:1.4;
	margin-bottom:0.3em;
}

h2
{
	font-size:1.75em;
	font-weight:normal;
	margin-bottom:0;
}

h3
{
	font-size:1.3em;
	line-height:1.4;
	margin-bottom:0.3em;
}

a
{
	text-decoration: none;	
	outline: 0;
}


/*************************** CORE BUILDING BLOCKS ********************************/
#idHeader
{
	margin: 2px auto;
	width: 984px;
	position: relative;
	overflow:auto;
}

#idLinks
{
	margin: 7px auto;
	width: 984px;
	background: transparent url('/v2/images/v2_bg.png') repeat-y scroll 0 0;
	position: relative;
	height: 40px;
	z-index: 1;
}

#idMain
{
	margin: 7px auto;
	width: 984px;
	background: transparent url('/v2/images/v2_bg.png') repeat-y scroll 0 0;
	position: relative;

}

#idMain.split-background
{
	background: transparent url('/v2/images/v2_bg_split.png') repeat-y;
}



.maintop
{
	background: transparent url('/v2/images/v2_bgtop.png') no-repeat scroll 0 0;
	font-size: 1px;
	height: 10px;

	width: 984px;
	overflow:auto;
	z-index: 2;
}

.mainbottom
{
	background:transparent url('/v2/images/v2_bgbottom.png') no-repeat scroll 0 0;
	font-size: 1px;
	height: 10px;
	width: 984px;
}


.maintop.split
{
		background: url('/v2/images/v2_bgtop_split.png');
}

.mainbottom.split
{
		background: transparent url('/v2/images/v2_bgbottom_split.png');
}


#idMainTitle
{
	margin: 0 auto;
	padding-top: 25px;
	width: 600px;
}

#idMainTitle h1
{
	text-align: center;
	font-weight: bold;
}

#idMainTitle p.intro
{
	line-height:1.4;
	margin-top:14px;
	text-align:center;	
	font-size:16px;
}

#idItemsWide
{
	padding: 45px 50px 0 50px;
}


.item_wide
{
	background:transparent url(/v2/images/v2_bg_item.png) repeat-x scroll 0 0;
	clear:both;
	margin-left: -48px;
	margin-right: -48px;
	padding:54px 48px 0;	
}

.item_wide_right
{
	margin-right: -48px;
	position: relative;
	margin-left: 25px;

}




#idContent
{
	float:right;
	padding-top:45px;
	padding-left: 40px;
	position:relative;
	width:737px;
	margin: -9px 2px 0 0;
	z-index:0;
	background:transparent url(/v2/images/v2_bg_item.png) repeat-x scroll 0 0;	
}

p.intro
{
	color:#777777;
	font-size:14px;
	font-weight:normal;
	width: 600px;
}

div.content_item
{
	margin-left: -40px; 
	padding: 20px 40px; 
	background: transparent url(/v2/images/v2_bg_item.png) repeat-x scroll 0 0;
}

#idContent div.page-icon
{
	float: left; 
	height: 45px; 
	width: 30px; 
	margin-right: 5px;
	background: transparent url(/v2/images/icons/IconsSprite.png) no-repeat;
}

#navTabs
{
	margin-top: -40px;
}

/***** TOP MENU *****/

.jqueryslidemenu {
	display:block;
	float:right;
	position:relative;
	z-index:50;
	padding-right: 10px;
}

.jqueryslidemenu .primary-menu {
	margin: 0 0 3px;
}

/*Top level list items*/
.jqueryslidemenu ul li {
	display:inline;
	position:relative;
	float:left;
}

/* Top level menu link items style */
.jqueryslidemenu ul li a {
	display:block;
	padding:0 18px 4px 18px; /* distance between main menu and dropdowns */
	color:#7d7d7d;
}

* html .jqueryslidemenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/
	display:inline-block;
}
.jqueryslidemenu ul li a:hover {
	background:#fff; /* background of tabs */
	color:#0875ba;
	
}	
/*1st sub level menu*/
.jqueryslidemenu ul li ul {
	display:block;
	left:0;
	position:absolute;
	visibility:hidden;
	border-top:1px solid #efefef; /* border top of first sub level menu */

}

/* Sub level menu list items (undo style from Top level List Items) */
.jqueryslidemenu ul li ul li {
	display:list-item;
	float:none;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a {
	width:190px; /* width of sub menus */
	padding:6px 5px 6px 10px;
	border-top-width:0;
	border-bottom:1px solid #efefef;
	border-left:1px solid #efefef;
	border-right:1px solid #efefef;
	background:#fff;

}

.jqueryslidemenu ul li ul li a:hover { /* sub menus hover style */
	background:#fafafa;
	color:#0875ba;
}

.jqueryslidemenu ul li a:hover {
}
.jqueryslidemenu ul .selected a {
	color:#0875ba;
}


.box_gray 
{
	background-color:#EFEFEF;
	margin-bottom:30px;
	padding:20px 25px 15px;
}

.rounded {
	-moz-border-radius:4px 4px 4px 4px;
}


/**** SECONDARY BUY/TRY MENU *****/

#idSecondaryMenu
{
	float: right; width: 280px;
}

#idSecondaryMenu ul li
{
	display: inline; position: relative; float: left; padding: 10px;
}
#idSecondaryMenu ul li a
{
	display: block; 
	width: 50px;
	padding: 4px 11px 4px 11px; 
	text-indent:-9000px;
}

.button-buy
{
	background: transparent  url('/v2/images/sprite_buy.png') no-repeat 0 0;
}

.button-buy:hover
{
	background: transparent url('/v2/images/sprite_buy.png') no-repeat 0 -25px;
}


.button-try
{
	background: transparent  url('/v2/images/sprite_try.png') no-repeat 0 0;
}

.button-try:hover
{
	background: transparent url('/v2/images/sprite_try.png') no-repeat 0 -25px;
}


.button-whatsnew
{
	background: transparent  url('/v2/images/sprite_whatsnew.png') no-repeat 0 0;
}

.button-whatsnew:hover
{
	background: transparent url('/v2/images/sprite_whatsnew.png') no-repeat 0 -25px;
}


.nav-point
{
	float: left; 
	padding: 10px 0 5px 5px; 
	color: #888; 
	background: transparent url('/v2/images/arrow.png') no-repeat scroll 0 0; 
	margin-top: 6px; 
	padding: 5px 0 0 12px;
}

.nav-point a
{
	color: #888;	
}


.right-column  
{
	background:url("/v2/images/left-shade.gif") no-repeat scroll left center transparent;
	min-height:400px;
	padding:0 0 30px 40px;
	width:222px;
}

/************* SIDE BAR  - ACTIVITIES / FEATURES ********************/

#idSideBar
{
	float:left;
	padding-top:15px;
	width:202px;
	margin-left: 2px;
}

#idSideBar ul li
{
	clear:left;
	line-height:16px;
	padding:5px 18px;
}

#idSideBar ul li.active
{
	background: #f0f0f0;
}


#idSideBar ul li a
{
	padding:4px 20px 4px 42px;
	position:relative;
	display: block;
	color: #666;
	background: transparent url('/v2/images/sidebar_el.gif') no-repeat scroll 100% -1px;
}

#idSideBar ul li.active a, #idSideBar ul li.active a:hover
{
	color: #333;
	cursor: default;
	background: transparent url('/v2/images/sidebar_el.gif') no-repeat scroll 100% -65px;
}


#idSideBar ul li.active a, #idSideBar ul li.active a:hover
{
	color: #333;
	cursor: default;
	background: transparent url('/v2/images/sidebar_el.gif') no-repeat scroll 100% -65px;
}



#idSideBar ul li a:hover
{
	background: transparent url('/v2/images/sidebar_el.gif') no-repeat scroll 100% -33px;
	color: #0088cc;
}

#idSideBar ul li a img
{
	position:absolute;
	display: block;
	left: 0;
	top: 4px;
}


/************* SIDE BAR - VIDEO ********************/

#idSideBarThin
{
	float:left;
	padding-top:15px;
	width:202px;
	margin-left: 2px;
}

#idSideBarThin ul li
{
	clear:left;
	line-height:16px;
	padding:5px 18px 0 5px;
}

#idSideBarThin ul li a
{
	padding:4px 20px 4px 42px;
	position:relative;
	display: block;
	color: #666;
	background: transparent url('/v2/images/sidebar_el.gif') no-repeat scroll 100% -1px;
}



#idSideBarThin ul li a:hover
{
	background: transparent url('/v2/images/sidebar_el.gif') no-repeat scroll 100% -33px;
	color: #0088cc;
}

#idSideBarThin ul li a img
{
	position:absolute;
	display: block;
	left: 0;
	top: 4px;
}



/********** SLIDESHOW STYLES ***********/
#idSlideshowRight
{
	float: right;
	padding-top: 10px;
	width: 460px;
	height: 400px;
}

#slideshow {
    position:relative;	
	padding-right: 2px;
}
#slideshow li {
    right:0;	
    opacity:0.0;	
    position:absolute;
    top:0;
    z-index:8;
}
#slideshow li.active {
    opacity:1.0;
    z-index:10;
	display:block;
}

#slideshow li.inactive {
    opacity:1.0;
    z-index:8;
	display:none;
}


#slideshow li.last-active {
    z-index:9;
}

/************* ITEMS IN THE WIDE COLUMN **********************/

.wide_right_item
{
	border-bottom: 1px solid #d0d1d2;
	padding-bottom: 15px;
	padding-top: 30px;
}

.wide_right_item a:link, .wide_right_item a:active, .wide_right_item a:visited
{
	text-decoration: none;
	color:#0088dd;
}

.wide_right_item a:hover
{
	text-decoration: underline;
	color:#0088dd;
}

.wide_right_item .title_with_icon
{
	padding: 0 0 10px 36px;
}

.wide_right_item .media_icon
{
	background: transparent url("/v2/images/icons/media_press.png") no-repeat;
}

.wide_right_item .virtual_press_icon
{
	background: transparent url("/v2/images/icons/media_virtual_pressroom.png") no-repeat;
}

.wide_right_item .reviews_icon
{
	background: transparent url("/v2/images/icons/media_reviews.png") no-repeat;
}



.wide_right_item h3
{
	font-weight: normal;
	color: #333;	
}




/***************** NAVIGATION LINKS ************/

.navlink_container
{
	border-top: solid 1px #D0D1D2; 
	padding-top: 20px; 
	margin: 40px 40px 20px 0;
}

a.navlink_fwd
{
	padding-right: 20px;
	background: transparent url('/v2/images/nav_fwd.gif') no-repeat top right;
}
a.navlink_fwd:link, a.navlink_fwd:active, a.navlink_fwd:visited
{
	text-decoration: none;
	color:#0088dd;
}
a.navlink_fwd:hover
{
	text-decoration: underline;
	color:#0088dd;
}

a.navlink_back
{
	padding-left: 20px;
	background: transparent url('/v2/images/nav_back.gif') no-repeat top left;
}
a.navlink_back:link, a.navlink_back:active, a.navlink_back:visited
{
	text-decoration: none;
	color:#0088dd;
}
a.navlink_back:hover
{
	text-decoration: underline;
	color:#0088dd;
}

a.blue_on_white:link, a.blue_on_white:active, a.blue_on_white:visited
{
	text-decoration: none;
	color:#0088dd;
}

a.blue_on_white:hover
{
	text-decoration: underline;
	color:#0088dd;
}


/************ select box and generic form fields ***********************/

div.selectbox-wrapper {
    position:absolute;
	font-family:Helvetica,Arial,sans-serif;
	color: #666;
    background-color:white;
    border:1px solid #ccc;
    margin:0px;
    margin-top:-10px;
    font-size:19px;
    text-align:left;
    height:200px;
   *height:200px; /*IE6 fix */
   overflow: auto;
}

div.selectbox-wrapper ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}

div.selectbox-wrapper ul li.selected { 
  background-color: #EAF2FB;
}

div.selectbox-wrapper ul li.current { 
  background-color: #CDD8E4;
}

div.selectbox-wrapper ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}

.selectbox /* look&fell of  select box*/
{

  font-size:19px;
  display : block;
  text-align:left; 
  background: url('/v2/images/bg_select_gray.png') repeat-x scroll right top transparent;
  cursor: pointer;

	border:1px solid #CACACA;
	color:#666666;
	font-family:Helvetica,Arial,sans-serif;
	margin:0 0 5px;
	padding:4px 0 4px 2px;

}


button.submit {
    border:none;
	width:150px;
	height:37px;
	margin:10px 5px 0 0;
	font-weight:bold;
	color:#fff;
    background:url(/v2/images/button_blue.gif) no-repeat 0 0;
}
button.submit:hover {
	background-position: 0 -37px;
	cursor:pointer;
}

label {
	display:block;
	margin:15px 0 10px 0;
	font-size:17px;
	color:#333;

}

label.error
{
	color:#C00;	
	margin-top: 5px;
}

input, textarea
{
	width: 400px;
	background:url("/v2/images/upper-shade.gif") repeat-x scroll center top transparent;
	border:1px solid #CACACA;
	color:#666666;
    font-size:19px;
	font-family:Helvetica,Arial,sans-serif;
	margin:0 0 5px;
	padding:7px;
}



/********************** misc *********************/


.right {
	float:right;
}

.clear 
{
	clear: both;
}

.marker {
	color:#777777;
	font-size:14px;
	line-height:19px;
}

.darkred
{
	color: darkred;	
}

.darkblue
{
	color: darkblue;	
}

.bold
{
	font-weight: bold;	
}

.italic
{
	font-style: italic;	
}

.smallprint
{
	color: #888;
	font-size: 10px;
	
}
