

/* CSS Document 

revised version for new landing page needs to be incorprated and coonsoldated once finsihed 
*/


html{
background-image:url(../../images/pubco/blue_dotcom_gradiant_bg.jpg);
background-repeat:repeat-x;
background-position:top left;
background-color:#00173b;
}


body{
background: transparent;
/*set font size to base em to be even accros alll browsers and systems */
font-size:small;
font-family:Arial, Helvetica, sans-serif;
color:#666667;
margin:0px;
padding:0px;
/* this will fix fonts in ie and FF 8 sets them the same and allows for user font increasing. .75em = 12px */
font-size:.75em;
}

.clear{
clear:both;
}

h2, h1{
padding:5px 0px 5px 0px;
margin:3px 0px 3px 0px;
color:#666667;
font-size:130%;
}

/*for droping the size of the incled h1 down a notch */ 
.sub_h1{
font-size:50%;
margin:0px 0px 0px 10px;
padding:0px 0px 0px 0px;
}


a:link{
color:#0789c4;
text-decoration:none;
}

a:visited{
color:#0789c4;
text-decoration:none;}


a:hover{
color:#0789c4;
text-decoration:underline;}


ul,li,h5{
padding:0px;
margin:0px;
list-style:none;
} 

fieldset{
border:none;}

.h2_header{
/*	color:#013658;*/
	color:#666667;
	font-size:200%;
	_font-size:190%; /*ie hack move to iespecif verion of styles */
	float:left;
	width:auto;
	margin:10px 0px 10px 0px;
}
.h1_header{
/*	color:#013658;*/
	color:#666667;
	font-size:200%;
	_font-size:190%; /*ie hack move to iespecif verion of styles */
 	float:left;
	width:98%;
	margin:0px 0px 0px 14px;
	padding:0px;
}


div#global{
float:none;
margin:0 auto;
padding:10px;
width:975px;
clear:both;
background-color:#fff;
}

div#content{
background-color:#FFFFFF;
float:left;
margin:0px 0px 0px 0px;
padding:0px;
width:975px;
}

div#content_wrap{	
/* removed with new design 
background-image:url(../../images/search/gradientBGleft.jpg);
background-position:-5px 0;
background-repeat:no-repeat;*/
float:left;
margin:0px;
padding:0px 0px 0px 0px;
width:100%;
background-color:#fff;
}
/* removed with new design 
div#content_wrap_right{
background-image:url(../../images/search/gradientBGright.jpg);
background-position:985px 0;
background-repeat:no-repeat;
float:left;
margin:0px 0px 0px 0px;
padding:0px;
width:101%;
}
*/

div#breadcrumb{
float:left;
width:425px;
padding:0px 0px 0px 24px;
margin:16px 0px 0px 0px;
}

div#breadcrumb ul li{
padding:0px 3px 0px 0px;
margin:0px 0px 0px 0px;
float:left;
}
div#main{
width:938px;/* the width is set to acomodate the padding on the right*/
margin:0px 0px 0px 0px;
padding:0px 0px 10px 12px;
float:left;
}

div#Left_nav{
float:left;
width:220px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px; 
background-image:url(../../images/search/LeftNav_full_WhiteBGimage.jpg);
background-position:left top;
background-repeat:repeat-y;
}


div#leftNav_linksWrap{
float:left;
width:220px;
padding:8px 0px 8px 0px;
margin:0px 0px 0px 0px; 
background-image:url(../../images/search/LeftNav_full_WhiteBGimage.jpg);
background-position:top left;
background-repeat:repeat-y;
}

div#refineSearch_wrap{
float:left;
width:220px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px; 
background-image:url(../../images/search/curve_blue_lnavheader_gradent.jpg);
background-position:top left;
background-repeat:no-repeat;
}

div#Refine_form_wrap{
float:left;
width:220px;
padding:8px 0px 0px 0px;
margin:0px 0px 0px 0px; 
background-image:url(../../images/search/left_nav_Search_bgWgradent.jpg);
background-position:top left;
background-repeat:repeat-y;
}

div#filter_Wrap{
float:left;
width:220px;
padding:0px 0px 8px 0px;
margin:0px 0px 0px 0px; 
background-image:url(../../images/search/LeftNav_full_WhiteBGimage.jpg);
background-position:top left;
background-repeat:repeat-y;
}


div#filter_Wrap h2{
background-image:url(../../images/search/blue_left_navHeader_bgWgradent.jpg);
background-position:left top;
background-repeat:no-repeat;
}


div#filter_Wrap dl{
background-image:url(../../images/search/LeftNav_full_WhiteBGimage.jpg);
background-position:left top;
background-repeat:repeat-y;
}


#filterForm{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
div#Left_nav a{
/*font-weight:bold;*/
}

div#Left_nav a:visited{
/*font-weight:bold;*/}

div#Left_nav a:hover{
/*font-weight:bold;*/
color:#ce3c23;
}

#Left_nav h2{
font-size:100%;
margin:0px 0px 0px 0px;
padding:4px 0px 4px 14px;
color:#FFFFFF;
}


#Left_nav h5 {
border-bottom:3px dotted #CCCCCC;
margin:0px 0px 0px 0px;
padding:5px 0px 5px 0px;
font-size:100%;
}



div#Left_nav ul li{
padding:1px 0px 1px 0px;
margin:0px 0px 0px 0px; 
font-size:90%;
}
.nav_list{
padding:10px 0px 0px 0px;
margin:0px;
}

.Nav_active{
font-weight:bold;
color:#ce3c23;}

.Lev2_head{}

.Lev2{
padding:1px 0px 1px 10px;
margin:0px 0px 0px 0px; 
}

div#Left_nav .Lev2 a:link{
font-weight:normal;}


div#Left_nav .Lev2 a:visited{
font-weight:normal;}


div#Left_nav .Lev2 a:hover{
font-weight:normal;}

/*
#RS_title{
font-size:115%;
color:#FFF;

}
*/
/********************** Center contetn Area *********************/ 

div#center_div{
float:left;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

/************* Right_nav ******************/

div#Right_nav{
float:right;
width:190px;
padding:5px 10px 0px 0px;
margin:0px 0px 0px 0px;
}


.Rnav_content{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

.Rnav_content ul{
padding:0px 0px 0px 0px;
margin:5px 0px 0px 0px;
}

.Rnav_content ul li{
padding:5px 0px 5px 0px;
margin:0px 0px 0px 0px;
}

.Rnav_content img{
	border:none;
}


div#rnav_content h4{
padding:0px 0px 0px 0px;
margin:8px 0px 8px 0px;
color:#ce3c23;
font-size:100%;
}

div#rnav_content p{
padding:5px;
margin:3px 0px 3px 0px;
}

/* used on the market segment page*/

div#Right_nav.Rnav_content dl{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
border: 1px solid red;
}


div#CengageBrain_rnavSmall{
margin:0px 0px 0px 0px;
padding:0px 0px 5px 0px;
}

/*** new styels for the left navagation **/
#Left_nav dl{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 14px;
float:left;
width:85%;
}


#Left_nav dl dd{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}


.ref_searchBtn{
float:right;
width:50px;
margin:0px 0px 0px 0px;
padding:5px 20px 0px 0px;
}

#Refine_form_wrap p{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 14px;
}


.ref_search_input{
float:left;
width:126px;
margin:0px 0px 0px 0px;
padding:5px 0px 5px 14px;
}

/********************** Popup Window Styles START - From Photon 5 15 08  *********************/ 

.help-tooltip {
	position:	absolute;
	width:		auto;
	border:		none;
	background:	Infobackground;
	color:		InfoText;
	font:		StatusBar;
	font:		Status-Bar;
	padding:	0
	filter:		progid:DXImageTransform.Microsoft.Shadow(color="#777777", Direction=135, Strength=3);
	z-index:	10000;
}

div.popUpContents{
border:3px solid #014880; 
padding:15px;

	/*	border-width:3px;
	border-style:solid;
	border-color:blue;
	font-size:12px; */
}

div.popUpCloseButton {
	background-color:#014880;
	text-align: right;  
}
div.wrapper_div {
	width:250px;
}
.help-tooltip a,
.help-tooltip a:hover {
	background:	none;
}

/******* Look Inside Popup ************/

div.lookInsidePopUpCloseButton {
	background-color:#CCCCCC;
	vertical-align:middle;
	padding:3px;
}

div.lookInsidePopUpCloseButton a {
	font-weight:bold;	
	font-size:10px;
	height: 10px;		
	float: right;
	display:block;
	color: #58585A 
}
div.lookInsidePopUpContents {	
	background-color:white;
	overflow:auto;
	font-size:12px;
	height: 138px;
	width: 120px;	
	padding:15px;
}
div.lookInsideWrapper_div {
	border:solid #CCCCCC;
	border-width: 0 1px 1px 1px;
	font-family:Arial,Helvetica,sans-serif;
	float:left;	
	margin:0;
	padding:0;
}

li.lookInsideList {
padding:5px;
list-style-type: disc;
}

/******* Bread crumb ************/


.bread_nav{
float:left;
font-size:88%;
font-weight:400;
padding:14px 0px 0px 14px;
margin:0px 0px 0px 0px;
width:700px;

}

.bread_nav ul{
float:left;
width:100%;
}


.bread_nav ul li{
float:left;
padding:0 3px;
width:auto;
}


/********************** Popup Window Styles END *********************/ 


/****************** cengage Brain styles *********/
div#BrainWrap{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:right;
width:210px;
background-image:url(/images/search/ads/brain_bg_top.jpg);
background-position:2px 2px;
background-repeat:no-repeat;


}

div#BrainWrap_bottom{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:right;
width:210px;
background-image:url(/images/search/ads/brain_bg_bottom.jpg);
background-position:3px 100%;
background-repeat:no-repeat;

}

div#Right_brain_ad{
padding:15px 0px 0px 25px;
Margin:0px 0px 0px 0px
}

#List_price{
background-image:url(/images/search/ads/cb_blueCheckBox_top.jpg);
background-position:top center;
background-repeat:no-repeat;
}

#List_price dd.LP_bottomWrap{
background-image:url(/images/search/ads/cb_blueCheckBox_bottom.jpg);
background-position:6px -44px;
background-repeat:no-repeat;
color:#000000;
float:left;
font-size:76%;
padding:0 0 3px 25px;
width:96%;}

div#BrainWrap dl{
float:right;
margin:0;
padding:0px 0 0 3px;
width:91%;

}

div#BrainWrap dl#Brain_buy{
background-image:url(/images/search/ads/brain_bg_mid.jpg);
background-position:-14px 0px;
background-repeat:repeat;
}

div#BrainWrap dl dd.pur_btn{
float:right;
background-image:url(/images/search/ads/brainView_btn.jpg);
background-position:2px 2px;
background-repeat:no-repeat;
color:#FFFFFF;
font-size:90%;
font-weight:bold;
margin:5px 0;
padding:5px 0 5px 1px;
text-align:center;
width:23%;
}



div#BrainWrap dl dt.List_price_text{
float:left;
clear:left;
padding:4px 0 0 25px;
width:41%;
font-weight:bold;
color:#000;
font-size:90%;
}

div#BrainWrap dl dd.LP_price{
float:right;
width:33%;
padding:4px 0px 0px 0px;
font-weight:bold;
color:#000;
font-size:90%;
}

div#ViewBtn img{
border:none;
}

div#ViewBtn {
float:right;
width:27%;
height:30px;
margin:5px 0px 5px 0px;
padding:0px 0px 0px 10px;
}

div#BrainWrap dl dd.pur_text{
float:left;
font-size:90%;
margin:2px 0px 2px 0px;
padding:3px 0 0 26px;
width:52%;
font-weight:bold;
color:#000;
background-image:url(/images/search/ads/cb_BlueCheckonWhite.jpg);
background-position:8px 4px;
background-repeat:no-repeat;


}
div#BrainWrap dl dd.pur_text_rent{
width:70%; 
font-style:italic; 
font-weight:normal;
float:left;
font-size:90%;
margin:2px 0px 2px 0px;
padding:3px 0 0 26px;
color:#000;
}

div#BrainWrap dl dd span.bold{
font-weight:bold;

}

div#BrainWrap dl dd.pur_price{
float:right;
font-size:90%;
font-weight:bold;
margin:3px 0;
padding:0px 0 0 0;
width:31%;
color:#000;
}

div#Student_links {
float:right;
margin:-20px 0 10px;
padding:0 0 0 0;
width:210px;
}

div#AcessStudyTool{
	float:right;
	padding:4px 1px 0px 4px;
	width:96%;
}

div#Left_nav dl.newProducts{
padding:7px 0 5px 14px;
}

div#footer_landing {
/*background-image:url("../../images/search/footerBG.jpg");
background-position:left top;
background-repeat:repeat-x;
*/
float:left;
margin:0;
padding:10px 0px;
width:100%;

}