/*prod 2-1-10*/
#custom-doc {width:960px;margin:0 auto;position:relative;text-align:left;}
html {background: url(../../images/common/bgPaper.jpg) repeat;}
.backcolor {background-color:#fff;}
body {position:relative;margin:0px;width:100%;} 
.mh720{	min-height:720px;}
.mh500{	min-height:500px;}
.pr{position:relative;}
.modalInput{}
.bdr1{border:1px #ccc solid;}
.fr {float:right;}
.fl {float:left;}
.clearleft {clear:left;}
.clearright {clear:right;}
.clearAll{clear:both;}
.noShow {display:none;}
/*--------------------------------------------------------*/

/*----------------------------------------------Base Style*/
h1 {	/*18px via YUI Fonts CSS foundation*/font-size:138.5%;}
h2 {	/*16px via YUI Fonts CSS foundation*/font-size:123.1%;}
h3 {	/*14px via YUI Fonts CSS foundation*/font-size:108%;}
h1,h2,h3 {/* top and bottom margin based on font size */margin:1em 0;}
h1,h2,h3,h4,h5,h6,strong {/*bringing boldness back to headers and the strong element*/font-weight:bold;}
p,fieldset,table {	/*so things don't run into each other*/margin-bottom:1em;}
ol{margin-left:2em;margin:1em;}
ol li { font-size:93%;color:#000000;list-style-image:none;list-style-position:outside;list-style-type:decimal;margin-bottom:1em;}
/*--------------------------------------------Create Button*/
a.createButton{display:block;position:absolute;top:40px;left:300px;width:205px;height:60px;background:url(/images/common/header/createButton.gif) 0 0 no-repeat;}
a.createButton:hover{background-position:0px -60px;}

/*----------------------------------------------------head*/
#hd {padding:4px 0 0px 0px;background-color:#fff;}
#hd h1 {left:-9999px;position:absolute;top:0;}
#hd ul {display:inline;float:right;margin:0px 10px 0 0;}
#hd ul li {list-style:none;float:right;}
#hd ul li a {display:block;padding:5px 2px 5px 25px;font:bold 12px Arial, Helvetica, sans-serif;color:#6B633D;text-decoration:none;}
#hd ul li a:hover {color:#BB6202;}
#hd ul li a.icon {background:transparent url(../../images/common/icons.gif) no-repeat scroll 0 0;min-height:12px;}
#hd a.logOut {color:red;}
/*------------------------------------------marketing head*/
#hdMarket{position:absolute;top:20px;left:12px;}
#hdMarket ul li {list-style:none;float:left;font:normal 12px/28px Arial, Helvetica, sans-serif;}
#hdMarket ul li a {display:block;padding:0px 2px 0px 7px;font:normal 12px/28px Arial, Helvetica, sans-serif;color:#6B633D;text-decoration:none;}
#hdMarket ul li a:hover {color:#BB6202;}
/*-------------------------------------------account head*/
#hdmyAccount{position:absolute;top:20px;right:12px;}
#hdmyAccount ul li {list-style:none;float:right;font:normal 12px/28px Arial, Helvetica, sans-serif;color:#6B633D;}
#hdmyAccount ul li a {display:block;padding:0px 4px;font:normal 12px/28px	 Arial, Helvetica, sans-serif;color:#6B633D;text-decoration:none;}
#hdmyAccount ul li a:hover {color:#BB6202;}
#hdmyAccount span{font-weight:bold;}
/*-----------------------------------------main navigation*/
#nav img {float:left;}
#nav ul {display:inline;float:left;background-color:#fff;margin-right:10px;z-index:9999;}
#nav ul li {list-style:none;float:left;border-right:3px solid #fff;background-color:#fff;}
#nav ul li a {line-height:24px;display:block;padding:0 16px;color: #bbb;font-size:14px;font-weight:bold;text-decoration:none;}
#nav ul li a:hover {color:#f90;background-color:#fff;}
#nav ul li.active {background-color:#fff;}
#nav ul li.active a{color:#000}
#grayBorder #nav ul li.active {background-color:#dddddd;border-bottom:2px solid #dddddd;}
#secNav ol {display:inline;float:right;background-color:#353535;}
#secNav ol li {list-style:none;float:left;border-right:2px solid #262626;}
#secNav ol li a {line-height:26px;display:block;padding:0 15px;color: #999999;font-size:14px;font-weight:bold;text-decoration:none;}
#secNav ol li.active a:hover {color:#999;}
#secNav ol li a:hover {color: #BB6202;}
#secNav ol li.active{background-color:#ee7c00;}
#secNav ol li.active a{color:#fff;}
/*----------------------------------------grey body border*/
.bodyBordergrey{border:10px solid #ddd; clear:both; padding: 0px 22px;margin-bottom:12px; background-color:#fff;}
/* End of Navigation*/ 

/* body*/ 
/*---------------------------------------pre loging styles*/
     h5.errormsg{background-color:#FFC;color:#F00;font-weight:bold;line-height:22px;padding-left:10px;text-transform:none;}
	 .logbackcolor{background-color:#ccc}
	.formPrelogin{margin:40px 10px 40px 80px; border:1px solid #FFF;}
	.formPrelogin label{display:block; margin-top:20px;}
	.logdiv{width:55%; float:left; margin-right:1%;background-color:#fff; height:776px;}
	.logdivContainer{margin:10px}
	.logdiv p{color:#999999; font-size:93%}
	.imgdiv{width:44%; float:left;}
	.logformborder{border:1px solid #CCC; overflow:auto;}
	.memberBenefit{background-color:#262626;}
	.memberBenefit .benefits{padding:0px 11px}
	.memberBenefit .benefits img{border:1px solid #525252 }
	.MemberBenefitDivs{height:48px; text-align:center;}
	.MemberBenefitDivsTopP{color:#fff; padding:25px 0px 0px 0px; letter-spacing:5px}
	.MemberBenefitDivsBottomP{color:#fff; line-height:48px}
/*---------------------------------------post login styles*/
	.myaccountdiv{width:49%; background-color:#fff; height:776px;}
	.myaccountContainer{margin:10px;}
	.formPostlogin{margin:6px 10px 16px 20px; border:1px solid #fff;}
	.formPostlogin label{display:block; margin-top:20px;}
	ul#accountAction {display: inline;width: 100%;}
	ul#accountAction li{float:right;font: bold .9em/1.2em arial;color:orange;padding-left:4px}
	.myaccountContainer h4{margin:0;}
	.myaccountContainer p{margin:4px 0 4px 10px;font: normal .9em/1.2em arial}
	.myaccountContainer .logformborder{border:1px solid #CCC; overflow:auto;clear:both; min-height:40px;padding:10px;}
	.myaccountContainer .miniflipwrapper{margin:12px 0 28px 10px;width:300px;height:auto;position:relative;border:1px #bbb solid;text-align:center;}
	.myaccountContainer .miniflipwrapper img{width:135px;height:100px;margin: 4px 0px;border:1px #fff solid;}
	.myaccountContainer div#addThis{padding: 2px 0px;width:auto; height: auto;border-top:1px #ccc solid;background-color:#fff;}
    p#miniflipTitle{font: bold 1.2em/1.3em calibri;color:#000;background-color:#ccc;margin:0;padding:0;}
	button.persSubmit {	float: right;}
	p.edit{width: 240px;}
/*end of Post login styles */
#bd {margin:0px 10px;}
#bd .rowTwoLeftCol {float:left;position:relative;}
#bd .rowTwoRightCol {float:right}
#bd .image-border {border:1px solid #DDDDDD;padding:10px}
.margintop10 {margin-top:10px}
.margintop20{margin-top:20px	}
.marginTopBottom20{margin:20px 0px}
a:link, a:visited, a:active {font-weight:bold;font-size:11px;color: #F17D00;text-decoration:none;}
a:hover {color: #BB6202;text-decoration:none;}
#bd .siz_right {text-align: right;}
#bd .siz_right p {margin-bottom:1px;}
#bd .siz_right img {border:1px solid #D3B878;}

h4 {font-weight: bold;font-size: 13px;color: #948B54;margin-bottom:1em;}
p {font-family:inherit;font-size: 108%;color:#948B54;line-height:1.5em;}
p.offer {font-size: 108%;color:#948B54;line-height:1em;margin:0 8px 2px 8px;
         /*background-color:#ddd;*/}

.specialoffers a {position:absolute;bottom:36px;right:8px;}

/* forms*/
.formClass, .formClass2{font-family:Arial, Helvetica, sans-serif;}
.formClass p {
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 155px; /*width of left column containing the label elements*/
	height: 1%;
	color: #999999;
	font-size:93%;
}
h5{background-color:#666666; text-transform:uppercase; font-weight:bold;color:#FFF; line-height:22px; padding-left:10px;}
.formClass label {float: left;margin-left: -155px;width: 150px;text-transform:uppercase;}
.formClass input[type="text"],.formClass input[type="select"],.formClass2 input[type="text"],.form lass2 input[type="select"]  { /*width of text boxes. IE6 does not understand this attribute*/
	width: 180px;
}
.formClass textarea{width: 250px;height: 150px;}
* html .threepxfix {margin-left: 3px;}

.formClass2 p {	clear: left;margin: 0;padding: 5px 0 8px 0;height: 1%;color: #999999;font-size:93%;}
.formClass2 label {float: left;width: 150px;text-transform:uppercase;}
.ordersummary {border-collapse:collapse;}
.ordersummary .head {font-weight:bold;text-transform:uppercase;margin:10px 0px 10px 0px;}
.ordersummary .linkcontainer {margin:20px 0px 10px 0px;	text-align:left}
.ordersummary td {padding:0px 10px;	vertical-align:top;}
/*end of forms */
/* end of body*/

/*footer*/
/*--------------------------------------------------footer*/
#ftWrapper {min-width:960px; margin:0 auto;	position:relative;text-align:left;background-color:#fff;}
#ft {background-color:#fff;color:#D3B878;height:23px;margin: 0px 0 10px 0;clear:both;}
#ft ul {float:left;}
#ft ul li {float:left;padding:4px 10px 12px 10px;list-style-type:none;}
#ft a {color:#888;font-weight:normal;font-size:11px;text-decoration:none;}
#ft a:hover {color:#555;}
#ft .copyright {float:right}
/*end of footer*/
	
.support {margin-top:150px;color:#aaaaaa;}
.support h3 {font-size:18px;}
.help {	border:1px solid #dddddd;background-color:#fafafa;font-size:14px;padding:20px;}
.help .heading {font-size:14px;color:#555555;margin-bottom:15px;}
.help .question {font-size:14px;color:#555555}
.help .answer {font-size:14px;color:#aaaaaa;margin-bottom:15px;}
.imgbox {border:1px solid #d0d0d0;float:left;height:180px;margin:20px 4px 20px 20px;padding:5px 5px 10px;	text-align:center;
	width:279px;background-color:#eeeeee;}
.thumbnail {height:145px;margin:8px;width:256px;}

.popup{height:auto; width: 564px;overflow:auto}
.popupleft{padding: 5px; float: left; text-align: center; margin-right: 10px; width: 270px;}
.popupright{padding: 10px; float: left; text-align: left; width: 254px;}

/*prelogin Navigation*/
.siteNavigation li{background-color:#fff; border:1px solid #dddddd; font-size:93%; margin-bottom:-1px}
.siteNavigation li.siteNavHead{background-color:#fd7820;border:1px solid #fd7820; font-weight:bold;}
.siteNavigation li.selected{background-color:#00adef;border:1px solid #00adef;color:#fff; font-weight:bold;}

.siteNavigation li a{ color:#666;padding:4px; display:block;}
.siteNavigation li.selected a, .siteNavigation li.siteNavHead a{ color:#fff;}
.siteNavigation li a:hover{ color:#f90;}

/*player Navigation*/
.graphicArea{text-align:center; background-color:#FAFAFA;padding:25px 0px}
.controlArea{position:relative; height:406px}
.controlArea h2{font-size:314%; margin-top:0px; font-family:Geneva, Arial}
.playerNavigationDiv{bottom:0;left:12%;position:absolute;width:80%;}
.pagging{text-align:center; font-weight:bold; color:#999}
.pagging span{padding:0px 10px}

.playerNavigation li{background-color:#fff; border:1px s lid #dddddd; font-size:93%; margin-bottom:3px; text-align:center;}
.playerNavigation li.selected{background-color:#fd7820;border:1px solid #fd7820;color:#fff; font-weig t:bold;}

.playerNavigation li a{ color:#FD7820;padding:4px; display:block;}
.playerNavigation li.selected a, .siteNavigation li.siteNavHead a{ color:#fff;}
.playerNavigation li a:hover{ color:#e1e1e1;}

/*end of player Navigation*/
/*prelogin container styles*/
.preheaderBlue{color:#fff; font-weight:bold; line-height:22px;padding-left:10px;background-color:#00adef;font-size:93%}
.preBanner{border:1px solid #DDDDD; vertical-align:top;margin-bottom:10px;}
.preBanner p{font: normal 1em/1.2em arial;}
.preBanner span{font: bolder .85em/1.2em arial;color:#444;}
.divFloatLef 50{float:left;  width:49.1%;margin-bottom:10px}
.divFloatRight50{float:right;  width:49.1%;margin-bottom:10px}
/*preNavigation control pannel*/	
.preNavigationConentPannel{border:1px solid #DDDDDD; padding-bottom:10px; margin-bottom:10px}
.preNavigationConentPannel h3{background-color:#fff;color:#444; font-weight:bold;padding:4px; margin:0px;}
.preNavigationConentPannel .content{padding:8px 8px; margin:0px}


/*Press and Media */
.floatbox{float: left;width: 180px;}
* html .newsContainerWithImages p{ /* IE 3px jog hack*/height: 1%;}
.newsContainerWithImages{margin-bottom:10 x}
.newsContainerWithImages h3{margin-bottom:0px;margin-left: 185px;color:#999999}
.newsContainerWithImages p{margin-top: 0;margin-left: 185px; margin-right:80px;color:#999999}
.newsContainerWithImages a{float:right;margin-top:-30px;width:75px;}

.newsContainerWithOutImage{padding:0px 10px}
.newsContainerWithOutImage h3{margin-bottom:0px;color:#999999}
.newsContainerWithOutImage p{margin-right:80px;color:#999999}
.newsContainerWithOutImage a{float:right;margin-top:-30px;width:75px;}

.preNavigationConentPannel {color:#999999}
/*end of Press and Media*/
th{font-weight:bold}
.odd td{background-color:#eeeeee}
td{padding:4px}

.blue {background-color:blue;}
.green {background-color:green;}
.yellow {background-color:yellow;}
.red {background-color:red;}


/* ------------------------------------Main Nav DropDown ------------------------- */
#nav ul ul{display:none;position:absolute;background:transparent;width: 180px;border:4px #f90 solid;margin:0;padding:0;
           /*	opacity: .95;*/}
#nav ul ul li {list-style:none;float:left;width: 100%;border:0;margin:0;padding:0;}
#nav ul ul li a {display:block;font: normal 1em/28px arial;padding:0px 0px 0px 24px;color: #000;background-color:#fff;
                 text-decoration:none;opacity: .90;-ms-filter: "progid:DXImageTransform.Micr soft.Alpha(Opac ty=90)";
}
#nav ul ul li a:hover {color: #fff;background-color:#F90;
                       -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";/*	opacity: 1.0;*/
                       filter: alpha(opacity=100);
}
#nav ul ul li.active {background-color:#FDFAF3;border-bottom:0px solid #FDFAF3;}

/* Main Nav DropDown End ------------------------- */

/*-----------------tooltip----------------------- */ 
div.tooltip {background-color:#f90;border:1px solid #fff;padding:10px 15px;width:200px;display:none;color:#000;text-align:left; 
    font-size:12px;z-index:50; 
    -moz-box-shadow:0 0 10px #000; 
    -webkit-box-shadow:0 0 10px #000; 
}
/* -------- tooltip end -------- */ 

#player2{text-align: center;display:block;width:280px;height:200px}
.yui-gb .specialoffers {margin-left:10px;padding:0px;width:303px;height:250px;float:left;}
.specialoffers p {font: normal 1.1em/1.2em calibri;}
.selectControl p {font: normal 1.1em/1.1em calibri;color:#000;margin-left:33px;}

/*----------------------Index Page Special Offers continued from above---------------*/
.yui-gb .specialoffers {position:relative;margin: 10px 0px 0px 0px;padding:0;width:308px;height:292px;	background: url(../../images/index/flipshareplay.jpg) 0 0 no-repeat;}
.specialoffers p{position: absolute;left: 14px;bottom:10px;color: red;}
#so1{background-position: -10px -10px;margin-right:8px;}
#so2{background-position: -326px -10px;margin-right:8px;}
#so3{background-position: -642px -10px;}
.specialoffers div#sovidplayer {position: absolute;	top: 44px;left: 8px;height: 208px;width: 290px;background-color:#fff;border: 1px #ddd solid;}
.reel360{margin-left:8px;}
#nav {float:right;}
#nav ul {margin-top:56px;}

/*----------------------Legal  ----------------------*/
.legal ul li {list-style-type:square;margin-bottom:8px;margin-left: 12px;display:list-item;list-style-position:outside;color:#666;}
.legal h4 {color:#000; margin-bottom: 3px;}
.legal p, .legal li{font: normal 1em/1.1em arial;}
.width48{	width:49.5%;}/* aboutUS textbox */

/*---------------------- Transfer to SB  ----------------------*/
.shoppingBag > h2 {color:#fff;}
.shoppingBag > p {color:#888; margin:0;}