/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #000; text-decoration: underline; }

FORM {
	display: inline;
}

.infoBox {
  border:1px solid #000;
}

.infoBoxContents {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

backing {
	background: #333333;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  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, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #bbc3d3;
  color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

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;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, 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, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #fff; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */
#manu * {border:none;margin:0;}
#manu select {border:1px solid #4a4a4a;}
.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

.smallText_1 a {
	color:#000;
	text-decoration:underline;
}

.smallText_1 a:hover {
	color:#000;
	text-decoration:none;
}

#myse select {
	width:90%;
}

body {padding:0; margin:0;background:#555555;}
body, td {font-family:Tahoma,verdana,arial; font-size:11px; color:#2F2F26;}

.bg  {background:url(images/m15.gif); background-repeat: no-repeat;}
.bg1 {background:url(images/m17.gif); background-repeat: repeat-y;}
.bg2 {background:url(images/m21.gif); background-repeat: no-repeat;}
.bg3 {background:url(images/m23.gif); background-repeat: repeat-y;}
.bg4 {background:url(images/m29.gif); background-repeat: repeat-x;}
.bg5 {background:url(images/m33.gif); background-repeat: no-repeat;}
.bg6 {background:url(images/m39.gif); background-repeat: repeat-y;}
.bg7 {background:url(images/m43.gif); background-repeat: no-repeat;}
.bg8 {background:url(images/m44.gif); background-repeat: no-repeat;}
.bg9 {background:url(images/m46.gif); background-repeat: repeat-x;}
.bg10 {background:url(images/m50.gif); background-repeat: repeat-x;}
.bg11 {background:url(images/m48.gif); background-repeat: repeat-y;}


ul{
   margin:0px;
   padding:0px;
   list-style:none;
}
ul li{
    background:url(images/m19.gif) center left no-repeat;
	margin:0px;
	padding: 0 0 0 19px;
}
ul a{
	color:#FFFFFF;
	text-decoration:none;
    font-size:11px;
	line-height:20px;
}

ul a:hover{
	color:#F06C1E;
}

.al  li{	
    background:url(images/m25.gif) center left no-repeat;	
	margin:0px;
	padding:0  0 0 13px;
	height: 20px;
}
.al li a{
	color:#404032;
	text-decoration:none;
    font-size:11px;
	line-height:20px;
	font-weight:bold;
}
.al li a:hover{
	color:#FFFFFF;
}

.se  {width:89px; height:19px; font-family:tahoma,verdana,arial; font-size:11px; color:#2F2F26; padding-left:3px; background-color:#8B8680;}

.go  {width:121px; height:19px; font-family:tahoma,verdana,arial; font-size:11px; color:#2F2F26; padding-left:3px; border: 1px solid #5C5B4E; background-color:#959181;}
.go1 {width:40px; height:19px; font-family:tahoma,verdana,arial; font-size:11px; color:#494949;}
.ab  {vertical-align: middle;}
.bd  {border:solid 1px #696969;}

.tx  {font-size:11px; color:#2F2F26; font-weight:bold;}
.tx1 {font-size:11px; color:#9B4B03; font-weight:bold;}
.tx2 {font-size:14px; color:#373723; font-weight:bold; text-transform:uppercase;}
.tx3 {font-size:14px; color:#953C07; font-weight:bold; text-transform:uppercase;}
.tx3 a {font-size:14px; color:#953C07; font-weight:bold; text-transform:uppercase;text-decoration:none;}
.tx4 {font-size:14px; color:#FFFFFF; font-weight:bold;}
.tx5 {font-size:12px; color:#373723; font-weight:bold; text-transform:uppercase;}
.tx6 {font-size:10px; color:#9A9488;}
.tx7 {font-size:11px; color:#FFFFFF;}
.tx8 {font-size:12px; color:#FFFFFF; font-weight:bold; text-transform:uppercase; text-decoration:underline;}
.tx9 {font-size:11px; color:#FFFFFF;}
   
.ml {color:#41413B;	font-size:11px; text-decoration:none;}
.ml:hover {text-decoration:underline;}
.ml1 {color:#404032; font-size:12px; font-weight:bold; text-decoration:underline; text-transform:uppercase;}
.ml1:hover {text-decoration:none;}
.ml2 {color:#9A9488; font-size:10px; text-decoration:none;}
.ml2:hover {text-decoration:underline;}
.ml3 {color:#FFFFFF; font-size:11px; text-decoration:none;}
.ml3:hover {text-decoration:underline;}
.ml4 {color:#2F2F26; font-size:11px; text-decoration:underline;}
.ml4:hover {text-decoration:none;}



#zxc1 {color:#9A9488; font-size:11px;}
#zxc1 a {color:#9A9488; font-size:11px; text-decoration:underline;}
#zxc1 a:hover {text-decoration:none;}


.se1 {width:138px;height:30px; font-family:tahoma,verdana,arial; font-size:11px; color:#2F2F26; padding-left:3px; background-color:#959181;}
#manu #se1 {height:30px;}
html>body #manu #se1 {height:18px;}

.delp {
	color:#212121;
	font-weight:normal;
	font-size:11px;
}

font[color="#ff0000"] {
	color:#AF2020;
}

.main a {
	color:#000;
	text-decoration:none;
}

.main a:hover {
	color:#000;
	text-decoration:underline;
}
#contact p {
	margin: 0px;
	padding: 0px;
}
.logo_labs {
	position: absolute;
	height: 63px;
	width: 419px;
	top: 22px;
	right: 371px;
	float: right;
}

/* andreas02 - an open source xhtml/css website layout by Andreas Viklund (http://andreasviklund.com). Made for OSWD.org, free to use as-is for any purpose as long as the proper credits are given for the original design work. For design assistance and support, contact me through my website or through http://oswd.org/email.phtml?user=Andreas

Version: 1.0
(July 27, 2005)

Screen layout: */

body {
padding: 0;
margin: 0;
font: 76% tahoma, verdana, sans-serif;
font-size: 10pt;
color: #303030;
background-color: #676767;
}

a {
text-decoration: none;
color: #286ea0;
}

a:hover {
text-decoration: underline;
}

#toptabs {
margin: 10px auto -13px auto;
font-size: 0.8em;
width: 760px;
}

#toptabs p {
text-align: right;
color: #808080;
}

.toptab {
padding: 3px 5px 3px 5px;
margin: 0 0 0 4px;
text-decoration: none;
background: #f0f0f0 url(images/corner2.gif) top right no-repeat;
color: #808080;
border-bottom: 1px solid #e0e0e0;
}

.toptab:hover {
background: #fafafa url(images/corner2.gif) top right no-repeat;
border-bottom: 1px solid #eaeaea;
color: #505050;
text-decoration: none;
}

.activetoptab {
padding: 3px 5px 3px 5px;
margin: 0 0 0 4px;
color: #505050;
text-decoration: none;
background: #ffffff url(images/corner2.gif) top right no-repeat;
border-bottom: 1px solid #ffffff;
}

.activetoptab:hover {
text-decoration: none;
}

#container {
margin: 0 auto 15px auto;
width: 760px;
padding: 5px 20px 20px 20px;
background: #ffffff;
}

#logo {
margin: 15px 0 0 0;
}

#logo h1 a {
color: #303030;
}


#logo h1 a:hover {
text-decoration: none;
}

#navitabs {
clear: both;
}

.navitab {
padding: 4px 8px 4px 8px;
margin: 0 0 4px 0;
text-decoration: none;
letter-spacing: 1px;
background: #e0e0e0 url(images/corner.gif) top right no-repeat;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
}

.navitab:hover {
text-decoration: none;
background: #d0d0d0 url(images/corner.gif) top right no-repeat;
}

.activenavitab {
padding: 4px 8px 5px 8px;
color: #ffffff;
margin: 0 0 5px 0;
text-decoration: none;
background: #505050 url(images/corner.gif) top right no-repeat;
}

.activenavitab:hover {
text-decoration: none;
}

#desc {
height: 200px;
color: #ffffff;
padding: 0;
background: #505050 url(images/front.jpg) top left no-repeat;
clear: both;
margin: 5px 0 0 0;
}

#desc p {
width: 290px;
font-size: 1em;
line-height: 1.3em;
padding: 0 0 0 15px;
}

#desc h2 {
padding: 15px 15px 0 15px;
color: #ffffff;
}

#desc a {
color: #ffffff;
text-decoration: underline;
}

#main {
width: 590px;
float: left;
padding: 0 15px 0 0;
border-right: 1px solid #d0d0d0;
}

.block {
background: #f0f0f0;
padding: 15px;
}

#sidebar {
width:140px;
float:right;
}

#sidebar p {
font-size: 0.9em;
line-height: 1.3em;
margin: 0 0 12px 0;
}

.sidelink {
text-align: left;
display: block;
width: 120px;
background: #f0f0f0 url(images/corner.gif) top right no-repeat;
padding: 3px 4px 3px 8px;
margin: 5px 10px 5px 0;
}

.sidelink:hover {
background: #e0e0e0 url(images/corner.gif) top right no-repeat;
text-decoration: none;
}

footer {
color: #FFFFFF;
font-size: 9pt;
padding: 8px 0 8px 0;
border-top: 1px solid #d0d0d0;
border-bottom: 1px solid #d0d0d0;
text-align: center;
}

footer a {
color: #FFFFFF;
}

h1 {
	font-size: 20px;
	font-weight: lighter;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-color: #33CCFF;
	color: #328CD2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
}

h2 {
	font-size: 16px;
	font-weight: lighter;
	color: #328CD2;
	margin: 0px;
}

h3 {
	font-size: 25px;
	font-weight: normal;
	color: #328CD2;
	background-color: #C7E7F6;
	width: 658px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 30px;
	vertical-align: middle;
	padding-left: 10px;
	padding-top: 5px;
}

p {
margin: 0 0 15px 0;
line-height: 1.5em;
text-align: left;
}

.right {
text-align: right;
}

a img {
border: 0;
}

.photo {
padding: 5px;
display: block;
margin: 0 auto 15px auto;
background-color: #f0f0f0;
}

.hide {
display: none;
}

/*drop down color*/

#dropmenudiv{
position:absolute;
border:1px solid white;
border-bottom-width: 0;
font:normal 10px Verdana;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 6px;
border-bottom: 1px solid white;
padding: 1px 0;
text-decoration: none;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: lightblue;
}
/*drop down color*/

/*menu*/

#menu_container {
	width: 780;
	background-color: #FFFFFF;
	float: none;
	position: relative;
	left: auto;
	right: auto;
}
#menu_blue_box {
	width: 728px;
	border-top-width: 15px;
	border-top-style: solid;
	border-top-color: #DCDDDF;
	float: none;
	background-color: #328CD2;
	color: #000066;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 5px;
	margin-right: 50px;
	margin-left: 50px;
}
#menu_blue_box a {
	color: #FFFFFF;
	font-weight: lighter;
}
#menu_quick_find {
	width: 200px;
	position: relative;
	float: right;
	padding-right: 5px;
	top: -20px;
}
.nav_colour {
	color: #000033
}
.nav_colour a {
	color: #FFFFFF;
}
.footer p {
	text-align: center;
}
.services_txt {
	width: 380px;
	padding-left: 20px;
}
.services_logo {
	float: right;
	position: relative;
}
.product_txt {
	width: 380px;
	padding-left: 0px;
}

/*services red*/

#red_head {
	font-size: 20px;
	font-weight: lighter;
	font-color: #33CCFF;
	color: #B11A16;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	margin: 0px;
	padding-left: 20px;
}
#red_box {
	background-color: #E6C7C5;
	height: 15px;
	width: 706px;
	float: none;
	position: relative;
	top: 10px;
	left: 0px;
}
#red_box #sub_red_box {
	background-color: #B11A16;
	float: left;
	height: 15px;
	width: 179px;
}
.red_dot {color: #B11A16}

/*services red end*/

/*services green*/

#green_head {
	font-size: 20px;
	font-weight: lighter;
	font-color: #33CCFF;
	color: #7CB955;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	margin: 0px;
	padding-left: 20px;
}
#green_box {
	background-color: #E1EED4;
	height: 15px;
	width: 706px;
	float: none;
	position: relative;
	top: 10px;
	left: 0px;
}
#green_box #sub_green_box {
	background-color: #7CB955;
	float: left;
	height: 15px;
	width: 179px;
}
.green_dot {color: #7CB955}

/*services green end*/

/*services yellow*/

#yellow_head {
	font-size: 20px;
	font-weight: lighter;
	font-color: #33CCFF;
	color: #F6C800;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	margin: 0px;
	padding-left: 20px;
}
#yellow_box {
	background-color: #FDF4BF;
	height: 15px;
	width: 706px;
	float: none;
	position: relative;
	top: 10px;
	left: 0px;
}
#yellow_box #sub_yellow_box {
	background-color: #F6C800;
	float: left;
	height: 15px;
	width: 179px;
}
.yellow_dot {color: #F6C800}

/*services yellow end*/

/*services purple*/

#purple_head {
	font-size: 20px;
	font-weight: lighter;
	font-color: #33CCFF;
	color: #A9398B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	margin: 0px;
	padding-left: 20px;
}
#purple_box {
	background-color: #E6CDE3;
	height: 15px;
	width: 706px;
	float: none;
	position: relative;
	top: 10px;
	left: 0px;
}
#purple_box #sub_purple_box {
	background-color: #A9398B;
	float: left;
	height: 15px;
	width: 179px;
}
.purple_dot {color: #A9398B}

/*services yellow end*/

/*services purple*/

#orange_head {
	font-size: 20px;
	font-weight: lighter;
	font-color: #33CCFF;
	color: #D54D12;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	margin: 0px;
	padding-left: 20px;
}
#orange_box {
	background-color: #F3CCCB;
	height: 15px;
	width: 706px;
	float: none;
	position: relative;
	top: 10px;
	left: 0px;
}
#orange_box #sub_orange_box {
	background-color: #D54D12;
	float: left;
	height: 15px;
	width: 179px;
}
.orange_dot {color: #D54D12}

/*services yellow end*/

/*services nz*/

#nz_head {
	font-size: 20px;
	font-weight: lighter;
	font-color: #33CCFF;
	color: #437A1C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	margin: 0px;
	padding-left: 20px;
}
#nz_box {
	background-color: #D3DEC7;
	height: 15px;
	width: 706px;
	float: none;
	position: relative;
	top: 10px;
	left: 0px;
}
#nz_box #sub_nz_box {
	background-color: #437A1C;
	float: left;
	height: 15px;
	width: 179px;
}
.nz_dot {color: #437A1C}

/*services yellow end*/

.white_dot {color: #FFFFFF}
#customer_services {
	background-color: #328CD2;
	color: #FFFFFF;
	padding: 10px;
	margin-top: 20px;
}
#customer_services a h1 {
	color: #FFFFFF;
}

#customer_services a:hover {
	color: #C7E7F6;
	text-decoration: none;
}

/*amdel rewards*/

#rewards_left {
	width: 455px;
	position: relative;
	float: left;
}
#rewards_right {
	width: 240px;
	padding-left: 5px;
	position: relative;
	float: right;
}
#center_top_txt {
	text-align: center;
	line-height: 150%;
}
.points_txt {
	font-size: 18px;
	font-weight: bolder;
	color: #000000;
}
#option_1_bold {
	font-weight: bolder;
	color: #A9398B;
}
#option_2_bold {
	font-weight: bolder;
	color: #F6C800;
}
#option_3_bold {
	font-weight: bolder;
	color: #B11A16;
}
.apple_web_link {
	font-size: 9px;
	font-weight: normal;
	text-align: center;
}
.rewards_head {
	font-size: 18px;
	font-weight: lighter;
	color: #7CB955;
	text-align: center;
	line-height: 200%;
}
#rewards_container {
	width: 706px;
	position: relative;
}
#terms_rewards {
	float: right;
	width: 230px;
	text-align: left;
	margin-top: 340px;
	font-size: 10px;
	line-height: 110%;
	padding-right: 5px;
	padding-left: 5px;
}

#register_here_heading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: lighter;
	line-height: 20px;
	color: #FFFFFF;
}

/*amdel rewards end*/
#amdel_rewards_button {
	width: 270px;
	height: 400px;
	float: right;
}
