/* GLOBAL STYLES */

html { 
	min-width: 768px;
}

body {
	margin: 0 0;
	padding: 0;
	border: 0;
	background: #F9F9FC url(../images/bg.gif) repeat;
	font-family:Arial, Helvetica, sans-serif;
}

form { margin: 0; padding: 0; }

img	{
	margin: 0;
	padding: 0;
	border: 0;
}

img.rotate {
	border-bottom: 4px solid #CCCCCC;
}

img.icon {
	float: left;
	padding: 2px 6px 10px 0;
}

img.content {
	float: right;
	padding: 5px 0 0 10px;
}

img#book {
	padding-top: 3px;
}

img#cost {
	margin: 2px 0 0 2px;
}

/* GLOBAL LAYOUT */

div#container {
	width: 768px;
	margin: 5px auto;
	padding: 0;
}

div#header { 
	background: url(../images/top_bg.gif) top left repeat-y;
	width: 768px;
	margin:0;
	text-align: right;
}

div#topbar {
	background: #000 url(../images/topbar6.jpg) top left no-repeat;
	width: 768px;
	height: 130px;
	margin: 0;
	padding: 0;
	border: 0;
	position:relative;
}
#topbar div#news
{
	position:absolute;
	width:198px;
	height:34px;
	top:90px;
	left:370px;
}
#topbar div#bbb
{
	position:absolute;
	width:90px;
	height:32px;
	top:15px;
	left:430px;
}
#topbar div#reg
{
	position:absolute;
	width:198px;
	height:34px;
	top:90px;
	left:570px;
}

div#content {
	background: #fff url(../images/content_bg_sub.gif) top left repeat-y;
	width: 768px;
	margin: 0 0;
	border: 0;
	padding: 0;
	text-align: left;
}

div#content2 {
	background: #fff url(../images/content_bg_sub2.gif) top left repeat-y;
	width: 768px;
	margin: 0 auto;
	border: 0;
	padding: 0;
	text-align: left;
}

div#menu {
	float: left;
	display: block;
	width: 768px;
	height: 19px !important;
	height: 19px;
    background-color: #ffcc00;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}

div#mainpic {
	display: block;
	float: left;
	background: #ffffff;
	width: 768px;
	height: 133px;
	border: 0;
	margin: 0 0 0 0;
	padding: 0;
}

#mainpic span {
	display: none;
}
div#mainpichome {
	display: block;
	float: left;
	background: #ffffff;
	width: 768px;
	height: 149px;
	border: 0;
	margin: 0 0 0 0;
	padding: 0;
}

#mainpichome span {
	display: none;
}
div#topcontent {
	float: left;
	font: 1px/1px sans-serif !important;
	font: 0px/0px sans-serif;
	background: #fff url(../images/content_bg_top.gif) top left repeat-y;
	display: block;
	width: 768px;
	height: 7px;
	margin: 0 0;
	border: 0;
	padding: 0;
}

div.statcounter {
	margin: 0 0;
	border: 0;
	padding: 0;
	visibility: hidden;
}

/* GLOBAL LEFTBAR */

div#leftbar {
	float: left;
	width: 278px !important;
	border: 0;
	margin: 0;
	padding: 0 0 0 5px;
}

div#leftbar h5 {
	background: transparent;
	width: 276px;
	margin: 0 0;
	padding: 0;
	border: 0;
}

div#leftbar h5 a {
	width: 276px;
	height: 124px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
}

div#leftbar h5#hsp {
	background: transparent url(../images/leftbar_h5_hsp.gif) no-repeat top left;
	height: 124px;
}

div#leftbar h5#dvd {
	background: transparent url(../images/leftbar_h5_dvd.gif) no-repeat top left;
	height: 124px;
}

div#leftbar h5#fp {
	background: transparent url(../images/leftbar_h5_aff.gif) no-repeat top left;
	height: 124px;
}

div#leftbar h5#cam {
	background: transparent url(../images/leftbar_h5_cam.gif) no-repeat top left;
	height: 124px;
}

div#leftbar h5#drf {
	background: transparent url(../images/leftbar_h5_drf.gif) no-repeat top left;
	height: 124px;
}

div#leftbar h5#reg {
	background: transparent url(../images/leftbar_h5_reg.gif) no-repeat top left;
	height: 124px;
}

div#leftbar h5#mart {
	background: transparent url(../images/leftbar_h5_mart.gif) no-repeat top left;
	height: 124px;
}

div.lsides {
	padding: 0 15px;
	margin: 0 0;
}

div.ltop, div.lbottom {
	padding: 0;
	margin: 0;
	font: 1px/1px monospace !important;
	font: 0px/0px monospace;
}

div.ltop {
	height: 7px;
	background: #FFFFFF url(../images/leftbar_top.gif) no-repeat center bottom;
}

div.lbottom {
	height: 15px;
	background: #FFFFFF url(../images/leftbar_btm.gif) no-repeat center bottom;
}

/* SUBPAGE ELEMENTS */

#fullcenterbox {
	margin: 0;
	border: 0;
}

#centerbox {
	float: left;
	width: 475px !important;
	width: 475px;
	margin: 0;
	border: 0;
	padding: 0 0 0 2px;
}

#subleft {
	float: left;
	width: 475px !important;
	width: 475px;
	font: 9px Verdana, Helvetica, sans-serif;
	border: 0;
	margin: 0;
	padding: 0 0;
}

div.subtop {
	padding: 0;
	margin: 0;
	font: 1px/1px monospace !important;
	font: 0px/0px monospace;
}

div.subtop {
	height: 7px;
	background: #FFFFFF url(../images/sub_center_top.gif) no-repeat center bottom;
}

div.subtopreg {
	padding: 0;
	margin: 0;
	font: 1px/1px monospace !important;
	font: 0px/0px monospace;
}

div.subtopreg {
	height: 7px;
	background: #FFFFFF url(../images/reg_top.gif) no-repeat center bottom;
}

div.reg {
	float: left;
	width: 766px !important;
	padding: 0;
}

div.regtoptitle
{
    background-image: url(../images/reg_top_bar.gif);
    background-repeat: no-repeat;
    background-position: left top;
    height:22px;
    background-color: transparent;
    width:748px;
    color:#fff;
    padding-left:20px;
    padding-top:5px;
	font: 14px Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:0;
}

div.subsides {
	padding: 0 20px 0 15px;
	margin: 0 0;
}

div.subsides h3 {
	margin: 0 -15px 7px -11px;
	padding: 0 0 4px 10px;
}

div.centered {
	text-align: center;
	width: 300px;
	margin: auto;
	padding: 10px 0;
}

/* MEDIA IMAGE DOWNLOAD AREA */

div.pictop, div.picbtm {
	padding: 0;
	font: 1px/1px monospace !important;
	font: 0px/0px monospace;
}

div.pictop {
	margin-top: 10px;
	height: 7px;
	background: #FFFFFF url(../images/pic_top.gif) no-repeat center bottom;
}

#picbg {
	width: 440px !important;
	width: 440px;
	background: url(../images/pic_bg.gif) top left repeat-y;
	padding: 0 0 0 8px;
	margin: 0 0;
}

div.picbtm {
	margin-bottom: 10px;
	height: 7px;
	background: #FFFFFF url(../images/pic_btm.gif) no-repeat center bottom;
}

div.picthm-bg {
	display: inline;
	float: left;
	width: 102px !important;
	width: 102px;
	min-height: 102px;
	margin: 0 5px 0 0;
	padding: 0 0;
	background: #FFFFFF url(../images/pic_thm_bg.gif) top left no-repeat;
}

img.port {
	padding: 4px 14px;
}

img.land {
	padding: 14px 4px;
}

div#pop {
	margin: 0 0;
}

/* NEWSLETTER */

div.newsdl {
	display: inline;
	float: left;
	width: 160px !important;
	width: 160px;
	height: 47px;
	margin: 0 10px 10px 0;
	padding: 3px 3px 2px 3px;
	/*background: #F0F1EB;
	border: 1px solid #CCCCCC;*/
}

div.newsdl img {
	float: left;
	margin: 0 5px 0 0;
}

div.buttons {
	display: inline;
	float: left;
	width: 88px !important;
	width: 88px;
	height: 40px;
	margin: 10px 20px 10px 0;
	padding: 0;
	/*background: #F0F1EB;
	border: 1px solid #CCCCCC;*/
}

div.buttons img {
	float: left;
	margin: 0 0;
}

div.center-div {
	width: 220px;
	margin: auto;
	text-align: center;
}

/* FORM ELEMENTS */

input.field {
	padding: 0;
	margin: 0 0;
	width: 128px !important;
	width: 128px;
	height: 15px !important;
	height: 15px;
	border: 1px solid #CCCCCC;
}


#contactus {
	margin: 0 0;
	padding: 0;
	border: 0;
}

#contactus fieldset {
	border: solid 0 transparent;
	margin: 10px 0 10px 10px;
	padding: 0;
}

div.contact-title {
	display: inline;
	float: left;
	font: 11px Helvetica, Arial, sans-serif;
	font-weight: bold;
	width: 110px;
	text-align: right;
	color: #7082A9;
	padding: 2px 0 10px 0;
	margin: 0 5px 0 0;
	/*border: 1px solid #000000;*/
}

div.contact-checkboxes {
	display: inline;
	float: left;
	font: 10px Helvetica, Arial, sans-serif;
	text-align: left;
	color: #333333;
	padding: 0 0 10px 0;
	margin: 0 0;
	border: 0;
}

input.contact, input.contact-zip {
	padding: 0;
	margin: 0 0;
	height: 15px !important;
	height: 15px;
	border: 1px solid #CCCCCC;
}

input.contact {
	width: 200px !important;
	width: 200px;
}

input.contact-zip {
	width: 43px !important;
	width: 43px;
}

select.contact-select,
select.contact-state {
	font-size: 95%;
	padding: 0;
	margin: 0 0;
	height: 15px !important;
	height: 15px;
	border: 1px solid #CCCCCC;
}

select.contact-select {
	width: 200px !important;
	width: 200px;
}

select.contact-state {
	width: 45px !important;
	width: 45px;
}

textarea.contact-text {
	width: 200px !important;
	width: 200px;
	height: 100px !important;
	height: 100px;
	border: 1px solid #CCCCCC;
}

div.contact-btntact-btn {
	display: inline;
	float: left;
	margin: 10px 8px 0 0;
	padding: 0;
	border: 0;
	width: 102px !important;
	width: 102px;
	height: 22px !important;
	height: 22px;
}

/* STORE ELEMENTS */

.store-container {
	height: 22px;
	margin: 0 0 5px 0;
	padding: 0;
	border: 0;
}

.store-text {
	display: inline;
	float: left;
	height: 22px;
	text-align: right;
	margin: 0 0;
	padding: 0;
	border: 0;
}

.store-text p {
	text-align: right;
	width: 325px;
	padding: 2px 5px 0 0;
	margin: 0 0;
	border: 0;
}

p.store-text {
	display: inline;
	float: left;
	height: 22px !important;
	height: 22px;
	text-align: right;
	width: 334px !important;
	width: 334px;
	padding: 2px 5px 0 0;
	margin: 0 0;
	border: 0;
}

.cart {
	float: right;
	height: 22px !important;
	height: 22px;
	padding: 0;
	margin: 0 0;
}

.cart p {
	display: inline;
	/*float: right;*/
	padding: 2px 5px 0 0;
	margin: 0 0;
	border: 0;
}

input.cart-btn {
	display: inline;
	float: right;
	margin: 0 0;
	padding: 0;
	border: 0;
	width: 102px !important;
	width: 102px;
	height: 22px !important;
	height: 22px;
}

/* CLEARING ELEMENTS */

/*** see http://www.positioniseverything.net/easyclearing.html 
   for explanation of Tony Aslett's elegant hack ***/ 

.clearing:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
    } 



br.clear-both, 
div.clear-both,
br.clear-left, 
div.clear-left
br.clear-right, 
div.clear-right {
	font: 1px/1px monospace;
	display: block;
}

.clear-both {
	clear: both;
}

.clear-left {
	clear: left;
}

.clear-right {
	clear: right;
}

#subbtm {
	/*font: 1px/1px monospace !important;
	font: 0px/0px monospace;*/
	text-align:	left; 
	margin: 0 0;
	padding-top: 18px;
	width: 768px;
	height: 34px;
	background: url(../images/content_btm_sub.gif) no-repeat center top;
}

#subbtmreg {
	/*font: 1px/1px monospace !important;
	font: 0px/0px monospace;*/
	text-align:	left;
	margin: 0 auto;
	padding-top: 18px;
	width: 768px;
	height: 34px;
	background: url(../images/content_btm_sub2.gif) no-repeat center top;
}

.regarea p {
	float: left;
	display: inline;
	font: 9px Helvetica, Arial, sans-serif;
	color: #CCCCCC;
	margin-left: 11px;
	/*\*/
	margin-top: 1px;
	/* */
}

.regarea a:link, .regarea a:visited {
	color: #CCCCCC;
	text-decoration: none;
}

.regarea a:hover, .regarea a:active {
	color: #5A6F9C;
	text-decoration: none;
}

#subbtm-p1 {
	font-size:11px;
	padding-right: 160px;
}

#subbtm-p2 {
	margin: 0 0 0 160px;
	padding: 0 0 0 0;
}

.regarea img {
	float: right;
	display: inline;
	margin-right: 9px;
	margin-top: 1px;
	padding: 0;
}

#webconsuls {
	/*font: 1px/1px monospace !important;
	font: 0px/0px monospace;*/
	margin: 0 0;
	padding-top: 18px;
	width: 768px;
	height: 34px;
}

#webconsuls p {
	float: left;
	display: inline;
	font: 9px Helvetica, Arial, sans-serif;
	color: #FFFFFF;
	margin-left: 11px;
	margin-top: 1px;
}

#webconsuls a:link, #webconsuls a:visited {
	color: #CCCCCC;
	text-decoration: none;
}

#webconsuls a:hover, #webconsuls a:active {
	color: #5A6F9C;
	text-decoration: none;
}