/* CSS Document yipes*/

* {margin: 0; padding: 0;}

/************************************* Main structure *************************/

body {
	background-color:#8db7ff;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a {
	text-decoration:none;
}

img {border: none;}


h1{
	font-size:18px;
	font-weight: bold;
	
}

h4{
	font-size:12px;
	font-weight: bold;
	color: #ffffff;

}

h5{
	font-size:12px;
	font-weight: bold;
	color: #333333;

}

.hidden {
	visibility:hidden;
}

.teaser_block {
	background-color:#ffffff;
	margin-bottom: 1px;
}

.content_block {
	text-align: left;
	background-color:#ffffff;
	margin-bottom: 1px;
	padding: 15px;
}
ul.contentList {
	list-style-type: square;
	padding: 0 0 0 40px;
}
ol.contentList {
	list-style-type: decimal;
	padding: 0 0 0 40px;
}
.contentList li {
	padding: 5px 0 0 0;
}

#container {
	width: 1000px;
	height: auto;
	margin:0px auto;
	background-color:#8db7ff;
}


#left_body {
	width:710px;
	background-color:#8db7ff;
	float: left;
	margin:0px;
}

#actual_area {
	width:694px;
	background-color:#ffffff;
	margin:0px;
	margin-top:32px;
	margin-left:14px;
	margin-right:5px;
}

#nav_area {
	width: 694px;
	min-height: 44px;
	background-image:url(../images/nav_area.gif);
	background-repeat: no-repeat;
}

#nav_list ul {
	float:left;
	margin: 0px;
	padding: 10px;
	list-style-type: none;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #000000;
	text-align: center;
}

#nav_list li {
	display: inline;
}

#products_nav {
	clear: both;
	text-align: center;
	font-weight: bold;
	background: #fae5e5;
	padding: 2px 0 2px 0;
	border-bottom: 1px solid #f0b2b2;
}
#products_nav a:link, #products_nav a:visited {
	color: #333;
}
#products_nav a:hover, #products_nav a:active {
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #000;
}
#products_nav li {
	display: inline;
	padding: 0 5px 0 5px;
}

#helpful_nav {
	clear: both;
	text-align: center;
	font-weight: bold;
	background: #fae5e5;
	padding: 2px 0 2px 0;
	border-bottom: 1px solid #f0b2b2;
}
#helpful_nav a:link, #helpful_nav a:visited {
	color: #333;
}
#helpful_nav a:hover, #helpful_nav a:active {
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #000;
}
#helpful_nav li {
	display: inline;
	padding: 0 5px 0 5px;
}

#home a{
	float:left;
	background-image: url(../images/home.gif);
	background-repeat: no-repeat;
	width: 60px;
	height: 44px;
	margin: 0px;
	margin-left: 8px;
	padding: 0px;
	border: 0px;
}

#home a:hover{
	float:left;
	background-position: 0 -44px;
	text-decoration:none;
}
.focusHover {
	margin: 0 10px 10px 0;
	width: 240px;
	float: left;
	cursor: pointer;
}
.focusHover a {
	display: block; 
	padding: 10px; 
	border: 1px solid #eaeaea;
	background: efefef;
	text-decoration: none;
	min-height: 90px;
	height: auto;
	_height: 90px;
	cursor: pointer;
}
.focusHover a:hover {
	background-color: #f3f8ff;
}	
.focusHover a h4 {
	margin: 0 0 5px 0; 
	text-decoration: underline; 
	color: #000;
	letter-spacing: .1em;
}
.focusHover a:hover h4 {
	margin: 0 0 5px 0; 
	text-decoration: underline; 
	color: #cc0000;
	letter-spacing: .1em;
}
.focusHover p {
	margin: 0;
}
.focusRing a { 
	background: transparent url(../images/focal_ring_gray.jpg) 100% 65px no-repeat;
}
.focusRing a:hover {
	background: #f3f8ff url(../images/focal_ring_color.jpg) 100% 65px no-repeat;
}
.focusDiploma a {
	background: transparent url(../images/focal_diploma_gray.jpg) 100% 60px no-repeat;
}
.focusDiploma a:hover {
	background: #f3f8ff url(../images/focal_diploma_color.jpg) 100% 60px no-repeat;
}

#products a{
	float:left;
	background-image: url(../images/products.gif);
	background-repeat: no-repeat;
	width: 92px;
	height: 44px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

#products a:hover{
	float:left;
	background-position: 0 -44px;
	text-decoration:none;
}

#plaques a{
	float:left;
	background-image: url(../images/plaques.gif);
	background-repeat: no-repeat;
	width: 110px;
	height: 44px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

#plaques a:hover{
	float:left;
	background-position: 0 -44px;
	text-decoration:none;
}

#impact a{
	float:left;
	background-image: url(../images/impact.gif);
	background-repeat: no-repeat;
	width: 104px;
	height: 44px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

#impact a:hover{
	float:left;
	background-position: 0 -44px;
	text-decoration:none;
}

#helpful a{
	float:left;
	background-image: url(../images/helpful.gif);
	background-repeat: no-repeat;
	width: 133px;
	height: 44px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

#helpful a:hover{
	float:left;
	background-position: 0 -44px;
	text-decoration:none;
}

#customer a{
	float:left;
	background-image: url(../images/customer.gif);
	background-repeat: no-repeat;
	width: 98px;
	height: 44px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

#customer a:hover{
	float:left;
	background-position: 0 -44px;
	text-decoration:none;
}


#rings a{
	float:left;
	background-image: url(../images/rings.gif);
	background-repeat: no-repeat;
	width: 76px;
	height: 44px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

#rings a:hover{
	float:left;
	background-position: 0 -44px;
	text-decoration:none;
}


#header{
	width: 672px;
	height: 302px;
	background-color:#ffffff;
	background-image:url(../images/header.jpg);
	background-repeat: no-repeat;
	margin: 11px;
	
}


#school_wizard {
	height: 302px;
	text-align: left;
	background-color:#8db7ff;
	background-image:url(../images/school_wizard_wand.jpg);
	float: left;
}

#school_wizard_content{
	width: 200px;
	height: 150px;
	padding-top: 110px;
	padding-left: 30px;
	font-weight:bold;
}



#header_image {
	float:right;
	margin: 0px;
	background-image: url(../images/header_image.jpg);
	background-repeat: no-repeat;
	width: 417px;
	height: 302px;
}

#content{
	margin: 11px;
	width: 672px;
	height: auto;
	background-color:#999999;
}


#content_bottom{
	width: 694px;
	height: 25px;
	background-color:#8db7ff;
	background-image:url(../images/content_bottom.gif);
	background-repeat: no-repeat;
	
}


#footer {
	background-color:#8db7ff;
	text-align: center;
	font-size:11px;
	color: #ffffff;
	padding-bottom: 10px;
}


#footer_nav_list ul
{
	float:left;
	margin: 0px;
	padding: 10px;
	list-style-type: none;
	color: #ffffff;
}

#footer_nav_list li {

	display: inline;
	margin-left: 3px;
	
}

#footer_nav_list a {
	text-align: center;
	font-size: 11px;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;

	
}

#footer_nav_list a:hover {
	text-decoration: underline;
	color: #ffffff;
	
}


#right_panel{
	width:280px;
	background-color:#8db7ff;
	float:right;
	margin-right: 10px;
}


#logo_area{
	width:280px;
	background-color:#8db7ff;
	float:right;
}


#gs_logo{
	width:268px;
	height: 133px;
	background-color:#8db7ff;
	float:right;
}

#contact_us{
	width:268px;
	height: 29px;
	background-color:#8db7ff;
	float:right;
}
#contact_us a{
	float:left;
	background-image: url(../images/contact_us.gif);
	background-repeat: no-repeat;
	width: 268px;
	height: 29px;
}
#contact_us a:hover{
	float:left;
	background-position: 0 -29px;
	text-decoration:none;
}
#contactForm {
	margin: 0 0 0 100px;
}
#contactForm td {
	padding: 2px 4px 2px 10px;
}

#right_panel  ul{
	float:right;
	margin-bottom: 20px;
}

#right_panel li{
	background-color: #fff;

}

#send_button{
	margin-top: 5px;
}

#send_button li{
	display: inline;
}

#send a{
	float:left;
	background-image: url(../images/send.jpg);
	background-repeat: no-repeat;
	width: 54px;
	height: 29px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

#send a:hover{
	float:left;
	background-position: 0 -29px;
	text-decoration:none;
}

#right_panel .accountLinksHeading {
	clear: both;
	width: 268px;
	height: 44px;
	background: #fff url(../images/accountlinks_bg.gif) top no-repeat;
	margin-left: 11px;
}
.accountLinksHeading h4{
	padding-top: 12px;
	font-size:1.2em;
	color:#fff;
	text-align:center;
}
.accountLinks ul {
	width: 268px;
	font-weight: bold;
	background: #fff;
	padding: 5px 0 0 0;
	border-bottom: 5px solid #fff;
}
#cartbox{
	clear: both;
	width: 268px;
	background-image:url(../images/view_cart.gif);
	background-repeat: no-repeat;
	margin-top: 5px;
}

#right_panel #cartbox {
	width: 268px;
	margin-left: 10px;
}

#right_panel .mini-compare-products {
	width: 268px;
	margin-left: 0px;
	padding-top: 5px;
}
#right_panel .base-mini{
	border: none;
}


.side-col #cartbox{
	width: 195px;
}

#cartbox h4{
	padding-top: 12px;
	font-size:1.2em;
	color:#fff;
	text-align:center;
}

#cartview{
	width:250px;
	margin-top: 20px;
	text-align: center;
}

#right_panel .mini-product-view{
	width: 268px;
	margin-left: 10px;
}

.side-col #cartview{
	width: 175px;
}

#ad_area{
	width:268px;
	height: auto;
	background-color:#8db7ff;
	float:right;
	margin-top: 5px;
}

.switchschools {
  float: right;
  text-align: right;
  margin: 10px;
}

a.form-button:hover {
  color: #fff;
}