/**   Styles for "Screen" Media
*     File: styles.css
*     Author: Nate Hanna
*     Auth Web: http://www.mediasation.com
*     modified: 3 August 2007 @ 11:39 EST
* --------------------------------------------------------------
**/

/** Element/Global Styles (including Typography)
-------------------------- **/
body {
	margin: 0;
	padding: 0;
	background-color: #FFF;
	font-size: small; /* about 12px if browser size is set at default (16px) */
	font-family: Geneva,Arial,Helvetica,sans-serif;
	color: #333;
}

h1, h2, h3, h4, h5, h6,
#hdr #info,
#hdr #contactInfo,
#rightCol {
	font-family: Verdana,Arial,Helvetica,sans-serif;
}

a {
	color: #3366CC;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

h2,
h2.blue { 
	font-size: 1.5em; 
	color: #0000cc;
}

h3,
#store .txtContentTitle,
.green {
	color: #66cc00;
	font-size: 1.0em;
	margin-top: 30px;
}

#default h2 {
	margin-bottom: 10px;
}

div.hr {
	height: 1px;
	margin: 1.6em 0 1.6em 0;
	padding: 0;
	background: #8A8278 no-repeat scroll center;
}
div.hr hr {
	display: none;
}

ul li,
ol li {
	margin-bottom: 8px;
}


/** width and positioning
-------------------------- **/
#contentWrapper,
#wrapper {
	width: 800px;
}

#wrapper {
	position: relative;
	margin: 0 auto;
}


/** hdr
-------------------------- **/
/* @group hdr */
#default #hdr,
#store #hdr {
	position: relative;
	width: inherit;
	height: 111px;
	overflow: hidden;
	text-align: center;
	margin-top: 8px;
}

#default #wrapper > #hdr {
	height: 111px;
}

#hdr h2 {
	color: #000;
	font-size: 0.85em;
	font-weight: normal;
}

/* @group banner */

#hdr #banner {
	width: inherit;
	border-bottom: 1px solid blue;
	height: 57px;
}

#hdr #banner a, 
#hdr #banner a:visited
{
	position: absolute;
	display: block;
	background: url("images/logo.gif") 0 0 no-repeat;
	text-indent: -10000px;
	width: 284px;
	height: 44px;
	text-decoration: none;
	overflow: hidden;
	z-index: 1500;
	top: 13px;
	left: 0;
}

/* @end banner */

#hdr #info,
#hdr #contactInfo {
	font-size: 0.90em;
	font-weight: bold;
	top: 44px;
}

#hdr #info {
	position: absolute;
	left: 329px;
}

#hdr #contactInfo {
	position: absolute;
	right: 0;
}

/* @group topNavigation */

#hdr #topNavigation {
	width: inherit;
	padding: 19px 0 0 0;
	background-color: #3366cc;
}

#hdr #topNavigation table {
	margin: 0 auto;
}

#hdr #topNavigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#hdr #topNavigation ul li {
	display: inline;
}

#hdr #topNavigation ul li a,
#hdr #topNavigation a {
	display: block;
	color: #FFF;
	padding: 5px 0 5px 0;
	float: left;
	font-size: 0.95em;
	font-weight: bold;
	text-decoration: none;
	background-color: #6699FF;
	border-left: 1px solid #3366CC;
	border-right: 2px solid #3366CC;
	text-align:center;
	vertical-align:middle;
	width:194px;
}

#hdr #topNavigation ul li a:hover,
#hdr #topNavigation a:hover {
	text-decoration: underline;
}

/*#store > #hdr #topNavigation,
#default > #hdr #topNavigation {
	height: 24px;
}*/

/* @end topNavigation */

#hdr #hdrDivider {
	width: inherit;
	background: transparent url("images/subbar.gif") top left repeat-x;
	font-size: 1px;
	color: #3366cc;
	height: 8px;
 	margin-top: -2px;
}

#store #hdr #hdrDivider {
	margin-top: -4px;
}

#store #wrapper > #hdr #hdrDivider {
	margin-top: -2px;
}

/*#hdr > #hdrDivider {
	margin: 0;
}*/
/* @end hdr */

/** ContentWrapper
-------------------------- **/
/* @group ContentWrapper */

#contentWrapper {
	width: inherit;
	background: transparent url("images/contentBg.gif") top left repeat-y;
	margin-bottom: 5px;
}

#contentWrapper #leftCol {
	font-size: 0.95em;
	padding: 10px;
	width: 542px;
	float: left;
}

#store #contentWrapper #leftCol {
	padding-right: 0;
	margin-right: 6px;
}

#store #wrapper > #contentWrapper #leftCol {
	margin-right: 0;
	padding-right: 10px;
}

#contentWrapper #rightCol {
	color: #333;
	padding: 0 0 10px 0;
	float: left;
	width: 237px;
	font-size: 0.90em;
}

#store #contentWrapper #rightCol {
	margin-left: 4px;
}

#store #wrapper > #contentWrapper #rightCol {
	margin-left: 0;
}

#contentWrapper #rightCol #contentright {
	background-color:#EBEBEB;
	border-left:1px solid #FFF;
	border-right:1px solid #CCC;
	margin: 15px 5px 0 7px;/*10px;*/
	padding: 10px;
	width: 200px;
}

#wrapper > #contentWrapper #rightCol #contentright {
	margin-left: 10px;
}

/*#store #contentWrapper #rightCol #contentright {
	width: 180px;
}*/

/* @end Content */



/** Ftr
-------------------------- **/
/* @group ftr */

#ftr,
#siteBy {
	text-align: center;
}

#ftr {
	font-size: 0.90em;
	padding: 10px 0 5px 0;
}

#siteBy {
	padding-bottom: 10px;
}

#siteBy a {
	font-size: 0.80em;
	color: #999;
}

#siteBy a:hover {
	color: #333;
}

/* @end ftr */


/** Class Styles
-------------------------- **/

.blue {
	color:  #3366CC;
}

.white {
	color: #FFF;
}

.centerTxt {
	text-align: center;
}

.rightTxt {
	text-align: right;
}

.hidden {
	display: none;
}

.clear
{
	clear:both;
	height:1px;
	overflow:hidden;
	margin-bottom:-1px;
	font-size: 1px;
}

.nowrap {
	white-space: nowrap;
}


/* @group store */

#store .txtContentTitle {
	font-weight: bold;
	font-size: 1.2em;
}

#store div.boxContent {
	margin-top: 20px;
}

#store div.boxTitleLeft {
	background-color: #666;
	border-top: 1px solid #FFF;
	font-weight: bold;
	color: #FFF;
	padding: 5px;
}

#store #rightCol #contentright div.active {
	background-color: #3366cc;
}

#store #rightCol #contentright div.inactive {
	cursor: hand;
	cursor: pointer;
}

#store div.boxContentLeft {
	padding: 8px;
}

#store div.latestProdBox {
	background-color: #EBEBEB;
	margin-bottom: 10px;
	padding: 10px;
	height: 51px;
}

#store #latestProds > div.latestProdBox {
	height: auto;
}

#store div.latestProds,
#store div.prodCol {
	float: left;
}

#store div.latestImg {
	width: 90px;
}

#store div.latestTxt {
	width: 432px;
}

/* @group search */

#store #search {
	border-bottom: 1px solid #3366cc;
	height: 20px;
	background-color: #666;
	padding: 6px 5px 5px 5px;
	color: #FFF;
}

#store #search a {
	color: #c1d7ff;
}

#store #search div {
	float: left;
	width: 266px;
}

#store input.searchBox,
#store input.textbox {
	width: 120px;
	border: 1px solid #333;
	background-color: #c1d7ff;
	padding-left: 2px;
	color: #2852a6;
}

#store input.textbox {
	width: auto;
	padding: 3px 3px;
}

#store textarea.textbox {
	border: 1px solid #333;
	padding: 2px;
}

#store div.sessionTxt {
	padding: 3px 0 0 0;
	white-space: nowrap;
	font-size: 0.90em;
}

#store #mailList input.textbox {
	width: 118px;
	vertical-align: text-bottom;
}
/* @end search */
/* @group buttons */

#store input.searchBtn,
#store input.submit,
#store a.txtviewCart,
#store a.txtButton {
	border: 1px solid #333;
	background-color: #ebebeb;
	height: 20px;
	width: 30px;
	font-weight: bold;
	vertical-align: top;
	font-size: 12px; 
}

*html #store div.viewCartBox {
	margin-top: 4px;
}

#store a.txtviewCart,
#store a.txtButton {
	display: block;
	background-color:#EBEBEB;
	border: 1px solid #333333;
	padding: 5px;
	width: 80px;
	height: auto;
	margin: 0 auto;
	font-weight: bold;
	color: #333;
	margin-top: 5px;
	text-align: center;
}

#store a.txtButton {
	padding: 3px 3px 4px 3px;
}

#store input.submit {
	width: 90px;
	height: 23px;
}

#store a.buyButton {
	background-color: #81C52E;
}

#store div.prodBuyInfo a.txtButton {
	margin: 0;
}

/* @end buttons */

#store .txtCartPrice {
	float: right;
	color: #FF0000;
	padding-right: 3px;
}

#store .txtCart {
	color: #000000;	
}

#store div.boxCartContents {
	background-color: #EBEBEB;
	padding: 5px;
	height: 75px;
	border: 1px solid #333;
	overflow-y: auto;
	overflow-x: hidden;
}

#store div.cartTotal {
	margin: 2px 0 0 0;
}

#store div.cartRow {
	border-bottom: 1px solid #999;
	padding: 3px 0;
}

a.txtCheckout {
	font-weight: bold;
	color: #333;
	background-color: #81C52E;
	text-decoration: none;
	font-weight: bold;
	padding: 5px;
	border: 1px solid #333;
	letter-spacing: 1px;
	
}
a.txtUpdate {
	font-weight: bold;
	background-color: #3C68C4;
	text-decoration: none;
	font-weight: bold;
	padding: 5px;
	border: 1px solid #333;
	color: #FFF;
	letter-spacing: 1px;
}

/* @group prodDetail */

#store div.prodDetailLCol,
#store div.prodDetailRCol {
	margin-top: 25px;
}

#store div.prodDetailLCol {
	width: 212px;
	text-align: center;
}

#store div.prodDetailLCol ul {
	margin: 15px;
}

#store div.prodDetailLCol ul li.bulletLrg {
	list-style: none;
}

#store div.prodDetailRCol {
	width: 313px;
	padding-left: 15px;
}

#store div.prodDetailRCol div.txtContentTitle {
	margin-top: 0;
}

#store div.prodBuyInfo {
	margin: 15px 0;
	background-color: #EBEBEB;
	padding: 5px;
	position: relative;
	height: 62px;
}

#store div.prodBuyInfoLCol {
	width: 201px;
}

#store div.prodBuyInfoRCol {
	width: 100px;
}

#store div.prodPurchase {
	position: absolute;
	width: 189px;
	bottom: 5px;
	right: 0;
}

#store div.prodBuyInfo div.nowrap {
	margin-right: 5px;
}
/* @end prodDetail */

#store #rightCol ul,
#store #rightCol ol {
	margin: 5px 0 0 0;
	padding-left: 25px;
}

#store div.boxContentSpacer {
	padding: 8px;
}

#store form.quickBuy {
	margin: 15px 0;
}

#store table.tblList td {
	padding: 5px;
}

#store .required {
	font-weight: bold;
	color: #3C68C4;
}

/* @end store */

/* @group old theme styles */
/*.searchBtn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #FFFFFF;
	background-color: #666666;
	border: 1px solid #666666;
	height: 20px;
	width: 30px;
}*/
/*.searchBox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #666666;
	background-color: #FFFFFF;
	border: 1px solid #666666;
}*/
/*.textbox {
	background-color: #E0F0FF;
	border: 1px solid #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}*/
#store .textboxDisabled {
	background-color: #FFFFFF;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
/*.submit {	
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #070F72;
	border: none;
	height: 18px;
	font-weight: bold;
	border: 1px solid #070F72;
}*/
#store form, 
#store ol, 
#store ul {
	margin: 0px;
	padding: 0px;
}
/*li {
	list-style-position: inside;
	margin: 0px;
	padding: 0px;
}*/
#store li.bullet {
	list-style-type: square;
	/*font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;*/
	color: #000000;	
}
#store li.bulletLrg {
	list-style-type: square;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 100%;
	color: #000000;*/	
}
#store li.num {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 75%;
	color: #000000;*/		
}
#store li.account {
	list-style-type: square;
	padding-top: 5px;
	padding-bottom: 5px;
}
/*.txtSession,.txtCopy, .txtSiteDocs {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #333333;
}*/
/*a.txtSession, a.txtSiteDocs {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #031074;
	text-decoration: none;
}
a.txtSession:hover, a.txtSiteDocs:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #031074;
	text-decoration: underline;
}*/
/*a.txtButton {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #070F72;
	padding: 2px;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
}
a.txtButton:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FF9900;
	padding: 2px;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
}*/

#store .txtOldPrice {
	text-decoration: line-through;
}
#store .txtSale {
 	color: #FF0000;
}
#store .txtOutOfStock {
	color: #FF0000;
}
/*.txtSiteDocs, a.txtSiteDocs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #333333;
	text-decoration:none;
}
a.txtSiteDocs:hover {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #FF6600;
	text-decoration:none;
}*/
/*.txtDefault, a.txtDefault, a.txtLink, a.txtLocation {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #070F72;
	text-decoration:none;
}
a.txtDefault:hover, a.txtLink:hover, a.txtLocation:hover {
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF6600;
	text-decoration:none;
}*/
#store .txtContentTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
	color: #0672CC;
}
#store .txtBoxSave {
	color: #F90707;
	padding-left: 16px;
}
/*.tblList {
	border: 1px solid #070F72;
}*/
#store .tdListTitle {
	background-color: #666;
	font-weight: bold;
	color: #FFFFFF;
}
#store .tdEven,
#store .tdcartEven {
	background-color: transparent;
}
#store .tdOdd,
#store .tdcartOdd {
	background-color: #EBEBEB;
}
/*.txtCartPrice {
	float: right;
	color: #FF0000;
	padding-right: 3px;
}*/
/*.cartTotal {
	border-top: 1px dashed #070F72;
	width: 153px;
	padding-top: 2px;
	margin-top: 3px;
}*/
/*a.txtCartProduct:active, a.txtCartProduct:link, a.txtCartProduct:visited {
	text-decoration: none;
	color: #000000;
}
a.txtCartProduct:hover {
	text-decoration: none;
	color: #FF6600;
}*/
/*a.txtviewCart:active, a.txtviewCart:link, a.txtviewCart:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FF9900;
	text-decoration: none;
	font-weight: bold;
	padding: 2px;
	border: 1px solid #000000;
}*/
/*#store a.txtviewCart:hover {
	background-color: #66CC33;
	color: #FFFFFF;
}*/
#store .cartProgress {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #666666;
	padding: 4px;
	border: 1px solid #CCCCCC;
	width: 350px;
	margin: 15px auto;
}
#store .txtcartProgressCurrent {
	color: #FF9900;
	font-weight: bold;
}
#store .quickBuy {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}
#store .tdcartTitle {
	font-weight: bold;
	color: #FFF;
	background-color: #999;
	border-bottom: 1px solid #666;
	border-top: 8px solid #FFF;
}
/*.tdcartEven {
	background-color: #EBEDFE;	
}
.tdcartOdd {
	background-color: #FFFFFF;
}*/
#store .tdCartSubTotal {
	padding-top: 10px;
	border-top: 1px solid #666666;
}

#store .txtStockWarn {
	font-size: 75%;
	color: #FF0000;
}
#store .txtError {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #050F72;
	background-color: #FFCECE;
	border: 1px solid #FF0000;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}
#store .txtCopyright, 
#store a.txtCopyright {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 5px;
	color: #000000;
}
#store a.txtCopyright:hover {
	text-decoration: none;
}
#store .dropDown {
	width: 120px;
}

/* @end old theme styles */


/* @group old layout styles */

/* CHECKOUT PAGES */
#store .colLeftCheckout {
	position: relative;
	left: 0px;
	width: 160px; 
	padding-left: 15px;
	padding-right: 5px;
	float: left;
}
#store .colMainCheckout {
	position: relative;
	width: 568px;
	float: left;
}
/* END CHECK OUT PAGES */
#store .siteDocs {
	text-align:center;
	margin-top: 10px;
}
#store .pagination {
	text-align: right;
	padding-top: 5px;
	padding-bottom: 5px;
}
#store #subCats {
	background-color: #EBEDFE;
	text-align: center;
	border: 1px solid #C9CEFC;
	margin: 0px;
	padding: 3px;
	float: left;
	width: 387px;
}
#store .subCat {	
	text-align: center;
	padding: 8px;
	float: left;
	width: 110px;
	height: 50px;
}
#store .regSep{
	padding: 10px 0px 10px 0px;
	margin: 10px 0px 10px 0px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
/* @end old layout styles */