@charset "utf-8";

* {
	margin:0;
	padding:0;
	
}

a {
	text-decoration:none;
}

img {
	border:none;
}

p {
	margin:20px;
	font-size:18px;
	line-height:1.8;
}

#wrapper {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	border:solid #000 1px;
	background:#fff;
	font-family:Arial, Helvetica, sans-serif;
}

/* Header ---------------------------------------------------------------------------- */

#header {
	border-top:solid #0066A1 7px;
}

#header p {
	font-family:Arial, Helvetica, sans-serif;
}

#headerLogo {
	background-image:url(images/headerBg.png);
	position:relative;
	height:75px;
}

#headerLogo img {
	padding-top:10px;
}

#headerNavBar {
	background-color:#0066a1;
	height:10px;
	font-size:12px;
	color:#fff;
}

#headerNavBar ul {
	position:relative;
	left:-6px;
}

#headerNavBar li {
	float:left;
	padding-left:10px;
	padding-top:3px;
	font-family:Arial, Helvetica, sans-serif;
}

#headerNavBar a {
	color:#fff;
	background:#0066a1;
	padding-left:7px;
	padding-right:7px;
	padding-top:3px;
}

#headerNavBar a:hover {
	background-color:#0084C6;
}

#headerNavBar span {
	padding-left:7px;
	padding-right:7px;
}

#headerContact {
	position:absolute;
	top:10px;
	right:0;
	text-align:right;
	width:470px;
	padding-right:15px;
	padding-top:3px;
}

#headerContact h1 {
	font-size:30px;
	color:#0066a1;
	float:left;
	padding:7px 20px 0px 0px;
}

#headerContact img {
	float:left;
	
}

#headerContact .phone {
	font-size:18px;
	color:#0066a1;
	background:transparent;
	padding-bottom:3px;
}

#headerContact .email {
	color:#0066a1;
	background:transparent;
	font-size:14px;
}

#headerNavButtons {
	height:181px;
	background-color:#ddd;
	border-bottom:solid #0066a1 7px;
}

#headerNavButtons a {
	display:block;
	width:180px;
	height:175px;
}

#headerNavButtons .UPC a {
	background:url(../images/navButtons/UPCColorRoll.jpg) no-repeat;
	background-position:0;
}

#headerNavButtons .ISBN a {
	background:url(../images/navButtons/ISBNColorRoll.jpg) no-repeat;
	background-position:0;
}

#headerNavButtons .EPS a {
	background:url(../images/navButtons/EPSColorRoll.jpg) no-repeat;
	background-position:0;
}

#headerNavButtons .order a {
	background:url(../images/navButtons/orderColorRoll.jpg) no-repeat;
	background-position:0;
}

#headerNavButtons a:hover {
	background-position:-180px;
}

#headerNavButtons ul {
	margin-left:9px;
	padding-top:1px;
}

#headerNavButtons li {
	float:left;
	padding-top:5px;
	padding-left:15px;
	width:180px;
	height:175px;
}

/* Rectangle ------------------------------------------------------------------------------------------------ */

div .topLeftRC {
	margin-left:12px;
	margin-top:15px;
	background:url(../images/roundRect/topLeftRC.gif) top left no-repeat;
	width:775px;
}

div .topLeftRCNoNav {
	margin-left:12px;
	margin-top:18px;
	background:url(../images/roundRect/topLeftRC.gif) top left no-repeat;
	width:775px;
}

div .topLeftRC h1 span {
	background:#fff;
	padding-left:7px;
	padding-right:7px;
}

div .topLeftRCNoNav h1 span {
	background:#fff;
	padding-left:7px;
	padding-right:7px;
}

div .topRightRC {
	background:url(../images/roundRect/topRightRC.gif) top right no-repeat;
}

div .bottomLeftRC {
	background:url(../images/roundRect/bottomLeftRC.gif) bottom left no-repeat;
}

div .bottomRightRC {
	background:url(../images/roundRect/bottomRightRC.gif) bottom right no-repeat;
	position:relative;
}

.clear {
	clear:both;
}

#rectMain {
	padding-bottom:15px;
}

/* Main ----------------------------------------------------------------------------------------------- */

p a {
	color:#0066a1;
	text-decoration:none;
}

p a:hover {
	text-decoration:underline;
}

#main {
	margin-left:70px;
	font-size:16px;
	line-height: 1.8;
}

form {
	margin-bottom:20px;
}

#formResults {
	border:solid #ccc 1px;
	width:710px;
	margin:0px auto 10px;
	text-align:center;
	padding:20px;
	min-height:300px;
	font-size:14px;
	line-height:1.8;
}

#addThis {
	text-align:center;
	margin-bottom:10px;
}

/* Footer ----------------------------------------------------------------------------------------------- */

#footer {
	border-top:solid #999999 1px;
}

#footer span {
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:13px;
	line-height:12px;
	font-weight:bold;
	padding-top:0px;
	margin-top:0px;
	display:block;
}

#footer a {
	color:#000;
}

#footer img {
	padding-top:5px;
	text-align:center;
}

#footer ul li {
	float:left;
	width:159px;
	height:72px;
	border-right:solid #999999 1px;
	text-align:center;
	padding-bottom:5px;
	list-style:none;
}

#footer ul .last {
	padding-right:0px;
	border-right:none;
}

#footer ul .last img {
	margin-top:8px;
}

#footerCopyright {
	clear:both;
	position:relative;
	background:#0066a1;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:8px;
	height:15px;
}

#footerCopyrightRight {
	position:absolute;
	top:5px;
	right:7px;
}

#footerCopyrightRight a {
	color:#fff;
	background:transparent;
}

#footerCopyrightRight a:hover {
	text-decoration:underline;
}