/*
** layout.css 
** CSS - handles the layout grid
** Author: Letitia Surdonjic
** Date: 19.08.09
** Last edited: 07.09.09 by Letitia Surdonjic 
*/


/** default CSS for webninja **/

SPAN.markProductOutOfStock {
  font-family:Tahoma;
  font-size: 12px;
  color: #FF0000;
  font-weight: bold;
}

.orderEdit {
  font-family:Tahoma;
  font-size : 12px;
  color: #00A0C4;
  text-decoration: underline;
}

TD.main, P.main {
  font-family:Tahoma;
  font-size: 12px;
  line-height: 1.5;
}

TD.main2, P.main2 {
  font-family:Tahoma;
  font-size: 12px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family:Tahoma;
  font-size: 12px;
}

A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  color: #0000A0;
  text-decoration: underline;
}

FORM {
   display: inline;
}

.boxText {
  font-family:Tahoma;
  font-size: 12px;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family:Tahoma;
  font-size: 12px;
}

TEXTAREA {
  width: 100%;
  font-family:Tahoma;
  font-size: 12px;
}

SPAN.errorText {
  font-family:Tahoma;
  color: #FF0000;
}

.inputRequirement {
  font-family: Tahoma;
  font-size: 12px;
  color: #FF0000;
}

TR.header {
}

TR.headerNavigation {
}

TD.headerNavigation {
font-family:Tahoma;
	font-size: 10px;
	font-weight : bold;
}

A.headerNavigation {
  color: #0160B2;
}

A.headerNavigation:hover {
  color: #93A8DD;
}

.errorBox {
font-family:Tahoma;
  font-size : 12px;
  font-weight: bold;
}

.stockWarning {
font-family:Tahoma;
  font-size : 12px;
  color: #FF0000;
}

TR.headerError {
}

TD.headerError {
font-family:Tahoma;
  font-size: 12px;
  color: #FF0000;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
}

TD.headerInfo {
font-family:Tahoma;
  font-size: 12px;
  color: #FF0000;
  font-weight: bold;
  text-align: center;
}

TR.footer {
}

TD.footer {
font-family:Tahoma;
  font-size: 10px;
  color: #000000;
  font-weight: bold;
}

.infoBox {
}

TD.infoBox, SPAN.infoBox {
font-family:Tahoma;
	font-size: 10px;
}
.spacer {
	font-size: 3px;
	border-bottom-style: dashed;
	border-bottom-color: #00A2B1;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}

.header-nav {
font-family:Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}


.infoBoxContents {
font-family:Tahoma;
	font-size: 10px;
	color: #000000;
}

TD.infoBoxHeading {
font-family:Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

TABLE.user-table {
}

TR.user-data {
font-family:Tahoma;
  font-size: 10;
}

.PlainContents {
  background: #FFFFFF;
font-family:Tahoma;
  font-size: 12;
}

.infoBoxNotice {
}

.infoBoxNoticeContents {
font-family:Tahoma;
  font-size: 12px;
}

TABLE.productListing {
  border: 0px;
  border-style: solid;
  border-color: 0160B2;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Tahoma;
  font-size: 12px;
  color: #0160B2;
  font-weight: bold;
}

.productListing-heading:hover {
  font-family: Tahoma;
  font-size: 12px;
  color: #93A8DD;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Tahoma;
  font-size: 12px;
}

A.pageResults {
  color: #FFFFFF;
}

A.pageResults:hover {
  color: #FFFFFF;
}

SPAN.productSpecialPrice {
  font-family: Tahoma;
  color: #FF0000;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Tahoma;
  font-size: 16px;
  font-weight: bold;
  color: #0160B2;
}

TD.fieldKey {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Tahoma;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: bold;
}

TABLE.formArea {
  border-color: #FBFDB8;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Tahoma;
  font-size: 12px;
  color: #FF6200;
}

.moduleRow {
}

.moduleRowOver {
  background-color: #FFD4B9;
  cursor: pointer;
}

.moduleRowSelected {
  background-color: #FFFFB9;
}

.checkoutBarFrom, .checkoutBarTo {
  font-family:Tahoma;
  font-size: 12px;
  color: #7F3100;
}

.checkoutBarCurrent {
  font-family: Tahoma;
  font-size: 12px;
  color: #FF6200;
  font-weight: bold;
}

.productsNotifications {
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.upcomingProducts-even, TR.shippingOptions-even {
}

TR.subBar {
}

TD.subBar {
  font-family: Tahoma;
  font-size: 12px;
  color: #000000;
}

TD.accountCategory {
  font-family: Tahoma;
  font-size: 12px;
  color: #0000A0;
}

SPAN.greetUser {
  font-family: Tahoma;
  font-size: 12px;
  color: #000000;
  font-weight: bold;
}

.messageBox { 
  font-family: Tahoma;
  font-size: 12px;
}

.messageStackError, .messageStackWarning {
  font-family: Tahoma;
  font-size: 12px;
  background-color: #00007F;
}

.messageStackSuccess {
  font-family: Tahoma;
  font-size: 12px;
  background-color: #99ff00;
}
.form-header-new {
font-family:Tahoma;
	font-size: 10px;
	font-weight: bold;
	color: #00A2B1;
	text-align: center;
}

.loginbox {
font-family:Tahoma;
	font-size: 12px;
	color: #2C72B8;
}
.navigation-left {
	color: #2C72B8;
font-family:Tahoma;
	display: block;
	width: 154px;
	list-style-type: none;
	list-style-position: outside;
	font-size: 12px;
}
.navigation-left a {
	color: #000000;
font-family:Tahoma;
	display: block;
	text-indent: 20px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #FFFFFF;
	font-weight: normal;
}
.navigation-left a:hover {
	color: #FFFFFF;
font-family:Tahoma;
	display: block;
	text-indent: 20px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #1B5992;
	font-weight: bold;
}
navigation-left {
	color: #CCCCCC;
font-family:Tahoma;
	display: block;
	width: 154px;
	list-style-type: none;
	list-style-position: outside;
	font-size: 12px;
}
navigation-left a {
	color: #000000;
font-family:Tahoma;
	display: block;
	text-indent: 20px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #FFFFFF;
}
.MAIN-content {
font-family:Tahoma;
	font-size: 12px;
	color: #000000;
}

navigation-left a:hover {
	color: #000000;
font-family:Tahoma;
	display: block;
	text-indent: 20px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #FFFFFF;
}
.navigation-left-header {
font-family:Tahoma;
	font-size: 13px;
	font-weight: bold;
	color: #0160B2;
	background-color: #FFFFFF;
	padding-left: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #00a2b1;
	border-right-color: #00a2b1;
	border-bottom-color: #00a2b1;
	border-left-color: #00a2b1;
	font-style: italic;
}
.navigation-left-header-2 {
font-family:Tahoma;
	font-size: 13px;
	font-weight: bold;
	color: #0160B2;
	background-color: #FFFFFF;
	padding-left: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #00a2b1;
	border-right-color: #00a2b1;
	border-bottom-color: #00a2b1;
	border-left-color: #00a2b1;
	font-style: italic;
}
.footer-new {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dashed;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #00a2b1;
	border-right-color: #00a2b1;
	border-bottom-color: #00a2b1;
	border-left-color: #00a2b1;
}
.navigation-border-box {
	border: 1px solid #00a2b1;
}

.header-dotted-line {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dashed;
	border-top-color: #00a2b1;
	border-right-color: #00a2b1;
	border-bottom-color: #00a2b1;
	border-left-color: #00a2b1;
}
.form_box_fonts {
font-family:Tahoma;
	font-size: 9px;
	color: #000000;
}
.spacerCopy {
	border-bottom-style: dashed;
	border-bottom-color: #00A2B1;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}


/* GENERAL STYLES OF THE DOCUMENT ---------------------------------*/
/* --------------------------------------------------------- */

body {
	width: 100%; height:auto;
font-family:Tahoma;
	font-size: 11px;		
	background-color:#FFFFFF;
	margin: 0 auto;
	background-image:url(../canterbury_images/page_bg.jpg);
	background-repeat:repeat-X;
}
#catnav {
font-family:Tahoma;
	font-weight:bold;
	color: #003e7e;
	display: block;
	width: 175px;
	list-style-type: none;
	list-style-position: outside;
	font-size: 12px;
	line-height:24px;
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #808080;
}
#catnav a {
	color: #666666;
font-family:Tahoma;
	display: block;
	width: 175px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	text-indent: 10px;
	text-decoration: none;
	list-style-type: none;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #375057;
	font-weight: normal;
}
#catnav a:hover {
	color: #000000;
font-family:Tahoma;
	display: block;
	text-indent: 20px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #C3102E;
}

h1{
	color: #C40E30;
font-family:Tahoma;
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 7px;
	margin-bottom: 10px;
	border-bottom: thin dotted #666666;
}

h2{
	color: #000;
font-family:Tahoma;
	font-size: 15px;
	font-weight: bold;
}


h3 {
font-family:Tahoma;
	font-size: 8pt;
	font-style: normal;
	color: #003E7E;
}
h3 a {
	font-family:Tahoma;
	font-size: 8pt;
	font-style: normal;
	color: #003E7E;
	padding-bottom: 2px;
}


a {
	color: #003E7E;
	text-decoration: none;
}

p {
	line-height: 1.3em;
}

button {
	width: 72px; height: 22px; 
	text-align:center;
	font-size: 11px; 
	padding: 1px 14px 4px 10px;
}


.img_loader {
	display:none;
}

/* container */
div#container {
	width: auto;
	height: auto;
	background-position:top center;
	margin: 0 auto;
}


/* main: overall features of the website */
div#main {
	width: 970px; 
	height: auto;
	background-color:#FFFFFF;
	margin: 0 auto;	
	border: thick;
	border-left: 2px solid black;
	border-right: 2px solid black;
}

div#pageborder {
	width: 971px;
	height: auto;
	border:#000000;
	border-width:thick;
	
}




/* THE TOP NAVIGATION BAR PLUS SEARCH TOOL ---------------------------------*/
/* --------------------------------------------------------- */

/* top navigation menu div: contains the top links and search items */
div#topnav {
	width: 965px; height: 30px;
	background-color:#C40E30;
	margin: 0 auto;	
	background-image:url(../canterbury_images/nav_bg.jpg);
	background-repeat:repeat-x;
	padding: 6px 5px 0 0;
}

/* header_links: these are the links within the top navigation menu */
div#header_links {
	width: auto; 
	height: 15pt;
	float: right;
	margin-top: 5px;
	margin-right: 15px;
	color:#fff;
}
div#header_links a{
	color:#fff;
}
div#topnav button {
	margin-left: 5px;
	width: 72px; height: 22px; 
	text-align:center;
	font-size: 11px; 
	padding: 1px 14px 4px 10px;
	border: 0px solid red;

}





/* THE MAIN HEADER WITH LOGO, TITLE & SLOGAN IMAGE ---------------------------------*/
/* --------------------------------------------------------- */

/* main header of the page */
div#header {
	width: 970px; height: 116px;
	margin: 0 auto;
}

/* logo: the canterbury logo in the header */
div#logo {
	width: 130px; height: 100px;
	float: left;
	margin: 0px 0px 0px 0px;
}

/* logo text: just stating canterbury College*/
div#logo_text {
	width: 337px; height: 46px;
	float: left;
    font-family:Tahoma; 
	font-size: 38px;
	font-weight: bold;
	color: #C40E30;
	padding-top: 40px;
	padding-left: 10px;
	padding-bottom: 2px;
}

/* slogan div */
div#slogandiv {
	width: 320px; 
	height: 116px;
	float: right;
	margin-top: auto;
}


/* STYLE THE NAVIGATION DIV ---------------------------------*/
/* --------------------------------------------------------- */

div#nav {
	width: 970px; /* Sets the width of the nav DIV to 970 pixels. */
	background: url(../img/nav_bg.jpg) repeat-x;/* repeating background image to the nav DIV. */
	height: 41px; /* Sets the height of the DIV to the height of the background image. */
	float: left;
	color:#FFFFFF;
}
div#nav ul {
  list-style-type: none; /* Removes default list bullets. */
  font-size: 11px;  /* Sets the font size to 11px, */
  font-family:Tahoma;
  text-align: center; /* Centers items in nav list. */
  padding-top: 15px;
}
div#nav li a:hover{
	text-decoration: underline;
		color: #D9AD00;
}
div#nav li {
  display: inline; /* Changes list items from block to inline elements so that links flow side by side. */
  padding: 13px;
}



/* STYLE THE IMAGE BANNER ---------------------------------*/
/* --------------------------------------------------------- */

/* image banner - the main image on the website */
div#image_banner {
	width: 970px; height: 227px;
	background-image:url(../img/image_banner.jpg);
	background-color:#fff;
	background-position:top left;
	background-repeat: no-repeat;
	border-bottom: 3px solid #990033;
}



/* STYLE MAIN CONTENTS ---------------------------------*/
/* --------------------------------------------------------- */

/* content */
div#content {
	width: 970px;
	height:auto;
	margin: 1px auto;
	background: url(../canterbury_images/GREY_CONTENT_BG.jpg) repeat-y;
	float: left;
}



/* RIGHT CONTENTS ---------------------------------*/
/* --------------------------------------------------------- */

/* content right */
div#content_rgt {
	width: 620px;
	height: auto;
	float: right;
	padding-left: 0px;
	padding-right: 25px;
}
div#content_rgt a {
	width: 100%;
	float:left; 
} 
div#content_rgt img {
	margin: 15px 0;
}


/* home box wrapper */
div.home_box_wrapper {
	width: 285px;
	height: auto;
	float: left;
	margin-left: 25px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	padding-top: 15px;
}




/* LEFT CONTENTS ---------------------------------*/
/* --------------------------------------------------------- */

/* content left */
div#content_lft {
	width: 300px;
	height: auto;
	min-height: 422px;
	float: left;
	padding-right: 15px;
	padding-top: 0px;
}
/* news */
div#news {
	padding:15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/* quicklinks */
div#quicklinks {
	width: 147px;
	height: auto;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 15px;
	margin-top: 7px;
	margin-right: 7px;
	margin-bottom: 20px;
	margin-left: 0px;
}

div#quicklinks ul {
	margin-top: 0px;
}

div#quicklinks li {
	margin-bottom: 0px;
}



/* contact left menu */
div#Contact_left_menu {
	width: 116px;
	height: auto;
	padding:0px;
	margin:7px;
	float:left;
}
div#Contact_left_menu ul {
	margin-top: 0px;
}
div#Contact_left_menu li {
	margin-bottom: 0px;
}






/* THE FOOTER BAR STYLES ---------------------------------*/
/* --------------------------------------------------------- */
/* footer */
div#footer {
	width: 970px; 
	height: 65px;
	background-color: #003E7E;
	background-repeat:repeat-x;
	background-position:top;
	color:#003E7E;	
}
div#footer ul {
	width: auto;
	margin: 10px 0 0 17px;
	float: left;
}
div#footer li {
	float: left;
	margin-right: 24px;
}
div#footer a  {
	text-decoration: none;
	color: #fff;
	font-size: 10px;	
}
div#footer a:hover {
	text-decoration: underline;
	color:#D9AD00;
}

div#copyright_info {
	width: auto;
	float: right;
}
div#copyright_info a {
	text-decoration: underline;
	color:#D9AD00;
}
div#copyright_info p {
	margin: 10px 10px 0 0;
	line-height: 1.3em;
	text-align: right;
	color:#FFFFFF;
}






/* NOT ENTIRELY SURE WHAT THIS DOES BUT IF I REMOVE IT I LOOSE FORMATTING :( ---------------------------------*/
/* --------------------------------------------------------- */
/* reset div */
div.reset {
	border:medium none;
	clear:both;
	display:block;
	font-size:1px;
	height:1px;
	line-height:1px;
	margin:0;
	padding:0;
}



/* CONTENT PAGE FORMATTING :( ---------------------------------*/
/* --------------------------------------------------------- */
/* reset div */


/* contentpage box wrapper */
div.contentpage_box_wrapper {
	width: 625px;
	height: auto;
	float: left;
	line-height: 130%;
	padding-right: 50px;
	padding-top: 20px;
}

div#con_content {
	width: 970px;
	height:auto;
	margin: 0px;
/**	background: url(../img/SMALL_GREY_CONTENT_BG.jpg) repeat-y;**/
	float: left;
}

#content_info{
   width:742px;
   padding-top:10px;
   padding-left:25px;
   padding-right:15px;
}

/* end of file */