@import url(reset.css);

/* Basic Page Layout Styles */

body {
font-family:Arial, Verdana, sans-serif;
background:url(../images/bg_pattern.png) top center;
/*behavior:url("../scripts/csshover2.htc");*/
}

#head_wrapper {
background:url(../images/page_bg.png) repeat-x;
}

#wrapper {
width:960px;
background:#fff url(../images/page_bg.png) repeat-x;
margin:0 auto;
text-align:center;
}



strong {
font-weight:bold;
}

/* Header Styles */

* {
text-align:left;
}

#header {
padding-top:80px;
position:relative;
height:39px;
background:url(../images/header_bg.png) no-repeat right top;
}

#header .logo {
background:url(../img/global/logo.png) no-repeat;
position:absolute;
left:0;
top:0px;
display:block;
height:0;
width:445px;
padding-top:118px;
overflow:hidden;
/*behavior: url(../scripts/iepngfix.htc);*/
}


/* tabs */

#tabs {
	padding:4px 0 0 20px;
	height:46px;
	background:url('../img/global/nav_bg.gif') repeat-x;
	position:relative;
}

#tabs li {
	float:left;
	position:relative;

}



#tabs a {
	position:relative;
	display:block;
	padding-top:46px;
	height:0px;
	overflow:hidden;
	background:url('../img/global/nav.png');
	z-index:0;
}

#tabs #buy {
	left:-1px;
}

#tabs #sell {
	left:-2px;
}
#tabs #toolbox{
	left:-3px;
}
#tabs #about {
	left:-4px;
}

#tabs a.active {
	z-index:10;
}

#tabs #home a{
	background-position:0 0;
	width:127px;
}

#tabs #home a:hover, #tabs #home a.active {
	background-position:0 -46px;
}
#tabs #buy a {
	background-position:-126px 0;
	width:108px;
	
}

#tabs #buy a:hover, #tabs #buy a.active {
	background-position:-126px -46px;
}

#tabs #sell a {
	background-position:-233px 0;
	width:107px;
	
}

#tabs #sell a:hover, #tabs #sell a.active {
	background-position:-233px -46px;
}


#tabs #toolbox a {
	background-position:-339px 0;
	width:236px;
}

#tabs #toolbox a:hover, #tabs #toolbox a.active {
	background-position:-339px -46px;
}
#tabs #about a {
	background-position:-574px 0;
	width:130px;
}

#tabs #about a:hover, #tabs #about a.active {
	background-position:-574px -46px;
}


#tabBorder {
	z-index:5;
	border:none;
	border-bottom:1px solid #c0c0c0;
	margin:0;
	position:absolute;
	bottom:0px;
	width:960px;
	left:0px;
	height:0px;
}





/* tab content */

#tabFrame {
	margin:20px;
	overflow:hidden;
}

#tabContent {
	/*margin-left:-20px;*/
	width: 1920px;
	
	
}

#tabContent > * {
	float:left;
	width:0;
	overflow:hidden;
	margin-left:0;
}

#tabContent > *.visible {
	width:920px;
	margin-left:20px;
}

#tabContent > * > div {
	width:920px;
}


/* home tab */

#tHome #topRow {
	overflow:auto;
}

#tHome #fourSteps {
	padding-left:13px;
	width:489px;
	height: 240px;
	float:left;
	background:#f7f7f7 url('../img/global/whitePixel.png') repeat-x 0 0px;
	border: 1px solid #e1e1e1;
	
}

#purchaseTextbooks {
	float:left;
	margin-top:22px;
	margin-right:22px;
	display: block;
	width:196px;
	padding-top:196px;
	height:0;
	overflow: hidden;
	background: url('../img/global/purchaseTextbooks.png') no-repeat;
}

#purchaseTextbooks:active {
	background-position:0 -196px;
}

#fourSteps ul {
	float:left;
}

#fourSteps li {
	color:#333333;
	font-weight:bold;
	font-size:13px;
	min-height: 36px;
	padding-left:36px;
	margin-top:18px;
	background:url(../img/global/numbers.png) no-repeat;
}

#fourSteps li span {
	color:#9e0b0f;
}

#fourSteps .two {
	background-position: 0 -57px;
}
#fourSteps .three {
	background-position: 0 -115px;
}

#fourSteps .four {
	background-position: 0 -174px;
}


#fourSteps .four a {
	width:205px;
	padding-top:34px;
	height:0;
	overflow:hidden;
	display: block;
	background: url(../img/global/addTheApp.png) no-repeat;
}

#fourSteps .four a:active {
	background-position: 0 -34px;
}
#tHome #video {
	float:right;
	width:394px;
}


/* info boxes */


#tHome .infoBox {
	margin-top:20px;
	width:292px;
	float:left;
	padding-left:0px;
}

#tHome .infoBox + .infoBox {
	padding-left:22px;
}

.infoBox p {
font-weight:bold;
font-size:13px;
padding:6px 10px 6px 10px;
margin-bottom:20px;
background:#f3f3f3;
color:#333333;
line-height: 18px;
height:75px;
}

.infoBox h3 {
padding:6px 6px 6px 10px;
background:#41649f;
color:#fff;
font-size:13px;
font-weight:bold;
}


/* buy / sell */


#tBuy a, #tSell a {
	margin-bottom:30px;
	display: inline;
	width:220px;
	padding-top:50px;
	background-repeat: no-repeat;
	font-size:12px;
	color:#4d4d4d;
	text-decoration:none;
}




#tBuy a span, #tSell a span {
	display:block;
	height:0;
	overflow: hidden;
}

.left {
	float:left;
}

.right {
	float: right;
}

a#half{

background-image: url(../img/vendorLogos/half.gif);
}

a#barnesnoble{

background-image: url(../img/vendorLogos/barnesandnoble.gif);
}

a#textbooks{

background-image: url(../img/vendorLogos/textbooks.gif);
}

a#chegg{

background-image: url(../img/vendorLogos/chegg.gif);
}

a#betterworld{

background-image: url(../img/vendorLogos/betterworldbooks.gif);
}




/* campus toolbox */

.flier {
background:#fff;
padding:1px;
border:1px solid #bfbfbf;
display:block;
margin:auto;
}

div.flier_box{

border:1px dotted #bcbfbd;

background-color: #dce2e2;
margin-right:10px;
margin-left:0px;
float:left;
width: 136px;
padding:3px 10px;
}

.flier_box span{
display:block;
text-align:center;
}

.flier_box div{
margin:0;
}

.container{
overflow:auto;
}




/* about */

.lcol {
	float:left;
	width:497px;
}

#tAbout h4 {
	font-size:16px;
	font-weight:bold;
	color:#333333;
}

#tAbout h4 span {
	font-weight:normal;
	font-size:14px;
}

#tAbout  a {
	font-size:14px;
	display:block;
	margin-bottom:18px;
}

.rcol {
	width:403px;
	float:right;
	
}

#tAbout .rcol fieldset {
	padding:20px;
	border:1px solid #a1a1a1;
}

#tAbout .rcol input, #tAbout .rcol textarea {
	padding:2px;
	height:21px;
	border:1px solid #666666;
	margin-bottom:18px;
	width:355px;
	background-image: -webkit-gradient(
    	linear,
    	left bottom,
    	left top,
    	color-stop(0.5, rgb(255,255,255)),
    	color-stop(1, rgb(240,240,240))
	);
	background-image:-moz-linear-gradient(
    	center bottom,
    	rgb(255,255,255) 50%,
    	rgb(240,240,240) 100%
	);
}

#tAbout .rcol textarea {
	height:130px;
	
}

.button {
	display:block;
	color:#333333;
	padding:5px;
	text-align:center;
	background-color: #cecece;
	background-image:-webkit-gradient(
    	linear,
    	left bottom,
    	left top,
    	color-stop(0, rgb(192,194,192)),
    	color-stop(0.98, rgb(235,237,235)),
    	color-stop(0.99, rgb(255,255,255))
	);
	background-image: -moz-linear-gradient(
    	center bottom,
    	rgb(192,194,192) 0%,
    	rgb(235,237,235) 98%,
    	rgb(255,255,255) 99%
	);
	border:1px solid #8c8c8c;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.button:hover {
	text-decoration: none;
}

.button:active {
	background-color: #b3b3b3;
	background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(222,224,222)),
    color-stop(0.98, rgb(199,201,199)),
    color-stop(0.99, rgb(255,255,255))
	);
	background-image:-moz-linear-gradient(
    center bottom,
    rgb(222,224,222) 0%,
    rgb(199,201,199) 98%,
    rgb(255,255,255) 99%
	);
}




/* footer */


#footer {
clear:both;
text-align:center;
border-top:1px solid #a1a1a1;
padding:7px 10px;
font-size:12px;
color:#666666;
}

#footer ul {
margin-bottom:5px;
}

#footer li {
padding:2px 6px;
display:inline;
}

#footer li a {
text-decoration:none;
}

#footer li a:hover {
text-decoration:underline;
}

/* Basic Styles */

h1 {
color:#176e9e;
font-size:18px;
line-height:18px;
padding:0px 0 4px 0;
font-weight:bold;
font-family: Arial, Verdana, sans-serif;
border-bottom:1px solid #666666;
margin-bottom:10px;
}


h2 {
	font-weight: bold;
	font-size: 20px;
	color: #4d4d4d;
	border-bottom:1px solid #4d4d4d;
	padding-bottom: 3px;
	margin-bottom:15px;
	margin-top:10px;
	clear:both;
}

p {
font-size:14px;
line-height:19px;
color:#333333;

}

a {
color:#176e9e;
}

a {
text-decoration:none;
}

a:hover {
text-decoration:underline;
}


fieldset h1 {
color:#176e9e;
font-size:18px;
line-height:26px;
padding:0px 0 4px 0;
font-weight:bold;
font-family: Arial, Verdana, sans-serif;
border-bottom:1px solid #666666;
margin-bottom:10px;
}
		
fieldset {
padding:10px;
border:1px solid #a1a1a1;
}

input {
border:1px solid #666666;
padding:2px;
font-size:14px;
color:#333333;
}

label {
font-size:14px;
color:#333333;
display:block;
}

textarea {
margin-top:4px;
border:1px solid #666666;
padding:2px;
font-size:14px;
color:#333333;
display:block;
width:342px;
height:150px;
}

#submit {
display:block;
margin-top:15px;
border:1px solid #bdbcbc;
color:#9e0b0f;
padding:3px 7px;
font-weight: bold;
background:#fff;
}