﻿body { 
	font-family: Arial;
}

/* Header Section */
#doc4 #hd 
{
	height: 70px;
	font-size: 85%;
	padding-top:14px;
}
#doc4 #hd h1{
	background:url(Images/logo.png) top left no-repeat;
	width: 192px;
	height: 39px;
	position: relative;
	left: 25px;
	top:13px;
}

#doc4 #hd .yui_hidden{
	visibility:hidden;
}

/* Body Section */
#doc4 #bd 
{
	height: 1%;
}

#doc4 #bd .content_wrapper
{
	padding: 15px 40px 15px 40px;
}

/* Footer Section */
#doc4 #ft
{
	height: 41px;
	text-align: center;
}

#doc4 #ft-top
{
	visibility: hidden;
}

#doc4 #ft-bottom 
{
	padding-top: 45px;
	color: #C0C0C0;
}

#siteLinks{
	position:relative;
	float:right;
	margin:15px 45px 0 0;
}
.clr {
	clear: both;
}
/* Elements */
p {
	margin: 0;
	padding-bottom: 5px;
}
h1 {
	color: #9F0004;
	margin: 5px 0px;
	font-size: 182%;
}
h2 {
	color: #9F0004;
	margin: 5px 0px;
	font-size: 167%;
}
h3 {
	color: #9F0004;
	margin: 5px 0px;
	font-size: 153.9%;
}
h4 {
	color: #9F0004;
	margin: 5px 0px;
	font-size: 116%;
}
h5 {
	margin: 15px 0;
	color: #AAAAAA;
	border-bottom: 3px double #EEEEEE;
}
h6 {
	margin: 15px 0;
	color: #AAAAAA;
	border-bottom: 1px solid #EEEEEE;
}
a:link, a:visited {
	color: #00469b;
	text-decoration: none;
}
a:hover{
	color: #9F0004;
	text-decoration: underline;
}
.data th a:hover{
	color: #FFF;
}
.data th a{
	color: #FFF;
	text-decoration: underline;
}
.data td a{
	text-decoration: underline;
}
.data td  table td{
	border:0px;
	padding:.5em;
	font-size: 100%;
}
a:focus {
  outline: none;
}
ul {
	margin: 0px;
	margin-left: 15px;
	padding: 0px;
}
ul a:link, ul a:visited{
	color: #00469B;
	text-decoration: none;
}
ul a:hover{
	color: #9F0004;
	text-decoration: underline;
}

hr {
	border: none 0;
	border-top: 1px solid #d5d5d5;
	height: 1px;
}

/* Top Menu */
div#top_menu_wrap {
	padding: 14px 10px 0 5px;
}
div.top_menu {
	height: 33px;
}
div.top_menu_empty {
	height: 5px;
}


/* Drop Down Menu */
div#ddmenuwrap {
	position: relative;
}
div.nav2 a {
	font-size:85%;
	color: #646464;
	float: left;
	text-decoration: none;
	display: block;
	cursor: pointer;
	font-weight:bold;
}
div.nav2 li li a {
	background: none;
	font-weight: normal;
	padding: 0;
	color: #646464;
	line-height: 1.5em;
}
div.nav2 {
	min-height:200px;
	list-style: none;
	position:relative;
	left:30px;
	top:20px;
	padding: 0; 
	list-style-type: none;
}
div.nav2 ul {
	border-right:1px solid #646464;
}
div.nav2 ul li {
	padding-right:40px;
	width:130px;
}
div.nav2 li li {
	padding: 0;
}
div.nav2 ul ul a {
	display: block;
	color: #646464;
	text-decoration: none;
	width: 155px;
	font-size:85%;
	text-align: left;
}
div.nav2 li {
	float: left;
 	background: none;
	/*height: 1em;*/
	list-style-type: none;
}
div.nav2 ul li {
	position: relative;
	list-style-type: none;
	list-style-image:none;
	text-align:left;
}
div.nav2 li ul {
	top: 30px;
	position: absolute;
	height: auto;
	width: 170px;
	font-weight: normal;
	border-width: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
}	
div.nav2 li li {
	/*float: left;*/
   	width: 170px;
	/*height: 2em;*/
	display:block;
	padding:0px 0 0px 0;	
}
div.nav2 li ul ul {
	margin: -30px 0 0 170px;
}
div.nav2 ul li a:hover,
div.nav2 ul li ul li a:hover {
    color: #898989;
}
div.nav2 ul ul a {
	background: none;
}
/* Image Buttons */
.button { margin: 0 10px 0 0;}
.button:link,
.button:visited,
.button:hover {border:none;}

.button:link,
.button:visited { /* Top left corner, top edge */
	float:left;
	color:#ddd;
	background:#333 url(Images/btn_blk.gif) no-repeat;
	font:1.0em/1.0 Georgia,serif;
	text-decoration:none;
}
.button * {display:block;}
.button span { /* Top right corner */
	padding:6px 0 0;
	background:url(Images/corners_blk.gif) no-repeat right top;
}
.button span span { /* Bottom left corner, left and bottom edges */
	padding:0 0 0 6px;
	background:url(Images/btn_blk.gif) no-repeat left bottom;
}
.button span span span { /* Bottom right corner */
	padding:0 0 6px;
	background:url(Images/corners_blk.gif) no-repeat right bottom;
}
.button span span span span { /* Right edge */
	padding:3px 12px 3px 6px; /* Extra padding (3px vertical, 6px horizontal) added to give the text some breathing room */
	background:url(Images/btn_blk.gif) no-repeat right center;
}
.button:hover,
.button:focus,
.button:active { /* Make the button more visible on :hover and :focus */
	outline:2px solid #BBD3F0; /* Not supported by IE/Win :-( */
	color:#fff;
}

/* Icons */
.cart_icon{
	padding: 2px 18px 2px 20px;
	background: url(Images/shoppingcart_16_hot.png) no-repeat left top;
}

.user_icon {
	padding: 2px 18px 2px 20px;
	background: url(Images/user_16_hot.png) no-repeat left top;
}

/* Information*/
.user_recognized {
	visibility: visible;
}
.user_notme {
	visibility: visible;
}

/* Utility */
.val-hide {display:none;}
.val-show {display:inline;color:#f00;}
.clr {clear: both;}
.inputbox{margin: 1px 0;}
.inputbox:focus {border: 1px solid #BABDB6;background: #FFFFDD;}
.errortext {font-weight: bold; color: #f00;}

/* Message Box */
.mb-plain{
	border:solid 1px #DEDEDE; 
	background:#EFEFEF;
	color:#222222;
	padding:4px;
	text-align:center;
}

.mb-ok{
	border:solid 1px #349534; 
	background:#C9FFCA;
	color:#008000;
	font-weight:bold;
	padding:4px;
	text-align:center;
}

.mb-error{
	border:solid 1px #CC0000; 
	background:#F7CBCA;
	color:#CC0000;
	font-weight:bold;
	padding:4px;
	text-align:center;
}

/* Standard control sizes */
select.xsmall { width: 44px; }
html>select.xsmall { width: auto; min-width: 44px; }
input.xsmall, textarea.xsmall { width: 40px; }

select.small { width: 77px; }
html>select.small { width: auto; min-width: 77px; }
input.small, textarea.small { width: 73px; }

select.medium { width: 154px; }
html>select.medium { width: auto; min-width: 154px; }
input.medium, textarea.medium { width: 150px; }

select.large { width: 229px; }
html>select.large { width: auto; min-width: 229px; }
input.large, textarea.large { width: 225px; }

select.xlarge { width: 304px; }
html>select.xlarge { width: auto; min-width: 304px; }
input.xlarge, textarea.xlarge { width: 300px; }

/* ---- user6 --- */
div#msg_wrap 
{
	display: none;
	padding: 0 29px 0 25px;
}
div#msg {
	background: #0C110D;
	border-bottom: 5px solid #c1c1c1;
	color: #9a9a9a;
	text-align: left;
	padding: 10px 25px;
	font-size:85%;
}
div#msg a:link, div#msg a:visited {
	color: #9a9a9a;
	text-decoration: underline;
	font-size:85%;
}
div#msg a:hover {
	color: #ffffff;
	text-decoration: underline;
}

div#msg span.TitleLarge 
{
	font-size: 153.9%;
	padding-right: 1em;
	text-transform: uppercase;
}

div#msg span.TitleMedium
{
	font-size: 116%;
}

dl dd {
	margin-left:1em;
}
ul li {
	list-style: disc outside;
}
table.data th, table.data td {
	border:1px solid #000;
	padding:.3em;
	font-size: 85%;
}
table.data th {
	font-weight:bold;
	text-align:center;
	background-color: #404040; 
	color: #fff;
}

tr.subtotalRow td 
{
	text-align: right;
}

caption {
	margin-bottom:.5em;
	text-align:center;
}
p,fieldset,table,pre {
	margin-bottom:1em;
}

.rborder 
{
	border-right: solid 1px #EEEEEE;
}

td.signin
{
	padding:.3em;
}

span.highlightText, .boldText
{
	font-weight:bold;
}

div.padBottom
{
	padding-bottom:40px;
}

div.padTopSmall
{
	padding-top:10px;
}

.orderSummary h4
{
	margin-top: 10px; 
	margin-bottom: 0; 
}

.fieldhint
{
	font-size: 85%;
	font-style: italic;
}

td.aspLabel
{
	white-space: nowrap;	
}

/* Give some breathing room to the table in the Order Totals secton of the Sales Order */
/* Added By Ryan */
fieldset.ordertotal .formtable tr td.label
{
	width: 140px;
	
}

fieldset.ordertotal .formtable
{
	white-space: no-wrap;
	width: 100% !important;
}

fieldset
{
	border: 1px solid #ccc;
	padding: 10px;
}

ul#shippingOptions li
{
	list-style-type: none;
}

td.seq-map-steps-container
{
	width: 200px;
	vertical-align: top;
}

.hide
{
	display: none;
}

div.yuimenu {position: absolute;visibility: hidden;line-height:2.2em; z-index:110;}
div.yuimenu .bd {zoom: normal;}
div.yuimenu div.bd {background-color:#FFFFFF;border:1px solid #808080;}
div.yuimenu li.yuimenuitem-selected { background-color: #B3D4FF;}
div.yuimenu a.yuimenuitemlabel { padding: 0 3px 0 10px; text-decoration: none; text-align: right; font-size:120%;}

.grid
{
	margin: 10px 0px 10px 25px;
	border: solid 1px black;
}

.grid th
{
	padding: 5px;
	border: solid 1px black;
}

.grid > tbody > tr > td
{
	padding: 5px;
	border: solid 1px black;
}

.fieldgrp {
	margin-bottom: 25px;
}

.prodGridTitle {
	padding-top: 0.1em;
	font-size: 14px;
}

.amtCol {
	text-align: right;
}

.actCol, .ddCol {
	text-align: center;
}

td.nowrap {
	white-space: nowrap;
}

/*  Payoneer Styling ***************/
.Payoneer a:hover {
	cursor: hand;
}
.Payoneer .register span {
	padding-left: 10px;
}
/*  ********************************/

