/* Style sheet not applied to invoice, so must use in-line styles to format the invoice */
/* Setting the border color in the colors & fonts in the store builder, Border doesn't work on the menubar or the footer. Must be set in these advanced CSS styles. */

/* size works but family doesn't */
html { font-size : 1em; }

/* size works but family doesn't */
body {
	font-size : 78%;
	line-height : normal;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}

address {
	margin: 1em 0em 1.5em 3em;
	font-style: normal; }

br { line-height : 1px; }

#breadcrumbs {
	margin-top : 0px;
	padding : 6px 6px 6px 10px;
	background-color : #f2f2f2;
	color : #000000;
}

#breadcrumbs a:link, a:hover, a:active { color: #e88b00; }
#breadcrumbs a:visited { color: #b38847; }


.category-page {
	margin-top: -15px;
	margin-bottom: -20px;
}

.clicktozoom { margin-top : 6px; }

dd.content-product-header {
	border-bottom : 1px solid #f2f2da;
	padding-bottom : 3px;
	text-align : center;
}

dd.content-product-header a { text-decoration : none; }
dd.content-product-header a:hover { color : #173c99; }

/* for no bullet icon in ul lists used in product prices */
dd.options ul { list-style-type : none; }

div#aboutus, div#contactus, div#register, div#login, div.checkout, div.welcome.page-block { margin: 20px 40px 20px 40px; }

div.category-page.content-block { margin: 10px 40px 10px 40px; }

/* for checkout only */
div#checkout-right-column {
	width : 33%;
	margin : -15px 3px 0px 15px;
}

div#checkout-right-column h3 {
	margin-bottom : 10px;
	margin-top : 30px;
}

div#checkoutshipping ul {
	list-style-type : none;
	margin : -10px 0px 0px 0px;
}

div#contactus p { margin-bottom : 20px; }

div.form-section { font-size : 110%; }

div#header-content, div.sf_extra3 { padding : 0px 0px 0px 0px; }

/* for checkout */
div#loginform input, div#loginform label { font-size : 115%; }

div.loginintro { margin-bottom : 8px; margin-top : -20px; }
div.loginlink { margin-bottom : 8px; }

/* for shopping cart and checkout */
div.member { font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; }

div.member h3 {
	font-size : 125%;
	color: #2d4b96;
	text-transform : uppercase;
	margin-bottom : 20px;
}

div.required {
	margin-bottom : 15px;
	margin-top: 6px;
}

/* adds space above Terms and Condidtions line */
.fcontain { margin : 8px 0px 10px 0px; }


.footer_extra {
	border-right : 1px solid #000000;
	border-left : 1px solid #000000;
	border-bottom : 1px solid #000000;
	padding : 3px 0px 3px 0px;
}

h1, h2, h3 {
	color : #2d4b96;
	margin-top : 16px;
	margin-bottom : 12px;
}

h1 {
	font-size : 135%;
	margin-top : 10px;
	text-transform : uppercase;
}
h2 { font-size : 125%; }
h3 { font-size : 108%; }

h3#termdescription {
	margin-left : 20px;
	margin-right : 20px;
}

/* for related items block on product page. */
h3.upsell-header {
	background-color : #355096;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 108%;
	padding : 4px 4px 4px 4px;
}

h4 { padding : 2px 0px 2px 0px; }

label { margin-bottom : 2px; }

legend {
	color: #2d4b96;
	text-transform : uppercase;
}

li { margin : 10px 0px 0px 0px; }

li.termbody p { font-size: 100%; }

li.termtitle {
	margin-top : 24px;
	margin-bottom : 12px;
}

li.termtitle u {
	text-decoration : none;
	font-weight : bold;
	color : #2d4b96;
}

/* for menubar */
#Nav1 li {
	border-right : 1px solid #ffffff;
	margin : 0px 0px 0px 0px;
}

.navigation1 {
	border : 1px solid #000000;
	margin-top : -2px;
}

p { margin : 14px 0px 12px 0px; }

/* family doesn't work in .main-content */
/* family works here for all pages */
.page-block { font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; }
.page-block a:hover, .page-block a:active { color: #173c99; }
.page-block a:visited { color: #b38847; }

/* for no bullet icon in ul lists used in product prices */
.prices ul {
	list-style-type : none;
	margin-bottom : 0px;
}

.product-description { margin-right : 20px; }

.product-details ul { list-style-type : none; }

.product-detail-header h2 {
	margin-top : 20px;
	padding-left : 8px;
}

#siteseal {
	text-align : center;
	width : 275px;
	font-weight : bold;
	font-size : 110%;
	padding : 5px 0px 15px 0px;
}

#siteseal p {
	float : left;
	text-align : right;
	margin-right : 4px;
}

/* to get product image to float left next to description */
.smallimage img {
	float: left;
	max-width: 75px;
	margin-right : 10px;
	border: none; 
}

.sptitle { font-variant : small-caps; }

sup {
	font-size : 84%;
	vertical-align : text-top;
}

/* related items table on product page. Applies to whole table, not just header */
table.upsell-item-header td { padding : 4px 4px 4px 4px; }

table.upsell-item-header td.price-col { width : 30%; }

/* for checkout */
table#cart-table td { padding : 3px 2px 3px 2px; }

th.price-col { text-align : right; }

ul {
	list-style : disc outside none;
	padding : 0px 0px 0px 0px;
	margin : 12px 0px 24px 30px;
}

ul#termsandconditions {
	list-style-type : none;
	margin : 20px 40px 20px 40px;
}

/* for related items block on product page. */
.upsell-group {
	width : 100%;
	float : right;
	margin : 30px 4px 0px 0px;
}

.welcome.page-block { border: none; }

.welcome.page-block p { font-size : 110%; }

/* This will remove the black bars at the side of the content */
#wrapper2 {

border-left : 1px solid #000000;
border-right : 1px solid #000000;
margin-left : auto;
margin-right : auto;
}