/*
  $Id$

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2010 osCommerce

  Released under the GNU General Public License
*/

.ui-widget {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}

body {
  background: #fff;
  color: #000;
  margin: 0px;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
}

#bodyWrapper {
}

#bodyContent {
  background: #0DAFED;
  padding: 10px;	
  border-bottom: 1px #fff solid;
}

.whitebox {
  float: left;
  background: #fff;
  padding-left: 10px;
  padding-right: 10px;
  width: 909px;	
}

#topsell {
  float: left;
  padding-top: 15px; 
  background: #fff;
  width: 929px;		
}

#silver_explained {
  float: left;
  background: url(images/desc_bg.jpg) repeat-y;
  width: 928px;	 
}

#topsell span {
  padding-left: 10px;	
}

#searchheader {
  height: 50px;
  border-bottom: 1px #000 solid;
  width: 950px;	
}

#searchheader span, #currency_cards span, #headerShortcuts span, #headerShortcutsTabs span, #navbar span, .footer span, #recommended span, #viewproducts span, #main_left, #main_right, #topsell span {
	float: left;	
}

#searchheader .fieldKey, #currency_cards .fieldKey {
  width: 110px;
  padding-top: 4px;
}

#headerShortcuts .fieldKey {
  width: 150px;
  padding-top: 5px; 
  padding-left: 10px;
}

.footer .fieldKey {
  padding-top: 15px; 
  margin-left: 10px;
  color: #fff;
}

.footer .fieldKey a, #navbar .fieldKey a {
  text-decoration: none;
  color: #fff;	
}

.footer .fieldKey a:hover {
  color: #07ACEC;	
}

#navbar .fieldKey a:hover {
  color: #ccc;	
}

#social {
	padding-top: 15px;
	clear: both;
}

#social span {
	padding-left: 10px;	
}

#ageuk {
	padding-left: 15px;
}

#righticons {
	padding-left: 160px;	
}

.searchbox {
	float: right;
	margin-right: 10px;
	margin-top: 15px;
}

.searchfield {
	background: #EDEDED;
	margin: 0;
	border: 0;
	padding: 5px;
	height:13px;	
	width: 150px;
	font-size: 11px;
}

#header {
  height: 142px;
  width: 950px;
  background: url(images/natural_silver_bar.jpg) no-repeat;
}

#navbar {
  background: #3b3b3b;
  height: 41px;	
}

ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
}
ul#topnav li {
	float: left;
	margin: 0px 25px 0px 0px; 
	padding: 15px 0px 0px 0px;
	position: relative; /*--Important--*/
}
ul#topnav li a {
	color: #fff;
	float: left;
	height: 26px;
}
ul#topnav li a:hover {
	text-decoration: none;
}


ul#topnav li .sub {
	position: absolute; /*--Important--*/
	top: 41px; left: 0;
	z-index: 99999;
	background: #f5f5f5 url(images/man_trans.gif) no-repeat; /*--Background gradient--*/
	background-position: top right;
	padding: 0px 90px 20px 10px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none; /*--Hidden for those with js turned off--*/
}
ul#topnav li .row { /*--If needed to break out into rows--*/
	clear: both;
	float: left;
	width: 100%;
}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 230px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%; /*--Override parent list item--*/
	color: #fff;
	padding: 5px 0px 0px 0px;
}
ul#topnav .sub ul li h2 { /*--Sub nav heading style--*/
	padding: 0;  margin: 0;
	font-size: 14px;
	font-weight: normal;
}
ul#topnav .sub ul li h2 a { /*--Sub nav heading link style--*/
	padding: 0;
	background-image: none;
	color: #fc0107;
	font-weight:bold;
}
ul#topnav .sub ul li a {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	padding: 0;
	display: block;
	text-decoration: none;
	color: #000;
}
ul#topnav .sub ul li a:hover {
	color: #636363;
	background-position: 5px 12px ;/*--Override background position--*/
}


#storeLogo {
  float: left;
  margin-top: 38px;
}

#headerShortcuts {
  float: right;
  margin-top: 15px;
  margin-right: 10px;
}

#headerShortcuts .middle {
	width: 215px;
	height: 59px;
	background: #fff;
}

#headerWelcome {
	clear: both;
	margin-top: 10px;	
	color: #fff;
	font-weight: bold;
}

#headerShortcutsTabs {
	margin-top: 6px;
	float: right;
	clear: both;	
}

#columnLeft {
  padding-top: 5px;
}

#columnRight {
  float: right;
  padding-top: 5px;
}

#main_left {
	width: 699px;	
}

#main_right {
	margin-left: 10px;	
}

#slideshow1 {
	height: 246px;
	margin-bottom: 10px;	
}

#slideshow2 {
	height: 247px;
	margin-bottom: 10px;	
}

#recommended span, #viewproducts span {
	clear: both;	
}

#viewproducts span {
	margin-top: 10px;	
}

.infoBoxContainer { }

.infoBoxHeading {
  padding: 2px;
  font-size: 11px;
}

.infoBoxContents {
  padding: 5px;
  font-size: 11px;
  line-height: 1.5;
}

.contentContainer {
  float: left;
  padding-bottom: 10px;
}

.contentContainer h2 {
  font-size: 16px;
  text-decoration: underline;
  font-weight: normal;
  margin-bottom: 0;
  padding-bottom: 5px;
}

.contentText, .contentText table {
  padding: 5px 0 5px 0;
  font-size: 12px;
  line-height: 1.5;
}

.productListTable {
  padding: 5px;
  font-size: 12px;
  line-height: 1.5;
}

.productListTable tr.alt td {
  background-color: #ecf6fc;
}

.fieldKey {
  font-size: 11px;
  font-weight: bold;
  line-height: 1.5;
  width: 150px;
}

.fieldValue {
  font-size: 11px;
  line-height: 1.5;
}

h1 {
  font-size: 20px;
  margin: 0;
  padding-bottom: 5px;
}



img {
  border: 0;
}

table, p {
  font-size: 11px;
  line-height: 1.5;
}

#piGal {
	border: #a2a2a2 1px solid;
	overflow: hidden; 
	position: relative; 
	width: 370px; 
	height: 370px;	
}

#piGal ul {
  list-style-type: none;
}

#piGal span
{
	width: 370px; 
	height: 370px; 
	background: url(images/plus.png) no-repeat;
	position:absolute;
	top:0;
	left:0;
	cursor:crosshair;
}

#piGal img {
	position:absolute;
	top:0px;
	left:0px;
}

#piGal .outer {
  margin-left: -30px;
}

.buttonSet {
  clear: both;
}

.buttonAction {
  float: right;
}

.boxText { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.errorBox { font-family : Arial, Helvetica, sans-serif; font-size : 11px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Arial, Helvetica, sans-serif; font-size : 11px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Arial, Helvetica, sans-serif; font-size : 11px; color: #70d250; text-decoration: underline; }

A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  text-decoration: underline;
}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

A.headerNavigation:hover {
  color: #ffffff;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

.footer {
  height: 210px;
  background: #232323;	
}


TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}

.footer2 {
  height: 65px;
  padding-left:10px;
  padding-top:10px;
  width:940px;
  color:#333;
}

.footer2 a {
  text-decoration: none;
  color: #333;	
}

.footer2 a:hover {
  color: #07ACEC;	
}

.infoBox {
  background: #b6b7cb;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}

TD.infoBoxHeading {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  background: #bbc3d3;
  color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.productListingHeader {
  table-layout: fixed;
  color: #FFFFFF;
  font-weight: bold;
}

.productListingHeader A:hover {
  color: #FFFFFF;
}

.productListingData {
  table-layout: fixed;
}


A.pageResults {
  color: #0C84D0;
}

A.pageResults:hover {
  color: #1ED4FC;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

td.pageHeading-invoice {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #9a9a9a;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
}

td.main, P.main {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

td.smallText-Total {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
}

.small {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;

}

TD.accountCategory {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.tableHeading {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}

.input_text {
	width: 300px;
	border: 1px solid #A2A2A2;
	padding: 5px;	
}

.input_textarea {
	width: 300px;
	height: 150px;
	border: 1px solid #A2A2A2;
	padding: 5px;	
}

.SELECT {
    width: 255px;	
}

.input_radio {
	width: 20px;	
}

TEXTAREA {
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Arial, Helvetica, sans-serif;
  color: #000;
  font-size: 11px;
  font-weight: normal;
  padding-right: 10px;
}

SPAN.errorText {
  font-family: Arial, Helvetica, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
.messageStackError, .messageStackWarning { font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ff0000; }

/* buttons */

.tdbLink a { }

.tdbLink button { }

/* account link list */

.accountLinkList {
  list-style-type: none;
  margin: 2px 2px 2px 10px;
  padding: 5px;
}

.accountLinkListEntry {
  float: left;
  margin-right: 5px;
}

.buttons_span {
	float: left;
	margin: auto;
	height: 37px;
	width: 121px;
}

.buttons_span td.buttons_orange_blue {
	background: url(images/buttons_orange_blue.jpg) no-repeat;	
	background-position: 0px 0px;
	height: 37px;
	width: 121px;
}

.buttons_span td.buttons_orange_blue:hover {
	text-decoration:none;
	background-position: 0px -37px;
}

.buttons_orange_blue a {
	float: left;
	text-decoration:none;
	color: #fff;
	font-size: 12px;
}

.buttons_orange_blue span {
	float: left;
	padding-left:10px;
	vertical-align: middle;		
	width: 111px;
}

.breadcrumbs {
	margin: 0px 0px 10px 10px;		
}

.breadcrumbs img {
	padding: 0px 5px 0px 5px;
}

#page_title {
	background: url(images/circle.jpg) no-repeat;
	height: 32px;	
}

#page_title h1 {
	padding-left: 50px;
	padding-top: 3px;
}

.share_products {
	border-left: 1px #b6b6b6 solid;
	border-right: 1px #b6b6b6 solid;
	width: 219px; 	
	padding-top: 10px;
	padding-bottom: 5px;
}

.product_reviews {
	float: left;
	padding-left: 15px;
	width: 520px;	
}

.product_details {
	float: left;
	padding-top: 2px;	
	padding-left: 15px;
	width: 280px;
}

.product_details span {
	float: left;
}

.product_details span.fieldKey {
	width: 80px;
	clear: both;
	padding-top: 5px;
	padding-bottom: 15px;
}

.product_details SELECT {
	width: 198px;
	border: 1px solid #A2A2A2;
	padding: 5px;
}

h2.name, h2.price {
	text-decoration: none;
	margin: 0;
	padding: 0;	
}

h2.price {
	color: #fc0107;	
}

h2.price:before {
	content: "Price: ";
}

#xsell {
	margin-top: 50px;
	float: left;
	clear: both;	
}

#xsell_index {
	float: left;
	clear: both;	
}

.xsell_row {
	margin-top: 20px;
	float: left;	
}

.xsell_box {
	width: 220px;	
	float: left;
	font-size: 14px;
	color: #000;
	font-weight: bold;
}

.xsell_text {
	padding-top: 10px;
	font-size: 13px;
	color: #000;
	font-weight: bold;
}

.xsell_price {
	clear:both;
	font-size: 13px;
	color: #f60a04;
	font-weight: bold;
}

.gallery-border {
	border: 1px solid #CCC;	
}

.products_listing_bar {
	float:left;
	clear:both;
	padding-top:20px;
	width:909px;
}

#map_canvas { 
	height: 100%; 
}

.success {
	height: 20px;
	background: url(images/icons/success_small.gif) #99ff00 no-repeat;
	padding: 5px 10px 0px 30px;
	margin-bottom: 20px;	
}

.news {
	padding-top: 20px;
}

.news h2 {
	margin: 0;
	float: left;
	padding: 0;
	text-decoration: none;	
	line-height: 1;
}

.calendar {
	background: url(images/dateBG.png) no-repeat;	
	padding-top: 1px; 
	margin-right: 10px; 
	width: 42px; 
	height: 46px; 
	float: left; 
	text-align: center; 
}

.cal_month {
	line-height: 15px;
	color: #fff;
	font-size: 14px;
	padding-bottom: 5px;
	width: 42px;	
}

.cal_day {
	line-height: 15px;
	color: #0C84D0;
	float: left;
	font-size: 20px;
	padding-top: 3px;
	width: 42px;
	height: 40px;
}

.news_content {
	float: left;
	clear: both;
	padding-top: 10px;	
}

.didyouknow {
	margin-left: 10px;
	background: url(images/did_you_know.jpg) no-repeat;
	height: 310px;
	width: 420px;
}

#topsell span#didyouknowtext {
	padding-left: 0px;
	margin-top: 10px;
	width: 295px;
	line-height: 1.4;	
	float: left;
	height: 280px;
	overflow: hidden;
}

#topsell span#didyouknowblock {
	width: 50px;
	height: 75px;
	float: right;	
}

#products_description {
	float: left;
	clear: both;
}

#alt_pics {
	margin-top: 30px;	
	float: left;
	clear: both;
}

#alt_pics span {
	float: left;
}

#alt_pics img {
	border: #a2a2a2 1px solid;	
}