html {
}

body {
	margin: 0px auto 0px;
	padding: 0;
        width:968px;
        background:#FFFFFF url('../images/zgradient-bg.jpg') repeat-x;
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	*font-size:small;
	*font:x-small;
}


#mysearchbox {
        vertical-align:middle;
        margin-left:10px;
        margin-right:5px;
        /*height:12px;*/
        font-size:11px;
        line-height:11px;
}

#mysearchbutton {
        font-size:10px;
        line-height:14px;
        width:36px;
        vertical-align: middle;
        color: #FFFFFF;
        background:transparent;
        cursor:pointer;
        border:1px solid #FFFFFF;
        margin-right:24px;
}
.content {
	margin: auto;
        width:760px;
        min-height:325px;
	padding: 10px;
        font-size:15px;
        color:#000080;
	clear: both;
}
table {
	font-size:inherit;
	font:100%;
}

pre,code,kbd,samp,tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}

a       { color : #0033BD; text-decoration : none; }
a:hover { color : #478938; text-decoration : underline; }

p {
	line-height: 1.3em;
}

strong  {
        margin-left:10px;
        margin-right:4px;
	/*font-weight: bold;*/
        /*color:#000080;*/
}

emph {
        text-decoration:line-through;
        color:#FF0000;
}

.imgcenter {
        display:block;
        margin:0 auto;
        text-align:center;
} 

div#page-container {
        background:url('../images/zpage-bg4.png');
        background-color:#FFFFFF transparent;
	width: 968px;
	margin: 0px auto 0px;
        padding:0;
}

div#pagetop {
	background: #FFFFFF url('../images/zpagetop4.jpg');
	width: 968px;
	height: 28px;
	color: #FFFFFF;
	margin: 0px auto 0px;
	padding: 0px;
}

div#header {
        width:960px;
        height: 164px;
        background:url('../images/zheadermain.jpg') top;
	margin: 0px auto 0px;
	padding: 0px;
	overflow: hidden;
}

div#header div#logo-image {
	width: 92px;
	padding-left: 6px;
	padding-top: 10px;
	float: left;
}

div#header div#logo-text {
	width: 500px;
	float: left;
	padding-top: 50px;
	font-size:1.7em;
	font-weight: bold;
	/*color: #3D3E3E;*/
        color: #000080;
}

/* product listings */
table#producttable {
        width:500px;
	/*padding: 0 10px;*/
        padding:0;
        border-top:0;
        border-left:1px solid #B2BAC6;      
        border-bottom:1px solid #B2BAC6;
        border-right:1px solid #B2BAC6;
}

table#producttable topb {
        border-top:1px solid #B2BAC6;
}

table#producttable td {
	padding-bottom: 10px;
	padding-top: 10px;
	/*border-bottom: 2px solid #ddd;*/
        border-bottom: 1px solid #B2BAC6;
}
table#producttable td.index {
	padding-right: 5px;
        padding-left: 5px;
	color: #834E79;
	font-size: .8em;
        font-weight:bold;
}

table#producttable td.last {
	border-bottom: 0;
}

table#producttable td.thumbnail {
	width: 110px;
}
table#producttable td.thumbnail img {
	width: 110px;
	border: 1px solid #B2BAC6;
}

table#producttable td.description {
	padding-left: 10px;
}
table#producttable td.description div.title {
	font-size: 1.1em;
	font-weight: bold;
	overflow: hidden;
	width:326px;
}
table#producttable td.description div.title a {
        /*color:#834E79;*/
        color:#0000FF;
}

table#producttable td.description div.title a:hover {
        color:#0000FF;
        text-decoration:underline;
/* I need something different or not at all for the hover */
}



table#producttable td.description div.description {
	font-size:1em;
	line-height:1.3em;	
	width:326px;
	overflow: hidden;
        color:#674488;
}
table#producttable td.description div.link {
	font-size:.9em;
	padding-top: 10px;
}
table#producttable td.description div.link a {
       /* color:#834E79;*/
        color:#0000FF
        font-weight:bold;
}
table#producttable td.description span.highlight {
	background-color: #FFFF66;
}
/* pagination table */
table.pagination {
	width: 500px;
	border: 1px solid #B2BAC6;
	background-color: #FFF;
	margin: 0 auto;
}
table.pagination td {
	padding: 5px;
}
table.pagination td.results {
	
	
}
table.pagination td.links {
	text-align: right;
}

/* main content boxes */
div#center-content-container {
        width:960px;
	margin:15px auto 0px;
        /*background-color:#FFFFFF;*/
        padding:0;
}
div#left-sidebar {
	width: 200px;
	float:left;
	margin:0 15px 0 15px;
	min-width:200px;
	min-height: 100px;
}
div#right-sidebar {
	width: 200px;
	float:right;
	margin:0 15px 0 15px;
	min-width:200px;
	min-height: 100px;
}

div.left-sidebar-container {
	width: 200px;
	float:left;
        /*border:1px solid #CCCCCC;*/
	background-color:#FFFFFF;
}
div#center-content-container div.right-sidebar-container {
	width: 198px;
	float:right;
	margin:0 auto 10px;
        border:1px solid #CCCCCC;
	background-color:#FFFFFF;
        /* HERE */
}

div.main-content-container {
	width:500px;
	float:left;
        margin:0 0 15px 0;
        /*background-color:#F3F3F3;*/
        background-color:#EEF0F3;
}

div.main-content-container-sqzpage {
	width:500px;
	float:left;
        margin:0 0 15px 0;
        background-color:#FFFFFF;
}

div.main-content-container-sqzpage h2 {
        color: #000080; 
        text-align: center;
        margin-bottom: 0px;
}

div.main-content-container-sqzpage div.header {
        background: #F1F5F6 url('../images/zheader-topproducts-bg.gif') repeat-x;
	height: 30px;
        line-height:30px;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px auto 0px;
	padding: 0px;
        padding-left:20px;
        text-transform:uppercase;
}


div.adjustment2px {
        height:2px;
}

div.top {
	margin-top:10px;
}

div.bottom {
	margin-bottom:15px;
}

div.main-content-container div.header-topproducts {
        background: #F1F5F6 url('../images/zheader-topproducts-bg.gif') repeat-x;
	height: 30px;
        line-height:30px;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px auto 0px;
	padding: 0px;
        padding-left:20px;
	border-bottom: 1px solid #98B4E0;
        text-transform:uppercase;
}

div.main-content-container div.header {
        background: #F1F5F6 url('../images/zheader-topproducts-bg.gif') repeat-x;
       /* background: #F1F5F6 url('../images/navbar.gif') repeat-x; */
	height: 30px;
        line-height:30px;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px auto 0px;
	padding: 0px;
        padding-left:20px;
	border-bottom: 1px solid #98B4E0;
        text-transform:uppercase;
}

div.main-content-container div.header-small {
        background: #F1F5F6 url('../images/zcontainer-header-500-bg.gif') repeat-x;
	height: 30px;
        line-height:30px;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px auto 0px;
	padding: 0px;
        padding-left:20px;
	border-bottom: 1px solid #98B4E0;
        text-transform:uppercase;
}

.main-content {
	padding: 5px;
}

.main-content-sqz {
        border: 1px solid #98B4E0;
	padding: 5px;
}

div.container-header-club {
        background: #F1F5F6 url('../images/zcontainerheader-org.gif') repeat-x;
	height: 30px;
        line-height:30px;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px auto 0px;
	padding: 0px;
        padding-left:32px;
	border-bottom: 1px solid #98B4E0;
        text-transform:uppercase;
}

div.container-header {
        background: #F1F5F6 url('../images/zcontainerheader.gif');
	height: 30px;
        line-height:30px;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px auto 0px;
	padding: 0px;
        padding-left:32px;
	/*border-bottom: 1px solid #98B4E0;*/
        text-transform:uppercase;
}
div.sidebar-links {
	/*line-height: 1.3em;*/
        line-height:26px;
	font-family: Arial, Tahoma, Verdana;
	font-size: 11px;
	font-weight: bold;
}
.sidebar-links ul
{
	padding: 0;
	margin: 0;
	width: 100%;
}
.sidebar-links ul li { 
	display: inline;
}
.sidebar-links ul li a {
	padding-top: 2px;
        padding-right:10px;
        padding-bottom:2px;
        padding-left:15px;
        text-transform: uppercase;
	text-decoration: none;
	float: left;
	width: 173px;
        background:#FFFFFF url('../images/zsidebarlinkshover-bg.gif');
        border:1px solid #B2BAC6;
        border-top:0;
	/*color: #00468C;*/
        /*color:#7E517B;*/
        color:#000080;
}
/*
.sidebar-links ul li a.last {
	border-bottom: 0;
}
*/
.sidebar-links ul li a:hover {
	background: #EFF1F4 url('../images/zsidebarlinks-bg.gif');
        /*background-color:#000080;*/
        text-decoration:underline;
        /*color: #4776C5;*/
        /*color:#7E517B;*/
        color:#000080;
}



div.adbox {
	text-align: center;
}
div#scheck {
        display:block;
        width:200px;
        height:104px;
        margin-top:10px;
        background:#ffffff url('../images/scheck.jpg');
}

div#scandate {
        padding-top: 79px;
        padding-left: 60px;
        font-family:"Arial", Helvetica, sans-serif;
        font-size:11px;
        font-weight:normal;
        color:#ff0000;
}

div.ccbox {
        width:200px;
        height:20px;
        margin-top: 5px;
}
div.tripscan {
        width:200px;
        height:97px;
        margin-top:5px;
}

/* breadcrumbs */
div.breadcrumbs {
	background-color: #EFF1F4;
	font-weight: bold;
        font-size:11px;
	border: 1px solid #B2BAC6;
	padding: 5px 10px;
	width: 478px;
	margin: 0 auto 10px auto;
        text-transform:uppercase;
}
/* slider product listings */

div.slider-container div.thumbnail {
	width: 130px;
	float: left;
}
div.slider-container div.thumbnail img {
	border:1px solid #000080;
}
div.slider-container div.details {
	width: 322px;
        height:120px;
        /*padding:8px 11px;*/
        padding-top:8px;
        padding-right:11px;
        padding-bottom:1px;
        padding-left:11px;
	float:left;
        color:#FFFFFF;
        background:#007CB8;
}

div.slider-container div.title {
	font-size: 1.2em;
	font-weight: bold;
}

div.slider-container div.title a {
	font-size: 15px;
	font-weight: bold;
        color:#FFFF00;
}

div.slider-container div.description {
	font-size: 1em;
	line-height: 1.3em;
}
div.slider-container div.moreinfo {
	font-size: 1em;
	line-height: 1.3em;
	font-weight: bold;
	padding-top: 10px;
}

div.slider-container div.moreinfo a {
	font-size: 13px;
	line-height: 1.3em;
	font-weight: bold;
	padding-top: 10px;
        color:#FFFF00;
}


/* default horizontal menu */

.menu-horizontal {
	
}
.menu-horizontal ul
{
	width: 100%;
	padding-left: 0;
	margin-left: 0;
}
.menu-horizontal ul li { 
	display: inline;
}
.menu-horizontal ul li a {
	padding: 0 10px;
	text-decoration: none;
}



/* default vertical menu */
.menu-title {
	/*border-bottom: 1px solid #E7E7E7;*/
        border-bottom:1px solid#E1BF48;
	background: #F1F5F6 url('../images/content-header-bg5.jpg') repeat-x;
	font-size: 1.3em;
	font-weight: bold;
	padding-left: 20px;
	line-height: 47px;
}

.menu-vertical {
	line-height: 1.3em;
	font-size: 1em;
	font-weight: bold;
}
.menu-vertical ul
{
	width: 100%;
	padding: 0;
	margin: 0;
}
.menu-vertical ul li { 
	display: block;
}
.menu-vertical ul li a {
	padding: 10px;
	text-decoration: none;
	float: left;
	width: 180px;
	border-bottom: 1px solid #E7E7E7;
	/*color: #478938;*/
       color:#000080;
}
.menu-vertical ul li a.last {
	border-bottom: 0;
}
.menu-vertical ul li a:hover {
	/*background-color: #478938;*/
        background-color:#000080;
	color: #ffffff;
}

/* main menu */
div.menu-main {
        clear:both;
	background: #FFFFFF url('../images/zmenubar.gif') repeat-x;
	width: 960px;
	height: 30px;
        line-height:30px;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0 auto 0;
	padding: 0px;
	/*border-bottom: 1px solid #98B4E0;*/
        /*border-bottom: 1px solid #184E2C;*/
        z-index:30;
}

div.menu-main ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	/*z-index:30;*/
}
div.menu-main ul li { 
	display: inline;
	height: 30px;
        line-height:30px;
	font-size: 11px;
}

div.menu-main ul li a {

        /*background: #FFFFFF url('../images/zmenulink.gif') top right no-repeat;*/
        color: #FFFFFF;
        display:inline;
        font-weight: bold;
        text-transform: uppercase;
        margin: 0px;
        /*margin-left:4px;*/
	height: 30px;
        line-height:30px;
	font-size: 11px;
        /*padding: 8px 17px 8px 15px;*/
        z-index:30;
}

div.menu-main ul li a:hover {
        background: #FFFFFF url('../images/zmenuhover.gif') top right no-repeat;
        color: #FFFFFF;
        margin: 0px;
        /*margin-left:4px;*/
        /*padding: 8px 17px 8px 15px;*/
	height: 30px;
        line-height:30px;
	font-size: 11px;
        text-decoration: none;
        z-index:30;
}

/*******************************************
                  #Subline
*******************************************/
div#subline {
	background: #4776C5;
	width: 960px;
	height: 24px;
	color: #FFFFFF;
	margin: 0px auto 0px;
	padding: 0px;
		z-index:30;
	}
	
div#subline-item {
	margin: 0px;
	padding: 0px;
	list-style: none;
		z-index:30;
	}
	
div#subline-item ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
		z-index:30;
	}

div#subline-item a {
	background: #4776C5;
	color: #FFFFFF;
	display: block;
	font-size: 10px;
        font-weight: normal;
        text-transform: uppercase;
        margin: 0px;
	padding: 6px 15px 5px 15px;
        z-index:30;
	}
	
div#subline-item a:hover {
	/*background: #00468C;*/
	background: #00468C;
	color: #FFFFFF;
	display: block;
	text-decoration: none;
        margin: 0px;
	padding: 6px 15px 5px 15px;
        z-index:30;
	}

div#subline-item li {
	float: left;
	color: #FFFFFF;
	display: block;
	font-size: 10px;
        font-weight: normal;
        text-transform: uppercase;
        margin: 0px;
	padding: 6px 35px 5px 35px;
	margin: 0px;
        z-index:30;
	}


/* footer menu */
div.menu-footer {
        margin-top:0px;
        margin-bottom:0;
	font-size: .9em;
	color: #666666;
        padding-top:5px;
        padding-bottom:0;
        /*border:1px solid #000000;*/
}
div.menu-footer ul
        margin-top:0;
        margin-bottom:0px;
{
	
}
div.menu-footer ul li { 
	display: inline;
        margin-top:0;
        margin-bottom:0px;
}
div.menu-footer ul li a {
	padding:0px 5px;
	text-decoration: none;
        margin-top:0;
        margin-bottom:0px;
        color:#FFFFFF;
        font-weight:bold;
}
div.menu-footer ul li a:hover {
        color:#0000FF;
	text-decoration: underline;
}

/* footer div */
div#footer {
	clear: both;
	height: 65px;
	width:960px;
	/*background-image: url('../images/footer.jpg');*/
       background:#1E3657 url('../images/zfooter.gif') top repeat-x;
	margin: 0px auto 0px auto;
       /* border:1px solid #CCCCCC;*/
        border-bottom:0;
        text-align:center;
}

/* dont need this footer content */
div#footer div.content {
	padding: 0px;
	text-align: center;
}

/* copyright */
div#copyright {
	text-align: center;
	width: 960px;
	font-size: .8em;
	color: #999999;
	margin:0px  auto 0px;
        padding-top:0;
        /*border:1px solid #000000;*/
}

div#pagebot {
	background: #FFFFFF url('../images/zpagebot.jpg');
	width: 968px;
	height: 12px;
	color: #FFFFFF;
	margin: 0px auto 0px;
	padding: 0px;
}

/* top products slider */
div#sliderbg {
	background: #007CB8 url('../images/zslidercontrol-bg.gif') repeat-x;
	background-position: bottom;
}

#slider ul, #slider li,
#slider2 ul, #slider2 li {
	margin:0;
	padding:0;
	list-style:none;
}
#slider2 {
	margin-top:1em;
}
#slider li, #slider2 li { 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:488px;
	overflow:hidden; 
}
div#slider-controls {
	/*float: right;*/
        float: left;
        margin-left:163px;
        margin-right:auto;
}
ol#controls {
	/*margin:1em 0;*/
        margin:0 0 19px 0;
	padding:0;
	height:28px;
}
ol#controls li {
	margin:0 10px 0 0; 
	padding:0;
	float:left;
	list-style:none;
	height:28px;
	line-height:28px;
}
ol#controls li a {
	float:left;
	height:28px;
	line-height:28px;
        background:#207ADA;
	color:#FFFFFF;
	padding:0 10px;
	text-decoration:none;
}
ol#controls li.current a {
	background:#FF0000;
         /* background:#ff0000;  478938*/
	color:#ffffff;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus {
	outline:none;
}

div.productbox {
	padding: 10px;
/*HERE*/
}

div#optin-box-content {
        width: 200px;
        height:575px;
        display: block;
        margin-left: auto;
        margin-bottom:10px;
        margin-right: auto;
        background-color: #FFFFFF;
        border-bottom:1px solid #000000;
        text-align: center;
}