/****************************************
**  Excluding the home page this file is all css related to pages
**
** It is expected to be included in pages after the site.css file
**
**
****************************************/


/** Rounded corner panels **/

.panelDarkGreyMain .panelTopLeft {
	background:#f9f9f9 url(../images/panel_dark_top_left.gif) no-repeat left top;
}
.panelDarkGreyMain .panelTopRight {
	background:transparent url(../images/panel_dark_top_right.gif) no-repeat right top;
}
.panelDarkGreyMain .panelTop {
	background:#f9f9f9 url(../images/panel_dark_top.gif) repeat-x center top;
}

.panelDarkGreyMain .panelRightContent {
	background-color: #f5f5f5;
	border-color: #e7e7e7;
	border-width: 0 1px;
	padding: 4px 9px;
	border-style: solid;
}
.panelDarkGreyMain .panelBaseLeft {
	background:transparent url(../images/panel_dark_base_left.gif) no-repeat left top;
}
.panelDarkGreyMain .panelBaseRight {
	background:transparent url(../images/panel_dark_base_right.gif) no-repeat right top;
}
.panelDarkGreyMain .panelBase {
	background:#f9f9f9 url(../images/panel_dark_base.gif) repeat-x center top;
}
.panelTop, .panelBase {
	font-size:1px;
	height:8px;
	margin:0 8px;
}

div.panelDarkGreyMain {
    width:60%;
    float:right;
    padding-left: 20px;
}
/* end dark corner on conact us page */
/* basic rounded corner **/
.panelMain .panelTop {
    background:transparent url(/images/panel_grey_top.gif) repeat-x scroll center top;
}
.panelMain .panelTopLeft {
    background:transparent url(/images/panel_corner_grey_topleft.gif) no-repeat scroll left top;
}
.panelMain .panelTopRight {
    background:transparent url(/images/panel_corner_grey_topright.gif) no-repeat scroll right top;
}
.panelMain .panelContent {
    background-color:#FFFFFF;
    border-color:#D0D0D0;
    border-style:solid;
    border-width:0 1px;
    height:1% !important;
    padding:4px 0;
}
.panelMain .panelBaseLeft { 
    background:transparent url(/images/panel_corner_grey_baseleft.gif) no-repeat scroll left top;
}
.panelMain .panelBaseRight {
    background:transparent url(/images/panel_corner_grey_baseright.gif) no-repeat scroll right top;
}
.panelMain .panelBase {
    background:transparent url(/images/panel_grey_base.gif) repeat-x scroll center top;
}
/* end basic rounded corner panel */
/* start panelGreyMain , used on news page */



.panelGreyMain .panelTopLeft {
    background:#F9F9F9 url(/images/panel_corner_grey_topleft01.gif) no-repeat scroll left top;
}
.panelGreyMain .panelTop {
    background:#F9F9F9 url(/images/panel_grey_top01.gif) repeat-x scroll center top;
}
.panelGreyMain .panelTopRight {
     background:transparent url(/images/panel_corner_grey_topright01.gif) no-repeat scroll right top;
}
.panelGreyMain .panelContent {
    background-color:#F9F9F9;
    border-color:#D0D0D0;
    border-style:solid;
    border-width:0 1px;
    padding:4px 9px;
}
.panelGreyMain .panelBaseLeft {
    background:transparent url(/images/panel_corner_grey_baseleft01.gif) no-repeat scroll left top;
}
.panelGreyMain .panelBase {
    background:#F9F9F9 url(/images/panel_grey_base01.gif) repeat-x scroll center top;
}
.panelGreyMain .panelBaseRight {
    background:transparent url(/images/panel_corner_grey_baseright01.gif) no-repeat scroll right top;
}

/** end rounded corner panels */


/************* Video page(s) : starts here ***********/
/* banner */
#videoDemo {
  background:transparent url(/images/gradient_masterbg.gif) repeat-x scroll center bottom;
  height:259px;
  margin-bottom:40px;
  border-bottom: 2px solid #dedede;
}

.videoleft{
	width:550px;
	padding:50px 50px 0 0;
	float:left;
}

.videoleft h1{
	color:#212121;
	line-height: 1.4em;
	margin:0px 0px 20px 10px;
	font-size: 28px;
}


/* banner end */
div.videoGrid {
    height: 480px;
    padding-left: 0px;
    padding-bottom: 30px;
}

ul.videoGrid li {
    height: 222px;
    padding-top: 0px; 
    padding-bottom: 0px; 
    padding-left: 0px;
    padding-right: 19px;
    text-align:left;
}
ul.videoGridLower li {
    padding-top: 20px; 
}
ul.videoGrid li div { border:0px solid #999999;width: 292px;}

ul.videoGrid li.first{ border-left: none;}

.videoGrid div.bordered{
	border:1px solid #ccc;
}

.imgBorder{
	border-bottom:1px solid #ccc;
}

.videoImage{
	margin-bottom: 10px;
	width: 293px;
	height: 112px;
	overflow:hidden;
}

.videoDes{
	position:static;
	display:inline-block;
	font-family:"Georgia", Arial, Helvetica, sans-serif;
	padding-top:5px;
}
.videoDes.noimage{
    padding-left: 15px;
}
.videoDes h3{
	font-size: .95em;
	color:#212121;
}
.videotype{
	position:static;
	vertical-align:top;
	display:inline-block;
    	margin-left: 15px;
	margin-right: 15px;
	margin-top: 10px;
}

.typefor{
	color:#999999;
}

.playBtn{
	position: relative;
	top: -117px;
}

.watchVideoLink{
    padding: 13px 0 16px 55px;
}
.watchVideoLink.noimage{
    padding-left: 15px;
}
div.watchVideoLinkLower{
    padding-left: 66px;
}

.watchVideoLink a{
    font-size: .90em;
    color: #000000;
    text-decoration:none; 
}

.watchVideoLink a:hover{
    color: #000000;
    text-decoration:underline; 
}


#videoDisplayPanel{border:none; background-color:#fff;}
#videoPanel{border:none; background-color:#fff; overflow: hidden; }

.videoBoxList{overflow:hidden; text-align:center; padding:0; margin:0; width:900px;
padding-top:30px;}

.videoBoxList .leftArr{position:static; display:inline-block; vertical-align:top; overflow:hidden; cursor:pointer; width:60px; overflow:hidden;}

.videoBoxList .rightArr{position:static; display:inline-block; vertical-align:top; cursor:pointer;  width:60px; overflow:hidden;} 

.videoListRoll {position:static; display:inline-block; height: 220px; margin:0; padding:0; overflow:hidden; text-align:left; overflow:hidden; width:705px;}

.videoListRoll li{display:inline-block; margin:0; padding:0; padding-left:10px; padding-right:10px; width: 230px; overflow:hidden;}
.videoListRoll li.first{padding-left:0;}

.clearfloat{ clear:both; height:0; font-size: 1px; line-height: 0px; }

/* videoplay page */
div#videoPlay{
	height: 470px;
	background:url(/images/videoPlayBG.gif) repeat-x bottom;
	padding-top: 15px;
}
div#videoPlay div {
    width:702px;
}
ul.videoCarasol h3 {
    border:none;
	padding-top:5px;
	color:#212121;
}
ul.videoCarasol p {
    border:none;
	padding-top:0px;
	color:#cccccc;
}
.videoinfobox div{
    font-family:"Georgia",Arial,Helvetica,sans-serif;
    float:left;
}			
.videoBoxList li{
	display:none;
}
/************* Video page(s) : ends here ***********/

/************* Customer care  : starts here ***********/


p.intro {
    color:#000000;
    font-size:1.1em;
    margin-top:15px;
    margin-bottom:25px;
}

ul.contacts h3 {  
    margin-bottom:10px; 
    color:#000; 
}

ul.contacts p { 
    font-size: .90em;
    margin-bottom:20px; 
}

ul.contacts {
    height: 330px;
    width: 390px;
    
}
ul.contactReturns {
    float:right;
    width: 162px;
}



ul.contacts li {
    padding-right: 12px;
    padding-left: 6px;
    margin-bottom: 16px;
    width:160px;
    height:178px;
    overflow:visible;
    float:left;
    border: 0px solid #ff0000;    
}

ul.contactReturns li {
    width: 152px;
}

ul.careFaqFlow {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    height: 200px;
}
ul.faqFlow {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin-bottom: 40px;
}
#accordian ul li {
    border-bottom:1px solid #EBEBEB;
    width: 100%;
}

#accordian div.title {
    cursor:pointer;
    padding:20px 10px 20px 0;
    color:#000;
    
}

#accordian div.title {
    cursor:pointer;
    padding:20px 10px 20px 0;
    font-size: 1.1em;
    color:#000;
}
#accordian a { color:#333333;}
#accordian div.accordian_content {
    padding-bottom:20px;
    display:none;
   
}

#accordian div.accordian_content p {
    color: #666666;
}
#accordian div {
    padding-bottom:20px;
}
/************* Customer care : ends here   ***********/

/************* FAQ care : frequently asked question starts here ***********/

/************* FAQ care : frequently asked question ends here   ***********/

/*** About Us section ( four pages ) *****************/

.gradientBanner283 {
    background:transparent url(/images/gradient_masterbg.gif) repeat-x scroll 0 0;
    border-bottom:2px solid #CECECE;
    height:283px;
}

div.whoweare_banner h1,div.ourlabs_banner h1 {
  padding-top:40px;
  font-weight: normal;
}

div.whoweare_banner h2, div.ourlabs_banner h2 {
    padding-top:10px;
    padding-right: 0px;
    font-weight: normal;
    color:#333333;
    width:520px;
}
div.whoweare_banner img {
    float: right;
    padding-top:0px;
    padding-right:0px;
    padding-left:100px;
    border:2px;
}
div.ourlabs_banner img {
   float: right;
   padding-top:38px;
   padding-right:120px;
   padding-left:70px;
   border:2px;
}
ul.whoweare_panel  {
    height:280px;
    width: 900px;
    padding-left: 15px;
}
ul.whoweare_panel .divider {
    padding-left: 10px;
    padding-right: 10px;
    height:280px;
}
ul.whoweare_panel li.divider div.vertical {
    height:280px;
    margin: 0px;
}
ul.whoweare_panel h2 {
    width:209px;
    font-weight: normal;
    padding-top: 5px;
    padding-bottom: 12px;
}

ul.whoweare_panel p {
    width:209px;
    color:#666;
    font-weight: normal;
    font-size:11px;
    padding-bottom: 12px;
}

.timeLineContainer {
    height: 530px;
}

ul#screen {
    width:820px;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}

div.timeLine {
    float:left;
    margin-top:23px;
    width:180px;
}
div.timeline {
    display:inline;
    float:left;
    margin:23px 0 0 -40px;
    position:relative;
    width:700px;
    height:480px;
}
#screen li {
    float:left;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin-left:5px;
}
div.timeline li.next, div.timeline li.previous {
    height:30px;
    width:30px;
}
#timelineWrapper {
    overflow:hidden;
    width:725px;
}
#entries {
    margin-left:0;
    padding:0;
    width:3818px !important;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;

}
ul#entries li {
    border-left:1px solid #CCCCCC;
    padding:0 0 20px 5px;
    width:230px;
}

ul#entries li h2 {
    font-size:1.05em;
    margin:20px 0 15px;
}
ul#entries li p {
    color:#121212;
    margin-bottom:10px;
    padding-right:10px;
}
#screen li {
    float:left;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin-left:5px;
}
#left {
    background:transparent url(../images/btn_previous.gif) no-repeat scroll 0 0;
}
#right {
    background:transparent url(/images/btn_next.gif) no-repeat scroll 0 0;
}
#left, #right {
    color:black;
    display:block;
    font-size:36px;
    font-weight:bolder;
    height:50px;
    margin-top:230px;
    outline-color:-moz-use-text-color;
    outline-style:none;
    outline-width:medium;
    text-decoration:none;
    text-indent:-10000px;
    width:25px;
}
#details {
    background:#FFFFFF none repeat scroll 0 0;
    display:none;
    height:400px;
    position:absolute;
    right:0;
    top:0;
    width:570px;
}
.backToWhoWeAre a {
    color:#999999;
    text-decoration:none;
    display:block; 
    float:right;
    font-style:italic; 
    font-size: 1.02em
}

/* meet our team */
div.staffInfo div.divider {
    border-top: 1px solid #cccccc;
    width:900px;
    height:1px;
}
div.staffInfo h2 {
    margin-right: 650px;
    width: 250px;
   padding-top: 15px;
}
ul.meetourteam {
    height:270px;
}
ul.meetourteam li {
    /* keep this an odd number to have the dotted border line up */
    width: 209px;
    height:250px;
    padding-left: 5px;
    padding-right:5px;
    padding-top:10px;
    background:transparent url(/images/bg_dotted_line.gif) repeat-x scroll left bottom;

}
ul.lastrow li {
    background:none;
}
div.staffInfo div h3 {
   padding-top: 15px;
   padding-bottom: 8px;
}
div.staffInfo div p {
    font-size: .94em;
}
div.staffInfo div  {
   position: relative;
   height: 240px;   
   border: 0px solid #990000;
}
div.staffInfo div a {
   position: absolute;
   bottom:10px;
}
/* staff pop ups */
div.staffSmallInfo {
    width:390px;
    border: 0px solid #990000;
    float:left;
    margin-left: 15px;
    padding-top: 5px;
    margin-top: 40px;
}
div.staffContent div.staffSmallInfo p {
    padding: 0px;
    margin: 0px;
    margin-top:3px;
    margin-bottom:10px;
    color:#666666;
}
div.staffContent p {
    
    margin-left: 25px;
    margin-right: 25px;
    padding-top: 45px;
}

div.staffContent p.longParagraph {
    
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 25px;
}



/*** About Us section ( four pages ) END *************/
/*** Inside our labs section ( four pages )  *************/

ul.insideOurLab_wide{
  height: 300px;
  margin-top:20px;
}

ul.insideOurLab_rightsidebar{
  width: 230px;
  margin-top:20px;
  float:right;
  padding-left:25px;
  border-left: 1px solid #cccccc;
}

ul.insideOurLab_wide li, ul.insideOurLab_rightsidebar li {
  width: 225px;
}

ul.insideOurLab_rightsidebar li {
  padding-bottom: 28px;
}

ul.insideOurLab_wide p,ul.insideOurLab_rightsidebar p {
   font-size:.9em;
   padding-top: 8px;
   padding-right:20px;
}
div.insideourlabs_article {
    width:650px;
    height: auto;
    padding-right: 20px;
}
div.insideourlabs_article p {
    padding-right:20px;
    padding-bottom:20px;
}

/*** Inside our labs section ( four pages ) END *************/
/* --------- LivingProof_News_ Page -------------- */
body#newspage h1.pageHeader {
    padding-top: 18px;
    padding-bottom: 18px;
    margin-left: 10px;

}
.newsYearInfo {
    width:230px;
    float:left;
}
.yearInfoInner {
    padding-left:10px;
    padding-right:10px;
}
.yearInfoInner h2 {
    font-size:1.2em;
    font-weight:normal;
}
.yearInfoInner ul {
    border-bottom:1px solid #DCDCDC;
    margin-bottom:15px;
    padding:5px 0 15px;
    width:100%;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}
.yearInfoInner ul.lastYear {
    border-bottom:medium none;
    margin:0;
    padding:5px 0;
}

.yearInfoInner ul li, .showall  {
    font-family:Arial,Helvetica,sans-serif;
    margin-top:0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.showall {
    float:right;
    text-decoration: underline;
    color:#999999;
    font-size:9pt;
    font-style: italic;
}
.yearInfoInner ul li a{
    text-decoration: none;
    color:#999999;
    font-size:9pt;
}
div.rightSideNews {
    display:block;
    width:690px;
    border:0px solid #000;
    margin-left: 270px;
    
}

.newsInfo, .pressInfo {
    background:transparent url(/images/dotted_border.gif) repeat-x scroll left top;
    padding:10px 0 0;
    width:100%;
}
.newsListing ul {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}
.newsListing ul li, .pressListing ul li {
    border-bottom:1px solid #EBEBEB;
    padding:12px 0 10px;
}
.newsListing ul li h3, .pressListing ul li h3 {
    color:#3D3028;
    font-size:1.3em;
    font-weight:normal;
    padding-bottom:8px;
}
.newsListing ul li p {
    color:#000000;
    padding-bottom: 4px;
}
.newsListing ul li a {
    margin-top: 4px;
    text-decoration: none;
    color: #999;
}
.promoInfo  {
    width: 680px;
}
.promoInfo ul {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}
.promoInfo ul li {
    border-left:1px solid #CCCCCC;
    color:#212121;
    float:left;
    padding:0 8px 0 13px;
    width:200px;
    margin-bottom: 15px;
}
.promoInfo ul li p {
   font-size: 10pt;
}
.promoInfo ul li a {
    margin-top: 0px;
    text-decoration: none;
    color: #999;

}

/*  news end */

/* Legal */

p.legalContent, .legalContentUnderline, .legalContentBold, 
.legalContentLeftIndentParagraph,.legalContentLeftIndentList{
    color:#000000;
    font-size:0.9em;
    margin-top:10px;
    margin-bottom:15px;
}

.legalContentUnderline {
    text-decoration: underline;
    font-size:1.14em;
}

.legalContentLeftIndent {
    padding-left:5px
}

.legalContentLeftIndentParagraph {
    padding-left:16px
}

.legalContentLeftIndentList {
    padding-left:35px
}

.legalContentBold, .legalContentStrikeThrough  {
    font-weight:bold;
}

.legalContentStrikeThrough{
    text-decoration:line-through;
}

.legalContentListItemNumberStyle {
    font-size:1.26em;
    font-weight:normal;
}

.legalContentAlphaListStyle{
    list-style-type: lower-alpha;
    padding-left:1em;
}

/* Legal End */

/* How to landing page tabs for no frizz and full */
.howToPageWrapper{
    margin-left:48px;
}

.howToPage{
    margin-left:auto; 
    margin-right:auto;
}

.howToTabs{
    overflow: hidden; 
    position:relative; 
    top:-27px; 
    width:100%;
}

.howToTab{
    background-color:#ffffff;
    padding-left: 11px; 
    padding-right: 11px; 
    padding-top: 6px;
    padding-bottom: 5px;
    cursor: pointer;
    float: left;
}

.howToTab.howToTabVideo{
    width: 88px;
    height: 16px;
    background-image: url(/images/howToTabVideo.png);
    background-repeat: no-repeat;
    background-color:transparent;
    border-bottom: 1px solid #ffffff;
}

.howToTab.howToTabFAQ{
    width: 45px;
    height: 16px;
    padding-left: 15px;
    padding-right: 7px;
    background-image: url(/images/howToTabFAQ.png);
    background-repeat: no-repeat;
    background-color:transparent;
    border-bottom: 1px solid #ffffff;
    position: relative;
    left: -6px;
}

.howToTabVideo.selected{
    background-image: url(/images/howToTabVideoSelected.png);
    background-repeat: no-repeat;
    background-color:transparent;
    border-bottom: 1px solid #ffffff;
}

.howToTabFAQ.selected{
    width: 45px;
    background-image: url(/images/howToTabFAQSelected.png);
    background-repeat: no-repeat;
    background-color:transparent;
    border-bottom: 1px solid #ffffff;
}

.howToTab h3{
    font-size: .90em;
    color:#999999;
}

.howToTab.selected h3{
    font-size: .90em;
    color:#212121;
}

/* banner */
div.howToUseBanner {
  background:url(/images/gradient_masterbg.gif) repeat-x scroll center bottom;
  height:261px;
  border-bottom: 0px solid #dedede;
}

.howToUseBannerBorder {
    position:relative; 
    top:-3px; 
    border-bottom: 1px solid #dddddd;
}

/* FAQ */
.faqPage{
    height:100%;
    display: none;
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 10px;
}

object { 
    outline: 0; 
}