/* CSS Document 

I am hoping to put only the stuff that directly effects the header, and footer, and general font sizes and colors on a global levele in here 
noting else  

*/

html{
background-image:url(../../images/search/htmlBackground.jpg);
background-repeat:repeat-x;
background-position:top left;
background-color:#013658;
}


body{
background: transparent;
font-size:small;
font-family:Arial, Helvetica, sans-serif;
color:#666667;
margin:0px;
padding:0px;
}

.clear{
clear:both;
}


h2, h1{
padding:5px 0px 5px 0px;
margin:3px 0px 3px 0px;
color:#666667;
}

/*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:#043660;* comented out for acessbility change*/
color:#0071A2;
text-decoration:none;
}

a:visited{
/*color:#043660;* comented out for acessbility change*/
color:#0071A2;
text-decoration:none;}


a:hover{
/*color:#043660;* comented out for acessbility change*/
color:#0071A2;
text-decoration:underline;}

ul,li,h5{
padding:0px;
margin:0px;
list-style-type: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;
width:975px;
clear:both;
}

div#content{
background-color:#FFFFFF;
float:left;
margin:0px 0px 0px 9px;
padding:0px;
width:975px;
}

div#content_wrap{
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:101%;
}

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 *********/
/*
dup style removed for accesability mod in podOverive.css
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#Student_links {
    float: right;
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 0px 0px;
    width: 215px;
}

div#BrainWrap {
    background-image: url("/images/search/ads/brain_bg_top.jpg");
    background-position: 2px 2px;
    background-repeat: no-repeat;
    float: right;
    margin: 0px 5px 0px 0px;
    padding: 0;
    width: 210px;
}

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;
width:91%;  
padding: 0 0 0 2px;   
*padding: 0 0 0 3px;
}

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;
}

/* dup style - fixed in accesaility mods
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;
}

/*********** new styles for the refine search box ***************/

.ref_searchBtn {
float:right;
margin:10px 0px 0 0;
*margin:-21px 0px 0 0px;
padding:0px 0px 0 0;
width:58px;
}


div#Refine_form_wrap form {
float:left;
padding:0px 0px 10px 0px;
width:200px;
padding-left:0px;
margin:0px 0px 0px 10px;

}

#Refine_form_wrap label{
}

#RefSearchTXT{
margin:10px 0px 0px 0px;
padding:2px 0px 0px 0px;
*padding:0px 0px 0px 0px;
*margin:10px 0px 0px -10px;
width:130px;
}

/* skip navagation link css */ 
#skip a, #skip a:hover, #skip a:visited
{
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}

#skip a:active, #skip a:focus
{
position:static;
width:auto;
height:auto;
}