/*--------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------
MICRO SITE CREATOR - SIMON & SCHUSTER 
CBenge
Start Date 08th Jan 2009
-----------------------------------------------------------------------------------------
/*--------------------------------------------------------------------------------------

/*IMPORT FILES*/
/*@import url("bigGraphicText.css");
@import url("twoSingleItems.css");*/

/*CSS - 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, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}

/*---------------CLEARFIX------------------*/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix { display: inline-block;}
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%;}

/*---------------END CLEARFIX------------------*/

body {margin:0; padding:0; background-position:top center;}	
p { margin: 0 0 1em 0;}
#wrapper {width:974px; margin:0 auto; padding:12px;} 
ul {margin:0 0 12px 16px;}
ol {margin:0 0 12px 20px;}
form p {}
.left { float:left;}
.right {float:right;}
.clear {clear:both;}
h1 {text-indent:-9000000px;}
/*------MASTER STYLING OF MODULE--------*/
.horizontalModule {width:974px; margin:0 0 0 0; padding:0 0 0;}

ul.nav {margin:0 0px;}
ul.nav li {list-style:none; float:left;}
/*ul.nav li a {padding:10px 0;display:block;}*/

.header h2 {padding:4px 10px; margin:0;}
.content {padding:12px 12px 12px;}
.content img{margin:0 0 0px;}
.cta {margin:0 15px 15px 0; float:left;}
.cta p {padding:0px; margin:0;}
.cta a {display:inline-block; padding:10px;}
.title {}
.optionalText {}
.optionalText a{}
.embeddedContent {width:350px; float:right; text-align:right;}
.textField {float:left; width:580px}

.singleItem {width:475px;}
.singleItem .content img {float:left; margin:0 10px 0 0;}
.singleItem .content .description {width:248px; float:left;}

.freeHtmlItem .content img {float:left; margin:0 10px 0 0;}

.form .content {padding:0;}
.form .content img {float:left; margin: 0 8px 0 0;}
.form .content p {margin:0;}
.form .content form {padding:12px 0 0 0; }
.form .content form input {/*width:189px;*/ margin:0 5px 0 0;}
.form .content form input.small {width:100px}
.form .content form input.submit {width:auto;  margin:0 8px}
.form .content form input.checkbox {width:auto; border:none;  margin:0;}


/*-----CAROUSEL MAJOR STYLING NOT TO BE CHANGED - ALL POSTIONING INFO-----*/
.jcarousel-container {position: relative;}
.jcarousel-clip {z-index: 2; padding-left:12px; padding-right:8px; margin: 0;overflow: hidden;position: relative;}
.jcarousel-list {z-index: 1; overflow: hidden;position: relative; top: 0; left: 0; margin: 0; padding: 0;}
.jcarousel-list li, .jcarousel-item { float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 153px; height: 173px;}
.jcarousel-list li p {margin:0;}
.jcarousel-next {z-index: 3;display: none;}
.jcarousel-prev {z-index: 3;display: none;}
.jcarousel-skin-default .jcarousel-container {}
.jcarousel-skin-default .jcarousel-container-horizontal {width: 894px; padding:15px 40px 15px 40px; /*background:#333333;*/}
.jcarousel-skin-default .jcarousel-clip-horizontal { width:874px; height: 173px;}
.jcarousel-skin-default .jcarousel-item { width: 151px; height: 173px;}
.jcarousel-skin-default .jcarousel-item-horizontal { margin-right: 30px;}
.jcarousel-skin-default .jcarousel-next-horizontal {position: absolute;top: 91px; right: 5px; width: 32px; height: 32px; cursor: pointer;}
.jcarousel-skin-default .jcarousel-next-disabled-horizontal, .jcarousel-skin-default .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-default .jcarousel-next-disabled-horizontal:active { cursor: default;}
.jcarousel-skin-default .jcarousel-prev-horizontal {position: absolute;top: 91px;left: 5px;width: 32px; height: 32px;cursor: pointer;}
.jcarousel-skin-default .jcarousel-prev-disabled-horizontal, .jcarousel-skin-default .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-default .jcarousel-prev-disabled-horizontal:active {cursor: default;}

/*-----GRID VIEW STYLING  - POSITIONING INFO-----*/
.gridRow {margin:0 27px 25px 27px; padding:0 0 25px; width:898px; overflow:hidden;}
.gridItem {float:left; margin:0 26px 0 0; width:158px;}
.gridItem.last {margin:0;}
.gridItem p{margin:0;}

/*--ECOM BOX--*/
.ecomLeftColumn{float:left;width:200px;}
.ecomRightColumn{float:left;width:740px;}

/*-----THREE PROMO AREA  - POSITIONING INFO-----*/
.promoBox {width:279px; float:left; text-align:center; padding:10px 0}
.promoBox.middle {margin:0 28px; border-left:1px solid green; border-right:1px solid green; padding:10px 27px;}
.promoBox  p {margin:0;}

/*-----FOUR PROMO AREA  - POSITIONING INFO-----*/
.promoBox4.left {width:199px; float:left; text-align:center; padding:10px 25px 10px 0px}
.promoBox4.middle {width:199px; /*border-left:1px solid #ccc;*/ float:left; text-align:center; padding:10px 25px;}
.promoBox4.right {width:199px; /*border-left:1px solid #ccc;*/ float:left; text-align:center; padding:10px 0px 10px 25px}
.promoBox4  p {margin:0;}

/*-----FIVE PROMO AREA  - POSITIONING INFO-----*/
.promoBox5.left {width:155px; float:left; text-align:center; padding:10px 20px 10px 4px}
.promoBox5.middle {width:155px; /*border-left:1px solid #ccc;*/ float:left; text-align:center; padding:10px 21px;}
.promoBox5.right {width:155px; /*border-left:1px solid #ccc;*/ float:left; text-align:center; padding:10px 0px 10px 20px}
.promoBox5  p {margin:0;}

/*-----SIX PROMO AREA  - POSITIONING INFO-----*/
.promoBox6.left {width:130px; float:left; text-align:center; padding:10px 16px 10px 4px}
.promoBox6.middle {width:130px; /*border-left:1px solid #ccc;*/ float:left; text-align:center; padding:10px 16px;}
.promoBox6.right {width:130px; /*border-left:1px solid #ccc;*/ float:left; text-align:center; padding:10px 0px 10px 16px}
.promoBox6  p {margin:0;}

/*----------------------------BILLBOARD----------------------------*/
/*.billboard { width:49.25em; overflow:hidden; height:33.083em; margin:0 0 1em;}*/
.billboard { width:974px; overflow:hidden; margin:0 0 0 0;}
#billboard_nav {text-align:center;}
#billboard_nav a {display:none; width:1.25em; height:1.25em; background:#ffff00; color:#00ffff; margin-left:0.333em;}
.billboard .content {width:974px; float:none;}
.billboard .content .title{font-size:1.5em; margin:0.5em 0;}
/*.billboard .content img {float:left; margin:0 25px 25px 0}*/
/*#billboard_nav a {display:inline-block; width:1.25em; height:1.25em; background:#ffff00; color:#00ffff; margin-left:0.333em;}*/

/*----VIDEO PLAYER COMPONENT----*/
.videoPlayer {float:left;}
.videoDetails {float:right; width:275px; padding:10px; /*height:365px;*/}
.videoDetails .titleArea img {float:left; margin:0 10px 10px 0;}
.videoDetails .titleArea .title { margin:0 0 4px}
.videoDetails .titleArea .subtitle {}



/*--GENERAL STYLING--*/
body {font-size:75%; /*sets font size to a default 12px*/ color:#000000; background: #ffffff; font-family: arial, helvetica, sans-serif;}

a:link, a:visited {text-decoration:none; color:#333333;}
a:hover {color:#666666;}

ol li {}
ul li {}
ul.nav {}
ul.nav li {}
ul.nav li a:link, ul.nav li a:visited {}
ul.nav li a:hover {}

.border {border:1px solid #000000;}
.header {}
.header h2 {font-size:100%; /*sets H2 font size to a default 14px*/ }
.content {}
.content p { }
.content img{}
.cta {}
.cta p {}
.cta a {border:1px solid black; font-weight:bold; font-size:14px;}
.title {}
.optionalText {}
.optionalText a{text-decoration:underline;}
 
/*--TWO HTML BOXES STYLING--*/
.singleItem {}

/*--FORM STYLING--*/
.form .content form p {margin:0;}
.form .content form input {/*border:1px solid #ccc;*/}
.form .content form input.submit {/*background: url('../../images/bg_ctaLink.gif') repeat-x; border:1px solid #2d9148;*/}
.form .content form select {}

/*----VIDEO PLAYER COMPONENT----*/
.videoPlayer {}
.videoDetails {}
.videoDetails .titleArea img {}
.videoDetails .titleArea .title {}
.videoDetails .titleArea .subtitle {}

/*--CAROUSEL MASTER STYLING--*/
.jcarousel-list li p {}
.jcarousel-skin-default .jcarousel-container-horizontal {/*background:#F4F0E4;*/}
.jcarousel-skin-default .jcarousel-next-horizontal {background:red;}
.jcarousel-skin-default .jcarousel-next-horizontal:hover {background:#ccc;}
.jcarousel-skin-default .jcarousel-next-horizontal:active {background:#ccc;}
.jcarousel-skin-default .jcarousel-next-disabled-horizontal, 
.jcarousel-skin-default .jcarousel-next-disabled-horizontal:hover, 
.jcarousel-skin-default .jcarousel-next-disabled-horizontal:active {background:#fff;}
.jcarousel-skin-default .jcarousel-prev-horizontal {background:red;}
.jcarousel-skin-default .jcarousel-prev-horizontal:hover {background:#ccc;}
.jcarousel-skin-default .jcarousel-prev-horizontal:active {background:#ccc;}
.jcarousel-skin-default .jcarousel-prev-disabled-horizontal, 
.jcarousel-skin-default .jcarousel-prev-disabled-horizontal:hover, 
.jcarousel-skin-default .jcarousel-prev-disabled-horizontal:active {background:#fff;}

/*--GRID VIEW STYLING--*/
.gridRow {border-bottom:1px solid black;}


/*------MASTER STYLING OF IMPRINT MODULE--------*/
.horizontalModule2 {width:974px; margin:0 0 0 0; padding:0 0 0;}

/*-----CAROUSEL MAJOR STYLING NOT TO BE CHANGED - ALL POSTIONING INFO-----*/
.jcarousel-container2 {position: relative;}
.jcarousel-clip2 {z-index: 2; padding-left:12px; padding-right:8px; margin: 0;overflow: hidden;position: relative;}
.jcarousel-list2 {z-index: 1; overflow: hidden;position: relative; top: 0; left: 0; margin: 0; padding: 0;}
.jcarousel-list2 li, .jcarousel-item2 { float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 153px; height: 173px;}
.jcarousel-list2 li p {margin:0;}
.jcarousel-next2 {z-index: 3;display: none;}
.jcarousel-prev2 {z-index: 3;display: none;}
.jcarousel-skin-default2 .jcarousel-container2 {}
.jcarousel-skin-default2 .jcarousel-container-horizontal2 {width: 894px; padding:15px 40px 15px 40px; /*background:#333333;*/}
.jcarousel-skin-default2 .jcarousel-clip-horizontal2 { width:874px; height: 173px;}
.jcarousel-skin-default2 .jcarousel-item2 { width: 151px; height: 173px;}
.jcarousel-skin-default2 .jcarousel-item-horizontal2 { margin-right: 30px;}
.jcarousel-skin-default2 .jcarousel-next-horizontal2 {position: absolute;top: 91px; right: 5px; width: 32px; height: 32px; cursor: pointer;}
.jcarousel-skin-default2 .jcarousel-next-disabled-horizontal2, .jcarousel-skin-default2 .jcarousel-next-disabled-horizontal2:hover, .jcarousel-skin-default2 .jcarousel-next-disabled-horizontal2:active { cursor: default;}
.jcarousel-skin-default2 .jcarousel-prev-horizontal2 {position: absolute;top: 91px;left: 5px;width: 32px; height: 32px;cursor: pointer;}
.jcarousel-skin-default2 .jcarousel-prev-disabled-horizontal2, .jcarousel-skin-default2 .jcarousel-prev-disabled-horizontal2:hover, .jcarousel-skin-default2 .jcarousel-prev-disabled-horizontal2:active {cursor: default;}

/*--CAROUSEL MASTER STYLING--*/
.jcarousel-list2 li p {}
.jcarousel-skin-default2 .jcarousel-container-horizontal2 {/*background:#F4F0E4;*/}
.jcarousel-skin-default2 .jcarousel-next-horizontal2 {background:red;}
.jcarousel-skin-default2 .jcarousel-next-horizontal2:hover {background:#ccc;}
.jcarousel-skin-default2 .jcarousel-next-horizontal2:active {background:#ccc;}
.jcarousel-skin-default2 .jcarousel-next-disabled-horizontal2, 
.jcarousel-skin-default2 .jcarousel-next-disabled-horizontal2:hover, 
.jcarousel-skin-default2 .jcarousel-next-disabled-horizontal2:active {background:#fff;}
.jcarousel-skin-default2 .jcarousel-prev-horizontal2 {background:red;}
.jcarousel-skin-default2 .jcarousel-prev-horizontal2:hover {background:#ccc;}
.jcarousel-skin-default2 .jcarousel-prev-horizontal2:active {background:#ccc;}
.jcarousel-skin-default2 .jcarousel-prev-disabled-horizontal2, 
.jcarousel-skin-default2 .jcarousel-prev-disabled-horizontal2:hover, 
.jcarousel-skin-default2 .jcarousel-prev-disabled-horizontal2:active {background:#fff;}