/* CSS Document */

@import "reset.css";

.floatL {float: left;}
.floatR {float: right;}
.noFloat {
	clear: both !important;
	float: none;
	width: 1px !important;
	height: 0px;
	line-height: 0em !important;
	font-size: 0px !important;
	margin: 0px !important;
	padding: 0 !important;
}
.noFloatSpan { /*no 1px height*/
	display: block;
	*display: inline;
	clear: both !important;
	width: 1px !important;
	height: 0px;
	line-height: 0em !important;
	font-size: 0px !important;
	margin: 0px !important;
	padding: 0 !important;
}

body {background-color: #1d3f60; /*background:#1d3f60 url(../images/main-bg.jpg) top center no-repeat;*/ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; line-height:18px;}
#MainContainer {width:1000px; margin:0px auto 0 auto;}
#Header {width:1000px; background:url(../images/top-bg.gif) no-repeat; height:93px;}
/*div.logo added instead of a.logo to avoid accessibility issues*/
/*div.headerLogo { cursor:pointer; width:303px; height:52px; background:url(../images/rhyw-logo-new.jpg) no-repeat; float:left; display: inline; margin:20px 0 0 15px;}*/
/*#MainContainer #Header .headerLogo { cursor:pointer; width:510px; height:63px; background:url(../images/rhyw-logo-new.jpg) no-repeat; float:left; display: inline; margin:20px 0 0 15px;}*/
/*Added new logo with choose format button*/
#MainContainer #Header .headerLogo {  width:510px; height:82px; background:url(../images/header.gif) no-repeat; float:left; display: inline; margin:10px 0 0 15px;}
#MainContainer #Header .headerLogo .headerLogoLinkArea{ cursor:pointer; width:320px; height:82px; float:left; display: inline; }
#MainContainer #Header .headerLogo .chooseFormatButtonLink{ cursor:pointer; width:115px; height:30px; float:left; display: inline; margin-top: 50px; margin-left: 50px; }
/*div.logo added instead of a.logo to avoid accessibility issues*/


#MainContainer #Header .holidayHeaderLogo { cursor:pointer; width:337px; height:52px; background:url(../images/banner-holidays.jpg) no-repeat; float:left; display: inline; margin:20px 0 0 15px;}
.TopInfo { float:right; margin:20px 20px 0 0; display:inline;}
.TopInfo .PhoneNr { font-size:22px; color:#111111; margin:0 0 5px 83px;}
.TopInfo .PhoneNr span { color:#0061d2;}
.TopInfo .SelectBox { width:381px; height:30px; background:url(../images/select-top.gif) no-repeat;}
.TopInfo .SelectBox .BlueTxt { color:#004fb9; float:left; padding:6px 0 0 7px;}
.TopInfo .SelectBox .BlueTxt a{color:#004fb9; text-decoration:underline;}
.TopInfo .SelectBox .BlueTxt a:hover{color:#004fb9; text-decoration: none;}
.TopInfo .SelectBox .Region { color:#000000; float:left;padding:6px 0 0 12px;}
.TopInfo .SelectBox .SelectList { width:123px; height:20px; color:#000000; float:left; margin:4px 0 0 10px;}
.TopInfo .SelectBox .LetterBig { color:#191919; font-size:16px; float:left; font-weight: normal; padding:6px 0 0 15px;}
.TopInfo .SelectBox .LetterBig a {color:#191919; text-decoration:none;}
.TopInfo .SelectBox .LetterBig a:hover {color:#191919; font-size:14px; text-decoration: underline; font-weight:bold;}

#ContentContainer {width:1000px; background-color:#ffffff; padding-top:3px;}
#Navigation { width:996px; height:47px; margin:0px 0 0 2px; background:url(../images/menu-bg.gif) no-repeat;}
#Navigation ul { list-style-type:none;}
#Navigation ul li { float:left; background:url(../images/menu-sep.gif) right top no-repeat; padding-top:15px;}
#Navigation ul li a{ color:#ffffff; font-size:14px; text-decoration:none; text-transform:uppercase;padding:0px 13px 0 13px; height:47px;}
#Navigation ul li a:hover { color:#ffffff; text-decoration:none; background:url(../images/menu-hover.gif) repeat-x; padding:0 13px 0 13px;}

#Navigation ul ul { display:none; z-index:500; position:absolute;list-style-type:none; padding: 13px 10px 10px 0; width: 130px }
#Navigation ul li:hover > ul { display:block; height:32px;} /*Usman 22/07/09: Second level*/
#Navigation ul ul li {display:block; float:none; height:32px; padding: 0; }/*Usman 22/07/09: Second level*/
#Navigation ul ul li a{ display:block; color:#ffffff; font-size:12px; text-decoration:none;background:url(../images/menu-sub-item.gif) left top repeat-x; text-transform:uppercase; height:32px; padding: 5px 0 0 20px; }/*Usman 22/07/09: Second level*/
#Navigation ul ul li a:hover { display:block; color:#ffffff; text-decoration:none; background:url(../images/menu-sub-item-hover.gif)left top reapeat-x; height:32px; padding: 5px 0 0 20px;}/*Usman 22/07/09: Second level*/

#Navigation ul ul ul{ display:none; z-index:500; position:absolute;list-style-type:none; padding: 0 10px 10px 0; width: 200px; margin: -32px 0 0 130px; }
#Navigation ul li ul li:hover > ul{ display:block; height:32px;} /*Usman 22/07/09: Third level*/
#Navigation ul ul ul li {display:block; float:none; height:32px; padding: 0; }/*Usman 22/07/09: Third level*/
#Navigation ul ul ul li a{ display:block; color:#ffffff; font-size:8px; text-decoration:none;background:url(../images/menu-sub-item.gif) left top repeat-x; text-transform:uppercase; height:32px; padding: 5px 0 0 20px; }/*Usman 22/07/09: Third level*/
#Navigation ul ul ul li a:hover { display:block; color:#ffffff; text-decoration:none; background:url(../images/menu-sub-item-hover.gif)left top reapeat-x; height:32px; padding: 5px 0 0 20px;}/*Usman 22/07/09: Third level*/
.Breadcrumbs { width:996px; margin:2px 0 0 2px; background-color:#eeeeee; border-bottom:1px solid #e2e2e2; border-top:1px solid #e2e2e2; height:27px;}
.Breadcrumbs .BreadTxt {float:left; color:#000000; font-size:11px; text-transform:uppercase; padding:5px 0 0 13px;}
.Breadcrumbs .BreadTxt a{ text-decoration:none;color:#000000;}
.Breadcrumbs .BreadTxt a:hover{ text-decoration: underline;color:#000000;}
.Breadcrumbs .Login { float:right; font-size:11px; padding:5px 20px 0 0;}
.Breadcrumbs .Login a{ color:#004cc8; text-decoration:underline;}
.Breadcrumbs .Login a:hover{ color:#004cc8; text-decoration: none;}
#StaticSiteContainer .LeftNavigation { float:left; width:219px; margin-left:2px; border-top:1px solid #e4e4e4; background:url(../images/leftnav-bg.gif) left top no-repeat; height:auto !important;} /*Asad:Editted Today height mentioned*/ /*Usman 06/07/09: border-right(remove)*/
*html #StaticSiteContainer .LeftNavigation { float:left; width:217px; margin-left:2px; border-top:1px solid #e4e4e4; background:url(../images/leftnav-bg.gif) left top no-repeat; } /*Usman 06/07/09: border-right(remove)*/

#StaticSiteContainer .LeftNavigation .TitleNav { font-size:14px; font-weight:bold; color:#000000; border-bottom:1px solid #e4e4e4; padding:10px 0 10px 18px;}
#StaticSiteContainer .LeftNavigation .TitleNav a { font-size:14px; font-weight:bold; color:#000000; text-decoration: none;} /*Added by Usman for link support*/
#StaticSiteContainer .LeftNavigation .TitleNav a:hover { font-size:14px; font-weight:bold; color:#000000; text-decoration: none;} /*Added by Usman for link support*/
#StaticSiteContainer .LeftNavigation .NavList { }
#StaticSiteContainer .LeftNavigation .NavList ul { list-style-type:none; margin-left:18px; margin-right:20px;}
#StaticSiteContainer .LeftNavigation .NavList ul li { background:url(../images/nav-arrow.gif) left 10px no-repeat; border-bottom:1px solid #f0f0f0; padding:5px 0 5px 20px;}
#StaticSiteContainer .LeftNavigation .NavList ul li a{ font-size:12px; color:#000000; text-decoration:none;}
#StaticSiteContainer .LeftNavigation .NavList ul li a:hover { text-decoration:none; color:#1a8dee;}
#StaticSiteContainer .CenterContent {float:left; width:771px; margin:0 2px 0 3px; border-left:1px solid #e4e4e4; min-height: 800px;} /*Asad:Editted Today->Decreased Margin by 2 points width:547px;*/ /*Usman 06/07/09: min-height, border-left,border- right*/
#StaticSiteContainer .CenterContent .Holiday-Title { width:709px; height:98px; background: url(../images/giftsLogo.jpg) no-repeat; margin:5px 5px 5px 0;}
#StaticSiteContainer .CenterContent .ProductsBox { width:532px; border-bottom:1px solid #e4e4e4; padding:20px 0 20px 0; padding-left:15px;}
#StaticSiteContainer .CenterContent .ProductsBox .ProdItem {border-right:1px solid #e4e4e4; float:left; padding-right:10px; padding-left:10px; }
#StaticSiteContainer .CenterContent .ProductsBox .ProdItem#last {border-right:none; margin-right:0px; }
#StaticSiteContainer .CenterContent .ProductsBox .ProdItem#first { margin-left:8px; }
#StaticSiteContainer .CenterContent .ProductsBox .ProdItem .publisherLink { text-align: center; width:150px; margin:20px 0 10px 0; height:30px;}
#StaticSiteContainer .CenterContent .ProductsBox .ProdItem .publisherLink a {color: #016dff; text-decoration: none;}
#StaticSiteContainer .CenterContent .ProductsBox .ProdItem .publisherLink a {color: #016dff; text-decoration: underline;}
#StaticSiteContainer .CenterContent .ProductsBox .ProdItem .Foto { margin:0 0 15px 15px; width:100px; } /*Editted:Data Conversion*/
#StaticSiteContainer .CenterContent .ProductsBox .ProdItem .Foto .imgCS{ width:100px; height: 129px;} /*Added:Data Conversion*/
#StaticSiteContainer .CenterContent .ProductsBox .ProdItem .TitleItem { color:#000000;border-bottom:1px solid #f4f4f4; padding-bottom:3px; font-weight:bold; padding-top:10px; width:140px; height:33px; text-transform: capitalize;}  /*Editted:Data Conversion*/
#StaticSiteContainer .CenterContent .ProductsBox .ProdItem .Author { color:#000000; width:140px; height:35px;}
#StaticSiteContainer .CenterContent .ProductsBox .ProdItem .Author a { color:#016dff; text-transform: capitalize; text-decoration: none;}
#StaticSiteContainer .CenterContent .ProductsBox .ProdItem .Author a:hover { color:#016dff; text-transform: capitalize; text-decoration: underline;}
#StaticSiteContainer .CenterContent .ProductsBox .ProdItem .price { color:#000000; padding-top:5px;}  /*Editted:Data Conversion*/
#StaticSiteContainer .CenterContent .ProductsBox .ProdItem .price span { color:#ff1515; font-weight:bold;}
#StaticSiteContainer .CenterContent .ProductsBox .ProdItem .price span a {color: #016dff; text-decoration: underline;}
#StaticSiteContainer .CenterContent .ProductsBox .ProdItem .price span a:hover {color: #016dff; text-decoration: none;}
#StaticSiteContainer .CenterContent .ProductsBox .ProdItem .SelectItem { width:135px;}
#StaticSiteContainer .CenterContent .ProductsBox .ProdItem .CommandBtns { margin-top:5px;}
#StaticSiteContainer .CenterContent .ProductsBox .ProdItem .CommandBtns a.DetailsBtn { color:#000000; background-color:#dedede;  height:16px; float:left; text-transform:uppercase;  text-decoration:none; font-size:10px; padding:2px; margin-right:5px;}
#StaticSiteContainer .CenterContent .ProductsBox .ProdItem .CommandBtns a.AddBtn { color:#ffffff; background-color:#dc2f3f;  height:16px; float:left; text-transform:uppercase;  text-decoration:none; font-size:10px; padding:2px; white-space:nowrap;}
#StaticSiteContainer .CenterContent .aboutBook 
{
	border-top:1px;
	border:1px solid #f0f0f0;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
	padding-top:20px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
}

#StaticSiteContainer .CenterContent .aboutBook .aboutBookTitle
{
	font-size: 21px; 
    font-family: Arial Narrow, Arial, Helvetica, Verdana sans-serif;
	padding-bottom:10px;
}

#StaticSiteContainer .CenterContent .aboutBook .aboutBookText p
{
	background-color: Transparent;
	text-align:justify;
	padding-bottom:10px;	
}

#StaticSiteContainer .CenterContent .aboutBook .aboutBookText a
{
    background-color: Transparent;
	text-align:justify;
	height:65px;
	font-size: 11px;
	color:#016dff;
	
}

#StaticSiteContainer .CenterContent .aboutBook .aboutBookText a
{
    float:none;
	
}

#Footer { margin:10px auto 0 auto; width:1000px; padding-bottom:50px;}
#Footer .logo {float:left;}
#Footer .copyright { font-size:10px; color:#6b8dae; float:left; margin-left:10px; line-height:12px; padding-top:5px;}
#Footer .copyright a { font-size:10px; color:#6b8dae; text-decoration:none;}
#Footer .copyright a:hover { font-size:10px; color:#6b8dae; text-decoration:underline;}
#Footer .Menu { float: right; width:600px; height:12px; line-height:12px; padding-top:5px;} 
#Footer .Menu ul { list-style-type:none;}
#Footer .Menu ul li { float: right; border-right:1px solid #6b8dae; padding:0px 5px 0px 5px; margin:0 0 5px 0;}
#Footer .Menu ul li a { font-size:10px; color:#6b8dae; text-decoration:none;}
#Footer .Menu ul li a:hover { color:#6b8dae; text-decoration:underline;}




.LPEmphasisBoxRed { margin-top: 20px; min-height: 550px; border: solid 7px #C00000}
.LPEmphasisBoxRed .largePrintInnerBox { height: 140px; margin-bottom: 15px; overflow: hidden; position: relative; word-spacing: 1px; line-height: 12px; color: #C7C5C5; font-weight: bold; padding-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; font-size: 9px; text-align: justify;}

.LPEmphasisBoxRed .largePrintInnerBox .largePrintHeadingBlack { color:#000; font-size: 40px; line-height: 55px; text-align: center; position: absolute; top: 20px; right: 20px; left: 20px;}


.largePrintHeadingBlue { color: #016DFF; font-weight: bold; font-size: 17pt; font-family: Arial; }

.LPDescriptionBox { border: solid 1px #4360F0; margin-left: 10px; margin-right: 10px; margin-top: 20px; min-height: 200px;}

.centerHeading { font-size: 15px; font-weight: bold; text-align: center;}

.description-text { margin-top: 15px; padding: 5px; font-size: 12px; color: #5D5E5E; }