@import url("/portalbase/assets/css/portalcontrol.css");

/*********************************
	Yahoo Grids
**********************************/

#page-content h2 a.jumplinkname,
#page-content h2 a{
    font-weight: normal;
    color:#436678;
    text-decoration: none;
    }
    
#page-content h2 a.jumplinkname:hover,
#page-content h2 a:hover{
    font-weight: normal;
    color:#436678;
    text-decoration: none;
    }

body{
	background-color: #fff;
	background-image: url(../images/common/body_bg.gif);
	background-repeat: no-repeat;
	margin: 0 1em 0em 1em;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 130%;
	padding: 0;
}

#custom-doc
{
	margin: auto;
	text-align: left; /* leave unchanged */
	width: 1024px; /* IE */
	min-width: 600px; /* optional but recommended */
}


.clearboth
{
	clear: both;
}

.divclear {
	margin: 0px;
	padding: 0px;
	clear: both;
	}


.yui-b
{
	border: 0px solid red;
}

/*********************************
	Fonts
**********************************/

h1
{
	font-size: 240%;
	color: #082939;
	color:#FF9900;
	font-weight:normal;
	margin: 15px 0px 20px 0px;
	padding: 0 0 15px 0;
	font-family: "Trebuchet MS";
	line-height:120%;
	background-image:url(../images/common/H1_bg.jpg);
	background-repeat: no-repeat;
	background-position:right bottom;
	background-color:#fff;
}




h2
{
	color: #436678;
	font-size: 146%;
	font-family: "Trebuchet MS";
	border-bottom:1px dotted #00CCFF;
	padding-bottom:10px;
	
}
h3
{
	color:#666;
	font-size: 122%;
	font-family: "Trebuchet MS";
	margin:10px 0;
}

h3 a
{

	background-image: url(../images/common/bullet.gif);
	background-repeat:no-repeat;
	background-position:0 5px;
	padding-left:15px;
	display:block;
}

h4 {
	font-weight:bold;
	color:#FF9900;
	margin:5px 0 10px 0;
	padding:10px 0px 10px 0;
	font-size:115%;
	line-height:115%;
}

p
{
	padding-bottom:1em;
}

strong
{
	font-weight: bold;
}

.image {
	background-image:url(../images/common/image_bg.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	float:left;
	padding:10px 0px 0px 10px;
	margin:0 10px 10px 0;
	border:1px dotted #333333;

}
.image img{
	background-image:url(../images/common/image_bg.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	margin:0px;
	padding: 0px 10px 10px 0px;

}

/*strapline*/
.strapline{
    width: 214px; 
    height: 43px; 
    position: absolute; 
    background: url(../images/common/strapline.png) top left no-repeat; 
    top: 40px; 
    left: 270px;
    }


/*********************************
	Header
**********************************/


.tools
{
	height: 17px;
}

.tools a
{
	margin: -5px 0 0 0;
	padding: 0;
}

.brandwrapper
{
	margin: 0 20px;
}
.branding
{
	padding: 0;
	
	background-color: transparent;
	/*background-image: url(../images/branding/skateboard.gif);
	background-position: right 25px;
	background-repeat: no-repeat;*/
}

.branding img
{
	vertical-align: middle;
}
.branding span.logo
{
	color: #FFFFFF;
	width:260px;
	height:94px;
	background-image: url(../images/branding/mogo_logo.gif);
	background-repeat: no-repeat;
	display:block;
	float:left;
	margin-top:20px;
	margin-left:-23px;
}




#logo a
{
	display: block;
	width: 205px;
	height: 121px;
	background-position: top left;
	background-repeat: no-repeat;
	font-size: 174%;
	background-color: transparent;
}

#logo a:hover
{
	background-color: transparent;
}

#logo img
{
	margin-top: 0px;
}

.toptools
{
	float: right;
	margin-right: 10px;
}
.toptools a
{
	color: #51678E;
	text-decoration: none;
}

.toptools a:hover
{
	color: #999999;
	text-decoration: underline;
}

.toptools img
{
	border: 0;
	padding-right: 10px;
	vertical-align: middle;
}



/*********************************
	Forms
**********************************/

input:focus, input:hover
{
	background-color: #ccc;
	color: black;
}

fieldset
{
	border: 0px solid #555555;
	padding: 0.5em;
	position: relative;
}




#search fieldset
{
	margin: 10px 0px 0 0;
	border: 0;
	padding: 0;
	color: #51678E;
	float: right;
}

#search label
{
	margin: 0px 10px 5px 0;
	padding:3px 0 0 0;
	font-weight:bold;
	color:#000;
	float:left;
}

#search input
{
	border: 1pt solid #CCC;
	margin: 0pt 0px 0pt 0pt;
	padding: 3px 5pt 3pt 5px;
	width: 150px;
}

#search
{
	background-color: transparent;
	display: block;
	margin: 0px 0 0px 0;
	clear:right;
}

#search img
{
	border: 1px solid #fff;
}



#send-comments li
{
	display: inline;
}



.stormform
{
	float: left;
	margin-bottom: 1em;
	width: 100%;
}
.stormform fieldset
{
	background-color:#E6F2F7;
	background-image: url(../images/common/fieldset_bg.jpg);
	background-repeat:no-repeat;
	background-position: 0px 40px;
	margin:0;
}
.stormform legend
{
	background-image: url(../images/common/secure.gif);
	background-repeat: no-repeat;
	background-position: 2px 0px;
	padding: 0px 5px 3px 20px;
	height: 15px;
}

.stormform fieldset label
{
	float: left;
	text-align: right;
	margin-right: 0.5em;
	width:150px;
	padding:3px 0;
}


.stormform fieldset label
{
	width:150px;
	text-align: left;
	/*margin-left: 15em;  Width plus 3 (html space) */
}
.stormform em
{
	font-weight: bold;
	font-style: normal;
	color: #76B984;
}
/*.stormform label {
  width: 120px; }/* Width of labels */

.stormform fieldset div
{
	margin:5px;

}
.stormform input.submit-button
{
	
	cursor: pointer;
	vertical-align: middle;
}
.stormform input, .stormform textarea
{
	width: 150px;
	margin: 0;
	font-size: 80%;
	float:none;
	background-color:#fff;
	border:1px solid #ccc;
	padding:4px;
}
.stormform input, .addEvent textarea
{
	font-size: 115%;
}
.stormform img {
	margin:10px 0 0 155px;
	float:none;
	padding:4px;
	border:1px solid #666;
}


.pb_snapedit 
{
	border-bottom:1px #666 dotted;
	margin:5px 0 0 0;
	padding-bottom:5px;
	font-weight:bold;
}


.pb_snapedit img 
{
	margin:0 0 0 0;
}

.stormform .fm-optional input
{
	border: 1px solid #4ef; /* Give optional fields a grey border */
}

#content .remove .fm-optional
{
	display: none;
}

.form-error-message
{
	font-weight: bold;
	color: #000;
}

div.pb_label 
{
	float:left;
	width:150px;
	padding:0px 0;
}

div.pb_labellong
{
	float:left;
	padding:0px 0;
}

.pb_dropdown, pb_flat, pb_fillwidth, pb_fillwidth input 
{
	margin-bottom:5px;
}

.stormform input.stormButton {
	width:auto;
}



/*********************************
	Stormform Exceptions
*********************************/
#login fieldset li label
{
	display: block;
	text-align: left;
	float: none;
}
#login input
{
	width: 155px;
}

#login input.submit-button
{
	margin: .5em 1.5em 0em 1em;
	width: 80px;
	cursor: pointer;
}


/*********************************
	Lists
**********************************/

#navigate-primary
{
	margin-top: 0px;
	clear: both;
	background-image: url(../images/navigation/primary_nav_bg.png);
	background-repeat: no-repeat;
	background-position: 0 0px;
	background-color: transparent;
	display: block;
	height: 72px;
	font-family: "Trebuchet MS";
}



#navigate-primary ul
{
	float: left;
	overflow: hidden;
	margin: 7px 0 0 20px;
	display: inline;
}

#navigate-primary a
{
	display: block;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	background-color: transparent;
	color: #F1F1F1;
	padding: 8px 15px 8px 15px;
	float: left;
	border-right: 1px solid #A4B3CF;
}

#navigate-primary a:hover
{
	color: #CCC;
	background-color: transparent;
}

#navigate-primary li.selected a
{
	color: #FFFF00;
	background-color: transparent;
	display: block;
	background-image: none;
}

.separator
{
	background-color: #555555;
	clear: both;
	height: 0;
	padding: 0;
	line-height: 0;
}
#navigate-breadcrumb
{
	background-color: transparent;
	padding: 0px 0 5px 20px;
	font-size: 90%;
	border-bottom: 1px solid #ccc;
}
#navigate-breadcrumb ul
{
	display: inline;
}

#navigate-breadcrumb ul li a
{
	padding-right: 15px;
	background-image: url(../images/navigation/divide.gif);
	background-position: right 2px;
	background-repeat: no-repeat;
}

#navigate-tools
{
	padding:0;
	background-color: transparent;
	width: 990px;
	text-align: right;
	/*float:right;*/
}

#navigate-tools ul 
{
	margin: 0;
}

#navigate-tools ul li
{
	padding:0 5px;
	margin:0 0px;
	border-left:0;
}

#navigate-tools ul li+li
{
	border-left:1px solid #000;
}

#navigate-tools p
{
	margin-bottom: 0;
}

#legal-wrapper
{
	background-image: url(../images/navigation/footer_bg.png);
	background-repeat: no-repeat;
	background-color: transparent;
	padding: 15px 0 0 25px;
	height: 83px;
}

#legal-wrapper p
{
	margin: 0px;
	padding:0;
}

#legal-wrapper ul
{
	margin: 0px;
	padding: 0;
}

#legal-wrapper ul li
{
	margin-top: 5px;
	margin-right:4px;
	
	padding-top: 0;
}

#legal-wrapper ul li+li
{
	border-left:1px solid #000;
	padding-left:5px;
}

.legal_logo
{
	float: left;
	margin: 0 0px 0 0;
}





#support-content
{

}

#support-content
{
	float: right;
	width: 200px;
	margin-top:15px;
	/*border: 1px solid red;*/

}

.homepage #middle-column
{
    width: 544px;
    float: left;
    margin: 0 9px 0 0;
    padding: 0;
    display:block;
}

.homepage #right-column{
	float: left;
	clear: right;
	width: 210px;
	margin: 0;
	padding: 0;
    }

.homepage #support-content
{
	float: left;

}


body.internal #support-content div.nugget
{
	background-image:url(../images/common/more_bg.jpg);
	background-repeat:no-repeat;
	background-position:top;

	padding-top:70px;
	width:210px;
	float: right;
	
	
}
body.internal #support-content .nugget+.nugget
{
	background-image:none;
	margin-top:10px;
	width:210px;
	float: right;
}


body.internal #support-content .nugget h2
{
	margin:0px 0 10px 0;
	padding:10px 0 0 0;
	border:0;
	color:#000033
}

body.internal #support-content .nugget p
{
	font-weight:normal;
	color:#3399CC;
}



.DynamicNugget embed
{
	
	margin:15px 0 0 15px;

}

#navigate-secondary
{
	margin: 10px 15px 0 0;
	padding: 0;
	float: left;
	width: 210px;
	background-color:#fff;
	
}

#navigate-secondary.homepage
{
	background-image: url(../images/navigation/secondary_nav_bg.jpg);
	background-repeat: no-repeat;
	background-position:top;
	background-color:#01A7A7;
	margin: 0 9px 0 0;
	padding: 0;
	float: left;
}

#mid-bottom.homepage
{
	background-color:#ffffff;
	margin: 0;
	padding: 0;
	float: left;
}

#navigate-secondary ul
{
	margin: 10px 10px 0px 10px;
	padding-top: 0px;
	padding-bottom: 50px;
	text-transform: capitalize;
	background-color:  #FFFAE5;
	font-family: "Trebuchet MS";
	font-weight: bold;
	background-color:transparent;
	background-image:url(../images/common/navigate_secondary_bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
	
}

#navigate-secondary ul ul
{
	padding-bottom: 20px;
}

#navigate-secondary.homepage ul
{
	background-image:none;
}

#navigate-secondary li
{
	list-style-type: none;
	background-color: transparent;
	margin-right: 0px;
	
}

#navigate-secondary.homepage li a
{
	display: block;
	font-size: 100%;
	text-decoration: none;
	background-color: transparent;
	color: #000;
	padding:4px 0px 3px 12px;
	border-bottom: 1px solid #000;
}


#navigate-secondary li a
{
	display: block;
	font-size: 100%;
	text-decoration: none;
	background-color: transparent;
	color: #000;
	padding: 5px 0px 5px 12px;
	border-bottom: 1px solid #000;
}

#navigate-secondary.home li a:hover
{
	text-decoration: none;
	background-color: transparent;
	background-image:url(../images/navigation/secondary_nav_hover_bg.png);
	color: #003300;
	border-bottom: 1px solid #000;
}

#navigate-secondary li a:hover
{
	text-decoration: none;
	background-color: transparent;
	background-image:url(../images/navigation/secondary_nav_hover_bg.png);
	background-repeat:no-repeat;
	color: #003300;
	color:#CC0000;
	border-bottom: 1px solid #000;
}

#navigate-secondary.homepage ul
{
	margin: 50px 10px 10px 10px;
	padding-bottom: 3px;
	background-color: Transparent;
}

/*#navigate-secondary.homepage li + li + li + li + li + li + li
{
	margin-bottom: 30px;
}

#navigate-secondary.homepage li + li + li + li + li + li + li + li
{
	margin-bottom: 0px;
}*/


#navigate-secondary ul ul {
	margin-top:0;
	margin-right:0px;
	margin-left:0px;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
}


#navigate-secondary li.selected ul 
{
background-color:#C5E2F2;
background-image:url(../images/common/sub_nav_ul_bg.gif);
background-position:center bottom;
background-repeat:no-repeat;
border:0 none;
margin:0 5px;
}

#navigate-secondary li.selected li {

	background-color:transparent;
	background-image:none;
	margin-right:10px;
	margin-left:10px;
	border:0;
}

#navigate-secondary li.subNavigation a
{
	list-style-type: none;
	background-image: none;
	background-color:transparent;
	margin: 0;
	color: #000;
	padding: 4px 4px 4px 10px;
	margin-left:0px;
	font-size: 90%;
	border:0;
}

#navigate-secondary li.subNavigation +li.subNavigation
{
	border-top:1px solid #0099CC;
	
}

#navigate-secondary li.subNavigation a:hover
{
	background-color: transparent;
	color:#000;
	color:#CC0000;
	background-image:url(../images/navigation/secondary_nav_hover_bg.png);
	background-repeat:no-repeat;
	background-position:0px 0;
}

#navigate-secondary li.subNavigation ul li a
{
	background-color: transparent;
	color: #333333;
	font-size: 80%;
	padding-top: 2px;
	padding-bottom: 2px;
}
#navigate-secondary li.subNavigation ul li a:hover
{
	background-color: transparent;
	color: #999999;
}

#navigate-secondary li.selected {
	background-color:transparent;
}

 li.subNavigation .selected a
{
	background-color: #000033;
}

#navigate-secondary .selected a
{
	background-color:red;
	background-image:url(../images/navigation/primary_nav_bg.png);
	background-position:-210px 0px;
	color:#FFFF00;
	padding-left: 10px;
	
}

#navigate-secondary .selected a:hover
{
	background-color:red;
	background-image:url(../images/navigation/primary_nav_bg.png);
	background-position:-210px 0px;
	color:#ccc;
	padding-left: 10px;
	
}




/*********************************
	Links
**********************************/
a
{
	color: #000;
}

a:focus, a:hover
{
	color: #999;
}
/* External link style */
.newWinStyle:link
{
	background: url(/assets/images/common/externallink.gif) no-repeat 100% 0;
	padding: 0 20px 0 0;
}
.newWinStyle:visited
{
	background: url(/assets/images/common/externallink.gif) no-repeat 100% -100px;
	padding: 0 20px 0 0;
}
.newWinStyle:hover, .newWinStyle:focus
{
	background: black url(/assets/images/common/externallink.gif) no-repeat 100% -200px;
	padding: 0 20px 0 0;
	color: White;
}

#skipLinks
{
	left: 0px;
	padding: 2px;
	position: absolute;
	top: -500em;
}
#skipLinks a:active, #skipLinks a:focus
{
	background: #FFFFFF none repeat scroll 0%;
	color: #000000;
	padding: 2px;
	position: absolute;
	top: 500em;
	white-space: nowrap;
}

/*********************************
	Errors and Warnings
**********************************/

.warning
{
	color: Red;
	font-weight: bold;
}

/*********************************
	Page Content
**********************************/
.poll 
{
	
	margin:0 15px 10px 5px;
	padding:10px 0 35px 0;
	width:190px;
	background: #D8EDF4 url(/assets/images/common/poll_bg.jpg) no-repeat 100% 100%;
}

.poll h2
{
	margin: 10px 0 10px 0px;
	padding: 0 10px 5px 10px;
}

.poll p

{
	padding:0 10px 0px 10px;
	margin:0px;
	line-height:130%;
	background-color:transparent;
}

.poll table

{
	padding:5px 0px;
	margin:10px 5px;
	line-height:130%;
	background-color:transparent;
	width:170px;
}

.poll td
{
	vertical-align:middle;
	padding-top:5px;
}


.poll input.poll-submit
{
	line-height:100%;
	margin:2px 0px 0 5px;
	padding:0;
	border:0;
	width:177px;
	height:30px;
	background: #D8EDF4 url(/assets/images/common/vote_button_bg.jpg) no-repeat;
	color:#000;
	font-weight:bold;

}
.poll input:hover
{
	color:#990000;
}

.poll label
{
	vertical-align:top;
	padding:0;
	margin:0 0 0 5px;
}

.poll span 
{
	
	
}

.pollerror 
{
	padding:0;
	margin:0 0 10px 0;
	display:block;
	text-align:center;
}


span.textnugget h2 
{	
	padding:28px 20px 10px 20px;
	margin:0 10px;
	line-height:130%;
	font-size:130%;
	background-color:#B2DBEA;
	background-image: url(/assets/images/common/nugget_h2_bg.jpg);
	background-repeat:no-repeat;
}

span.textnugget h3 
{	
	padding:5px 20px 5px 20px;
	margin:0 10px;
	line-height:110%;
	font-size:110%;
	color:#fff;
	background-color:#FF9900;
	border-bottom:1px solid #990000;
}

span.textnugget p, span.textnugget ul
{	
	padding:10px 20px ;
	margin:0 10px;
	line-height:130%;
	background-color:#D8EDF4;
	background-image: url(/assets/images/common/panel_bg.jpg);
	background-repeat:no-repeat;
}

span.textnugget ul li
{	
	background-image:url(../images/common/page_content_bullet.gif);
	background-position:0pt 6px;
	background-repeat:no-repeat;
	padding-left:15px;
	padding-bottom:4px;
}
span.textnugget p:first-letter
{
	font-size:160%;
}

span.textnugget p img
{	
	margin:0;
	padding:0;
}

span.textnugget p-p
{	
	background-image:none;
}


.pagewrapper
{
	padding: 0 20px 10px 20px;
	margin: 0;
	background-color: transparent;
	background-image: url(/assets/images/common/pagewrapper_bg.png);
	background-repeat: repeat-y;
	height: 100%;
}

.internal .pagewrapper
{
	padding: 0 20px 10px 20px;
	
}

.nugget
{
	margin: 0px;
	padding: 0;
	/*display: inline;*/
	background-color: Transparent;
}

.campaign
{
	background-color: Transparent;
	/*border-bottom: 1px solid #ccc;
	border: 1px solid red;*/
	margin-bottom: 6px;
}


.campaign img
{
	background-color: Transparent;
	margin-top: -100px;
	position: relative;
}


.nugget img, .nugget img
{
	margin: 0;
	padding: 0;
}

.campaign .nugget img, .campaign.nugget img
{
	margin: 0px 0 0 0;
	padding: 0 0 0 0px;
}

#support-content .nugget img, #support-content .nugget img
{
	margin: 0px 0 7px 0;
	padding: 0 0 0 0px;
}


#page-content .nugget
{
	margin: 0;
	padding: 0;
	/*width: 200px;
	float: right;*/
}

#showcase_nugget_15_c48d9d3a38854ba4a495b815d89b667f_NuggetPanel{height: 180px; background-color: #ffffff; padding: 20px 0 0 0;}

#page-content .nugget img
{
	margin: 0;
	padding: 0;
	/*border: 1px solid #ccc;
	background-color: #EBEBEB;*/
}

#page-content .nugget p
{
	margin: 0px;
	padding: 0px;
}


#page-content ul {
	margin: 0 10px 0px 0px;
	padding: 20px 20px 0px 20px;
	list-style-type: none;
	display: block;
	background-image:url(../images/common/ul_bg2.jpg);
	background-repeat:repeat-y;
	font-size:100%;
}

#page-content ul+p+ul {
	background-image:url(../images/common/ul_bg2.jpg);
	background-position:0 -50px;
	background-repeat:repeat-y;
}

#page-content h2+p+ul {
	background-image:url(../images/common/ul_bg2.jpg);
	background-position:0 -20px;
	background-repeat:repeat-y;
}

#page-content h2{
	margin:20px 0 20px 0;
	padding-left:0px;
	padding-right:0px;
	line-height:120%;
}


#page-content ul li
{
	color:#018BBA;
	background-image:url(../images/common/page_content_bullet.gif);
	background-repeat:no-repeat;
	background-position:0 6px ;
	margin: 5px 0px 5px 10px;
	padding:3px 5px 3px 15px;
	font-weight:bold;
}

#page-content a, body.internal #support-content .nugget a
{
	color:#000033;
	font-weight:bold;
/*background-image:url(../images/common/bullet.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
	padding-left:12px;*/
	text-decoration:none;
}

.internal #page-content li a
{
	color:#000033;
	font-weight:bold;
	/*background-image:url(../images/common/bullet_blue_bg.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding-left:14px;
	margin-left:-16px;*/
	text-decoration:none;
	line-height:120%;
}

#page-content a:hover, body.internal #support-content .nugget a:hover
{
	color:#018BBA;
	text-decoration:underline!important;
}

#page-content ul+p, #page-content ul+h2, #page-content ul+h4 

{
	background-image:url(../images/common/ul_base_bg.jpg);
	background-repeat:no-repeat;
	margin-top:0;
	padding-top:30px;

	
}

/*#page-content p+p
{
	background-image:url(../images/common/p_bg3.gif);
	background-position:0px -50px;
	background-repeat:repeat-y;
}

#page-content p
{
	padding:0 10px;
}*/
.callout 
{
	float:right;
	width:180px;
	font-weight:bold;
	font-style:italic;
	font-size:100%;
	border:0px solid #ccc;
	padding:70px 10px 10px 10px;
	margin:10px 0px 10px 10px;
	text-align:right;
	line-height:110%;
	background-image: url(/assets/images/common/callout_bg.jpg);
	background-repeat:no-repeat;
	background-color:#C0E0EB;
}

.callout p
{
	
	border:1px solid blue;
}

/*#page-content li
{
	margin: 5px 5px 0px 5px;
	padding: 0 0 0 20px;
	background-image: url(../images/common/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
}*/

#yui-main
{
	border: 0;
	background-image: url(../images/common/content-grad.jpg);
	background-repeat: repeat-x;
}


#content
{
	margin: 10px 10px 10px 10px;
	padding: 0;
	border-left: 1px solid red;
}


table h4
{
	margin: 20px 0 10px 0;
	padding: 0;
}

table h2
{
	margin: 10px 0 0px 0;
	padding: 0;
}

.homepage #page-content
{
	border: 0px solid green;
	/*margin: 0 220px  0 220px;*/
	padding: 0 0 0 0px;
	background-image:none;
	float:left;
}






#page-content
{
	border: 0px solid green;
	margin: 0 220px  0 220px;
	padding: 0 0 0 0px;
	background-image:none;
}

.video #page-content
{
	/*margin: 0 220px  0 230px;*/
	margin: 0;
	padding: 0;
    width: 750px;
	/*background-image:url(../images/common/page-content_bg1.jpg);
	background-repeat:no-repeat;*/
	float: left;
}

#page-content
{
	/*margin: 0 220px  0 230px;*/
	margin: 0;
	padding: 0;
	width: 533px;
	/*background-image:url(../images/common/page-content_bg1.jpg);
	background-repeat:no-repeat;*/
	float: left;
}

.twocol #page-content
{
	border: 0px solid green;
	margin: 0;
	padding: 0;
	background-image:url(../images/common/page-content_bg2.jpg);
	background-repeat:no-repeat;
	width: 750px;
} 

.news #page-content,
.about-us #page-content
{
	/*margin: 0 220px  0 230px;*/
	margin: 0;
	padding: 0;
	width: 750px;
	/*background-image:url(../images/common/page-content_bg1.jpg);
	background-repeat:no-repeat;*/
	float: left;
}




/*********************************
	Lister Control
**********************************/

.lister
{
	float: left;
}
.events .lister
{
	float:none;
}

.lister h3
{
	margin:10px 10px 0px 0px;
	padding:0 0 0px 0;
	font-size:120%;
}

.lister span 
{
	margin:0px 0px 0 15px;
	padding:0px 10px 0px 0px;
	font-size:80%;
	color:#666;
}

#page-content .lister p 
{
	margin:0px 0px 0 16px;
	padding:0px 10px 10px 0px;
}
#page-content .lister .feedbackcontent .text p 
{
	margin:0;
}
#page-content .lister .feedbackcontent .title
{
	font-style: italic;
}
#page-content .lister .feedbackcontent
{
	margin-bottom: 10px;
}

#page-content ul li

{
	
}


#page-content .lister ul
{
	padding: 0px;
	margin: 0px 0 0px 0;
	background-image:none;
	
}
#page-content .lister li
{
	background-image:none;
	color:#018BBA;
	margin: 0px 10px 0px 0px;
	padding:0px 10px 5px 0px;
	font-weight:normal;
	border-bottom:1px dotted #ccc;
}

.lister .paging
{
	
}


.lister li
{
	display: block;
	padding: 1em;
	/*margin-bottom: 1em;*/
}


#page-content .lister h2
{
	margin:20px 10px 5px 10px;
	padding:0 0 5px 0;
}

.lister.freshstuff
{
	width: 268px;
	height: 227px;
	padding: 0;
	margin:5px 8px 0 0;
	background-image: url(../images/common/fresh_stuff_bg.jpg);
	background-repeat: no-repeat;
	background-color:#fff;
}

.lister.reviews-comps
{
	width: 268px;
	height: 227px;
	padding: 0;
	margin:5px 0 0 0;
	background-image: url(../images/common/reviews_bg.jpg);
	background-repeat: no-repeat;
	background-color:#fff;
}

.freshlink 
{
	text-align:right;
	float:left;
	width:519px;
	display:block;
	padding:0;
	margin:0 0 0 0;
	background-image: url(../images/common/fresh_stuff_link_bg.jpg);
	background-repeat: no-repeat;
	font-weight:bold;
}

.freshlink a 
{
	display:block;
	margin-right:10px;
}

.homepage .pagewrapper 
{
	padding-bottom:5px;
}

#middle-column .lister.freshstuff ul,
#middle-column .lister.reviews-comps ul
{
	height: 115px;
	margin: 80px 0 0 0;
	overflow:auto;
	overflow-x: hidden;
	border: 0;
	background-color:transparent;
	overflow:hidden;
	width:260px;
	display: block;
}

#middle-column .lister.freshstuff li,
#middle-column .lister.reviews-comps li
{
	background-color:transparent;
	margin:5px 0 5px 0px;
	padding:0 0 0 17px;
	border:0;
}

#middle-column .lister.freshstuff li a,
#middle-column .lister.reviews-comps li a
{
	/*display:inline;*/
	width:240px;
	white-space: nowrap;
	overflow:hidden;
	display: block;
}

.lister.freshstuff h3,
.lister.reviews-comps h3
{
	font-weight: bold;
	font-size: 100%;
	margin:0 0 0 -15px;
	padding:0;
	background-image: url(../images/common/bullet_star.jpg);
	background-repeat: no-repeat;
}

.lister.freshstuff span,
.lister.reviews-comps span
{
	font-weight: bold;
	font-size: 90%;
	margin: 4px 0;
}

.lister.freshstuff p,
.lister.reviews-comps p
{
	margin: 4px 0;
	padding:0;
}

.mediawrapper 
{
	
	float:left;
	margin-top:-50px;
}


.lister.watch
{
	width: 545px;
	height: 216px;
	display: block;
	/*padding: 62px 10px 0 10px;*/
	background-image: url(../images/common/watch_bg.jpg);
	background-repeat: no-repeat;
	margin-bottom: 5px;
	background-color:transparent;
}

#middle-column .lister.watch ul {
	height: 50px;
	margin: 95px 4px 0px 0px;
	width: 245px;
	border: 0;
	float: right;
	background-color:transparent;
	
}

#middle-column .lister.watch ul li
{
	
	margin: 0px 0 0 0px;
	padding:5px 0 0 10px;
	background-color:transparent;

}

#middle-column .lister.watch h3 a
{
	background-image: none;
	margin: 0px 0 0 0px;
	padding:0 0 0 0px;
	font-size:90%;
}
.lister.watch h3
{
	background-image: none;
	font-weight: bold;
	font-size: 120%;
	margin:0 0 10px 0;
	padding:0;
}

.lister.watch h3 a:hover
{
	color: #FFF;
}

.lister.watch ul.items li
{
	color:#FFFFFF;
}

.lister.watch p, .lister.watch span
{
	font-size:90%;
	margin: 0px 0 0 0px;
	padding:0 0 0 0px;
	color:#FFFFFF;
}

.lister.voice
{
	background-image: url(../images/common/voice_bg.jpg);
	background-repeat: no-repeat;
	background-color: #061D2B;
	width: 210px;
	height: 165px;
}

.lister.voice ul
{
	margin: 40px 10px 10px 0px;
	padding: 0 0 0 0;
	float: none;
}

.lister.voice li
{
	margin: 0 0 0px 10px;
	padding: 4px 0 4px 25px;
	background-image: url(../images/common/speaker_bullet.png);
	background-position: 0pt 4px;
	background-repeat: no-repeat;
	border-bottom:1px solid gray;
}

/*background-image: url(../images/common/speaker_bullet.png);
	background-position: 0pt 0px;
	background-repeat: no-repeat;*/
	
.lister.voice h3 
{
	margin:0;
	padding:0;
}

.lister.voice h3 a
{
	font-weight: normal;
	font-size: 90%;
	margin:5px 0 5px 0px;
	padding:0px 0 0px 0px;
	background-image:none;
	
	margin:0;
}


.lister.voice h3 a
{
	color: #FFF;
	text-decoration: none;
}

.lister.voice h3 a:hover
{
	color: #ccc;
}

.lister.voice span, .lister.voice p
{
	display: none;
}


.lister.yoursay
{
	border: 1px solid orange;
}

.internal .lister {
	/*background-image: url(../images/common/list_top_bg.jpg);
	background-repeat: no-repeat;
	
	background-color:#E7F2F8;*/
	margin:0;
	padding:0;
	width:495px;
}

.internal div.lister ul.items li h3 a {
	background-image:url(../images/common/bullet.gif)!important;
	background-position:0 4px!important;
}
.internal .lister ul.items {
	background-image: url(../images/common/list_bottom_bg.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	/*width:544px;
	background-color:#E7F2F8;*/
	margin:0px;
	padding:10px;
	width:495px
}

li.library, li.news, li.event
{
	
	margin-left:250px;
	float:none;
	margin:0 0 0px 0;
	padding:0 0 5px 0;
}

/*li.library+li.library, li.news+li.news, li.event+li.event
{
	
	border-top:1px dashed #ccc;
}


Li.library p,  Li.news p,  Li.event p {
	padding:10px 0px 5px 0px;
	font-weight:normal;
	
}





Li.library span,  li.news span ,  li.event span  {
	margin:0px 25px 0 0px;
	padding:0px 0 0 0px;
	font-size:70%;
	font-weight:bold;
	color:#666;
}*/

Li.library span img, Li.news span img, Li.event span img
{
	vertical-align:top;
}

Li.library h3, Li.news h3, Li.event h3{
	
}


.video #page-content .gallery 
{
	border:0px solid red;
	margin:0px;
	padding:20px 20px 0 20px;
	background-image:url(../images/common/page-content_bg2.jpg);
	background-repeat:no-repeat;
	width:710px;
}


#page-content .gallery 
{
	border:0px solid red;
	margin:0px;
	padding:20px 20px 0 20px;
	background-image:url(../images/common/page-content_bg2.jpg);
	background-repeat:no-repeat;
	/*width:722px;*/
}

#page-content .gallery h2 
{
	border:0;
	padding:0 0 15px  0px;
	margin:0px 0 0 0;	
}

#page-content .gallery ul
{
	border:0px solid blue;
	padding:0 0 0  10px;
	margin:0px 0 0 0;
	clear:both;

}

#page-content .gallery ul li
{
	/*border:1px solid #C5E2F2;*/
	padding:0;
	margin:0 5px 20px 5px;
	float:left;
	border-bottom: none;}
	
	
	#page-content .lister div ul li.itemVideo{
    width: 220px;
    }
	
	
/* new video gallery styles added by LP - 11/02/10 
----------------------------------------------------------------------------------------------------------------------------------------------*/
/*video 1 - green*/
#page-content .lister div ul li.itemVideo1 .embeddedVideo{
    border: 2px solid #5AB208;
    width: 220px;
    }
    
#page-content .lister div ul li.itemVideo1 .itemVideoShortDesc{
    background-image:url(../images/common/bg-video-green.png);
    background-position:top left;
    background-repeat:no-repeat;
    height: 41px;
    width: 220px;
    }
    
/*video 2 - blue*/
#page-content .lister div ul li.itemVideo2 .embeddedVideo{
    border: 2px solid #0897D2;
    width: 220px;
    }
    
#page-content .lister div ul li.itemVideo2 .itemVideoShortDesc{
    background-image:url(../images/common/bg-video-blue.png);
    background-position:top left;
    background-repeat:no-repeat;
     height: 41px;
    width: 220px;
    }
    
/*video 3 - poiple*/
#page-content .lister div ul li.itemVideo3 .embeddedVideo{
    border: 2px solid #7714A7;
    width: 220px;
    }
    
#page-content .lister div ul li.itemVideo3 .itemVideoShortDesc{
    background-image:url(../images/common/bg-video-purple.png);
    background-position:top left;
    background-repeat:no-repeat;
    height: 41px;
    width: 220px;
    }
    
/*video 4 - orange*/
#page-content .lister div ul li.itemVideo4 .embeddedVideo{
    border: 2px solid #FF5917;
    width: 220px;
    }
    
#page-content .lister div ul li.itemVideo4 .itemVideoShortDesc{
    background-image:url(../images/common/bg-video-orange.png);
    background-position:top left;
    background-repeat:no-repeat;
     height: 41px;
    width: 220px;
    }
    
/*video 5 - red*/
#page-content .lister div ul li.itemVideo5 .embeddedVideo{
    border: 2px solid #FF0000;
     width: 220px;
    }
    
#page-content .lister div ul li.itemVideo5 .itemVideoShortDesc{
    background-image:url(../images/common/bg-video-red.png);
    background-position:top left;
    background-repeat:no-repeat;
     height: 41px;
    width: 220px;
    }
    
/*video 6 - pink*/
#page-content .lister div ul li.itemVideo6 .embeddedVideo{
    border: 2px solid #FF00FF;
     width: 220px;
    }
    
#page-content .lister div ul li.itemVideo6 .itemVideoShortDesc{
    background-image:url(../images/common/bg-video-pink.png);
    background-position:top left;
    background-repeat:no-repeat;
    height: 41px;
    width: 220px;
    }
 
/* get rid of the poll box */ 
.video .poll{display: none;} 

/*#support-content .poll{display: none;} */

/* give the right side wrapper some top margin*/
.video #support-content{margin: 57px 0 0 0; padding: 0;} 
    
/* detail pages*/ 

/* video 1 - green*/   
.videoWrapper1{
    background-image:url(../images/common/bg-video-detail-green.jpg);
    background-position:0 37px;
    background-repeat:no-repeat;
    margin: 20px 0 0 0;
    padding: 0;
    width: 533px;
    /*border: 1px solid red;*/
    }
    
.videoWrapper1 h1{
    color: #5AB208;
    background-image: none;
    padding: 0;
    margin: 0;
    }
    
    
.videoWrapper1 #container{
    margin-left:auto;
    margin-right:auto;
    margin-top:30px;
    width:320px;
    }
    
.imageSnapshot1{margin: 43px 0 0 0; padding: 0;}
    
.imageSnapshot1 span.top{
    display: block;
    width: 190px;
    height: 193px;
    background-image:url(../images/common/bg-video-right-top-green.jpg);
    background-position:top left;
    background-repeat:no-repeat;
    }
    
.imageSnapshot1 span.top img{
    margin:23px 0 0 29px; 
    padding: 0;
    }
    
.imageSnapshot1 span.bottom{
    display: block;
    width: 190px;
    height: 61px;
    background-image:url(../images/common/bg-video-right-bottom-green.jpg);
    background-position:top left;
    background-repeat:no-repeat;
    }
    
.imageSnapshot1 span.bottom a{
    margin: 0; 
    color: #000000;
    text-decoration: underline;
    padding: 0;
    display: block;
    width: 190px;
    height: 61px;
    line-height: 55px;
    text-align: center;
    font-family:"Trebuchet MS";
    }
    
.imageSnapshot1 span.bottom a:hover{
    text-decoration: none;
    }
    
    
/* video 2 - blue*/   
.videoWrapper2{
    background-image:url(../images/common/bg-video-detail-blue.jpg);
    background-position:0 37px;
    background-repeat:no-repeat;
    margin: 20px 0 0 0;
    padding: 0;
    width: 534px;
    }
    
.videoWrapper2 h1{
    color: #0897D2;
    background-image: none;
    padding: 0;
    margin: 0;
    }
    
.videoWrapper2 #container{
    margin-left:auto;
    margin-right:auto;
    margin-top:30px;
    width:320px;
    }
    
.imageSnapshot2{margin: 43px 0 0 0; padding: 0;}
    
.imageSnapshot2 span.top{
    display: block;
    width: 190px;
    height: 193px;
    background-image:url(../images/common/bg-video-right-top-blue.jpg);
    background-position:top left;
    background-repeat:no-repeat;
    }
    
.imageSnapshot2 span.top img{
    margin:23px 0 0 29px; 
    padding: 0;
    }
    
    
.imageSnapshot2 span.bottom{
    display: block;
    width: 190px;
    height: 61px;
    background-image:url(../images/common/bg-video-right-bottom-blue.jpg);
    background-position:top left;
    background-repeat:no-repeat;
    }
    
.imageSnapshot2 span.bottom a{
    margin: 0; 
    color: #000000;
    text-decoration: underline;
    padding: 0;
    display: block;
    width: 190px;
    height: 61px;
    line-height: 55px;
    text-align: center;
    font-family:"Trebuchet MS";
    }
    
.imageSnapshot2 span.bottom a:hover{
    text-decoration: none;
    }
    
/* video 3 - purple*/   
.videoWrapper3{
    background-image:url(../images/common/bg-video-detail-purple.jpg);
    background-position:0 37px;
    background-repeat:no-repeat;
    margin: 20px 0 0 0;
    padding: 0;
    width: 534px;
    }
    
.videoWrapper3 h1{
    color: #7714A7;
    background-image: none;
    padding: 0;
    margin: 0;
    }
    
.videoWrapper3 #container{
    margin-left:auto;
    margin-right:auto;
    margin-top:30px;
    width:320px;
    }
    
.imageSnapshot3{margin: 43px 0 0 0; padding: 0;}
    
.imageSnapshot3 span.top{
    display: block;
    width: 190px;
    height: 193px;
    background-image:url(../images/common/bg-video-right-top-purple.jpg);
    background-position:top left;
    background-repeat:no-repeat;
    }
    
.imageSnapshot3 span.top img{
    margin:23px 0 0 29px; 
    padding: 0;
    }
    
    
.imageSnapshot3 span.bottom{
    display: block;
    width: 190px;
    height: 61px;
    background-image:url(../images/common/bg-video-right-bottom-purple.jpg);
    background-position:top left;
    background-repeat:no-repeat;
    }
    
.imageSnapshot3 span.bottom a{
    margin: 0; 
    color: #000000;
    text-decoration: underline;
    padding: 0;
    display: block;
    width: 190px;
    height: 61px;
    line-height: 55px;
    text-align: center;
    font-family:"Trebuchet MS";
    }
    
.imageSnapshot3 span.bottom a:hover{
    text-decoration: none;
    }
    
/* video 4 - orange*/   
.videoWrapper4{
    background-image:url(../images/common/bg-video-detail-orange.jpg);
    background-position:0 37px;
    background-repeat:no-repeat;
    margin: 20px 0 0 0;
    padding: 0;
    width: 534px;
    }
    
.videoWrapper4 h1{
    color: #FF5917;
    background-image: none;
    padding: 0;
    margin: 0;
    }
    
.videoWrapper4 #container{
    margin-left:auto;
    margin-right:auto;
    margin-top:30px;
    width:320px;
    }
    
.imageSnapshot4{margin: 43px 0 0 0; padding: 0;}
    
.imageSnapshot4 span.top{
    display: block;
    width: 190px;
    height: 193px;
    background-image:url(../images/common/bg-video-right-top-orange.jpg);
    background-position:top left;
    background-repeat:no-repeat;
    }
    
    
.imageSnapshot4 span.top img{
    margin:23px 0 0 29px; 
    padding: 0;
    }
    
    
.imageSnapshot4 span.bottom{
    display: block;
    width: 190px;
    height: 61px;
    background-image:url(../images/common/bg-video-right-bottom-orange.jpg);
    background-position:top left;
    background-repeat:no-repeat;
    }
    
.imageSnapshot4 span.bottom a{
    margin: 0; 
    color: #000000;
    text-decoration: underline;
    padding: 0;
    display: block;
    width: 190px;
    height: 61px;
    line-height: 55px;
    text-align: center;
    font-family:"Trebuchet MS";
    }
    
.imageSnapshot4 span.bottom a:hover{
    text-decoration: none;
    }
    
/* video 5 - red*/   
.videoWrapper5{
    background-image:url(../images/common/bg-video-detail-red.jpg);
    background-position:0 37px;
    background-repeat:no-repeat;
    margin: 20px 0 0 0;
    padding: 0;
    width: 534px;
    }
    
.videoWrapper5 h1{
    color: #FF0000;
    background-image: none;
    padding: 0;
    margin: 0;
    }
    
.videoWrapper5 #container{
    margin-left:auto;
    margin-right:auto;
    margin-top:30px;
    width:320px;
    }
    
.imageSnapshot5{margin: 43px 0 0 0; padding: 0;}
    
.imageSnapshot5 span.top{
    display: block;
    width: 190px;
    height: 193px;
    background-image:url(../images/common/bg-video-right-top-red.jpg);
    background-position:top left;
    background-repeat:no-repeat;
    }
    
.imageSnapshot5 span.top img{
    margin:23px 0 0 29px; 
    padding: 0;
    }
    
    
.imageSnapshot5 span.bottom{
    display: block;
    width: 190px;
    height: 61px;
    background-image:url(../images/common/bg-video-right-bottom-red.jpg);
    background-position:top left;
    background-repeat:no-repeat;
    }
    
.imageSnapshot5 span.bottom a{
    margin: 0; 
    color: #000000;
    text-decoration: underline;
    padding: 0;
    display: block;
    width: 190px;
    height: 61px;
    line-height: 55px;
    text-align: center;
    font-family:"Trebuchet MS";
    }
    
.imageSnapshot5 span.bottom a:hover{
    text-decoration: none;
    }
    
/* video 6 - pink*/   
.videoWrapper6{
    background-image:url(../images/common/bg-video-detail-pink.jpg);
    background-position:0 37px;
    background-repeat:no-repeat;
    margin: 20px 0 0 0;
    padding: 0;
    width: 534px;
    }
    
.videoWrapper6 h1{
    color: #FF0000;
    background-image: none;
    padding: 0;
    margin: 0;
    }
    
.videoWrapper6 #container{
    margin-left:auto;
    margin-right:auto;
    margin-top:30px;
    width:320px;
    }
    
.imageSnapshot6{margin: 43px 0 0 0; padding: 0;}
    
.imageSnapshot6 span.top{
    display: block;
    width: 190px;
    height: 193px;
    background-image:url(../images/common/bg-video-right-top-pink.jpg);
    background-position:top left;
    background-repeat:no-repeat;
    }
    
.imageSnapshot6 span.top img{
    margin:23px 0 0 29px; 
    padding: 0;
    }
    
    
.imageSnapshot6 span.bottom{
    display: block;
    width: 190px;
    height: 61px;
    background-image:url(../images/common/bg-video-right-bottom-pink.jpg);
    background-position:top left;
    background-repeat:no-repeat;
    }
    
.imageSnapshot6 span.bottom a{
    margin: 0; 
    color: #000000;
    text-decoration: underline;
    padding: 0;
    display: block;
    width: 190px;
    height: 61px;
    line-height: 55px;
    text-align: center;
    font-family:"Trebuchet MS";
    }
    
.imageSnapshot6 span.bottom a:hover{
    text-decoration: none;
    }
    
    

/* 
----------------------------------------------------------------------------------------------------------------------------------------------*/




#page-content .gallery ul li .itemVideoShortDesc 
{
	padding:3px 5px;
	/*background-color:#C5E2F2;*/
	background-image:url(../images/common/short_desc_bg.jpg);
}

#page-content .gallery ul li .itemVideoShortDesc a:hover
{
	text-decoration:none;
	color:#000;
}




#page-content .gallery ul li .itemVideoShortDesc span
{
	display:block;
	margin:0;
	padding:0 0 0 10px;
	font-size:80%;
	background-image: url(../images/common/arrow-video.png);
	background-position:1px 3px;
	background-repeat:no-repeat;
	color: #333333;
	height: 20px;
	
}

#page-content .gallery ul li .itemVideoShortDesc span img
{
	margin:0 5px 0 0;
	padding:0;
	vertical-align:middle;
}



#page-content .lister .paging
{
	padding: 0;
	border: 1px solid #C5E2F2;
	margin: 0 0 20px 0;
	padding:5px;
	background-image: url(../images/common/paging_bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#C5E2F2;
	font-size:90%;
}

#page-content .lister .paging p
{
	display:inline;
	border:0px solid orange;
	float:left;
	margin:0;
	padding:0;
}

#page-content .lister .paging ul
{
	margin: 0;
	clear:none;
	float:right;
	display:inline;
}
#page-content .lister .paging li
{
	display: inline;
	padding: 0 5px;
	margin:0;
	background-color: transparent;
	border:0;
	border-left:1px solid #C5E2F2;
}





.homepage .HaveYourSay
{
	background-image: url(../images/common/yoursay_bg.jpg);
	background-repeat: no-repeat;
	padding: 76px 10px 10px 10px;
	margin-top:5px;
	height:125px;

}

.tabbertab
{
	color:#fff;
}

.tabbertab h3
{
	border: 0px solid red;
	padding: 5px 0px 5px 0px;
	margin-top: 0px;
	background-color: #F50664;
	width: 94px;
	text-align: center;
	float:left;
	background-image: url(../images/navigation/tab_bg.jpg);
	color:#000;
	font-size:110%;
}

.tabbertab .selected 
{
	background-image: url(../images/navigation/tab_bg.jpg);
	background-position:0 -27px;
	color:#000;
}


.HaveYourSay .lister
{
	float: none;
	border: 1px solid blue;
}

.HaveYourSay .lister ul
{
	clear:both;
	margin: 0px 0 10px 5px;
	padding: 0px 0 0 0;
}

.HaveYourSay .lister ul li
{
	margin: 0 0 10px 0;
	padding: 0;
}

.HaveYourSay .lister ul li a
{
	float:none;
	margin: 0 0 10px 0;
	padding: 0;
	background-color:Transparent;
}


.yui-t2
{
	text-align: center;
}

/***********************************
Listers
***********************************/

.pb_title a
{
	background-image: url(../images/common/arrow.gif);
	background-position: 0 7px;
	background-repeat: no-repeat;
	padding: 3px 5px 5px 20px;
	margin-bottom: 3px;
	border-bottom: 1px solid #EFEFEF;
	font-weight: bold;
	display: block;
}

a.pb_valid
{
	color: #666;
	margin-bottom: 5px;
}

.library h3
{
	margin-bottom: 5px;
}

li.library span img
{
	margin: 0 5px 0 0;
}

 .imagemap
{
	
	Display:block;
	border:0px solid #ccc;
	background-color:transparent;
	margin:20px 0pt 10px 0;
	padding:0px 0px 0px 0px;
}


.homepage #page-content .lister p 
{
	margin:0px 0px 0 0px;
	padding:0px 10px 10px 0px;
}

 #page-content .imagemap h2
{
	margin-top:0;
	padding-top:0;
	padding-left:10px

}

#page-content .nugget .imagemap img
{
	
	text-align:center;
	background-color:transparent;
border:0px solid #CCCCCC;
margin:0px 0pt 0px;
padding:0px;
}
.searchresults 
{
	Border:0px solid red;
}

.searchresults h3 
{
	padding:0 0 0 0;
	margin:0 0 0 0;
	
}

.searchresults p 
{
	padding:0 0 0 0;
	margin:4px 0 2px 12px;
	
}

.searchresults div 
{
	padding:0 0 5px 0;
	margin:0 0 10px 0px;
	border-bottom:1px dotted #ccc;
	
}

.searchresults div p+a
{
	padding:0 0 5px 0;
	margin:0 0 0px 20px;
	
	
}

.news h1 
{
	background-image: url(../images/channelTitles/fresh_title_bg.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	border-bottom:1px solid #003;
	margin:0px 0px 20px 0;
	padding:15pt 300px 15px 0;

}

.reviews-and-competitions h1 
{
	background-image: url(../images/channelTitles/reviews_title_bg.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
	border-bottom:1px solid #003;
	margin:0px 0px 20px 0;
	padding:15pt 250px 15px 0;
	height:55px;

}

.events h1 
{

	background-image: url(../images/channelTitles/events_title_bg.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
	border-bottom:1px solid #003;
	margin:0px 0px 20px 0;
	padding:15pt 250px 15px 0;
	height:55px;

}

.discussion-forums h1 
{
	background-image: url(../images/channelTitles/forum_title_bg.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
	border-bottom:1px solid #003;
	margin:0px 0px 20px 0;
	padding:15pt 250px 15px 0;
	height:55px;

}

.survival-zone h1
{
	background-image: url(../images/channelTitles/survival_title_bg.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
	border-bottom:1px solid #003;
	margin:0px 0px 20px 0;
	padding:15pt 250px 15px 0;
	height:55px;

}

.lister span.pb_warning 
{
	margin:0 0 0 0;
	padding:0px;
}

span.pb_warning p
{
	margin:0px;
	padding:5px 10px !important;
	border:1px dotted red;
	background-color:#FFCCCC;
}

.suggestionwrapper
{
	background-image:url(../images/common/mappaging_bg.jpg);
	background-repeat: no-repeat;
	background-position:bottom;
	background-color:#FFE577;
	background-repeat:no-repeat;
	font-size:100%;
	line-height:150%;
	margin-top:10px;
	padding:10px 10px 50px 10px;
}
.suggestionwrapper .col1, .stormform .col1
{
	float:left;
	width:165px;
}

.suggestionwrapper label
{
	display:block;
	margin:0px 0pt 5px;
	font-weight:bold;

}
.suggestionwrapper .col2 textarea, .stormform  .col2 textarea
{
	width:325px;
}


.suggestionwrapper h3
{
	font-weight:bold;
	color:#436678;
}

#page-content .suggestionwrapper p
{
	padding:5px 0 0 0;
}
.seccode
{
	background-color:transparent;
	width:156px;
}
.seccode span
{
	background-color:transparent;
	padding:0px;
	width:150px;
}
.seccode img
{
	background-color:#FFFFFF;
	margin:0pt 0px;
	padding:7px 6px;
}

.addEvent .seccode
{
	width:auto;
}

.addEvent .seccode div
{
	margin-left: 20px;
}
.addEvent .seccode div div
{
	margin-left: auto;
}

div.seccode label
{
	margin-right:10px;
}
.seccode input
{
	display:block;
}
.CapchaButton
{
	background-color:transparent;
	background-image:url(../images/common/sign_in_button_bg.gif);
	background-repeat:no-repeat;
	border:0pt none;
	color:#FFFFFF !important;
	cursor:pointer;
	float:left;
	font-size:100%;
	height:28px;
	margin:10px 10px 0px 0pt;
	padding:4px 0pt;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
	width:102px;
}
.submit-button, .mapbutton
{
	background-color:transparent;
	background-image:url(../images/common/sign_in_button_bg.gif);
	background-repeat:no-repeat;
	border:0pt none;
	color:#FFFFFF !important;
	cursor:pointer;
	float:right;
	font-size:100%;
	height:28px;
	margin:10px 0px 0px 10px;
	padding:4px 0pt;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
	width:102px;
}

.mapbutton 
{
	
	margin:0px 30px 0px 30px;
}

.mapwrapper 
{
	background-image:url(../images/common/page-content_bg1.jpg);
	background-repeat: no-repeat;
	
}
.mapitem {
	position:relative;
	width:722px;
	height:400px;
	border:1px solid #004896;
	margin:10px 10px 0 10px;
}
.mappaging

{
	Border:0px solid red;
	margin:0 10px 10px 10px;
	padding:5px 10px 45px 10px;
	width:704px;
	background-image:url(../images/common/mappaging_bg.jpg);
	background-repeat: no-repeat;
	background-position:bottom right;
	background-color:#FFE577;
}

.mapinnerwrapper 
{
	margin:0 0 0 10px;
	
	border:0px solid red;
	float:left;

}
.mapinnerwrapper div
{
	padding:5px 0 5px 0px;
}

div.mapselector input
{
	width:140px;
}

#page-content .mappaging h2, #page-content .suggestionwrapper h2
{
 margin:0 0 10px 0;
 padding:5px 0;
}


.survival-zone #page-content .lister ul.items
{
	background-image:url(../images/common/ul_bg1.jpg);
	background-repeat:repeat-y;
	margin:20px 0 0 0;
}

.survival-zone #page-content .lister li
{
	
	height:105px;
	margin:0;
	padding:0;
}

.survival-zone #page-content .lister li p
{
	
	margin:0 20px 0 0;
	padding:0;
	font-weight:normal;
}

#page-content .lister .notewrapper
{
	
	border:bottom:1px solid #ccc;
	padding:0;
	margin:0;
	
}

#page-content .lister .notewrapper h2 
{
	margin-left:121px;
	color:#f90;
	margin:10px 0 5px 0;
	padding:0;
	border:0;
}

.notetext img 
{
	float:left;
	margin-top:0px;
}

.contactform 
{
}

#page-content .contactform ul
{
	margin-top:10px;
	padding-top:0;
}

#page-content .contactform ul, #page-content .contactform li
{
	background-image:none;
	margin-left:10px;
	padding:0;
}

#page-content .contactform li label
{
	text-align:left;
}

#page-content .contactform ul + p 
{
	margin:0;
	padding:0 0 0 10px;
	background-image:none;
}

#contact-us .suggestionwrapper 
{
	margin-top:0;
}

#contact-us label
{
	width: 100px;
	float:left;
	color:#018BBA;
	margin-right:0;
	margin-left:0;
	padding:3px;
	font-weight:bold;
	background-color:#ccc;
}
#contact-us.addEvent label
{
	width: 134px;
}
#contact-us.addEvent .duration label
{
	width: auto;
	float: none;
}
#contact-us.addEvent .duration input
{
	margin-left: 20px;
	margin-right: 10px;
}
#contact-us.addEvent p.durationDescription
{
	margin-left: 10px;
	margin-bottom: 10px;
	font-style: italic;
}

.contact-us .stormform fieldset 
{
	background-color:#E6F2F7;
}

#contact-us input, #contact-us textarea
{
	width: 367px;
}
#contact-us textarea
{
	width: 481px;
	height: 100px;
}

#contact-us h3
{
	color:#f90;
	margin:20px 20px 10px 20px;
	padding:0 0 10px 0;
	border-bottom:1px dotted #ccc;
	font-weight:normal;
}
#contact-us input.submit-button
{
	width: 10em;
}

#contact-us .col1 
{
	width:220px;
	float:left;
}

#contact-us .col2
{
	
	float:right;
	width:294px;
	padding:0 0 5px 0;
}

#contact-us .col1 .seccode
 {
	background-image:none;
	background-color:Transparent;
	margin:0;
	padding:0 0 0 14px;
	width:184px;
 }
 
 #contact-us .seccode label
 {
	float:none;
	margin:0 0 5px 0;
	padding:0;
	background-color:transparent;
	width:160px;
 }


#contact-us .col2 textarea, #contact-us .col2 input
 {
	font-size:100%
	margin:0;
	padding:0;
	width:260px;
 }
 
 #contact-us .col2 textarea 
 {
 	font-size:133%;
 }
 
  #page-content .col2 ul 
 {
	width:auto;
	margin:0;
	padding:0;	
 }
 
 #page-content .col2 h3,  #page-content .col1  h3 
 {
	margin:0 20px 10px 0;	
 }
 
#contact-us .stormform fieldset div
{
	margin:0px;
}

#contact-us .seccode
{
	line-height:135%;
}

#contact-us .seccode img
{
	padding:10px;
	margin:0 0 0 -5px;
}
#contact-us.addEvent .seccode img
{
	padding:1px;
	margin:0;
}

 #page-content .stormform input.submit-button
{
	cursor: pointer;
	vertical-align: middle;
}
 #page-content .stormform input
{
	width: 366px;
	margin: 0;
	font-size: 80%;
	float:none;
	background-color:transparent;
	padding:4px;
}
#page-content .stormform input.CapchaButton, #page-content .stormform input.submit-button
{
	width: 102px;
	border: 0;
}
#page-content .stormform input.submit-button
{
	margin-top: 10px;
}
#page-content .addEvent input
{
	width: 341px;
}
#page-content .addEvent .duration input
{
	width: auto;
}
 
#contact-us .col2 fieldset, #contact-us .col1 fieldset

{
	 background-image:none;
	 background-color:transparent;
}

#contact-us .col2 input, #contact-us .col1 input
{
	width:105px;
	border:1px solid #ccc;
	background-color:#fff;

}

#contact-us .col2 input.submit-button, #contact-us .col1 input.CapchaButton
{
	margin-top:10px;
	border:0;
	background-color:transparent;
	font-size:100%;

}

#contact-us .col2 input.submit-button
{
	float:right;
	margin-top:4px;
	margin-right:20px;

}

#page-content p.status-message
{
	border:1px solid #f90;
	margin:20px 20px 0px 20px;
	padding:10px;
	font-weight:bold;
	background-color:#FEFAE7;
}


ul#ResultsList 
{
	margin:-20px 10px 0 10px;
	padding:0;
	width:725px;
	background-image:url(../images/common/page-content_bg2.jpg)
}

ul#ResultsList li
{
	border-bottom:1px dotted #ccc;
	background-image:none;
	background-color:Transparent;
	padding:10px 0pt;
}

ul#ResultsList li img
{
	float:left;
}

ul#ResultsList li h3
{
	margin:0 10px 5px 100px;
	padding:0 10px 10px 10px;
	
}

ul#ResultsList li p 
{
	margin:0 10px 0px 110px;
	padding:0 0px 0px 0;
}

ul#ResultsList li h3
{
	color:#F90;
	font-size:130%;
	border-bottom:1px dotted #F90
	
}

#page-content .video 
 {
	 position:relative;
	 top:10px;
	 left:10px;
 }
 
 .watch 
 {
 	margin-top:-205px;
 }
 
 .connexion 
 {
 	background-image:url(../images/common/connexions_bg.jpg);
 	background-repeat:no-repeat;
 	background-position:top;
 	height:210px;
 	width:210px;
 }
 
 .connexion ul 
 {
 	padding:60px 20px 5px 20px;
 }
 
  .connexion li 
 {
 	margin:5px 0px 3px 0px;
 	background-image:url(../images/common/bullet.gif);
 	background-repeat:no-repeat;
 	background-position:0 2px;
 	padding-left:15px;
 }
 
   .connexion li a
 {
 	
 	margin-left:0px;
 	text-decoration:none;
 }
 
    .connexion li a:hover
 {
 	
 	color:#fc9;
 	
 }
 
#support-content .nugget .connexion div img 
 {
	margin:0;
 }
 
 #support-content .nugget .connexion div img a
 {
	cursor:pointer;
 }
 
 .submit_media .pb_emailSuccess
 {
	background-color:#FFFFCC;
	border:1px solid #00CCFF;
	padding:20px 20px 20px 60px;
	margin:0 0 10px 0;
	display:block;
	background-image:url(../images/common/green-tick.gif);
 	background-repeat:no-repeat;
 	background-position:10px 5px;
 }
 
 
 
  .submit_media .pb_emailFail
 {
	background-color:#FFFFCC;
	border:1px solid #00CCFF;
	padding:20px 20px 20px 60px;
	margin:0 0 10px 0;
	display:block;
	background-image:url(../images/common/red-cross.gif);
 	background-repeat:no-repeat;
 	background-position:10px 5px;
 }
 
 .submitto a,  .submitto a:visited
 {
 	margin-top:10px!important;
 	color:#018BBA!important;
	text-decoration:underline !important;
 }
 
 #navigate-primary 
 {
 	position:relative;
 }
 
 .mogozout-link {
	position: absolute;
	bottom: 10px;
	left: 790px;
	width:200px;
	height:70px;
	background-image:url(../images/navigation/mogozout-link.png);
	background-repeat:no-repeat;
	overflow:hidden;
 }
 
 .mogozout-link a
 {
 	display:block;	
 	width:200px;
 	height:70px;
 	cursor:pointer;
 }
 
 .mogozout-link span 
 {
 	display:block;	
 	width:200px;
 	height:70px;
 }
 
 .mogozout-link a span 
 {
 	position:absolute;
 	top:-20px;
 }
 
 #right-column .nugget 
 {
     margin-bottom:5px;
     padding:0;
 }
 
/*#search_mogozout_16_07a961300c6c4fbc94cdabbe0c477179_NuggetPanel{margin: 0; padding: 0; height: 146px;}
 
#Facebook_17_6300c4d197894ceebca46307e4cfb1ab_NuggetPanel{margin: 0; padding: 0; height: 41px;}

#Myspace_18_737a0adfe87b4a6c8b3b4d93d97af42b_NuggetPanel{margin: 0; padding: 0; height: 41px;}

#Have_your_say_19_4f2a9a1a103e4dae987a52b8c13b6a5f_NuggetPanel{margin: 0; padding: 0; height: 173px;}

#Survey_NuggetPanel{margin: 0; padding: 0; height: 192px;}*/

.search-mogozout{
    width: 210px;
    height: 146px;
    background:url(../images/common/search-bg.jpg);
    margin: 0 0 8px 0;
    padding: 0; 
}

.search-mogozout .mogozout-txt
{
    border:1pt solid #666666;
    margin:0 0 0 0;
    padding:3px;
    width:150px;
    color: #888888;
}

.search-mogozout img{border: 1px solid #ffffff;}

.search-mogozout fieldset#where{padding: 50px 0 0 6px;}
.search-mogozout fieldset#what{padding: 10px 0 0 6px;}


#navigate-secondary.homepage .connexion 
 {
 	background-image:url(../images/common/connexions-new-bg.jpg);
 	background-repeat:no-repeat;
 	background-position:top;
 	height:163px;
 	width:210px;
 }
 
#navigate-secondary.homepage .connexion ul 
 {
 	padding:60px 20px 5px 20px;
 	margin: 10px 0 0 0;
 }
 
#navigate-secondary.homepage .connexion li 
 {
 	margin:5px 0px 3px 0px;
 	background-image:url(../images/common/bullet.gif);
 	background-repeat:no-repeat;
 	background-position:0 2px;
 	padding-left:15px;
 }
 
#navigate-secondary.homepage .connexion li a{
 	margin-left:0px;
 	text-decoration:none;
 	border:none;
    color:#000000;
    display:block;
    font-size:100%;
    padding:0;
    text-decoration:none;
    }
 
#navigate-secondary.homepage .connexion li a:hover{
 	color:#fc9;
 	background-color:transparent;
    background-image:none;
    border:none;
    text-decoration:none;
 }
 
 #navigate-secondary.homepage .connexion div a{margin: 0; padding: 0;}
 
 
 
/* Rotator */

.nugget .rotator 
{
    margin:10px 0 0;
}

.nugget .rotator-holder {
	position:relative;
	height:189px;
	overflow:hidden;
}

.nugget .rotator-holder .images {
            cursor:pointer;
            height:172px;
            margin:0 0 15px;
            position:relative;
            width:544px;
}


.nugget .rotator-holder .images div 
{
            display:none;            
            left:0;
            position:absolute;
            top:0;
}

