﻿/* Basic Elements */

body 
{
	margin:16px 0 0 0;
	padding:0;
	background-color:#FFFFFF;
	width:100%;
	text-align:left;
	font-family:Arial, Tahoma, Sans-Serif;
}

#container
{
	margin-left:auto;
	margin-right:auto;
	width:900px;
	background-image: url(images/logo_background1.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
}

#header
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	color: #6B8589;
	margin:0px;
	padding:0px;
}

#content
{
	font-family:Arial, Tahoma, Sans-Serif;
	font-size:10pt;
	color:#567175;
}

#footer 
{
	font-family:Tahoma,Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#6B8589;
}

h1
{
	font-size:18px;
	display:inline;
}

h2
{
	font-size:15px;
	display:inline;
}

h3
{
	font-size:14px;
	display:inline;
}

.footersecondarytext
{
	font-family:Tahoma,Arial, helvetica, Sans-Serif;
	font-size:8pt;
	color:#ABC0C3;
}

.formdisplay span
{
	display:block;
	float:left;
}

a.headernav:link
{
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	word-spacing:1px;
	font-size: 9pt;
	color: #6B8589;
	text-decoration: none;
}

a.headernav:visited
{
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	word-spacing:1px;
	font-size: 9pt;
	color: #6B8589;
	text-decoration: none;	
}

a.headernav:hover
{
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	word-spacing:1px;
	font-size: 9pt;
	color:  #303C3E;
	text-decoration: none;
}

a.footernavprimary:link
{
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	word-spacing:1px;
	font-size: 8pt;
	color: #6B8589;
	text-decoration: none;
}

a.footernavprimary:visited
{
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	word-spacing:1px;
	font-size: 8pt;
	color: #6B8589;
	text-decoration: none;
	
}

a.footernavprimary:hover
{
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	word-spacing:1px;
	font-size: 8pt;
	color:  #303C3E;
	text-decoration: none;
}

a.footernavsecondary:link
{
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	word-spacing:1px;
	font-size: 8pt;
	color: #ABC0C3;
	text-decoration: none;
}

a.footernavsecondary:visited
{
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	word-spacing:1px;
	font-size: 8pt;
	color: #ABC0C3;
	text-decoration: none;
	
}

a.footernavsecondary:hover
{
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	word-spacing:1px;
	font-size: 8pt;
	color:  #ABC0C3;
	text-decoration: none;
}

form
{
	margin-top:0px;
	margin-left:auto;
    margin-right:auto;
}

a.buttons:link
{
	font-family: Arial;
	text-transform:uppercase;
	font-size:10pt;
	font-weight:bold;
	Color: #BE4B38;
	text-decoration:none;
}

a.buttons:visited
{
	font-family: Arial;
	text-transform:uppercase;
	font-size:10pt;
	font-weight:bold;
	Color: #BE4B38;
	text-decoration:none;
}

a.buttons:hover
{
	font-family: Arial;
	text-transform:uppercase;
	font-size:10pt;
	font-weight:bold;
	Color: #DD6301;
	text-decoration:none;
}

.minicart
{
	background-color: #C9D7E6;
	padding: 0;
	margin: 0;
	width: 750px;	
	height:25px;
}

.textHeader
{
	font-family: Arial,Helvetica, sans-serif;
	font-size:15pt;
	letter-spacing:-1px;
	font-weight: bold;
	color: #6B8589;
}

.textBold
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:Bold;
	color:#567175;
}

.textBigger
{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	color:#554552;
}

.textBiggerBold
{
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:14pt;
	font-weight:bold;
	color:#567175;
}


.textBody
{
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size:9pt;
	color:#567175;
}

.textSmall
{
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:8pt;
	color:#567175;
}

.textWhite
{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:15pt;
	color:#EEEEEE;
	font-weight:bold;
}

.textGray
{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:Gray;
} 

.textError
{
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:9pt;

	font-weight:bold;
	color:#CA0F00;
	text-decoration:none;
}

.tableHeaderBold
{
	font-family:Arial;
	font-size:12pt;
	font-weight:Bold;
	border-top:solid 1px #6B8589;
	border-left:solid 1px #6B8589;
	border-right:solid 1px #6B8589;
	color:#6B8589;
	height:25px;
	vertical-align:middle;
	background-color:#F3F3F3;
}

.boxtiny {
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 14px;
	font-style: normal;
	text-align:center;
	text-transform: none;
	color: #333333;
	width: 30px;
	height: 18px;
	border: 1px solid #CCCCCC;
}

.boxtinybluenoborder {
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 16px;
	font-style: normal;
	text-align:center;
	text-transform: none;
	color: #333333;
	width: 35px;
	height: 22px;
	border: none;
	background-color: #E2EDF3;
}

.message
{
	color:#FFFFFF;
}

.message a
{
	color:#FFFFFF;
}


/* Controls */

.input
{
	background-color:#FFFFFF;
	font-family:Tahoma, Arial, helvetica, Sans-Serif;
	font-size:11px;
	color:gray;
	height:15px;
	border:solid 1px #6E858B;
	padding-top:2px;
	padding-left:3px;
}

.input_active 
{
	background-color:#FFFFBC;
	font-family:Tahoma, Arial, helvetica, Sans-Serif;
	font-size:11px;
	color:black;
	height:15px;
	border:solid 1px #657b92;
	padding-top:2px;
	padding-left:3px;
}

select, textarea
{
	background-color:#FFFFFF;
	font-family:Tahoma, Arial, helvetica, Sans-Serif;
	color:gray;
	font-size:11px;
	font-weight: normal;
}

/* Navigation */

a:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #567175;
	text-decoration: underline;
}

a:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #567175;
	text-decoration: underline;
	
}
/*  #A33637 is red */
a:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:  #273234;
	text-decoration: underline;
}

a.nav:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #567175;
	text-decoration: underline;
}

a.nav:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #567175;
	text-decoration: underline;
	
}
/*  #A33637 is red */
a.nav:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:  #273234;
	text-decoration: underline;
}


/* Overlay */
.overlay /*Popup messaging/error reporting throughout site*/
{
	width: 24%;
	height:15%;
	top:40%; 
	left:38%;
	padding:5px; 
	text-align:center;
	vertical-align:middle;
	border: 5px solid #9a0f00; 
	background-color: #F7F7F7; 
	position: fixed;
	z-index: 3;
	display: none;
	font-size: 10pt;
}

#overlay_background /*When popup messaging displays this is the background that tints everything on the page*/
{
	background-color: #000000;
	/*z-index: 1;*/
	position: absolute;
	top: 0px;
	left: 0px;
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;
	display: none;
}

#overlay_checkout /*Popup messaging/error reporting throughout site*/
{
	width: 24%;
	height:15%;
	top:40%; 
	left:38%;
	padding:10px; 
	text-align:center;
	vertical-align:middle;
	font-family:Arial;
	border: 5px solid #9a0f00; 
	background-color: #F7F7F7; 
	position: fixed;
	z-index: 3;
	font-size: 10pt;
}

#overlay_background_checkout /*When popup messaging displays this is the background that tints everything on the page*/
{
	background-color: #000000;
	/*z-index: 1;*/
	position: absolute;
	top: 0px;
	left: 0px;
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;
	height:100%;
	width:100%;
}

.close_overlay
{
	width:20px; 
	height:15px; 
	display:inline; 
	padding:2px; 
	background-color:#9a0f00; 
	color:#FFFFFF; 
	font-weight:bold; 
	text-align:center;
}


.overlay_newsletter {
width: 350px; 
height: 250px; 
border: 1px solid #D3D3D3; 
background-color: #FFFFFF; 
padding:10px;
text-align: center;
position: absolute;
z-index: 3;
display: none;
}

.overlay_background_newsletter {
z-index: 2;
position: absolute;
display: none;
}

.overlay_browse
{
	width: 100px; 
	height: 60px; 
	border: 1px solid #CA0F00; 
	background-color: #FFFFFF; 
	padding:10px;
	text-align: center;
	position: absolute;
	z-index: 10;
	display: none;
}

.overlay_products 
{
	left:50%;
	top:5%;
	width: 700px; 
	height: 800px;
	margin-left:-350px;
	border: 1px solid #CA0F00; 
	background-color: #FFFFFF; 
	padding:10px;
	text-align: center;
	position: absolute;
	z-index: 3;
	display: none;
}

.overlay_background_products 
{
	background-color: #000000;
	top:0%;
	left:0%;
	z-index: 2;
	position: absolute;
	filter: alpha(opacity=50);
	-moz-opacity: 0.7;
	opacity: 0.7;
	display: none;
}

.overlay_toppicks
{
	left:54%;
	top:25%;
	margin-left:-336px;
	margin-top:-100px;
	width: 735px; 
	height: 300px; 
	border: 1px solid #D3D3D3; 
	background-color: #FFFFFF; 
	padding:10px;
	text-align: center;
	position: absolute;
	z-index: 4;
	display: none;
}

.overlay_background_toppicks
{
	left:55%;
	top:26%;
	margin-left:-344px;
	margin-top:-104px;
	width: 735px; 
	height: 300px; 
	border: 1px solid #D3D3D3; 
	background-color: #CCCCCC; 
	padding:10px;
	position: absolute;
	z-index: 4;
	display: none;
	filter: alpha(opacity=40);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

.container {
width: 100%;
height: 100%;
}


/* contact us */

fieldset {
    padding: 0px 10px 10px 10px;
    width: 96%;
    border:solid 1px gray;
}
    
legend {
    color: #003078;
    font-size:13pt;
    font-weight: bold;
    font-variant: small-caps;
    border:solid 1px gray;
    padding: 2px 6px;
    margin-bottom: 8px;

}

.fieldset  {
    padding: 0px 10px 10px 10px;
    width: 92%;
    border:solid 1px gray;
    color:#003078;
}
    
.legend {
    color: #003078;
    font-size:13pt;
    font-weight: bold;
    font-variant: small-caps;
    border:solid 1px gray;
    padding: 2px 6px;
    margin-bottom: 8px;
}

fieldset div 
{
	padding:5px;
	color:#003078;
}


.accountfield 
{
    padding: 0px 10px 10px 10px;
    width: 93%;
    border:solid 1px gray;	
}
    
/* Message Panel */

#error
{
	background-color:#FFFFFF;
	border-bottom:solid 1px #CA0F00;
	margin: 10px 0px 5px 0px;
	text-align:left;
	font-family:arial;
	font-size:10pt;
	font-weight:bold;
	color:#CA0F00;
	padding: 5px 5px 5px 0px;
}

/* Content Pages */

#contentmain
{
	text-align:left;
	margin-top:20px;
	margin-bottom:20px;
	width:100%;
}

.rightTable
{
	border:solid 1px #6B8589;
	width:100%;
	height:10%;
	padding:8px;
}

.rptAccount
{
	border:solid 1px #6B8589;
	width:100%;
}

.separator
{
	background-color:#D3D3D3;
	color:#D3D3D3;
	height:1px;
	width:100%;
	border:none;
}

hr
{
	background-color:#D3D3D3;
	color:#D3D3D3;
	height:1px;
	width:100%;
	border:none;
}

/* account home */

#mytimezone
{
	background-color:#E9F3DA;
	border:solid 1px #8CC63F;
	padding:5px;
	height:130px;
}

/* account support */

#supportlinks
{
	font-family:Arial;
	font-size:9pt;
}

#supportlinks ul
{
	list-style-type:disc;
	margin-left:1.5em;
	padding:0;
	line-height:1.8em;
}

/* view cart */

#estimateshipping
{
	float:left;	
	margin-top:0px;
	width:400px;
	font-family:Arial;
	font-size:9pt;
}

#checkout
{
	width:100%;
	text-align:right;
}

#estimate1
{
	margin-top:0px;
	margin-left:0px;
}

#estimate2
{
	margin-top:0px;
	float:right;
}

/* Review add, Review Listings*/

#reviewproducts
{
	margin-left:60px;
}

.box
{
	padding:7px;
	border:solid 1px silver;
	background-color:#F9F9F9;
}
