/*-------------------------------------------------
GENERAL PAGE STYLES
-------------------------------------------------*/

body {
	margin: 0 auto;
	padding: 0;
	font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
	color: #333;
	background: url(../images/bg.gif) #fff repeat-x;
	text-align: center;
}

p {
	font-size: 12px;
	line-height: 16px;
}

x-small {
	font-size: 9px;
	line-height: 11px;
	}

small {
	font-size: 10px;
	line-height: 13px;
}

blockquote {
	font-size: 11px;
	color: #666;
	margin: 20px;
}

img {
	border: 0px;
}

ol, ul, li {
	margin: 0;
	padding: 0;
}

ul li {
	list-style-type: none;
}


li {
	font-size: 10px;
	line-height: 13px;
	padding: 3px 0;
}

li img {
	padding-right: 3px;
}

table {
	font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	width: 90%;
}

thead {
	background: #ededed;
	color: #545454;
}

.altrow {
	background: #f6f6f6;
}

tfoot {
	background: #eee;
	font-size: 9px;
	color: #aaa;
}

tr {
	vertical-align: top;
}

/*-----------------------------------------
HEADER STYLES
-----------------------------------------*/

h1 {
	font-family: "Lucida Grande", arial, sans-serif;
	padding: 0;
	border-bottom: 0;
	margin: 0;
	color: #545454;
	font-size: 18px;
	font-weight: bold;
}

h2 {
	font-family: "Lucida Grande", arial, sans-serif;
	margin: 5px 0 5px 0px;
	color: #444;
	font-size: 14px;
	padding: 0;
}

h3 {
	margin: 0;
	color: #666;
	font-family: "Lucida Grande", arial, sans-serif;
	font-size: 13px;
	padding: 0;
}

h4 {
	margin: 0;
	color: #666;
	font-family: "Lucida Grande", arial, sans-serif;
	font-size: 11px;
	padding: 0;
	font-weight: normal;
	display: inline;
}

.center {
	text-align: center;
}

.left {
	float: left;
}

.right {
	float: right;
}

.pagination {
	text-align: right;
	font-size: 12px;
	padding: 5px 5% 4px 0;
}

.yellow {
	background-color: #FFA;
}

#rssSubscription {
	font-size: 10px;
	border-top: 1px solid #ccc;
	padding-top: 6px;
	margin-top: 15px;
}

#latestActivity {
	padding-top: 5px;
	border-top: 1px dotted #ccc;
	margin-top: 5px;
}

#latestActivity li {
	margin-left: 30px;
	
}


#latestActivity li.ordered {
	list-style-image: url(../images/ordered.gif);
}


#latestActivity li.added {
	list-style-image: url(../images/added.gif);
}


#latestActivity li.deleted {
	list-style-image: url(../images/deleted.gif);
}


#latestActivity li.edited {
	list-style-image: url(../images/edited.gif);
}


#latestActivity li.changed {
	list-style-image: url(../images/changed.gif);
}

#latestActivity li.customer {
	list-style-image: url(../images/customer.gif);
}


#inventoryAlert {
	padding-top: 0px;
}

#inventoryAlert li {
	padding-left: 20px;
}

/*-------------------------------------------
 LINK STYLES 
 --------------------------------------------*/

a {
	text-decoration: underline; 
	padding: 1px; 
}

a:link { 
	color: #03c; 
}

a:visited { 
	color: #03c; 
}

a:hover { 
	color: #fff; 
	background-color: #30c; 
	text-decoration: none; 
}

/* alert link */
a.alert:link, a.alert:visited {
	color: #390;
	font-size: 12px;
}

a.alert:hover {
	color: #fff; 
	background-color: #390; 
	text-decoration: none; 
}

#Tabs a.alert {
	font-size: 13px;
	font-weight: bold;
}

/* toggle link */
a.toggle:link, a.toggle:visited {
	color: #c00;
	font-size: 10px;
}

a.toggle:hover {
	color: #fff; 
	background-color: #c00; 
	text-decoration: none; 
}

a.theading:link, a.theading:visited {
	color: #545454;
	text-decoration: none; 
}

a.theading:hover {
	color: #fff;
}

a.listselected{
	color: #fff; 
	background-color: #000; 
	text-decoration: none; 
}

/*---------------------------------------------
FORM STYLES
----------------------------------------------*/

form {
	margin: 0px;;
	padding: 0px;;
}

label {
	display: block;
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
	padding-top: 8px;
	color: #666;
	font-family: "Lucida Grande", arial, sans-serif;
}

input { 
	padding: 2px;
	font-size: 13px;
	line-height: 14px;
	display: block; 
}

input.box {
	display: inline;
}

input[type="checkbox"] {
	display: inline;
}

input[type="radio"] {
	display: inline;
}

/*---------------------------------------------
PRODUCTS
---------------------------------------------*/

#productTab {
	font-size: 12px;
}

.highlight {
	border-left: 10px solid #e0ebf0;
	padding: 10px;
	width: 90%;
}

#Features {
	font-size: 12px;
	font-weight: bold;
	border-left: 10px solid #e0ebf0;
	padding: 10px;
	width: 90%;
}

#photoTab {
	font-size: 12px;
}

.additionalImage {
	text-align: center;
	width: 106;
	height: 106;
	float: left;
	padding: 5px;
}

.additionalImage img {
	border: 1px solid #ddd; 
	padding: 3px;
}

#optionTab {
	font-size: 12px;
}

#addOptions {
	display: block;
	padding-top: 10px;
}

#optionsFields {

}

#optionLists {
	margin-top: 10px;
}

#Tabs {
	padding: 0 0 10px; 0;
	margin: 0 0 5px 0;
}

#Categorylist {
	font-size: 11px;
	margin: 0;
	padding: 0;
}

#productPhoto {
	text-align: center;
	width: 106px;
}

#productPhoto img {
	border: 1px solid #ddd; 
	padding: 3px;
}

/*----------------------------------------------
COLOR FONTS
----------------------------------------------*/

.red {
	color: #c00;
}

.blue {
	color: #06c;
}
	
.green {
	color: #390;
}

/*-------------------------------------------------
STATUS BAR
-------------------------------------------------*/

#Statusbar { /* Login Status */
	color: #666;
	padding: 0 20px;
	margin: 20px 0 5px 0;
	text-align: left;
	font-size: 9px;
}

#Statusbar .login {
	text-align: right;
}

#Statusbar .login a {
	font-weight: normal;
}

#Statusbar .login a:hover {
	background-color: #c00;
	color: #fff;
}

/*-------------------------------------------------
STRUCTURE
-------------------------------------------------*/

#Container { /* Page Container */
	margin: 0 auto;
	text-align: center;
	width: 90%;
	min-width: 750px;
}

#Header { /* Header Color */
	background: url(../images/top-left-corner.gif) #144282 no-repeat;
	border: 0px;
	width: 100%;
	border-bottom: none;
	padding: 0;
	margin: 0;
	text-align: left;
}	

#Header h1 { /* Store Name */
	padding: 5px 0 0 0;
	margin: 7px 0 0 20px;
	font-size: 24px;
	font-weight: normal;
	color: #fc0;
	text-align: left;
	padding-bottom: 5px;
}	
	
#Corner {
	background: url(../images/top-right-corner.gif) no-repeat;
	padding: 0px;
	margin: 0px;
	float: right;
}

#Header .login a.help { /* Help Link */
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	font-size: 11px;
	float: right;
}

/*-------------------------------------------------
Navigation List
-------------------------------------------------*/

#Navigation {
	height: 20px;
	margin: 0;
	padding-left: 20px;
}

#Navigation li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	border: none;
}
	
#Navigation a:link, #Navigation a:visited { 
	float: left;
	background: #4974B3;
	font-size: 10px;
	font-weight: normal;
	padding: 3px 6px;
	margin: 0 -1px 0 0;
	border: 1px solid #036;
	border-bottom: none;
	text-decoration: none;
	color: #fff;
}

#Navigation a.selected {
	color: #000;
	background: #E7F3FF;
	border-bottom: none;
}

/* Navigation Hover */

#Navigation a:hover { 
	color: #000;
	background: #E7F3FF;
	border-bottom: none;
}

/* SUBNAVIGATION BAR */

#SubNavigation {
	background: url(../images/sub-bar.gif) #e7f3ff repeat-x;
	height: 14px;
	width: 100%;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

/* CONTENT AREA DIV'S */

#Content{
	margin: 0;
	padding: 10px 0;
	width: 100%;
	text-align: left;
	/*position: relative;*/
	float: left;
	border: 1px solid #ccc;
	border-top: none;
	background-color: #fff;
	min-height: 400px;
}

#Content h1 {
	border-bottom: 1px solid #ccc;
}

/* Column position body needs SM tag to reverse default position */

#SM #Main {
    float: right;
}

#SM #Sidebar {
	float: left;
}
      
#Main {
	margin: 0;
	padding: 0;
	text-align: left;
	width: 70%;
	float: left;
	}

#Sidebar {
	margin: 0;
	padding: 0;
	text-align: left;
	/*position: absolute;*/
	float: right;
	width: 30%;
}

#Sidebar h2 {
	border-bottom: 1px solid #ccc;
}

.column {
	padding: 0 20px;
}

#Footer { /* Footer Items */
	clear: left;
	font-size: 10px;
	color: #666;
	margin: 10px 0 20px 20px;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 15px;
}

#Footer a:link, #Footer a:visited {
	color: #666;
}

#Footer a:hover {
	color: #fff;
	background: #666;
}

.Clear {
	padding: 0px;
	clear: both;
	font-size: 0px;
}

/*-------------------------------------------------
ALERTS
-------------------------------------------------*/

#AlertGood { /* Good Alert */
	text-align: left;
	border-top: 1px solid #9c9;
	border-bottom: 1px solid #9c9;
	padding: 5px 5px 5px 45px;
	font-size: 11px;
	margin: 0 20px 15px 20px;
	color: #060;
	background: url(../images/goodAlert.gif) #E2F9E3 top left no-repeat;
}

#AlertBad { /* Bad Alert */
	text-align: left;
	font-weight: bold;
	border-top: 1px solid #c99;
	border-bottom: 1px solid #c99;
	padding: 5px 5px 5px 45px;
	font-size: 11px;
	margin: 0 20px 15px 20px;
	background: url(../images/badAlert.gif) #c00 top left no-repeat;
	color: #fff;
}

#AlertBad h2 {
	color: #fff;
}

#AlertWarning { /* Warning Alert */
	text-align: left;
	font-weight: bold;
	border-top: 1px solid #960;
	border-bottom: 1px solid #960;
	padding: 5px 5px 5px 45px;
	font-size: 11px;
	margin: 0 20px 15px 20px;
	background: url(../images/warningAlert.gif) #FFC top left no-repeat;
	color: #960;
}

#Uploading { /* Uploading Alert */
	position: absolute;
	top: 50%;
	margin: 0 auto;
	//width: 90%;	
	text-align: center;
	z-index: 1000;
	width: 150px;
	height: 150px;
	margin-left: -75px;
	left: 50%;
	right: 50%;
}

.PENDING {color:#E7D344;}
.APPROVED {color: #94CA60;}
.SHIPPED {color:#996633;}
.DECLINED {color:#D65959;}
.VOID {color:#999999;}

/*-----------------------------------------------
SHIPPING
-----------------------------------------------*/

#UPS {
	margin-left: 20px;
	margin-top: 10px;
	border: 1px solid #ccc;
	padding: 5px;
}

#USPS {
	margin-left: 20px;
	margin-top: 10px;
	border: 1px solid #ccc;
	padding: 5px;
}

/* MERCHANT ACCOUNT    */

#gatewayAccount {
	margin-left: 20px;
	margin-top: 10px;
	border: 1px solid #ccc;
	padding: 5px;
}

/*-------------------------------------------------
REPORTS
--------------------------------------------------*/

#billingDetails {
	border: 1px solid #999;
	padding: 5px;
	float: left;
	font-size: 12px;
	line-height: 16px;
	width: 160px;
	height: 120px;
	margin: 10px 10px 10px 0;
}

#shippingDetails {
	border: 1px solid #999;
	padding: 5px;
	font-size: 12px;
	line-height: 16px;
	width: 160px;
	height: 120px;
	float: left;
	margin: 10px 10px 10px 0;
}

#paymentDetails {
	border: 1px solid #999;
	padding: 5px;
	font-size: 12px;
	line-height: 16px;
	width: 160px;
	height: 120px;
	float: left;
	margin: 10px 0 10px 0;
}

.cardType {
	font-size: 16px;
}

#orderDetails tfoot {
	background-color: #fff;
	text-align: right;
	font-size: 13px;
	font-weight: bold;
	color: #000;
}

/*------------------------------------------------
LOGIN
-----------------------------------------------*/
.login div#Container {
	width: 500px;
	margin: 60px auto 20px auto;
	min-width: inherit;
}

.login div#loginBox {
	border: 10px solid #ccc;
	padding: 15px 20px 10px 20px;
	text-align: left;
	background: #fff;
}