﻿

/* 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/cen_images/cengageBGgradiant.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;
}

.showForPrintOnly { display:none; }
.galeAddressHeader { display:none; position:absolute; top:20px; right:40px; }
/*.ssoUserHeader { display:inline; position:absolute; top:80px; right:325px; color:White; }*/
.ssoUserHeader { display:inline; position:relative; float: right; color:White; padding-right: 5px; }
.ssoUserHeader A { color:White !important; }
.nowrap { white-space:nowrap; }
.disclaimer { font-size:9px; }

h2{
padding:5px 0px 5px 0px;
margin:3px 0px 3px 0px;
color:#666667;
}

a:link{
color:#0789c4;
text-decoration:none;
}

a:visited{
color:#0789c4;
text-decoration:none;}


a:hover{
color:#0789c4;
text-decoration:underline;}


h5{
padding:0px;
margin:0px;
list-style:none;
} 

fieldset{
border:none;}

.h2_header{
/*	color:#013658;*/
	color:#666667;
	font-size:200%;
	_font-size:190%;
	float:left;
	width:auto;
	margin:10px 0px 10px 0px;
}

div#global{
float:none;
margin:0 auto;
width:950px;
clear:both;
}

div#content{
background-color:#FFFFFF;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
/*float:left;*/ /* this float causes Google Chrome version 36 to not respect the .pageBreak class in thompson_learning_print.css */
width:100%;
}


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:180px;
padding:8px 0px 8px 0px;
margin: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 h5{
font-size:100%;
font-weight:bold;
padding:0px 0px 3px 0px;
border-bottom: 1px dashed #666667;
}


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;}

/********************** Center contetn Area *********************/ 

div#center_div{
float:left;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

/************* Right_nav ******************/

div#Right_nav{
border:1px solid #c3cc9f;
float:right;
width:200px;
padding:0px 0px 0px 0px;
Margin:9px 6px 0px 0px;
}

div#Right_nav h3{
padding:3px 0px 3px 5px;
margin:0px 0px 0px 0px;
background-color:#c3cc9f;
color:#FFF;
font-weight:bold;
font-size:100%;
}

div#rnav_content{
padding:0px 5px 0px 5px;
margin:0px 0px 0px 0px;
}


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;
}

/* Quote.aspx */
.quoteTable { width:100%; border:solid 1px #dcdcdc; border-collapse: collapse; table-layout:fixed; }
.quoteTable td { padding:3px; color:#0b3758; border:solid 1px #dcdcdc; font-size:12px; }
.quoteTable .header td { font-weight:bold; background-color:#0789c4; color:white; }
.boldRed { color:#ff0000; font-weight:bold; }
.bigBoldRed { color:#ff0000; font-weight:bold; font-size:12pt;}
div.bigBoldRed { padding:5px 0 0 0; font-size:12pt; color:Red; font-weight:bold; }
.quoteH3 { margin-bottom:3px; }
.quoteH4 { margin-bottom:3px; }
.red { color:#ff0000; }
.quoteComment { font-style:italic; color:#0000ff; }

/* GaleQuote.aspx */
.blueText { color:#0000ff; }
.blueTextBold { color:#0000ff; font-weight:bold; }
.blueTextBoldLarge { color:#0000ff; font-weight:bold; font-size:20px; }
.blackTextBold { color:#000000; font-weight:bold; }
.blackTextBoldBig { color:#000000; font-weight:bold; font-size:16px;}
.greenText { color:#008020; font-weight:bold; font-size:12px; }
.couponHeader { color:#0000ff; background-color:#c0c0c0; font-weight:bold; padding:0 3px; }
.padTop TD { padding-top:10px; }
.writeOnPage { border-bottom:solid 1px #0789c4; }
.address { font-size:9pt; }
td.supplement { padding-left:10px;}

.wishlistSelectedItem { background-color: #cfe7ff; }
.wishlistUnselectedItem { background-color: #ffffff; }

/* used for Other Products Considered */
.quoteTableOtherProducts { width:100%; border:solid 1px #dcdcdc; border-collapse: collapse; table-layout:fixed; }
.quoteTableOtherProducts td { padding:3px; color:#0b3758; border:solid 1px #dcdcdc; font-size:12px; }
.quoteTableOtherProducts .header td { font-weight:bold; background-color:#1ab44b; color:white; }


/* css gradient buttons, from www.webdesignerwall.com */
.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 16px/100% Arial, Helvetica, sans-serif;
	padding: .5em .25em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

/* blue */
.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	font-weight: bold;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

/* styles for the wishlist product items */
.tabContentHeader { font-size:13px; font-weight:bold; display:block; color:#0d5f94; text-indent:3px; }
tr.tabContentHeader TD { font-size:12px; color: #0d5f94; font-weight:bold; padding-left:0px; }

input.text { font-size: 11px; }

#pT { border-collapse:collapse; }
#pT.TD { padding:0; }
#pT .c1 { padding-left:2px; width:20px; }
#pT .c2 { padding-right:5px; width:91px; text-align:center; }
#pT .c3 { padding-left:7px; }
#pT .c4 { padding-left:4px; }
.p18 { margin-left:18px; }
.p20 { margin-left:20px; }
.pSmSS { float:right; margin:3px 0 0 3px; }
.pTiny { margin-right:3px; }
.pFore { float:right; padding:5px 5px 0 0; height:85px; overflow:hidden; }
.iSS { float:right; padding:5px 5px 0 0; height:55px; overflow:hidden; }

/* Displays ULs in the following format: "Item 1 | Item 2 | Item 3 | Item 4" */
ul.pipeDelimited { display:inline; margin:0px; list-style:none; }
ul.pipeDelimited li { display:inline; margin:0px; padding-right:2px; padding-left:5px; border-right:1px solid #0d5f94; }
ul.pipeDelimited li.noPad { padding-left:0px; }
ul.pipeDelimited li.last { border-right:none; }
ul.pipeDelimited li a { white-space:nowrap; }
a.light { font-weight: normal; }
div.separator { border-bottom:solid 1px #d0d0d0; }
tr.SmallDarkTitle { height:13px; background-color:#0d5f94;  }
tr.SmallDarkTitle td { font-size:11px; color:White; font-weight:bold; padding:0 3px 0 3px; }

.PaintJobLight { background-color:#81c4e2; color:#00456c; font-size:11px;}
/* The background color if the product is in the shortstack */
.PaintJobStack { background-color:#ccffcc; }
