/***************************************************************************************************
Default Typography
****************************************************************************************************/

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
}

h1, h2, h3, h4, h5, h6{
	font-family: Georgia, Times, Times New Roman, serif;	
	margin: 7px 0;
}

h1{
	font-size: 30px;
	line-height: 34px;
}

h2{
	font-size: 20px;
	line-height: 24px;
}

h3{
	font-size: 14px;
	line-height: 18px;
}

h4{
	font-size: 12px;
}

p{	
	margin: 10px 0;
}

blockquote{
	background-image: url(/images/design-elements/blockquote-bg.gif);
	background-repeat: no-repeat;
	background-position: 9px 11px;
	margin: 10px 0;
	padding: 2px 10px 2px 34px;
	border: 1px solid #e1e1e1;
}

:link,
a:visited{
	color: #002aff;
	text-decoration: none;
}

a:hover,
a:active{
	color: #002aff;
	text-decoration: underline;
}

/***************************************************************************************************
General Layout Stuff
****************************************************************************************************/

#main{
	background-color: #f1f5f9;
}

#content-head{
	background-image: url(/images/design-elements/content-head-bg.png);
	background-repeat: no-repeat;
}

#content-body{	
	background-image: url(/images/design-elements/content-body-bg.png);
	background-repeat: repeat-y;
}

#content-foot{
	background-image: url(/images/design-elements/content-foot-bg.png);
	background-repeat: no-repeat;
}

/***************************************************************************************************
Header
****************************************************************************************************/

#header{
	background-image: url(/images/design-elements/full-width-divider-bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

#header ul.nav{
	background-image: url(/images/design-elements/header-nav-bg.gif);
	background-repeat: repeat-x;
	width: 340px;
	padding: 0;
	position: absolute;
	top: 50px;	
	font-weight: normal;
	font-family: Georgia, Times, Times New Roman, serif;
	font-size: 14px;
}

#header ul.nav li{
	padding: 12px 0 0 0;
}

#header ul.nav li.first{
	padding-left: 7px;
	padding-right: 28px;
}

#header ul.nav li.second{
	padding-right: 28px;
}

#header ul.nav li.third{
	padding-right: 28px;
}

#header ul.nav li.fourth{
	padding-right: 0px;
}

#header ul.nav li.fifth{
	padding-left: 8px;
	padding-right: 25px;
}


#header ul.nav li.sixth{
	padding-right: 0px;
}

#header ul.nav :link,
#header ul.nav a:hover,
#header ul.nav a:active,
#header ul.nav li a:visited{
	color: black;
	text-decoration: none;
}

#header ul.left{
	left: 0;
}

#header ul.right{
	right: 0;
}

/***************************************************************************************************
Home Slider
****************************************************************************************************/

/**********************************************
Home Page Coda Slider
**********************************************/

#slider{	
	font-size: 14px;
}

#slider h1{
	font-size: 42px;
}

#slider h2{
	font-size: 32px;
}

#slider h3{
	font-size: 24px;
}

#slider :link,
#slider a:visited{
	color: white;
	text-decoration: none;
	font-weight: bold;
}

#slider a:hover,
#slider a:active{
	color: white;
	font-weight: bold;
	text-decoration: underline;
}


#panel_container{
	background-image: url(/images/design-elements/home-sub-header-bg.jpg);
	height: 381px;
	width: 940px;
	position: relative;
	color: white;
	margin: 10px 0 0;
}

#slider{
	width: 560px;
	height: 381px;	
	position: absolute;
	right: 0;
	top: 0;
}

.scroll{
	background-image: url(/images/design-elements/home-sub-header-text-bg.png);
	width: 560px;
	height: 347px;	
	overflow: auto;
	overflow-x: hidden;
	position: relative;
	clear: left;
	
}

#slider .scrollContainer div.panel{
	padding: 10px;
	width: 540px;
	height: 327px;
	overflow: hidden;

}

#slider .nav-container{
	width: 560px;
	height: 34px;
	position: absolute;
	bottom: 0;
	right: 0;
	background-image: url(/images/design-elements/home-sub-header-nav-bg.png);
}

#slider ul.navigation{
	list-style: none;	
	margin: 0 auto;
	width:150px;
}

#slider ul.navigation li,
#slider ul.navigation a,
#slider ul.navigation a img{
	width: 22px;
	height: 22px;
	display: block;
}

#slider ul.navigation li{
	padding: 6px 3px;
}

#slider ul.navigation li{
	display: inline;
	float: left;
}

#slider ul.navigation a {
	display: inline-block;
	color: #000;
	text-decoration: none;
	background-image:url(/images/design-elements/home-sub-header-nav-button.png);
	background-repeat: no-repeat;
}

#slider ul.navigation a:hover,
#slider ul.navigation a.selected{background-image:url(/images/design-elements/home-sub-header-nav-button-active.png);}

#slider ul.navigation a:focus {
	outline: none;
}

#slider .hide {
	display: none;
}

/***************************************************************************************************
Primary
****************************************************************************************************/

#primary{
	border-right: 1px solid #e1e1e1;
 }

.footer-module .module-img{
	margin: 10px 0 0 0;
}

#primary ul{
	margin: 10px 0 10px 18px;	
}

#primary li{	
	background-image: url(/images/design-elements/li-bg.gif);
	background-repeat: no-repeat;
	background-position: 0 8px;
	padding: 0 0 0 12px;
}


/**********************************************
Product Catalog
**********************************************/

#primary .catalog{
	position: relative;
	margin: 10px 0;
}

#primary .catalog .catalog-content{
	position: relative;
	min-height: 10px; /* IE7 fix */
}

#primary .catalog .catalog-content img.product{
	margin: 10px;
}

#primary .catalog .catalog-content .catalog-summary{
	width: 464px;
	margin: 10px 10px 10px 0;
}

#primary .catalog .catalog-content .catalog-summary img.title{
	margin: 0 10px;
}

#primary .catalog .catalog-content .catalog-summary ul.prices{
	position: absolute;
	top: 5px;
	right: 10px;	
}

#primary .catalog .catalog-content .catalog-summary ul.prices li{
	position: relative;
	background-image: none;
}

#primary .catalog .catalog-content .catalog-summary .catalog-description{
	margin: 10px;
}


/***************************************************************************************************
Side
****************************************************************************************************/

#side .module{
	margin: 10px 0 15px;
}

#side .topshadow{
	padding: 15px 0 0 0;
	background-image: url(/images/design-elements/side-topshadow.jpg);
	background-repeat: no-repeat;	
	background-position: 0 0;	
}

#side .module ul.icon-list li{
	float: left;
	margin: 0 10px 5px 0;
}

/***************************************************************************************************
Footer
****************************************************************************************************/

#footer{
	background-image: url(/images/design-elements/full-width-divider-bg.jpg);
	background-repeat: no-repeat;
	line-height: 16px;
}

#footer p{
	margin: 0;
	padding: 8px 0;
}

#footer .third{
	border-right: 1px solid #e1e1e1;
}

#footer div.last{
	border-right: none;
}

#footer ul.icons li{
	margin-right: 15px;
}

#footer ul.icons li.last{
	margin-right: 0;
}

#footer :link,
#footer a:visited{
	color: #002aff;
	text-decoration: none;
}

#footer a:hover,
#footer a:active{
	color: #002aff;
	text-decoration: underline;
}

/***************************************************************************************************
Sub Footer
****************************************************************************************************/

#sub-footer{
	font-size: 10px;
	background-image: url(/images/design-elements/sub-footer-bg.jpg);
	background-position: center bottom; 
	background-color: #f1f5f9;
	background-repeat: no-repeat;
	line-height: 14px;
}

#sub-footer a{
	text-decoration: none;
	color: black;
}

#sub-footer a:hover,
#sub-footer a:active{
	color: #3a6ca6;
}


#sub-footer p{
	margin: 2px 0;
}

#sub-footer-nav{
	text-align: right;
}

#sub-footer-nav ul.nav{
	margin: 0 0 10px 0;
	float: right;
}

#sub-footer-nav ul.nav li{
	padding-right: 7px;
	margin-right: 7px;
	border-right: 1px solid black;
}

#sub-footer-nav ul.nav li.last{
	padding-right: 0;
	margin-right: 0;
	border-right: none;
}

/***************************************************************************************************
Arrow Buttons
****************************************************************************************************/

a.arrow-button,
a.arrow-button em{
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
	display: inline-block;
	background-repeat: no-repeat;
	font-style: normal;
}

a.arrow-button{
	height: 23px;
	background-position: top left;
	padding: 0 0 0 18px;
}

a.arrow-button em{
	height: 19px;
	line-height: 12px;
	font-size: 12px;	
	background-position: top right;
	padding: 4px 20px 0 0;
}

a.blue,
a.blue em{
	color: white;
	background-color: #3a6ca6;	
}

a.blue em{
	background-image: url(/images/design-elements/button-right-blue.gif);	
}

a.blue{
	background-image: url(/images/design-elements/button-left-blue.gif);
}

a.green,
a.green em{
	color: white;
	background-color: #3ba340;	
}

a.green em{
	background-image: url(/images/design-elements/button-right-green.gif);	
}

a.green{
	background-image: url(/images/design-elements/button-left-green.gif);
}