/*
All the styles are separted into the following groups:
Global Browser Reset - this is handled by the reset-fonts.css file from YUI
HTML, Body - for the html and body tags
Layout - styles that define the layout of the site
Modules - styles for content modules
Nav - navigation bar
Default Headings - headings like h1, h2, etc
Common Text Styles - Styles for text
Default Lists - unordered and ordered lists
Forms - html forms
Default Links - links
Misc - anything that doesn't fit elsewhere
*/

/* @group HTML, Body */
body {
	
	font-family: Verdana, sans-serif;
	color: #072c63;
	background: url(../img/sap-stripes.gif) repeat-x 0 0;
}
/* @end */

a {
	color: #3d6bc4;
	text-decoration: none;
}

a:hover {
	background-color: #96b4ec;
	/*color: #fcf17e;	*/
}

/* @group Layout */

#lgslideshow {
	z-index: 9;
}
/* Head */
div#hd {
	width: 903px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	height: 52px;
	background: none no-repeat 100% 100%;
}

/* Body */
div#bd {
	width: 903px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	padding-bottom: 15px;
	background-position: 0 100%;
}

/* Right Content */

.right p {
	margin-bottom: 10px;
}

/* Footer */
div#ft {
	width: 903px;
	/*903px*/
	margin-left: auto;
	margin-right: auto;
	padding: 60px 0 30px;
	background: none repeat-x;
}
#outerfooter {
	width:  100%;
	background: url(../img/sap-stripes.gif) repeat-x;
}
div#ft div.left {
	width: 200px;
	margin-left: 20px;
}
div#ft div.left h2 {
	color: #f3f5da;
	font-size: 108%;
	text-transform: uppercase;
	border-bottom: 1px dashed #849174;
	font-weight: bold;
	padding-bottom: 1px;
	margin-bottom: 1px;
}
div#ft div.right {
	width: 610px;
	margin-right: 30px;
	
}
div#ft h3 {
	font-size: 108%;
	color: #f3f5da;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 3px;
	margin-top: 3px;
}
div#ft div.home-content-box {
	background: none no-repeat 0 0;
	padding: 3px;
}
div#ft div.left-half {
	width: 279px;
	float: left;
	display: inline;
}
div#ft div.right-half {
	width: 279px;
	float: right;
	display: inline;
}
div#ft div.icons {
	padding: 10px;
	float: right;
}
/* @end */

/* @group Modules */
/* Logo */
h1#logo {
	width: 280px;
	height: 00px;
	text-indent: -9000px;
	float: left;
	display: inline;
	background: #96b4ec none no-repeat 0 0;
}
h1#logo a {
	display: block;
	height: 100%;
	background-color: transparent;
}

/* Cols */
div.left {
	width: 220px;
	margin-left: 10px;
	float: left;
	display: inline;
}
div.right {
	width: 554px; /*654*/
	margin-right: 10px;
	float: right;
	display: inline;
}

/* Sidebar Box */
div.sidebar-top {
	width: 220px;
	overflow: hidden;
	background: url(../img/sap-top-box-bg.gif) no-repeat 0 0;
	height: 200px;
	color: #0e4faf;
}
div.sidebar {
	width: 200px;
	padding: 1px 13px 1px 10px;
	background: none repeat-y 0 0;
}

div.sidebar h2 {
	font-size: 108%;
	color: #3d6bc4;
	font-weight: bold;
	font-family: Verdana, sans-serif;
	border-bottom: 1px dashed #3d6bc4;
	text-transform: uppercase;
	margin-bottom: 5px;
}
div.sidebar h2.inline {
	border-top: 1px dashed #3d6bc4;
	margin-top: 20px;
}
div.sidebar div.content {
	padding: 5px;
	font-size: 85%;
	color: #333;
	font-family: Arial, sans-serif;
}
div.sidebar div.content p {
	margin-bottom: 10px;
}
div.sidebar div.content img {
	margin: 0 10px 5px 0;
	float: left;
	display: inline;
}

div.sidebar ul#categories {
	margin-left: 5px;
	text-align: left;
}
div.sidebar ul#categories li {
	margin-bottom: 14px;
}
div.sidebar ul#categories li a {
	font-weight: bold;
	background: url(../img/link-stars-blue.gif) no-repeat;
	padding-left: 20px;
}

div.sidebar ul#categories li a:hover {
	font-weight: bold;
	background: url(../img/link-stars-yellow.gif) no-repeat;
}
div.sidebar ul#categories li a.text {
	padding-left: 20px;
	margin-bottom: 20px;
}

div.sidebar a.plain {
	font-size: 108%;
	color: #3d6bc4;
	font-weight: bold;
	font-family: Verdana, sans-serif;
	border-bottom: 1px dashed #849174;
	text-transform: uppercase;
	margin-bottom: 5px;
}

div.sidebar-btm {
	width: 220px;
	height: 26px;
	background: none no-repeat 0 0;
	overflow: hidden;
}

/* Footer Box */
div.footerbox-top {
	width: 280px;
	height: 0px;
	overflow: hidden;
	background: none no-repeat 0 0;
}
div.footerbox {
	width: 260px;
	background: none repeat-y 0 0;
	padding: 1px 20px 1px 10px;
	color: #fff;
}

div.footerbox a{
	color: yellow;
}


div.sidebar div.content p {
}

div.footerbox-btm {
	width: 280px;
	height: 26px;
	background: none no-repeat 0 0;
	overflow: hidden;
}

/* T-Shirt Summary */

/* T-Shirt Box */
div#tshirt-left {
	width: 294px;
	height: 241px;
	float: left;
	display: inline;
}
div#tshirt-right {
	width: 300px;
	float: left;
	display: inline;
}
div#tshirt-right img.head {
	margin-left: 15px;
}
div#tshirt-right p {
	margin-left: 15px;
	text-align: left;
	font-size: 85%;
	color: #364c1d;
}
div#tshirt-right {
	margin-bottom: 15px;
}
div#tshirt-bottom {
	text-align: center;
}

/* Box */
div.box1 {
	background: none no-repeat 0 100%;
	text-align: center;
}
div.box2 {
	background: none no-repeat 0 0;
	padding-left: 10px;
}
div.box3 {
	background: none no-repeat 100% 0;
	padding-top: 9px;
}
div.box4 {
	background: none no-repeat 100% 100%;
	padding: 0 10px 10px 0;
}

div.box4 p{
	font-size: 14px;
	text-align: left;
}
div.box5 {
	background: none no-repeat 100% 100%;
	padding: 0 10px 10px 0;
	width: 100%;
}
/* Small Box */
div.small-box1 {
	background: none no-repeat 0 100%;
}
div.small-box2 {
	background: none no-repeat 0 0;
	padding-left: 10px;
}
div.small-box3 {
	background: none no-repeat 100% 0;
	padding-top: 9px;
}
div.small-box4 {
	background: none no-repeat 100% 100%;
	padding: 0 10px 10px 0;
}

/* Small Round Box */ 
.smallroundbox {
  width:315px;
  padding:8px 0 0 0;
  float:left;
 /* margin-right:20px;*/
 /* background:url(../images/bg-smallroundedtop.gif) no-repeat top; */
 }

.smallroundboxright {
  width:315px;
  padding:8px 0 0 0;
  float: right;
 /* margin-right:20px;*/
 /* background:url(../images/bg-smallroundedtop.gif) no-repeat top; */
 }

.boxright {
  margin-right:0 !important;
 }

.boxcontainer {
  /*border-right:1px solid #615853;
  border-left:1px solid #615853;*/
  min-height:180px;
  height: 180px;
}

.cartboxcontainer {
  /*border-right:1px solid #615853;
  border-left:1px solid #615853;*/
  min-height:140px;
}


.smallroundboxbottom {
/*  background:url(../images/bg-smallroundedbottom.gif) no-repeat; */
  width:285px;
  height:8px;
}

.photobox {
  width:130px;
  float:left;
	margin: 5px 18px 5px 15px;
}

.photobox img {
  display:block;
  margin:0 auto;
}

.infobox {
  width:130px;
  float:left;
  padding:10px 0 ;
}

.infobox h3 ,
.bigroundbox h3 {
  color:#0a6891;
  font-weight:normal;
  padding:0 0 10px 0;
}

/* Big Round Box */

/* big rounded box */
.bigroundbox {
  width:596px;
  padding:5px 0 0 0;
  margin:5px 0 ;
  font-size: 90%;
}

.bigroundbox .boxcontainer {
  color: #33517d;
  padding:0 10px;
}

table.shoptable {
  padding:10px;
  width:576px;
}

table.shoptable .prodcol {
  width:228px;
}

table.shoptable .standcol {
  width:81px;
}

table.shoptable tr.nop td {
  padding:0 !important;
}

table.shoptable .breakdown {
  color: #33517d;
  width:81px;
  padding:0;
 }

table.shoptable th {
  color: #0A6891;
  text-align:left;
  font-weight: bold;
  font-size: 120%;
  margin:0 0 10px 0;
  border-bottom: 1px solid #333;
}

table.shoptable td {
  color:#5a5a5a;
  font-size:1.1em;
  padding-bottom:5px;
  padding-top: 4px;
}

  
/* TOP Box */
div#topbox {
	width: 554px;
	height: 200px;
	margin-bottom: 10px;
	line-height: 1.7;
	font-family: Arial, sans-serif;
	background: none no-repeat 0 0;
	color: white;
}


div#topbox div {
	font-size: 130%;
	color: white;
	padding: 5px 15px 0 30px;
}
div#topbox div p {
	margin-bottom: 10px;
}
div#topbox div a {
	color: yellow;
}	
div#topbox img {
	float: right;
	padding-left: 10px;
}
div#topbox div#inner {
	font-size: 80%;
}

/* @end */div#nav ul li a:hover, div#nav ul li a.active

/* @group Nav */
div#nav {
	width: 590px;
	padding-top: 20px;
	float: right;
	display: inline;
}
div#navnew {
	width: 660px;
	padding-top: 20px;
	float: right;
	display: inline;
}

div#navnew ul li {
	margin-right: 3px;
	float: left;
	display: inline;
	padding-right: 10px;
	padding-left: 10px;
	border: 1px dotted #96b4ec;
}
div#navnew ul li:hover {
	color: #0e4faf;
	border: 1px dotted #072d63;
}

div#navnew ul li a {
	display: block;
	background: none no-repeat 100% 0;
	font-weight: bold;
	float: left;
	display: inline;
	color: #072c63;
}

div#navnew ul li a:visited {
	color: #0e4faf;
}

div#navnew ul li a:hover {
	color: #0e4faf;
}

div#navnew ul li a.active {
	color: #587dab;
}

div#nav ul li {
	margin-right: 3px;
	float: left;
	display: inline;
}
div#nav ul li a {
	display: block;
	background: none no-repeat 100% 0;
	font-weight: bold;
	float: left;
	display: inline;
	color: #072d63;
}
div#nav ul li a span {
	display: block;
	background: none no-repeat 0 0;
	margin-right: 12px;
	padding-left: 14px;
	padding-right: 3px;
	line-height: 28px;
	height: 24px;
	overflow: hidden;
	float: left;
	display: inline;
}
div#nav ul li a:link, div#nav ul li a:visited {
	color: #c3c6c8;
	text-decoration: none;
}
div#nav ul li a:hover, div#nav ul li a.active {
	background-position: 100% -24px;
	color: #fcf17e;
}
div#nav ul li a:hover span, div#nav ul li a.active span {
	background-position: 0 -24px;
}

/* Resources Nav */
ul#res-nav {

}
ul#res-nav li {
	border-bottom: 1px dashed #849174;
}
ul#res-nav li a {
	display: block;
	line-height: 28px;
	padding-left: 30px;
}

ul#res-nav li a:link, ul#res-nav li a:visited {
	color: #f3f5da;
	text-decoration: none;
}
ul#res-nav li a:hover {
	background: #96b4ec none no-repeat;
	color: #072d63;
}
/* @end */

/* @group Default Headings */
h1 { 
	color: #3d6bc4;
	font-size: 231%;
	margin-bottom: 10px;
	font-weight: bold;
}
h2 { 
	color: #3d6bc4;
	font-size: 121%;
	margin-bottom: 10px;
	font-weight: bold;
}
h3 {
	text-align: left;
	color: #072d63;
	font-weight: bold;
	font-size: 1.4em;
	padding-bottom: 14px;
}
h4 { 
	color: #3d6bc4;
	font-weight: bold;
	font-style: italic;
	display: inline;
}
h5 {
	text-align: center;
}
h6 {
	color: #002b6b;
	text-align: left;
	font-size: 160%;
	margin-bottom: 30px;
	font-weight: bold;
}
/* @end */

/* @group Common Text Styles */
	
/* @end */

/* @group Default Lists */
	
/* @end */

/* @group Forms */
	
/* @end */

/* @group Default Links - link visited hover active */
a:link{ }
a:visited{ }
a:hover{ }
a:active{ }
/* @end */

/* @group Misc */
.clear {
	clear: both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* @end */

/* @group Extras */

#boxy {
	border: medium dashed #3d6bc4;
	margin-bottom: 10px;
	padding: 5px;
}

.pullout {
	background-color: #fefcce;
}

.alert {
	color: maroon;
	font-weight: bold;
}

.bigquote {
	color: #213b6c;
	font-size: 180%;
	font-style: italic;
	padding-bottom: 40px;
	font-weight: bold;
	text-align: center;
	line-height: 30px;
}

.sap-inline {
	border: medium groove #6d8aaa;
	float: right;
	margin-left: 6px;
	margin-bottom: 6px;
}

.hds {
	color: #072d63;
	font-size: 110%;
	margin-bottom: 10px;
	text-align: left;
	list-style-image: none;
	list-style-position: outside;
	font-weight: bold;
}
.hds1 {
	color: #213b6c;
	font-size: 20px;
	margin-bottom: 10px;
	text-align: left;
	list-style-image: none;
	list-style-position: outside;
}

#programinfo {
	text-align: center;
}

.breaker {
	line-height: 30px;
}
/* @end */