/*
	Master Stylesheet for screen media
	All code on this site unless otherwise mentioned is covered by this Creative Commons License:
	
		Attribution-ShareAlike License
		http://creativecommons.org/licenses/by-sa/2.0/
	
	Author: Ryan J. Bonnell, Creative Arc, Inc. (creativearc.com)
*/


/* Overrides
----------------------------------------------------------------------------- */
html {overflow-y: scroll;}

div#branding {
	position: relative !important;
	}

h1 {
	height: 45px;
	width: 127px;
	overflow: hidden;
	}
/*
.trail {
	display: none;
	visibility: hidden;
	}
*/
li#levelOne_5 {
	margin-bottom: 1.0em;
	}
	
input {
	font-size: 1.2em !important;
	}

/* Unique Styles
----------------------------------------------------------------------------- */

div#branding p.login {
	position: absolute;
	color: #666;
	font: normal 11px/125% Arial, sans-serif;
	text-align: right;
	left: 500px;
	top: 116px;
	width: 250px;
	}
	
div#branding p.login a {
	color: #666;
	text-decoration: underline;
	}

div.column {
	display: block;
	float: left;
	}
	
	.column.left {
		width: 250px;
		margin: 35px 50px 25px 0;
		padding: 0 0 25px 0;
		}
	
	.column.left2 {
		width: 250px;
		margin: 35px 50px 25px 0;
		padding: 0 0 25px 0;
		}
		
	.column.right {
		margin: 35px 0 25px 0;
		width: 200px;
		}
		
h3.inventory {
	color: #000 !important;
	font: bold 30px/125% "Times New Roman", Times, Georgia, serif !important;
	margin: 0 0 0.5em 0 !important;
	}
	
big {
	color: #000;
	font: bold 1.0em/125% Arial, sans-serif;
	text-transform: uppercase;
	}
	
h4 {
	color: #000;
	font: bold 1.8em/125% Arial, sans-serif;
	margin: 0 0 1.0em 0;
	padding: 0 0 .25em 0;
	border-bottom: 1px solid #e5e5e5;
	display: block;
	text-transform: uppercase;
	}
	
h5 {
	color: #000;
	font: bold 1.8em/125% Arial, sans-serif;
	margin: 0 0 1.0em 0;
	padding: 0 0 .25em 0;
	text-transform: uppercase;
	}	

h6 {
	color: #40668c;
	width: 225px;
	font: bold 1.4em/125% Arial, sans-serif;
	border: 1px solid #ccc;
	margin: 0.5em 0 0.5em 0;
	}
	
	h6 a {
		color: #40668c;
		display: block;
		padding: 2px 4px;		
		text-decoration: none;
		background: url(../images/arrow.gif) no-repeat right center;
		}
		
	h6 a:hover {
		text-decoration: none;
		}

dl {
	border-top: 1px solid #e5e5e5;
	margin: 1.5em 0;
	}
		
dl dt {
	color: #036;
	font: bold 16px/125% "Times New Roman", Times, Georgia, serif !important;
	margin: 0.5em 0;
	}
	
dl dd a {
	color: #2222ff;
	text-decoration: underline;
	}

div.inventory label {
	font: 1.2em/125% Arial, sans-serif;
	width: 115px;
	}
	
div.inventory {
	}
	
div.inventory label {
	width: 150px;
	text-align: right;
	margin: 0 10px 0 0;
	}
	
div.inventory input {
	text-align: right;
	width: 150px;
	}

div.inventory p {
	padding-bottom: 1.0em;
	clear: both;
	margin-bottom: 1.0em;
	color: #40668c;
	text-transform: uppercase;
	}
	
div.inventory input.button {
	text-align: left;
	width: auto;
	padding: 0 15px;
	margin-left: 160px;
	}	
div.inventory .first
{
	clear: both;
	margin-bottom: 1.0em;
	color: #40668c;
	text-transform: uppercase;
}

fieldset {
	border: none;
	background: transparent none;
	padding: 1.0em 2.0em;
	margin: 80px 0 100px 560px;
	width: 275px;
	}
	
	fieldset legend {
		display: none;
		visibility: hidden;
		}
		
	fieldset form label, .loginform label {
		float: left;
		display: block;
		width: 75px;
		font: bold 100%/185% Arial, sans-serif;
		}
		
	fieldset form input {
		float: left;
		display: block;
		width: 195px;
		}
		
	fieldset form input[type="submit"] {
		width: auto;
		float: right;
		}
		
	.loginform p {
		display: block;
		clear: both;
		color: #fff;
		padding: 0.5em 0;
		}
		
	.login p.float-right a {
		color: #fff;
		margin: 0 0 0 10px;
		font: 11px/150% Arial, sans-serif;
		text-decoration: underline;
		}
		
select {
	margin: 0 10px 0 0;
	}
	
	.filter select
	{
		width: 180px;
	}
	
div.filter input
{
    float:none;
}
div.filter {
	margin: 0 0 1.0em 0;
	padding: 5px 10px;
	background: #d9d9d9 none;
	}

div.filter p {
	color: #000;
	}
	
div.filter select#status {
	width: 170px;
	}
	
div.filter select#filter_from_month,
div.filter select#filter_to_month {
	width: auto;
	}

div.filter select#filter_from_day,
div.filter select#filter_to_day {
	width: 45px;
	}
	
div.filter input.submit 
{
    display:inline;
}

div.filter input.reset {
	margin-right: 10px;		
	display:inline;
	}
	
		
.footer {
	padding: 1.0em;
	line-height: 200%;
	display: block;
	}

.footer a.privacy {
	color: #ff3300;
	text-decoration: none;
	border-bottom: 1px solid #000;
	}

.footer a.licensed {
	color: #008aad;
	text-decoration: none;
	border-bottom: 1px solid #000;
	}		
		
/* Common Classes
----------------------------------------------------------------------------- */

a.view {
	text-decoration: underline;
	}

a img {
	border: none;
	text-decoration: none;
	}
	
.float-right {
	float: right;
	}

.float-left {
	float: left;
	}
	
form input {
	float: left;
	display: block;
	}
	
form label {
	float: left;
	display: block;
	}	
	
.strong {
	font-weight: bold;
	}
	
.hidden {
	display: none;
	}
	
.clear {
	display: block;
	clear: both;
	}
	
.uppercase {
	text-transform: uppercase;
	}
	
hr { 
	width: 100%;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #ccc;
	border-left: none;
	line-height: 1px;
	height: 1px;
	margin: 5px auto 5px auto;
	clear: both;
	display: block;
	text-decoration: none;
	}

table.orders {
	font: 1.3em/125% Arial, sans-serif;
	color: #ccc;
	border-collapse: collapse;
	vertical-align: top;
	margin: 1.0em 0;
	width: 100%;
	}

table.orders th {
	padding: 5px 0;
	border-top: 1px solid #fff;

	text-decoration: none;
	color: #000;
	width: 75px;
	}
	
table.orders th a {
	color: #000;
	/*padding-left: 15px;*/
	text-decoration: none;
	background: url(../images/arrow-down.gif) no-repeat left center;
	}
	
table.orders .headerSortUp a {
	background: url(../images/arrow-up.gif) no-repeat left center !important;
}
table.orders .headerSortDown a {
	background: url(../images/arrow-down.gif) no-repeat left center !important;
}

table.orders tr, table.orders td {
	padding: 5px 0px;
	border-collapse: collapse;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	vertical-align: top;
	text-align: left;
	color: #000;
	}
	
table.orders caption {
	display: none;
	visibility: hidden;
	}

.ship-to {
	margin-left: 0;
	padding-left: 15px;
	background: url(../images/arrow-right.gif) no-repeat left 3px;
	border: none;
	text-decoration: none;
	color: #000;
	}
	
.expand {
	background: url(../images/arrow-down.gif) no-repeat left center;
	}
	
.sort {
	background: url(../images/arrow-up.gif) no-repeat left center;
	}
	
table.detail {
	font-size: 11px;
	padding: 0;
	margin: 0;
	}
	
table.detail * {
	border-collapse: collapse;
	border: none;
	padding: 0;
	}
.fullWidthDefault
{
    background: #ff3300;
}


div.login
{
    margin: 80px 0 100px 560px;
    width: 300px;
}

table.resetform
{
        font-size: .8em;
}
	
.loginform tr,
.resetform tr,
.loginform tr td,
.resetform tr td,
.loginform tr td table tr,
.resetform tr td table tr,
.loginform tr td table tr td
.resetform tr td table tr td
{
    border:none;
    padding:1px;
}
.loginform label
{
 		color: #fff;
		padding: 0.5em 0;
   
}

.loginbutton
{
    float:right;
}

.centerbutton
{
    float:none;
    clear:both;
    margin: 5px auto;
    width:auto;
}

.errormessage
{
    background-color:#FFDDDD;
    color:Red;
    width: 100%;
    text-align:center;
}

div.changepassword
{
    width:315px;
    text-align:left;
    margin: 0;
    padding: 15px;
}

div.changepassword label
{
    float: left;
    display:block;
    width:130px;
}

div.changepassword input
{
    float:none;
    display:inline;
    width: 150px;
    margin: 0 0 5px 0;
}

div.passwordsuccess
{
    margin: 20px;
    font-size: 1.2em;
}

div.resetpassword
{
    padding: 10px;
    width: 310px;
}

div.resetpassword input
{
    float:none;
}

table.resetform
{
    width:100%;
}

.orders tr, .orders td
{
	border: none 0px black !important;
}

.orders tr
{
	background-image: url('/images/border.gif');
	background-repeat: repeat-x;
	background-position: bottom;
}

.orders .expand-child
{
	background-image: none;
}