@import url('/includes/css/menu1-1.css');

#menu {border-bottom:1px solid #000; -webkit-border-radius:3px; -moz-border-radius:3px; }

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
a img                                   {border:none;}
.hide 																	{display:none!important;}
.clearfix:after, .container:after       {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container                   {display:inline-block;}
* html .clearfix, * html .container     {height:1%;}
.clearfix, .container                   {display:block;}
.clear                                  {clear:both;}

html                                    {overflow-y:scroll;}

body                                    {text-align: center; line-height:1.5; font-size:75%;color:#222; font-family:Arial, Helvetica, Geneva, sans-serif;}
body                                    {background: #f0efe2 url('/images/backgrounds/light-bg2.jpg') repeat-x; margin: 0;	padding: 0; }

a                                       {color:#666; text-decoration:none; }  
a:hover                                 {color:#B31B34;} 
  
	
#wrapper-top                            {width:978px; margin:0 auto; padding:0 0 0 0;	text-align:left;}
#inner-top                              {width:981px; float:left; padding-left:15px; }

/* Serena Logo - The logo section on global header */
#header div#serenaLogo            {float:left; }
#header div#serenaLogo a          {background:url('/images/global/serena_logo-2.gif')  no-repeat 0px 18px;  width:420px; height:62px; text-decoration:none; display:block; overflow:hidden; }
.light  #header div#serenaLogo a  {background:url('/images/global/serena_logo-2.gif') no-repeat 0px 18px; }
#header div#serenaLogo a span     {visibility:hidden;}

/* Sub Menu - The submenu section on global header */
#header #subMenu                  {width:340px; float:left; padding:20px 20px 0 0px; height:40px; background:url('/images/backgrounds/head-pipe.gif') no-repeat 341px 10px; }
#header #subMenu ul               {list-style:none; margin:0; padding:0; float:right;  width:99%; }
#header #subMenu ul li            {float:right; padding-right:16px;  }
#header #subMenu ul li#countryLi  {width:105px; text-align:right;}
#header #subMenu ul li a          {-moz-border-radius: 3px; -webkit-border-radius: 3px;  border-radius: 3px; text-shadow: #fff 1px 1px 1px; background:#dcdac2 url('/images/backgrounds/submenu-button.gif') repeat-x; display:block; border:1px solid #bbb898; padding:6px 12px; margin:0; color:#5a562d; line-height:10px; font-size:10px; text-decoration:none; text-align:center; }
#header #subMenu ul li a:hover    {color:#aaa791; }


/* Search - The search section on global header */
#header #search                   {float:left; padding:0px;  padding-top:24px;  width:159px; }
.fullscreen  #header #search      {float:right; margin-right:20px; }
#header #search form.search       {margin:0; padding:0 0 0 0; }
#header #search form.search input {height:17px;	border:1px solid #a5acb2;  float:left; color:#60604b; font-size:10px; text-indent:0.5em; padding:2px 0 0 0!important; background:#fff;  margin:0!important; }

#header #search-header-wrapper 		{float:left; width:170px; padding-top:20px;}
#header #search-header-inner      {border:1px solid; -moz-border-radius: 3px; -webkit-border-radius: 3px;  border-radius: 3px; border:1px solid #bbb898; padding-bottom:0!important;  background:#fff;}
#header #search-header-input-box 	{float:left; width:140px; padding-left:5px;}
#header #search-header-input-box input {border:none; background:#fff; width:139px; line-height:12px; font-size:12px; padding:4px 0 0 0; _padding:6px 0 0 0; *padding:6px 0 0 0; margin:0;}
@media screen and (-webkit-min-device-pixel-ratio:0) { #header #search-header-input-box input {padding:8px 0 0 0!important; } } /*webkit hack*/
#header #search-header-button 		{float:left; width:20px;  border-left:1px solid #e1dfd2; padding-top:1px;}

/* FOOTER: ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
#footer                         {background:#f0efe2; clear:both; width:978px; margin:0 auto; padding:3px 0 8px 0; color: #999;	font-size: 11px;	}
#footer:after 									{content: "."; display: block; height: 0; clear: both;  visibility: hidden;}
#footer a                       {text-decoration: none;}
#footer a:link, 	#footer a:visited  {color: #60604b;}
#footer a:hover, 	#footer a:active   {text-decoration: underline; color:#8f8f80; }
#footer ul                			{list-style:none;	float:left;	margin:0;	padding:0 15px 0 15px; }
#footer ul:after 								{content: "."; display: block; height: 0; clear: both;  visibility: hidden;}
#footer li                			{display:block; float:left;  background:url('/images/backgrounds/footer-pipe.gif') no-repeat 100% 0%; padding:0; margin:0;  }
#footer li:after 								{content: "."; display: block; height: 0; clear: both;  visibility: hidden;}
#footer li.first          			{border:none;}
#footer li.last           			{border:none; background:none!important;}
#footer li a              			{padding:0px 12px 0 10px; line-height:11px; display:block; float:left; }
#footer p.copyright       			{float:right;	margin:0; padding:0;	padding-right:21px; line-height:11px; color:#60604b; }
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */


#wrapper:after { content: "."; display: block; height: 0; clear: both;  visibility: hidden;}
#Inner:after   { content: "."; display: block; height: 0; clear: both;  visibility: hidden;}
#content:after { content: "."; display: block; height: 0; clear: both;  visibility: hidden;}
	
a:hover   {color:#b31b1b;}
#content a {color:#3580cb;}
#content a:hover {color:#b31b1b;}

.em1-2             {font-size:1.2em!important;}

.hoverBox-div                   	{background:#FFFFFF; border:none; overflow:visible!important; border:1px solid #bbb898; -webkit-box-shadow: #ccc 0px 1px 2px; -moz-box-shadow: #ccc 0px 1px 2px; -moz-border-radius-bottomright:5px; -moz-border-radius-bottomleft:5px;  -webkit-border-bottom-right-radius:5px;  -webkit-border-bottom-left-radius:5px;   }
.hoverBox-div  iframe           	{overflow:hidden; border:0px none #333;  }
.hoverBox-div  iframe html      	{overflow: hidden; width:95%; margin:0;}
.hoverBox-div  iframe html body 	{overflow: hidden; width:95%; margin:0;}

ul.quicklinks li a {font-size:.9em; color:#666!important;}

#wrapper-quicklinks ul.quicklinks li.h2   {padding-top:10px;}
#wrapper-quicklinks ul.quicklinks li.top 	{padding-top:0px!important;}
#wrapper-quicklinks ul.quicklinks li.h2 a {color:#333!important;}

#inner-banner 	{padding:0 0 0 0px; margin:0 0 0 0;}

#wrapper-banner, 
#wrapper-press,
#wrapper-quicklinks,
#wrapper-promos  { padding:0 0 0 0!important; margin:0 auto!important; width:959px!important;  overflow:hidden; }

#inner-press,
#inner-quicklinks 		{width:959px; padding:0 0 0 0!important; }


#press-label-1 	{padding-left:24px; float:left;}
#press-feed-1 	{padding-left:24px; float:left;}

#tweet-label 	{padding-left:24px; float:left; width:125px;}
#tweet-feed 	{padding-left:24px; float:left; width:740px; text-align:left;}

.hp-box-header 	{background:url(/images/hp-box-header.png) no-repeat 0 0; height:14px; overflow:hidden;}
.hp-box-body 		{background:url(/images/hp-box-bg.png) repeat-y 0 0; padding:0 0 0 0;}
.hp-box-footer 	{background:url(/images/hp-box-footer.png) no-repeat 0 0; height:14px; overflow:hidden;}

#wrapper-quicklinks  {text-align:left; }
#wrapper-quicklinks .col1, 
#wrapper-quicklinks .col2,
#wrapper-quicklinks .col3 {width:264px!Important; float:left; padding:10px 24px!Important; margin:0 0 0 0!Important; background:url('/images/Home/quick-links-divider.png') repeat-y 100%;}
#wrapper-quicklinks .col3 {background:none;}

#wrapper-quicklinks ul.quicklinks {padding:0; margin:0; list-style:none;}
#wrapper-quicklinks ul.quicklinks li {font-size:12px;}
#wrapper-quicklinks ul.quicklinks li a {font-size:12px; color:#000; }
#wrapper-quicklinks ul.quicklinks li.h2 {font-size:13px; color:#000; font-weight:600;}
#wrapper-quicklinks ul.quicklinks li.h2 a {font-size:13px; color:#333;}

#press-label-1,
#press-feed-1  {padding-top:2px;}
#press-feed-1 {width:780px; text-align:left; }

#wrapper-quicklinks .hp-box-body {padding:0 0 0 8px;}

#wrapper-billboard	 																		{height:372px;  }
#wrapper-billboard #wrapper-billboard-absolute 					{position:absolute;  z-index:1;	margin:0 auto!important;	overflow:visible!important;	left:0!important;	width:100%!important;	padding:0!important;}
#wrapper-billboard #inner-billboard 										{width:959px;	padding:0 0 0 0!important; position:relative;	left:0px;	margin:0 auto!important;}

#wrapper-billboard-nav 																{height:15px; margin-bottom:6px; }
#wrapper-billboard-nav #wrapper-billboard-nav-absolute 	{position:absolute; z-index:5;	margin:0 auto!important;	overflow:visible!important;	left:0!important;	width:100%!important;	padding:0!important;}
#wrapper-billboard-nav #inner-billboard-nav 						{width:959px;	padding:0 0 0 0!important; position:relative;	top:-30px;	left:0px;	margin:0 auto!important;}

#wrapper-billboard-nav .hp-box-header 									{background:url('/images/hp-box-header-2.gif') no-repeat!important;}

#wrapper-billboard-nav .billboard-previous 						{background:url('/images/Home/hp-previous.gif') no-repeat 0px 0px; margin-top:2px;	margin-bottom:2px;	margin-left:4px; overflow:hidden; border:1px none red; width:20px; display:block; float:left; }
#wrapper-billboard-nav .billboard-previous:hover				{background:url('/images/Home/hp-previous.gif') no-repeat 0px -38px; }

#wrapper-billboard-nav .billboard-next 								{background:url('/images/Home/hp-next.gif') no-repeat 0px 0px; margin-top:2px;	margin-bottom:2px;	margin-left:4px; overflow:hidden; border:1px none red; width:20px; display:block; float:left; }
#wrapper-billboard-nav .billboard-next:hover 					{background:url('/images/Home/hp-next.gif') no-repeat 0px -38px;  }


#wrapper-billboard-nav .billboard-button 							{margin-top:2px;	margin-bottom:2px; margin-left:4px;  overflow:hidden; border:1px none red; width:20px; display:block; float:left;  background:url('/images/Home/hp-button.gif') no-repeat 0px 0px; }
#wrapper-billboard-nav .billboard-button:hover         {background:url('/images/Home/hp-button.gif') no-repeat 0px -38px;}
#wrapper-billboard-nav .billboard-button.active        {background:url('/images/Home/hp-button.gif') no-repeat 0px -19px;}
#wrapper-billboard-nav .billboard-button.active:hover  {background:url('/images/Home/hp-button.gif') no-repeat 0px -19px;}

.billboard 																						{position:absolute; opacity:0;  z-index:2; height:380px; left:0px;	margin:0 auto!important;}


#billboard-nav-bar 																		{margin:0 auto; display:inline-block;}



/* MODAL DIALOG -------------------------------------------------------------------------------------------- */

.modal-dialog 													{position:absolute; z-index:260000;  top:0px; left:0px;  }
.modalcss3 															{background:#fff; padding:10px; width:300px; height:200px; border:1px solid #ccc; -moz-border-radius: 8px; border-radius: 8px; -webkit-border-radius: 8px; -moz-box-shadow: 0px 2px 20px #333; -webkit-box-shadow: 0px 2px 20px #333; box-shadow: -10px -10px 0px #000; }
.modalgradiant 													{background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#edebec), color-stop(0.6, #fff));}

.modalcss3 .modal-dialog-close-div    	{top:-14px; right:-14px;	position:absolute; z-index:260001;}
.modalcss3 .modal-dialog-close-div  div, 
.modalcss3 .modal-dialog-close-div  a  	{cursor:pointer; background:url('/images/buttons/zoom-close2.png') no-repeat; _background:url('/images/buttons/zoom-close-ie.png') no-repeat;  text-indent: -9999px; display:block; height:30px; width:30px; overflow:hidden;}

.modalcss2 .modal-dialog-close-div    	{border:1px none red; top:15px; right:20px;	position:absolute; z-index:260001;}
.modalcss2 .modal-dialog-close-div  div, 
.modalcss2 .modal-dialog-close-div  a  	{cursor:pointer; background:url('/images/buttons/zoom-close2.png') no-repeat; _background:url('/images/buttons/zoom-close-ie.png') no-repeat;  text-indent: -9999px; display:block; height:30px; width:30px; overflow:hidden;}

.modalcss2 															{border:4px none #999; overflow:visible; }

.modalcss2 table 												{border-collapse:collapse; border:1px none red!important; }

.modalcss2 table tr td 									{padding:0 0 0 0!important; border:1px none blue!important;}
.modalcss2 table tr td.main							{background:#fff;  vertical-align:top;}
.modalcss2 table tr td.top-left 				{background:url('/images/modal/top-left.png') no-repeat; height:44px; width:53px;}
.modalcss2 table tr td.top-center				{background:url('/images/modal/top.png') repeat-x; height:44px;}
.modalcss2 table tr td.top-right 				{background:url('/images/modal/top-right.png') no-repeat; height:44px; width:53px;}
.modalcss2 table tr td.middle-left 			{background:url('/images/modal/left.png') repeat-y; }
.modalcss2 table tr td.middle-center		{background:#fff; vertical-align:top;}
.modalcss2 table tr td.middle-right 		{background:url('/images/modal/right.png') repeat-y;}
.modalcss2 table tr td.bottom-left 			{background:url('/images/modal/bottom-left.png') no-repeat; height:44px;}
.modalcss2 table tr td.bottom-center 		{background:url('/images/modal/bottom.png') repeat-x;  height:44px;}
.modalcss2 table tr td.bottom-right 		{background:url('/images/modal/bottom-right.png') no-repeat; height:44px;}

.modalcss1 															{background:#fff; border:6px solid #cccccc; }
.modalcss1 .modal-dialog-close-div    	{top:-14px; right:-16px;	position:absolute; z-index:260001;}
.modalcss1 .modal-dialog-close-div  div, 
.modalcss1 .modal-dialog-close-div  a  	{cursor:pointer; background:url('/images/buttons/zoom-close4.gif') no-repeat; text-indent: -9999px; display:block; height:30px; width:30px; overflow:hidden;}