/* Style sheet with blue colours */
/* HEADER: General Tags & Text */

/* HELP: Basic body background for your store. You can use this to alter the background colour for your entire store */
body {
	font-family: Tahoma, verdana, sans-serif;
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	height: 100%;
	font-size:11px;
}

/* HELP: Basic store link colour<br/><br/> */
a {
	color:#003366;
	text-decoration: underline;
}

/* HELP: Basic store link colour (when mouse hovers over it) */
a:hover {
	color:#ff8d29;
	text-decoration: underline;
}




/* HELP: Standard paragraph formatting for your store. Anything in a &lt;p&gt; tag will be displayed using this. */
p {
	font-size: 0.8em;
}


/* HELP: Formatting for the &lt;strong&gt; HTML tag. By default this shows text in bold */
strong {
	font-weight: bold;
}

/* HELP: Basic styling for all user input form fields, including text boxes, textarea boxes etc. */
input { 
	font-size: 11px;
	font-weight: normal;
	background-color: #FFFFFF; 
	color: #000000; 
	border: 1px solid #1a5bb0; 
	height: 1.25em;
	margin-bottom: 1px;
}

/* HELP: Style for checkboxes to avoid border applied to other input fields and tweak position */
.checkbox {
	position: relative;
	top: 2px;
	border: 0px;
}

/* HELP: Formatting for form select boxes (also called drop-down boxes)<br/><br/> */
select { 
	font-size: 1em;
	font-weight: normal;
	background-color: #FFFFFF; 
	color: #000000; 
	border: 1px solid #1a5bb0; 
}

/* HELP: Style for all form buttons used on your store, including form submission buttons */
.button {
	font-size: 10px;
	font-family: Arial;	
	background-color:#2a2773;
    padding: 2px 1px 2px 1px;
	color:#ffffff;
	border:0px solid #757575;
	cursor: pointer;
	height: 2em;
	font-weight: bold;
	margin-top: 1px;
}



/* HELP: Style used for places where a smaller text size is required, generally on product templates and product menu box listings */
.smaller-text {
	font-size: 0.8em;
	width: 100%;
}

/* HELP: General styling for main product prices shown in the store, excluding cart and checkout price displays */
.price {
	font-weight: bold;
	font-size: 0.8em;
	color: #800000;
}

/* HELP: Style used for all error text in the store, e.g. form entry validation errors etc. */
.error-text {
	font-size: 0.8em;
	font-weight: bold;
	color: #ff0000;
}

/* HEADER: Page Header */
/* HELP: The main header bar for your store, where your logo, search and mini cart reside */
#header {
	background-color: #3586ef;
	border-bottom: 1px solid #1a5bb0;
	border-top: 1px solid #8dbfff;
	margin: 0px;
	width: 100%;
	padding: 0px;
	overflow: auto;
}

/* HELP: This is the right hand section of the header where the top links and search reside */
#header-right {
	font-size: 0.7em;
	float: right;
	text-align: right;
	font-weight: bold; 
	margin-top: 5px;
	padding-bottom: 5px;
}

/* HELP: This appears under the header and contains the welcome message and the mini cart plus cart and checkout links */
#sub-header {
	font-size: 0.7em;
	font-weight: normal;
	color: #000000;
	background-color: #e4effa;
	margin: 0px;
	width: 100%;
	padding: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: 1px solid #8dbfff;
	border-top: 1px solid #ffffff;
}

/* HELP: Span used to display the welcome message itself<br/><br/> */
#sub-header span {
	padding-left: 5px;
}

/* HELP: Styling for your logo that appears in the main header for the store */
#logo {
	float: left; border: 0px;
}

/* HELP: Surrounding container for the top links shown in the right hard part of the store header */
#top-links {
	float: right;
	display: inline;
	padding-right: 5px;
}

/* HELP: Basic styling for the list of links, created with an unordered list. This basically just ensures there are no margins around the list of links */
#top-links-list {
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
}

/* HELP: Each link will have this overall style and this ensures that they are output side by side, rather than below each other */
#top-links-list li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	color: #000000;
	font-weight: normal;
}

/* HELP: Formatting for the actual links themselves<br/> */
#top-links-list a { 
	font-weight: normal;
	font-size: 1em;
	padding: 1px 2px;
	margin-right: 2px;
	margin-bottom: 0px;
	color: #000000;
	text-decoration: underline;
}

/* HELP: Formatting for the actual links when the mouse hovers over them */
#top-links-list a:hover {
	text-decoration: underline;
	color: #003366;
}

/* HELP: Styling for the search section of the header bar<br/><br/> */
#search {
	margin-right: 5px; 
	clear: right; 
	padding-top: 10px;
}

/* HELP: Styling for the search box itself in the search section */
#search-box {
	font-size: 1em;
	font-weight: normal;
	background-color: #FFFFFF; 
	color: #000000; 
	border: 1px solid #000000;; 
	height: 17px;
	margin-bottom: 1px;
	width: 150px;
}

/* HELP: Styling for the search button in the search section of the header */
#search-button {
	background-color: #8dbfff;
	font-weight: bold;
	font-size: 0.9em;
	border: 1px solid #000000;
	color: #000000;
	cursor: pointer;
	padding-bottom: 1px;
	height: 17px;
	position: relative;
	padding-bottom: 2px;
}

/* HELP: Surrounding container for the mini cart shown in the sub-header section */
#mini-cart {
	float: right;
	display: inline;
}

/* HELP: Basic styling for the mini cart, created with an unordered list. This basically just ensures there are no margins around it */
#mini-cart-list {
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
}

/* HELP: Each entry will have this overall style and this ensures that they are output side by side, rather than below each other */
#mini-cart-list li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	color: #000000;
	font-weight: bold;
	padding-left: 5px;
}

/* HELP: Formatting for the links within the mini cart<br/> */
#mini-cart-list a { 
	font-weight: bold;
	font-size: 1em;
	padding: 1px 2px;
	margin-right: 2px;
	margin-bottom: 0px;
	color: #003366;
	text-decoration: underline;
}

/* HELP: Formatting for the actual links when the mouse hovers over them */
#mini-cart-list a:hover {
	color: #000000;
	text-decoration: underline;
}

/* HEADER: Left and Right Menus */
/* HELP: The div container for the left menu in the store<br/><br/> */
#left-menu {
	font-size: 1em;
	color: #000000;
	width: 160px;
}

/* HELP: The div container for the right menu in the store<br/><br/> */
#right-menu {
	font-size: 1em;
	color: #000000;
	width: 160px;
}

/* HELP: The overall container for each menu box in the left and right menus */
.menu-box {
	border: 1px solid #1a5bb0;
	width: 100%;
	margin-top: 10px;
	background-color: #ffffff;
	font-size: 0.75em;
	background-color: #e4effa;
	font-weight: normal;
	padding-bottom: 2px;

}

/* HELP: The title for the menu box<br/><br/> */
.menu-box-title {
	font-size: 1.1em;
	font-weight: bold;
	color: #ffffff;
	background-color: #3586ef;
	border-bottom: 1px solid #1a5bb0;
	border-top: 1px solid #8dbfff;
	width: 100%;
	text-align: center;
	padding-bottom: 2px;
}

/* HELP: Standard formatting for each menu's content area<br/> */
.menu-box-content {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 2px;
	margin-right: 2px;
	text-align: left;
	overflow: auto;
}

/* HELP: The content area of each menu box where the contents in centered, e.g. the newsletter signup box */
.menu-box-content-center {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 2px;
	margin-right: 2px;
	text-align: center;
	overflow: auto;
}

/* HELP: List formatting for the top level sections shown in the left menu. The links themselves will use the standard a and a:hover formatting. */
#menu-section-list {
	margin: 0px; padding: 0px; padding-left: 17px; list-style-type: disc;
}


/* HELP: List formatting for the sub-sections shown in the left menu. The links themselves will use the standard a and a:hover formatting. */
#menu-section-list ul {
	margin: 0px; padding: 0px; padding-left: 17px; list-style-type: disc;
}

/* HELP: List formatting for the customer account links in the left menu. Also used for open account etc. links if customer is customer is not logged in */
#customer-links {
	margin: 0px; padding: 0px; padding-left: 17px; list-style-type: disc;
}

/* HELP: List formatting for the news links in the left menu. The links themselves use the standard a and a:hover formatting */
#news-links {
	margin: 0px; padding: 0px; padding-left: 17px; list-style-type: disc;
}

/* HELP: Used to surround the product lists shown in the right menu in your store */
.menu-product-list {
	clear: both; padding-top: 2px;
	margin-bottom: 2px;
}

/* HELP: Used to format the small thumbnail images shown in product lists on the right menu in your store */
.menu-product-image {
	margin-right: 5px; float: left; position: relative; border: 0px;
}

/* HEADER: Main Content */
/* HELP: Basic style for the main content section of all the pages in your store. This is the section between the left and right menus. */
#main-content {
	color: #000000;
	background-color: #ffffff;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 11px;
}

/* HELP: Style for the breadcrumb div shown above all the main content titles */
#breadcrumb {
	font-size: 0.7em;
	border: 1px solid #003366;
	width: 100%;
	margin-bottom: 10px;
}

/* HELP: Style for the breadcrumb links<br/><br/> */
#breadcrumb a {
	text-decoration: none;
}

/* HELP: Style for the breadcrumb links when the mouse hovers over them<br/><br/> */
#breadcrumb a:hover {
	text-decoration: none;
}


/* HELP: Style for the title of the breadcrumb trail shown within the breadcrumb div */
#breadcrumb-title {
	font-weight: normal;
	color: #ffffff;
	background-color: #3586ef;
	padding-left: 3px;
	padding-right: 3px;
	margin-right: 3px;
	font-weight: bold;
	border-right: 1px solid #0b51ab;
}

/* HEADER: Page Footer */
/* HELP: Containing div for the footer shown on every page in your store */


/* HELP: Basic list formatting for the list of links in the footer<br/> */
.footer-links {
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	font-size: 0.7em;
	padding-bottom: 10px;
}

/* HELP: Style for each entry in the list of links<br/><br/> */
.footer-links li {
	font-weight: bold;
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	padding-left: 2px;
	padding-right: 2px;
}

/* HELP: Style for each actual link in the footer links<br/><br/> */
.footer-links a { 
	color: #000000;
	padding: 1px 1px;
	margin: 2px 2px 0px 0px;
	white-space: nowrap;
	text-decoration: underline;
	font-weight: normal;
	color: #f08100;
}

/* HELP: Style for each link in the footer links list when the mouse hovers over it */
.footer-links a:hover {
	text-decoration: underline;
	font-weight: normal;
	color: #000000;
}

/* HELP: Formatting for the users online section of the store footer */
#users-online {
	font-size: 0.7em;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	clear: both;
}

/* HELP: Formatting for the copyright section of the store footer */
#copyright {
	font-size: 0.7em;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	clear: both;
}

/* HEADER: Section Page Style */
/* HELP: Container for the content (sub-sections &amp; products) on the section pages */
.section-content {
	clear: both; padding-top: 10px;
      font-size: 0.9em;
      color: #58595b; 
}

/* HELP: Container for each sub-section listed on a section page<br/><br/> */
.sub-sections {
	width: 100%; clear: both; text-align: left;
}

/* HELP: Style for the section thumbnails shown on section pages, both for the section and sub-section listings */
.section-thumbnail {
	float: left; margin-right: 5px; padding: 3px;
}

/* HELP: Style for the display of the sub-section title on section pages */
.sub-section-title, .sub-section-title a {
	font-weight: bold;
	font-size: 0.9em;
      color: #58595b; 
	text-decoration: none;
}


/* HEADER: Paging Styles */
/* HELP: Container for the paging links on section and search pages */
.pages-container {
	top: 0px;
	padding: 1px;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 0.6em;
	text-align: right;
}

/* HELP: Basic list formatting for the paging links, including previous and next links */
.pages-list {
	margin-left: 0px;
	padding-left: 0px;
	white-space: nowrap;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
}

/* HELP: Formatting for each entry in the paging links<br/><br/> */
.pages-list li {
	color: #000000;
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	margin: 0px;
	margin-left: 1px;
	margin-right: 1px;
}

/* HELP: Display style for the page entry in the list that you are currently viewing */
.pages-list span { 
	padding: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0px; 
	color: #000000;
	background-color: #8dbfff;
	border: 1px solid #000000;
}

/* HELP: Actual clickable link for page numbers and previous and next links */
.pages-list a { 
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0px; 
	color: #003366;
	background-color: #e4effa;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #000000;
}

/* HELP: Clickable link style when mouse hovers over it<br/><br/> */
.pages-list a:hover {
	text-decoration: underline;
	color: #ff8d29;
	background-color: #1a5bb0;
}


/* HEADER: Product Listing Styles */

/* HELP: Styling for the product thumbnails shown in the main content where products are listed, e.g. section pages */
.product-thumbnail {
	margin-right: 5px; padding: 3px; padding-left: 0px; border: 0px;
}

/* HELP: Used for the product lists if you've selected to show a single column in the template options */
.product-single {
	clear: both; text-align: left;
	margin-left: auto; margin-right: auto;
	zoom: 1;
}

/* HELP: Used for the left hand column on product lists if you've selected to show two columns in the template options */
.product-column-left {
	width: 49%; float: left;
}

/* HELP: Used for the right hand column on product lists if you've selected to show two columns in the template options */
.product-column-right {
	width: 49%; float: right;
}

/* HELP: Container used if you have selected to show two columns for products in the template options */
.product-double {
	width: 100%; clear: both; text-align: left;
}

/* HELP: Additional formatting for product titles shown on section/search pages */
.section-product-title, .section-product-title a {
	font-weight: bold;
	font-size: 0.9em;
      color: #58595b;
	text-decoration: none;
}

/* HELP: Gap between products if you have selected two columns for products in the template options */
.product-gap {
	width:2%; float: left;
}

/* HELP: Vertical separator been products on product listing pages, e.g. section pages */
.product-separator {
	clear: both; 
	border: 0px; 
	margin-bottom: 8px; 
	height: 5px;
	border-bottom: 1px dotted #bbbbbb; 
	background: #ffffff; 
	color: #ffffff;
}

/* HEADER: Other Product Styles */

/* HELP: Used to contain the product flags where ever they appear, e.g. section pages, product pages */
.product-flag-container {
	float: right; width: 4.5em; margin-left: 5px; padding: 3px;
}

/* HELP: Used to style each individual product flag when displayed<br/><br/> */
.product-flag {
	font-size: 0.6em; 
	font-weight: normal;
	background-color: #f08100; 
	color: #ffffff; 
	border: 1px dotted #ff0000; 
	border-left: 3px solid #ff0000; 
	margin-bottom: 3px; 
	padding-left: 3px; 
	white-space: nowrap;
	text-align: right;
}

/* HELP: Styling for the product image shown on the product page.<br/><br/> */
.product-image {
	float: left; margin-right: 10px;
	margin-bottom: 10px;
}

/* HELP: Container for add to basket, add to wishlist and more info links */
.links-container {
	font-weight: bold;
	margin: 3px;
}

/* HELP: Style for product links, e.g. add to wishlist and more info links */
.product-link {
	font-size: 0.7em;
	font-weight: bold;
	border: 0px;
	color: #f08100;
	padding: 0px;
	margin: 0px;
	white-space: nowrap;
	cursor: pointer;
	text-decoration: underline;
}

/* HELP: Style for product links, e.g. add to wishlist and more info links when mouse hovers over it */
.product-link:hover {
	color: #003366;
	text-decoration: underline;
}

/* HELP: Style for product add to cart buttons in your store<br/><br/> */
.product-add {
	font-size: 0.7em;
	font-weight: bold;
	background-color: #1a5bb0;
	color: #ffffff;
	padding: 2px;
	border: 1px solid #000000;
	cursor: pointer;
	height: 2em;
}

/* HELP: Style for product add to cart buttons in your store, when mouse hovers over them */
.product-add:hover {
	background-color: #f08100;
}

/* HELP: Overall container for the product extra fields section of the product pages */
.product-extra-fields {
	float: left; margin-left: 5px; text-align: left;
      font-size: 0.9em;
      color: #58595b; 
}

/* HEADER: Product Option Tables */

/* HELP: Overall container for the product options section of the product pages */
.product-options-container {
	float: right; width: 254px;
}

/* HELP: Container for the table used to display attribute combinations, option stock levels and price combinations on product page template */
.product-table-div {
	text-align: center;
}

/* HELP: Table used to display attribute combinations, option stock levels and price combinations */
.product-table {
	margin-left: auto;  margin-right: auto;
	padding: 0px;
	width: 100%;
	border: 0px;
}

/* HELP: Caption shown about a product option table on the product page template */
.product-table caption {
	font-weight: bold;
	font-size: 0.70em;
	margin-left: auto;  margin-right: auto;
	text-align: right;
}

/* HELP: Header table cell for the product options table<br/><br/> */
.product-table th {
	font-weight: bold;
	font-size: 0.70em;
	background-color: #aaaaaa;
	padding: 2px;
	text-align: left;
	vertical-align: top;
}

/* HELP: Normal table cell for the product options table<br/><br/> */
.product-table td {
	font-weight: normal;
	font-size: 0.70em;
	background-color: #dddddd;
	padding: 2px;
	text-align: left;
}

/* HEADER: Cart Table Styles */
/* HELP: Overall container the cart on your cart.html template<br/><br/> */
.cart-div {
	text-align: center;
}

/* HELP: Style for the cart table itself<br/><br/> */
.cart-table {
	margin-left: auto; margin-right: auto;
	padding: 0px;
	border: 0px;
	font-size: 0.70em;
}

/* HELP: Style for caption tag above the cart table<br/><br/> */
.cart-table caption {
	font-size: 0.70em;
	border-bottom: 1px dotted #000000;
	margin-left: auto;  margin-right: auto;
}

/* HELP: Style for table header cells<br/><br/> */
.cart-table th {
	font-weight: bold;
	border-bottom: 1px dotted #000000;
	padding: 2px;
	text-align: left;
	vertical-align: top;
}

/* HELP: Style for table header sells with right justification<br/><br/> */
.cart-table th.right {
	font-weight: bold;
	border-bottom: 1px dotted #000000;
	padding: 2px;
	text-align: right;
	vertical-align: top;
}

/* HELP: Style for table header totals<br/><br/> */
.cart-table th.total {
	font-weight: bold;
	border-top: 1px dotted #000000;
	text-align: right;
	vertical-align: top;
}

/* HELP: Style for normal table cells<br/><br/> */
.cart-table td {
	font-weight: normal;
	padding: 2px;
	text-align: left;
	vertical-align: top;
}

/* HELP: Style for normal table cells, with right justification<br/><br/> */
.cart-table td.right {
	font-weight: normal;
	padding: 2px;
	text-align: right;
	vertical-align: top;
}

/* HEADER: Send To Friend Styles */

/* HELP: Container for the send to a friend links shown in the store<br/><br/> */
.send-friend {
	font-weight: bold;
	float:right;
	font-size: 0.8em;
	margin-right: 3px;
	margin-top: 1px;
}

/* HELP: Style used for the send to friend link itself within the send-friend container */
.send-friend a {
	font-size: 1em;
	text-decoration: none; 
	color:#ff8d29; 
}

/* HELP: Style used for the send to friend link, when the mouse hovers over it, within the send-friend container */
.send-friend a:hover { 
	color:#ff8d29; 
	text-decoration: underline; 
	cursor: pointer;
}

/* HEADER: Account Styles */

/* HELP: Used as a container for the account home page information for both customer accounts and affiliate accounts */
#account-summary {
	margin-left: auto; margin-right: auto; text-align: center; width: 420px;
}

/* HELP: Style for the left column of the account home page information */
#account-summary-left {
	float: left; width: 200px; text-align: left;
}

/* HELP: Style for the right column of the account home page information */
#account-summary-right {
	float: right; width: 200px; text-align: left;
}

/* HEADER: Form Entry Tables */

/* HELP: Container for form entry tables<br/><br/> */
.form-div {
	text-align: center;
}

/* HELP: Table definition for form entry tables<br/><br/> */
.form-table {
	margin-left: auto;  margin-right: auto;
	padding: 0px;
	border: 0px;
}

/* HELP: Caption styler shown above form entry tables<br/><br/> */
.form-table caption {
	font-size: 0.70em;
	border-bottom: 1px dotted #000000;
	margin-left: auto;  margin-right: auto;
}

/* HELP: Header table cell<br/><br/> */
.form-table th {
	font-weight: bold;
	font-size: 0.8em;
	padding: 2px;
	text-align: left;
	vertical-align: top;
	padding-top: 3px;
}

/* HELP: Normal table cell<br/><br/> */
.form-table td {
	font-weight: normal;
	font-size: 0.8em;
	padding: 2px;
	text-align: left;
}

/* HELP: Style for the table row that contains the submit button for the form<br/><br/> */
.form-table td.submit-row {
	border-top: 1px solid #000000;
	text-align: right;
}

/* HELP: Select box (drop-down) formatting for the form<br/><br/> */
.form-table select {
	font-size: 1em; 
	font-weight: normal;
	background-color: #FFFFFF; 
	color: #000000;
	border: 1px solid #30799E;
}


/* HEADER: General Table Styles */
/* HELP: Container for general tables used throughout the store templates<br/><br/> */
.general-table-div {
	text-align: center;
}

/* HELP: Sryling for the table tag itself, overall styling for the table<br/><br/> */
.general-table {
	margin-left: auto;  margin-right: auto;
	padding: 0px;
	border: 0px;
}

/* HELP: Container for caption tag shown above general tables<br/><br/> */
.general-table caption {
	font-weight: bold;
	font-size: 0.70em;
	margin-left: auto;  margin-right: auto;
	text-align: right;
}

/* HELP: Style for table header cell<br/><br/> */
.general-table th {
	font-weight: bold;
	font-size: 0.70em;
	border-bottom: 1px dotted #000000;
	padding: 2px;
	text-align: left;
	vertical-align: top;
}

/* HELP: Style for normal table cell<br/><br/> */
.general-table td {
	font-weight: normal;
	font-size: 0.70em;
	padding: 2px;
	text-align: left;
}

/* HELP: Style for normal table cell with bold font styling<br/><br/> */
.general-table td.bold {
	font-weight: bold;
	font-size: 0.70em;
	padding: 2px;
	text-align: left;
}

/* HEADER: Advanced Styles */
html {
	font-size: 100%;
	margin: 0px;
	padding: 0px;
	overflow: -moz-scrollbars-vertical;
	overflow-x: hidden;

}

/* HELP: Simple style for forms to avoid any unplanned gaps */
form {
	margin: 0px;
	padding: 0px;
}

.clear-left {
	clear: left;
}

.clear-both {
	clear: both;
 }

.float-right {
	float: right;
}

.float-left {
	float: left;
}

.center {
	text-align: center;
}



/* DENISE */

* {margin: 0; padding: 0;}

html, body { 
background-color:#646464;
margin:0; 
padding: 0 0 0px 0; 
text-align:center; 
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
} 

a:link {
 COLOR: #2a2773;
 text-decoration: none;
 }
 a:visited {
 COLOR: #2a2773;
 text-decoration: none;
 }
 a:hover {
 COLOR: #58595b;
 text-decoration: none;
 } 

#wrapper { 
 background-image:url(images/background.jpg);
 background-position:center;
 width:900px; 
 margin-left:auto; 
 margin-right:auto;
 border: 0px solid #000000;
}

#top {
 float: left; 
 height:4px; 
 background-color:#2a2773;
 border: 0px solid #000000; 
 width:900px;
}
 
#header {
 float: left; 
 height:458px; 
 background-color:#FFFFFF;
 border: 0px solid #000000; 
 width:900px;
} 

#headerc {
 float: left; 
 height:155px; 
 background-color:#FFFFFF;
 border: 0px solid #000000; 
 width:900px;
} 
 
#header1 {
 float: left; 
 height:385px; 
 background-color:#FFFFFF;
 border: 0px solid #000000; 
 width:900px;
} 

#maincol {
 float: left;
 background-color: #ffffff; 
 min-height:280px;
 width:900px;
 }

#maincolc {
 float: left;
 background-color: #ffffff; 
 min-height:620px;
 width:655px;
 }
 
#left {
 position:left; 
 background-color: #ffffff; 
 min-height:640px;
 width:245px;
 float: left;
 }

#footer{
 height:20px; 
 background-color: #2a2773;
 width:900px;
 clear: both;
 } 
 
#header td {
	font-family: Arial;
	font-size: 11.0px;
	line-height: 1.2;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #58595b;
	text-decoration: none;
	}
	
#maincol td {
	font-family: Arial;
	font-size: 11.0px;
	line-height: 1.2;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #58595b;
	text-decoration: none;
	text-align: left;
	}

#maincolc td {
	font-family: Arial;
	font-size: 11.0px;
	line-height: 1.2;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #58595b;
	text-decoration: none;
	text-align: left;
	}

#footer td {
	font-family: Arial;
	font-size: 8px;
	line-height: 1.2;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
	text-decoration: none;
	text-align: left;
	}

h1	{
	font-size: 18px;
	font-family: arial;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	color: #58595b;
        border-bottom: 0px solid #c3c3c3;
       	}

h2	{
	font-size: 25px;
	font-family: arial;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	color: #ffffff;
        border-bottom: 0px solid #c3c3c3;
       	}

.jssprodtitle {
margin-top: 10px;
	font-size: 0.8em;
	font-weight: bold;
	color: #ffffff; 
	background-color: #2a2773; 
	border-bottom: 1px solid #4a4788;
	border-top: 1px solid #4a4788;
	padding: 3px;
	margin-bottom: 10px;
	margin-top: 10px;
	clear: both;
}


h3	{
	font-size: 11px;
	font-family: arial;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	color: #ffffff;
        border-bottom: 0px solid #c3c3c3;
       	}

h4	{
	font-size: 9px;
	font-family: arial;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	color: #58595b;
        border-bottom: 0px solid #c3c3c3;
       	}

h5	{
	font-size: 14px;
	font-family: arial;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	color: #ffffff;
        border-bottom: 0px solid #2a2773;
       	}

#jssnav h2 {
	font-size: 0.8em;
	font-weight: bold;
	color: #ffffff; 
	background-color: #3586ef; 
	border-bottom: 1px solid #1a5bb0;
	border-top: 1px solid #8dbfff;
	padding: 3px;
	margin-bottom: 10px;
	margin-top: 2px;
	clear: both;
}

#jsssectitle h2 {
	font-size: 0.8em;
	font-weight: bold;
	color: #58595b; 
	padding: 3px;
	margin-bottom: 10px;
	margin-top: 2px;
	clear: both;
}

.link1 a {
color: #2a2773;
font-size: 10px;
font-family: arial;
text-decoration: none;
font-weight: bold;
}

.link1 a:visited {
font-size: 10px;
font-family: arial;
text-decoration: none;
font-weight: bold;
}
.link1 a:hover {
color: #58595b;
font-size: 10px;
font-family: arial;
text-decoration: none;
font-weight: bold;
}

.link2 a {
color: #2a2773;
font-size: 12px;
font-family: arial;
text-decoration: none;
font-weight: bold;
}

.link2 a:visited {
color: #2a2773;
font-size: 12px;
font-family: arial;
text-decoration: none;
font-weight: bold;
}
.link2 a:hover {
color: #58595b;
font-size: 12px;
font-family: arial;
text-decoration: none;
font-weight: bold;
}

.link3 a {
color: #58595b;
font-size: 11px;
font-family: arial;
text-decoration: none;
font-weight: normal;
}

.link3 a:visited {
color: #58595b;
font-size: 11px;
font-family: arial;
text-decoration: none;
font-weight: normal;
}
.link3 a:hover {
color: #2a2773;
font-size: 11px;
font-family: arial;
text-decoration: none;
font-weight: normal;
}

.link4 a {
color: #ffffff;
font-size: 8px;
font-family: arial;
text-decoration: none;
font-weight: normal;
}

.link4 a:visited {
color:  #ffffff;
font-size: 8px;
font-family: arial;
text-decoration: none;
font-weight: normal;
}
.link4 a:hover {
color: #58595b;
font-size: 8px;
font-family: arial;
text-decoration: none;
font-weight: normal;
}

select,textarea,.textbox {
	font-size: 11px;
	font-family: Arial;	
	background-color:#ffffff;
    padding: 2px 2px 2px 2px;
	color:#58595b;
	border:1px solid #a7a9ac;
}

select {
	font-size: 10px;
	font-family: Arial;	
	background-color:#2a2773;
    padding: 2px 1px 2px 1px;
	color:#ffffff;
	border:0px solid #757575;
}



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

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

/* styles the bottom of box with rounded corners */

.box1 {
width:220px;  /* determined by the size of image width */
padding:0 0 14px 0;
margin:0px auto;
background:url(images/bottom.gif) bottom left no-repeat;
}

/* styles the top round corner image */
.box1 h3 {
margin:0;
padding-top: 10px;
padding-left: 26px;
text-align: left;
background:url(images/top.gif) top left no-repeat;
height: 33px;
font-size: 14px;
font-family: arial;
font-weight: bold;
color: #ffffff;

}

/* styles the paragraph text */
.box1 p {
margin:0;
text-align: left;
padding-left: 26px;
padding-right: 10px;
line-height: 2.5em;
}

/* styles links in the box */
.box1 a {
text-decoration:none;

}

* styles hover state of the links */
.box1 a:hover {
	text-decoration:none;
}
  

/* styles the bottom of box1t with rounded corners */

.box1t {
width:220px;  /* determined by the size of image width */
padding:0 0 14px 0;
margin:0px auto;
background:url(images/bottomt.gif) bottom left no-repeat;
}

/* styles the top round corner image */
.box1t h3 {
margin:0;
padding-top: 10px;
padding-left: 26px;
text-align: left;
background:url(images/top.gif) top left no-repeat;
height: 33px;
font-size: 14px;
font-family: arial;
font-weight: bold;
color: #ffffff;

}

/* styles the paragraph text */
.box1t p {
margin:0;
text-align: left;
padding-left: 26px;
padding-right: 10px;
line-height: 2.5em;
}

/* styles links in the box */
.box1t a {
text-decoration:none;

}

* styles hover state of the links */
.box1t a:hover {
	text-decoration:none;
}


/* styles the bottom of box 2 with rounded corners */

.box2 {
width:220px;  /* determined by the size of image width */
padding:0 0 14px 0;
margin:0px auto;
background:url(images/tbottom.gif) bottom left no-repeat;
}

/* styles the top round corner image */
.box2 h3 {
margin:0;
padding-top: 16px;
padding-left: 26px;
text-align: left;
background:url(images/ttop.gif) top left no-repeat;
height: 38px;
font-size: 14px;
font-family: arial;
font-weight: bold;
color: #ffffff;

}

/* styles the paragraph text */
.box2 p {
margin:0;
text-align: left;
padding-left: 26px;
padding-right: 10px;
line-height: 2.0em;
font-family: Arial;
font-size: 11.0px;
color: #58595b;
}

/* styles links in the box */
.box2 a {
text-decoration:none;
}

* styles hover state of the links */
.box2 a:hover {
	text-decoration:none;
}
  

/* styles the bottom of box 3 with rounded corners */

.box3 {
width:220px;  /* determined by the size of image width */
padding:0 0 14px 0;
margin:0px auto;
background:url(images/tbottom.gif) bottom left no-repeat;
}

/* styles the top round corner image */
.box3 h3 {
margin:0;
padding-top: 16px;
padding-left: 26px;
text-align: left;
background:url(images/ttop.gif) top left no-repeat;
height: 38px;
font-size: 14px;
font-family: arial;
font-weight: bold;
color: #ffffff;
}

.box3 h4 {
margin:0;
padding-top: 4px;
padding-left: 26px;
text-align: left;
font-size: 20px;
font-family: arial;
font-weight: bold;
color: #2a2773;
}

/* styles the paragraph text */
.box3 p {
margin:0;
text-align: left;
padding-left: 26px;
padding-right: 10px;
line-height: 1.1em;
font-family: Arial;
font-size: 11.0px;
color: #58595b;
}

/* styles links in the box */
.box3 a {
text-decoration:none;
}

* styles hover state of the links */
.box3 a:hover {
	text-decoration:none;
}

/* styles the bottom of box 4 with rounded corners */

.box4 {
width:171px;  /* determined by the size of image width */
padding:0 0 14px 0;
margin:0px auto;
background:url(images/box4bottom.gif) bottom left no-repeat;
}

/* styles the top round corner image */
.box4 h3 {
margin:0;
padding-top: 10px;
padding-left: 26px;
text-align: left;
background:url(images/box4top.gif) top left no-repeat;
height: 33px;
font-size: 14px;
font-family: arial;
font-weight: bold;
color: #ffffff;
}

.box4 h4 {
margin:0;
padding-top: 4px;
padding-left: 26px;
text-align: left;
font-size: 20px;
font-family: arial;
font-weight: bold;
color: #2a2773;
}

/* styles the paragraph text */
.box4 p {
margin:0;
text-align: left;
padding-left: 26px;
padding-right: 10px;
line-height: 1.1em;
font-family: Arial;
font-size: 11.0px;
color: #58595b;
}

/* styles links in the box */
.box4 a {
text-decoration:none;
}

* styles hover state of the links */
.box4 a:hover {
	text-decoration:none;
}


/* styles the bottom of box 5 with rounded corners */

.box5 {
width:632px;  /* determined by the size of image width */
padding:0 0 14px 0;
margin:0px auto;
background:url(images/aboutbot.gif) bottom left no-repeat;
}

/* styles the top round corner image */
.box5 h3 {
margin:0;
padding-top: 8px;
padding-left: 26px;
text-align: left;
background:url(images/abouttop.gif) top left no-repeat;
height: 33px;
font-size: 14px;
font-family: arial;
font-weight: bold;
color: #ffffff;
}

.box5 h2 {
margin:0;
padding-top: 4px;
padding-left: 26px;
text-align: left;
font-size: 12px;
font-family: arial;
font-weight: bold;
color: #2a2773;
}

.box6 h1 {
margin:0;
padding-top: 0px;
padding-left: 24px;
text-align: left;
font-size: 16px;
font-family: arial;
font-weight: normal;
color: #2a2773;
}

.box5 h4 {
margin:0;
padding-top: 4px;
padding-left: 26px;
padding-bottom: 0px;
text-align: left;
font-size: 11px;
font-family: arial;
font-weight: bold;
color: #2a2773;
}

.box5 h5 {
margin:0;
padding-top: 0px;
padding-left: 26px;
padding-bottom: 0px;
text-align: left;
font-size: 8px;
font-family: arial;
font-weight: bold;
color: #58595b;
}


/* styles the paragraph text */
.box5 p {
margin:0;
text-align: left;
padding-left: 26px;
padding-right: 10px;
padding-bottom: 5px;
line-height: 1.1em;
font-family: Arial;
font-size: 11px;
}

/* styles the paragraph text */
.box5 ul {
margin:0;
list-style-type: disc;
text-align: left;
padding-left: 46px;
padding-right: 10px;
padding-bottom: 0px;
line-height: 1.1em;
font-family: Arial;
font-weight: bold;
font-size: 11px;
}

/* styles links in the box */
.box5 a {
}

* styles hover state of the links */
.box5 a:hover {
}


/* styles the bottom of box 6 with rounded corners */

.box6 {
width:222px;  /* determined by the size of image width */
padding:0 0 14px 0;
margin:0px auto;
background:url(images/ordersbot.gif) bottom left no-repeat;
}

/* styles the top round corner image */
.box6 h3 {
margin:0;
padding-top: 8px;
padding-left: 24px;
text-align: left;
background:url(images/orderstop.gif) top left no-repeat;
height: 33px;
font-size: 14px;
font-family: arial;
font-weight: bold;
color: #ffffff;
}

.box6 h4 {
margin:0;
padding-top: 4px;
padding-left: 24px;
padding-bottom: 5px;
text-align: left;
font-size: 11px;
font-family: arial;
font-weight: bold;
color: #2a2773;
}

/* styles the paragraph text */
.box6 p {
margin:0;
text-align: left;
padding-left: 24px;
padding-right: 10px;
padding-bottom: 5px;
line-height: 1.1em;
font-family: Arial;
font-size: 11.0px;
color:#58595b;
}

.box6 h5 {
margin:0;
padding-top: 0px;
padding-left: 24px;
padding-bottom: 0px;
text-align: left;
font-size: 8px;
font-family: arial;
font-weight: bold;
color: #58595b;
}

.box6 h2 {
margin:0;
padding-top: 4px;
padding-left: 24px;
text-align: left;
font-size: 16px;
font-family: arial;
font-weight: bold;
color: #2a2773;
}

.box6 h1 {
margin:0;
padding-top: 0px;
padding-left: 24px;
text-align: left;
font-size: 16px;
font-family: arial;
font-weight: normal;
color: #2a2773;
}

/* styles links in the box */
.box6 a {

}

* styles hover state of the links */
.box6 a:hover {
   
}

/* styles links in the box */
.box6 a:visited {

}


/* --- Suckerfish Menu styles --- */

#nav ul 

{ /* all lists */ 

	margin: 0;

	list-style: none;
    width:101px;

	font-size: 11px;

}



#nav li.left

{ /* all list items */

	float: left;

	position: relative;/*width: 8em;*/

	font-size: 11px;

	padding: 10px 8px;

	list-style-type: none;

	text-align: center;
	
	font-weight: bold;

	color: #636363;

}



#nav li.right

{ /* all list items */

	float: left;

	position: relative;/*width: 8em;*/

	font-size: 11px;

	padding: 1px 12px;

	list-style-type: none;

	text-align: left;

    font-weight: bold;
	
	color: #636363;

}



#nav li a

{ /* all list items */

	color: #FFFFFF;

	text-decoration: none;

}



#nav li a:hover

{ /* all list items */

	color: #2a2773;

	text-decoration: none;

}



#nav li a.selected

{ /* all list items */

	color: #FFFFFF;

	text-decoration: none;

}



li ul 

{ /* second-level lists */

	display: none;

	position: absolute;

	top: 32px;

	left: -2px;

	background: #202020;

}



#nav li ul li

{ /* all list items */

}



li>ul 

{ /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */



}



li:hover ul, li.over ul 

{ /* lists nested under hovered list items */

	display: block;

}



#nav li ul a 

{

	width: 14em; 

	font-weight: bold;

	padding: 4px 10px;

	text-align: left

}



#nav li li a

{

	display: block;

	font-weight: normal;

	color: #FFFFFF;

	padding: 9px 10px;

	text-align: left

}



#nav li li a:hover 

{

	display: block;

	font-weight: normal;

	color: #636363;

	padding: 9px 10px;

	text-align: left

}

/* --- End of Suckerfish --- */

#recall {
	width: 632px;
	margin: 0;
	padding: 35px 0;
	font-size: 16px;
	text-align: left;
}

	#recall .message {
		margin: 0 0 20px;
		text-align: center;
		font-weight: bold;
	}
	
	#recall .green {
		color: #0a0;
	}
	
	#recall .red {
		color: #c00;
	}

	#recall form {
		width: 460px;
		margin: 0 auto;
	}

		#recall form label {
			margin: 0 25px 0 0;
			font-weight: bold;
		}
		
		#recall form label, #recall form #vin {
			float: left;
		}
		
		#recall form input {
			padding: 3px;
			font-size: 13px;
			border: 1px solid #2A2773;
		}
		
		#recall form input.submit {
			width: 60px;
			height: auto;
			margin: 15px 205px;
			padding: 3px;
			clear: both;
			background-color: #2A2773;
			color: #fff;
			font-size: 13px;
			font-weight: bold;
			text-align: center;
			cursor: pointer;
		}
		
		#recall #recall-details {
			padding: 20px 0 0;
			overflow: hidden;
			border-top: 1px solid #666;
		}

		#recall #recall-details	div {
			width: 208px;
			margin: 0 0 0 16px;
			float: left;
			overflow: hidden;
		}

			#recall #recall-details	label, #recall #recall-details input {
				float: left;
				font-size: 12px;
				font-weight: normal;
			}
			
			#recall #recall-details	label {
				width: 60px;
				margin: 4px 10px 0 0;
			}
			
			#recall #recall-details input {
				width: 130px;
				margin: 0 0 5px;
			}
			
			#recall #recall-details div.submit {
				clear: both;
			}
			
				#recall #recall-details input.submit {
					width: auto;
					margin: 0 0 5px;
					float: right;
				}
		
		#recall #recall-error {
			margin: 15px 0 0;
			color: #c00;
			font-size: 12px;
			font-weight: bold;
			text-align: center;
		}