/* 
------------------------------------------------------------
	HTML & CSS Convertion / Facebook & Twitter plugins 
	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: #ccc;}
body    {font: normal 0.8em/1.5em Verdana, Arial, Tahoma, "Lucida Sans Unicode", "Lucida Grande", Helvetica, sans-serif; color: #000; padding: 0}

.clear    {clear: both;}

.main_container {background: #fff; border: 1px solid #000; margin: 0 auto; width: 980px !important}

.page_wrapper {background: transparent url(../images/sprites.png) 0 -470px no-repeat; overflow: hidden; height: auto}

/* 
------------------------------
Main Content
------------------------------
*/	

.leftcolumn    {float: left; width: 20%;}

.leftcolumn ul    {display: block; clear: both;}
.leftcolumn ul li    {margin: 0 6%; padding: 5px 0; display: block; list-style-type: none; overflow: hidden;}
.leftcolumn ul li a    {background: url(../images/sprites.png) 0 -425px no-repeat; float: left; margin: 0; padding: 0; color: #fff; text-align: center; text-decoration: none; border: 1px solid #386c61; font-size: 100%; font-weight: bold; line-height: 270%; width: 89%;}
.leftcolumn ul li a:hover    {opacity: 0.6; filter: alpha(opacity=50);} 

.leftcolumn .cuplogo a    {background: url(../images/sprites.png) 0 -80px no-repeat; width: 179px; height: 52px; float: left; display: block; margin: 0 0 25px 0; padding: 0;}
.leftcolumn .cuplogo img  {display: none;}

.leftcolumn .banner_series     {margin: 5px 0 10px 0; padding: 0;}
.leftcolumn .banner_series a   {background: url(../images/sprites.png) -477px -115px no-repeat; width: 152px; height: 108px; float: left; margin: 0 6%; padding: 2px 0; color: #fff; text-align: center; text-decoration: none; border: 1px solid #386c61; font-size: 100%; font-weight: bold; line-height: 125%;}
.leftcolumn .banner_series a:hover   {opacity: 0.6; filter: alpha(opacity=50);}

.leftcolumn .banner_lookinside   {background: url(../images/sprites.png) 0 -237px no-repeat; width: 142px; height: 168px; float: left; margin: 10px 6% 5px 6%; padding: 5px; color: #fff; text-align: center; text-decoration: none; border: 1px solid #386c61; font-size: 90%; font-weight: bold; line-height: 125%;}
.leftcolumn .banner_lookinside h1 a   {font-size: 100%; font-weight: bold; color: #fff; text-decoration: none; display: block; margin: 0; padding: 2px 0;}
.leftcolumn .banner_lookinside h2 a   {font-size: 100%; font-weight: normal; color: #fff; text-decoration: none; display: block; margin: 0; padding: 0 15px; text-align: left;}
.leftcolumn .banner_lookinside .book_container a    {background: url(../images/sprites.png) -843px 0 no-repeat; width: 140px; height: 76px; text-indent: -999em; float: left; margin: 5px 0; padding: 0;}
.leftcolumn .banner_lookinside p    {font-size: 100%; font-weight: normal; line-height: 125%; text-align: left; margin: 0 10px; padding: 0;}
.leftcolumn .banner_lookinside:hover    {opacity: 0.6; filter: alpha(opacity=50);}

.rightcolumn    {float: right; width: 79%;}
.rightcolumn .pagebranding    {position: relative; height: 150px;}
.rightcolumn .pagebranding h1      {background: url(../images/sprites.png) 0 -142px no-repeat; width: 386px; height: 85px; text-indent: -999em; position: absolute; top: 40px; left: 0; display: block;}
.rightcolumn .pagebranding h2 a    {background: url(../images/sprites.png) -639px -120px no-repeat; width: 341px; height: 107px; text-indent: -999em; position: absolute; top: 30px; right: 10px; display: block;}

.rightcolumn .content_container       {width: 72%; height: 475px; float: left; margin: 0 0 15px 0; padding: 0; overflow: auto; overflow-x: hidden;}
.rightcolumn .content_container a          {text-decoration: underline; color: #305e57;}
.rightcolumn .content_container a:hover    {text-decoration: none;}
.rightcolumn .content_container h1    {margin: 0; padding: 5px 0; font-size: 115%; font-weight: bold;}
.rightcolumn .content_container p     {margin: 0; padding: 5px 0;}
.rightcolumn .content_container .jacket_container img    {margin: 15px 0 0 0; padding: 0;}
.rightcolumn .content_container ul li {list-style-type: disc; margin: 0 20px; padding: 2px 0;}

.rightcolumn .content_container .item_container    {width: 47%; float: left; margin: 0; padding: 0 2px 25px 6px;}
.rightcolumn .content_container .item_container > img    {float: left; border: 1px solid #000; margin: 0 10px 0 0; padding: 0; box-shadow: 1px 6px 8px 1px #767676; -moz-box-shadow: 1px 6px 8px 1px #767676; -webkit-box-shadow: 1px 6px 8px 1px #767676; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=155, Color='#767676'); width: 114px; height: 171px}
.rightcolumn .content_container .item_container h1    {color: #305e57; font-size: 115%; font-weight: bold; margin: 0; padding: 0;}
.rightcolumn .content_container .item_container ul       {margin: 0; padding: 0;}
.rightcolumn .content_container .item_container ul li    {list-style-type: none;}

.rightcolumn .right_container    {width: 210px;  float: right;}
.rightcolumn .right_container .fb-like-box    {background: #fff; margin: 5px 0; padding: 0;}
.rightcolumn .right_container .twitter_container {margin: 0; padding: 5px 10px 10px 0; overflow: hidden;}
.rightcolumn .right_container .twitter_container h2 {background: url(../images/sprites.png) 0 -38px no-repeat; width: 170px; height: 32px; text-indent: 40px; font-size: 115%; color: #0a5dac; margin: 0; padding: 5px 0;}
/*.rightcolumn .right_container .twitter_container ul li {font-size: 100%; float: left; display: block; clear: both; margin: 0; padding: 0 0 10px 0;}
.rightcolumn .right_container .twitter_container ul li a {font-weight: bold; color: #0a5dac; text-decoration: none; float: right;}
.rightcolumn .right_container .twitter_container ul li a:hover {text-decoration: underline;}*/
/*.rightcolumn .right_container .twitter_container ul li span {display: block; clear: both;}
.rightcolumn .right_container .twitter_container ul li span a {font-weight: normal; color: #0a5dac; text-decoration: underline; float: none;}
.rightcolumn .right_container .twitter_container ul li span a:hover {text-decoration: none;}*/
.rightcolumn .right_container .twitter_container a#twitter-link {background: url(../images/sprites.png) 0 0 no-repeat; width: 170px; height: 22px; text-indent: 35px; text-decoration: none; color: #0a5dac; float: left;}
.rightcolumn .right_container .twitter_container a#twitter-link:hover {text-decoration: underline;}



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

.footer_container          {background: #07362c; overflow: hidden; clear: both; margin: 0; padding: 5px 10px;}
.footer_container ul       {margin: 0; padding: 0 10px; float: right;}
.footer_container ul li    {display: inline; margin: 0; padding: 0; font-size: 85%; color: #fff;}
.footer_container ul li a          {font-size: 100%; color: #fff; text-decoration: none;}
.footer_container ul li a:hover    {text-decoration: underline;}
.footer_container .cupshield       {background: url(../images/sprites.png) -188px -83px no-repeat; width: 233px; height: 48px; float: right;}
.footer_container .cupshield 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: #cf003d !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;}