/* 
---------------------------------------------
	HTML and CSS Convertion
	by: John Ryan Acoba
    Senior GUI Designer  
---------------------------------------------
*/


/* 
------------------------------
Reset
------------------------------
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent
	}
	
body                  {line-height: 1;}
ol, ul                {list-style: none;}
blockquote, q         {quotes: none;}
blockquote:before, 
blockquote:after,
q:before, 
q:after               {content: ''; content: none;}
:focus                {outline: 0;} 
ins                   {text-decoration: none;} 
del                   {text-decoration: line-through;}
table                 {border-collapse: collapse; border-spacing: 0;} 


/* 
------------------------------
Global
------------------------------
*/	

@charset "utf-8";
* {margin: 0; padding: 0;}

html    {background: #fff}
body    {background: transparent; border: 1px solid #273026; font: normal 0.9em/2.0em Helvetica, Arial, Verdana, Tahoma, sans-serif; color: #000; margin: 0 auto; padding: 0; width: 1000px !important}

.clear    {clear: both}

.page_wrapper {background: #f3f1ee; overflow: hidden}


/* 
------------------------------
Header Content
------------------------------
*/	

.header_container .pagebranding {background: transparent url(../images/sprites.png) 0 0 no-repeat; border-bottom: 10px solid #9d512e; height: 160px; position: relative}
.header_container .pagebranding h1 a {background: transparent url(../images/sprites.png) 0 -180px no-repeat; width: 340px; height: 98px; float: left; text-indent: -999em; position: absolute; top: 42px; left: 193px}
.header_container .pagebranding h2 {background: transparent url(../images/sprites.png) 0 -307px no-repeat; width: 332px; height: 22px; float: left; text-indent: -999em; position: absolute; bottom: 39px; right: 27px}

.header_container ul {
	overflow: hidden;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EwOTg5MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NjZmNmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #a09893 0%, #766f6b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a09893), color-stop(100%,#766f6b));
	background: -webkit-linear-gradient(top, #a09893 0%,#766f6b 100%);
	background: -o-linear-gradient(top, #a09893 0%,#766f6b 100%);
	background: -ms-linear-gradient(top, #a09893 0%,#766f6b 100%);
	background: linear-gradient(to bottom, #a09893 0%,#766f6b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a09893', endColorstr='#766f6b',GradientType=0 );
}
.header_container ul li {list-style-type: none; display: inline; float: left}
.header_container ul li a {font-weight: bold; color: #fff; text-decoration: none; padding: 7px 15px}
.header_container ul li:first-child a {font-weight: bold; color: #fff; text-decoration: none; padding: 7px 21px}
.header_container ul li.current a,
.header_container ul li a:hover {background: #eb6f3b}
	
	
/* 
------------------------------
Main Content
------------------------------
*/	

.content_container {margin: 0; padding: 0; overflow: hidden}

.content_container .leftcolumn {background: #dbd8d4; width: 10%; min-height: 680px; float: left; padding: 20px}
.content_container .leftcolumn ul {padding: 0 25px}
.content_container .leftcolumn ul li a {color: #000; text-decoration: underline}
.content_container .leftcolumn ul li.current a,
.content_container .leftcolumn ul li a:hover {color: #fc6e34}

.content_container .maincolumn {width: 80%; float: left; padding: 20px}
.content_container .maincolumn a {color: #000; text-decoration: underline}
.content_container .maincolumn a:hover {text-decoration: none}
.content_container .maincolumn h3 {font-size: 175%}
.content_container .maincolumn p {line-height: 125%; padding: 10px 0}
.content_container .maincolumn ul.normal_list li {line-height: 125%; clear: both; padding: 10px 0}
.content_container .maincolumn ul.normal_list li div.icon_list {background: transparent url(../images/sprites.png) -989px -177px no-repeat; float: left; width: 11px; height: 15px}
.content_container .maincolumn ul.normal_list li span {width: 95%; float: left; padding: 0 5px}

.content_container .maincolumn .homepage_container {width: 58%; float: left}
.content_container .maincolumn .jacket_container {width: 42%; float: right}
.content_container .maincolumn .jacket_container p {clear: both; padding: 0 0 20px 0}
.content_container .maincolumn .jacket_container ul {display: block; clear: both}
.content_container .maincolumn .jacket_container ul li {list-style-type: none; display: inline; float: left; padding: 0 5px 0 0}
.content_container .maincolumn .jacket_container ul li a {
	color: #fff;
	text-decoration: underline;
	padding: 15px;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjNmUzNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOTcwNDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #fc6e34 0%, #d97043 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc6e34), color-stop(100%,#d97043));
	background: -webkit-linear-gradient(top, #fc6e34 0%,#d97043 100%);
	background: -o-linear-gradient(top, #fc6e34 0%,#d97043 100%);
	background: -ms-linear-gradient(top, #fc6e34 0%,#d97043 100%);
	background: linear-gradient(to bottom, #fc6e34 0%,#d97043 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc6e34', endColorstr='#d97043',GradientType=0 ); 
}
.content_container .maincolumn .jacket_container ul li a:hover {text-decoration: none}
.content_container .maincolumn .video-container {display: inline-block; text-align: center;} /*for video*/



/* 
------------------------------
Footer Content
------------------------------
*/	

.footer_container {background: #273026; padding: 5px 20px; font-size: 80%; color: #fff; overflow: hidden}
.footer_container ul {float: left; padding: 5px 0}
.footer_container ul li {list-style-type: none; display: inline}
.footer_container ul li a {color: #fff; text-decoration: none}
.footer_container ul li a:hover {text-decoration: underline}
.footer_container p {background: transparent url(../images/sprites.png) -427px -180px no-repeat; width: 171px; height: 37px; float: right}
.footer_container p img {display: none}











/* 
--------------------------------------
corporateHomebar
Andrew Maison, Feb 2011
--------------------------------------
*/

#corporateHomebar { margin: 0; padding: 5px 0 4px 0; background: #fff; width: 100%; line-height: normal !important; font-weight: 700 !important; font-family: Verdana, Arial, Helvetica, sans-serif !important;
font-size: 11px !important; /* note: you may need to modify the font size as it will inherit any size specified on your website's <body> element */
}
#corporateHomebar a:link, #corporateHomebar a:visited  { color: #666 !important; font-weight: 700 !important; text-decoration: none !important;}
#corporateHomebar a:hover, #corporateHomebar a:active  { color: #d97043 !important; font-weight: 700 !important; text-decoration: underline !important;}

#corporateHomebar .clear { margin: 0; padding: 0;  clear: both; height: 0; overflow: hidden; }


/* 
--------------------------------------
corporateHomebar portal homepage link
--------------------------------------
*/

#corporateHomebarPortalLink {float: left; bo/rder: 1px solid red;} 
#corporateHomebarPortalLink a:link, #corporateHomebarPortalLink a:visited { padding: 0 0 0 25px; background: url(../images/corporateHomeIcon.gif) 8px 0 no-repeat; display: block;}
#corporateHomebarPortalLink a:hover, #corporateHomebarPortalLink a:active { background: url(../images/corporateHomeIconHover.gif) 8px 0 no-repeat; display: block;}


/* 
--------------------------------------
utilities
--------------------------------------
*/

#corporateHomebarTools {float: right; }

#corporateHomebarTools #utilities { float: left; } 
#corporateHomebarTools #utilities ul, #corporateHomebarTools #utilities ul li {float: left; list-style: none; margin: 0; padding: 0;}

#corporateHomebarTools #utilities ul li { margin: 0; padding: 0 7px; border-right: 1px solid #ccc; }
#corporateHomebarTools #utilities ul li a:link, #corporateHomebarTools #utilities  ul li a:visited { display: block; float: left;}
#corporateHomebarTools #utilities ul li a:hover, #corporateHomebarTools #utilities  ul li a:active { }

#corporateHomebarTools #utilities  ul li.utilityMyBasket a:link, #corporateHomebarTools #utilities  ul li.utilityMyBasket a:visited {
background: url(../images/corporateBasketIcon.gif) no-repeat 100% 50% ; padding-right: 24px;}
#corporateHomebarTools #utilities  ul li.utilityMyBasket a:hover, #corporateHomebarTools #utilities  ul li.utilityMyBasket a:active {
background: url(../images/corporateBasketIconHover.gif) no-repeat 100% 50%; padding-right: 24px;}


/* 
--------------------------------------
corporateHomebar - country select
--------------------------------------
*/

#corporateHomebarTools #countrySelect {
margin: 0 10px 0 5px; 
padding: 0px 0 0px 5px; 
float: left;
}

#corporateHomebarTools #countrySelect ul { list-style: none; margin: 0; padding: 0;}
#corporateHomebarTools #countrySelect ul li  { margin: 0 0 0 3px; display: inline; }
#corporateHomebarTools #countrySelect ul li a:link,  #corporateHomebarTools #countrySelect ul li a:visited { padding: 0 0 0 3px;  color: #666;}

text{ font-family: Verdana, Helvetica, Arial;}
tspan{ font-family: Verdana, Helvetica, Arial;}



 video {
        width: 320px;
        height: 240px;
        border: 1px solid black;
      }


.video_thumbnails, .video_player{
	text-align:center;
	}