/*
 *********************************************************************
 ** FONTS
 *********************************************************************
 */

body, p, li, th, td, span, div {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 10pt;
    color: #311;
}

h1, h2, h3, h4, legend {
    font-family: Helvetica Condensed, Arial Narrow, Helvetica, Arial, Sans-Serif;
    font-weight: bold;
    color: #003f5e;
}

h1 {font-size: 21pt; font-weight: normal; margin-top: 0;}
h2 {font-size: 16pt;}
h3 {font-size: 14pt;}
h4 {font-size: 12pt;}
legend {font-size: 11pt;}

a {
    text-decoration: underline;
    color: #003f5e;
}

a:hover {
    text-decoration: none;
}

div.error {
    padding: 10px 0 0 44px;
    background: transparent url('../images/alert.gif') no-repeat 16px 10px;
}

div.error * {
    color: #F00;
    font-weight: bold;
    line-height: 20px;
}

/*
 *********************************************************************
 ** LAYOUT
 *********************************************************************
 */

body {
    /*
    background: #CCEAF6 url('../images/bg.gif') repeat-x left top;
    */
    background: #F1F1F1 url('../images/bg_gray.gif') repeat-x left top;
    margin: 20px 0;
    text-align: center;
}

div#page {
    width: 780px;
    margin: 0 auto;
    text-align: left;
    background: #FFF url('../images/page_bg.gif') repeat-y center top;
}

div#pageHeader {
    width: 780px;
    background: transparent url('../images/page_header.gif') no-repeat center top;
}

div#logo {
 	/*border: 1px solid #000;*/
    padding: 15px 0 0 20px;
    float: left;
}

div#pageBody {
    width: 780px;
    background: transparent url('../images/page_bg.gif') no-repeat center top;
    text-align: center;
}

div#flashIntro {
    padding: 10px;
}

div#mainBody {
    background-color: #FFF;
    width: 760px;
    margin: 0 auto;
    text-align: left;
    border-bottom: solid 1px #e8e8e8;
}

div#pageFooter {
    width: auto;
    padding: 20px;
    background: transparent url('../images/page_footer.gif') no-repeat center bottom;
    text-align: left;
}


/*
 *********************************************************************
 ** MAIN MENU
 *********************************************************************
 */

div#mainMenu {
    width: 760px!important;
    width: 740px;
    height: 70px;
    background: transparent url('../images/menu_bg.gif') no-repeat center top;
    margin: 0 auto;
    padding-left: 20px;
    text-align: left;
}

div#mainMenu span {
    float: left;
    margin: 30px 0 0;
    padding: 0;
}

div#mainMenu a, div#mainMenu img {
    margin: 0;
    padding: 0;
    border: 0;
}

/*
 *********************************************************************
 ** SUB MENU
 *********************************************************************
 */

ul.sub-menu {
    margin: 0;
    padding: 0;
}

ul.sub-menu li {
    width: 220px;
    height: 50px;
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.sub-menu a {
    display: block;
    width: 220px;
    height: 50px;
    line-height: 40px;
    font-family: Arial Narrow, Helvetica Condensed, Sans-Serif;
    font-size: 11pt;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    background: transparent url('../images/submenu_button.gif') no-repeat center top;
}

ul.sub-menu a:hover {
    color: #246;
    text-decoration: none;
    background: transparent url('../images/submenu_button_over.gif') no-repeat center top;
}

/*
 *********************************************************************
 ** CONTENT ITEMS
 *********************************************************************
 */

div.content {
    padding: 15px;
}
.content .left {
    width: 450px;
    float: left;
}
.content .right {
    width: 250px;
    float: right;
}
span.copyright {
    color: #999;
    font-size: 9pt;
    margin: 0;
}
/*
 *********************************************************************
 ** BLOCKS
 *********************************************************************
 */

div.block {
    width: 250px;
    background: transparent url('../images/block_bg.gif') repeat-y center top;
    margin-bottom: 8px;
}

div.block-header {
    width: auto;
    padding: 20px 20px 5px;
    background: transparent url('../images/block_header.gif') no-repeat center top;
}

div.block-header h3 {
    margin: 0;
}

div.block-body {
    margin: 0 15px;
    padding: 15px 0;
    border-top: solid 1px #b4b4b4;
}

div.block-footer {
    width: auto;
    background: transparent url('../images/block_footer.gif') no-repeat center bottom;
}
/*
 *********************************************************************
 ** HOME PAGE
 *********************************************************************
 */
div.home-special {
    width: 750px;
    height: 150px;
    overflow: hidden;
    background: url('../images/home_delivery.jpg') no-repeat top left;
}
div.home-form {
    margin-top: 100px;
    margin-left: 200px;
}
input.home-input {
    width: 82px;
    height: 22px;
    line-height: 22px;
    background: transparent url('../images/home_input.gif') no-repeat top left;
    border: 0;
}
input.home-button {
    width: 69px;
    height: 23px;
    line-height: 23px;
    background: transparent url('../images/home_button.gif') no-repeat top left;
    border: 0;
}
 
/*
 *********************************************************************
 ** ORDER SECTION
 *********************************************************************
 */
div.bag-descriptions {
 	padding-top: 20px;
 	margin: 0 auto;
 	overflow: auto;
 	width: 100%;
}
div.bag-descriptions div.bag-description {
 	width: 240px;
 	float: left;
 	text-align: center;
}
div.purchase-table-div {
 	padding-top: 20px;
 	margin: 0 auto;
 	width: 550px;
}
table.purchase-table {
 	width: 100%;
 	border-collapse: collapse;
}
table.purchase-table tbody td {
 	border: 1px solid #ddd;
}
table.purchase-table thead th.bag-name {
 	width: 300px;
}
table.purchase-table thead th.qty {
 	width: 50px;
 	text-align: center;
}
table.purchase-table thead th.price {
 	width: 90px;
 	text-align: center;
}
table.purchase-table thead th.subtotal {
 	width: 75px;
 	text-align: center;
}
table.purchase-table tbody td.price, table.purchase-table tbody td.subtotal, table.purchase-table tfoot td {
 	text-align: right;
}
/*purchase_shipping_info*/
div.purchase-shipping-address {
 	overflow: auto;
 	width: auto;
 	margin-top: 20px;
}
div.purchase-shipping-address div.address-edit-button {
 	float: right;
 	padding: 5px 35px 0 0;
}
div.purchase-shipping-address div.address-details { 
 	float: left;
}
div.purchase-shipping-address div.address-primary {
 	float: left;
	width: 85px;
	padding: 4px 0 0 20px;
}
/*
 *********************************************************************
 ** ORDER HISTORY
 *********************************************************************
 */
div.purchase-history-table {
 	width: 702px;
 	margin: 0 auto;
 	/*border: 1px solid #000;*/
}
table.purchase-history {
 	border-collapse: collapse;
}
table.purchase-history th, table.purchase-history td {
 	padding: 4px;
}
table.purchase-history tbody td {
 	border: 1px solid #ddd;
}
table.purchase-history thead th.purchase {
 	width: 350px;
}
table.purchase-history thead th.date {
 	width: 100px;
 	padding-left: 10px;
}
table.purchase-history thead th.link {
 	width: 70px;
}
table.purchase-history thead th.amount {
 	width: 70px;
 	padding-left: 10px;
}
table.purchase-history thead th.status {
 	width: 75px;
 	padding-left: 10px;
}
table.purchase-history tbody td.date {
 	padding-left: 10px;
}
table.purchase-history tbody td.status {
 	font-weight: bold;
 	text-align: center;
}
table.purchase-history tbody td.link {
 	text-align: center;
}
table.purchase-history tbody td.amount {
 	text-align: right;
 	padding-right: 8px;
}
/*
 *********************************************************************
 ** ORDER DETAILS
 *********************************************************************
 */
div.purchase-details-header, div.purchase-details-footer {
 	width: 650px;
 	margin: 50px auto 0 auto;
}
div.purchase-details-header div.purchase-number {
 	float: left;
 	font-style: italic;
}
div.purchase-details-header div.purchase-date {
 	float: right;
 	margin-right: 40px;
 	font-style: italic;
}
div.purchase-details-status {
 	width: 630px;
 	margin: 20px auto 30px auto;
 	padding: 15px 20px 5px 20px;
 	border: 2px solid #ddd;
 	background-color: #eee;
}
div.purchase-details-status p {
 	font-weight: bold;
 	font-size: 13pt;
 	padding: 0;
 	margin: 0;
}
div.purchase-details-table {
 	width: 650px;
 	margin: 0 auto;
 	margin-top: 20px;
}
div.purchase-details-table table{
 	width: 100%;
 	border-collapse: collapse;
}
div.purchase-details-table table thead th {
 	padding: 4px;
}
div.purchase-details-table table thead th.status {
 	padding-left: 6px;
}
div.purchase-details-table table tbody td.status {
 	padding-left: 8px;
}
div.purchase-details-table table tbody td.qty {
 	text-align: center;
}
div.purchase-details-table table thead th.amount {
 	width: 70px;
 	padding-left: 10px;
}
div.purchase-details-table table tbody td.amount {
 	text-align: right;
 	padding-right: 10px;
}
div.purchase-details-table table tfoot td {
 	padding: 8px;
 	font-size: 12pt;	
}
div.purchase-details-table table tfoot td.total {
 	text-align: right;	
}
div.purchase-details-table table tbody td{
 	padding: 4px;
 	border: 1px solid #ddd;
}
div.purchase-details-footer {
 	margin: 0 auto;
}
div.purchase-details-footer div.billing-details {
 	float: left;
 	width: 45%;
}
div.purchase-details-footer div.shipping-address {
 	float: left;
 	width: 50%;
}
/*
 *********************************************************************
 ** HEADER LOGIN FORM
 *********************************************************************
 */

div#headerLogin {
 	float: right;
 	width: 258px;
 	margin: 20px 18px 0 0;
}
div#headerLogin table {	
	border: 0;
	margin: 0;
 	text-align: right;
}
div#headerLogin table td {	
	border: 0;
	margin: 0;
 	text-align: right;
}
div#headerLogin table td.button{
 	width: 46px;
}
div#headerLogin label {
 	display: inline;
}
div#headerLogin input#usr {
	border: solid 1px #929292; 
	border-top: 0; 
	border-bottom: 0; 
	background: url('/images/input_bg.gif'); 
	width: 182px; 
	height: 18px; 
	padding: 6px 4px;
}
div#headerLogin input#pwd {
	border: solid 1px #929292; 
	border-top: 0; 
	border-bottom: 0; 
	background: url('/images/input_bg.gif'); 
	width: 132px; 
	height: 18px; 
	padding: 6px 4px;
}
div#headerLogin input.login-button {
 	border: solid 1px #929292; 
	border-top: 0; 
	border-bottom: 0; 
	background: url('/images/button_bg.gif'); 
	height: 30px; 
	width: 46px;
	font-weight: bold;
}
div#headerLogin a {
 	float: right;
}
/*
 *********************************************************************
 ** UPDATE PROFILE
 *********************************************************************
 */
/*top button*/
div.edit-top {
 	overflow: auto;
 	width: 100%;
}
div.edit-top input{
 	float: right;
}
/*login info*/
div.personal-info-row , div.billing-info-row{
 	overflow: auto;
 	width: 100%;
}
div.personal-info-row div , div.billing-info-row div{
 	float: left;
}
div.personal-info-row div.personal-info-label, div.billing-info-row div.billing-info-label {
 	width: 120px;
 	text-align: right;
 	padding-right: 20px;
}
/*address*/
div.address {
 	overflow: auto;
 	width: auto;
 	margin-top: 20px;
}
div.address div.address-primary {
 	float: left;
 	width: 85px;
	padding: 10px 0 0 35px;
}
div.address div.address-details { 
 	float: left;
}
div.address div.address-edit-button {
 	float: right;
}
/*edit_address*/
div.edit-address div.buttons{
 	float: right;
 	margin-right: 5px;
}
/*purchase_shipping_info*/

/*
 *********************************************************************
 ** UPDATE BILLING
 *********************************************************************
 */
div.credit-card {
 	overflow: auto;
 	width: auto;
}
div.credit-card div.credit-card-details table tr th {
 	padding-right: 10px;
 	font-size: 11pt;
}
div.credit-card div.credit-card-details {
 	float: left;
}
div.credit-card div.edit-button {
 	float: right;
}
div.credit-card-info div img{
 	margin-top: 20px;
}
div.credit-card div.credit-card-primary {
 	float: left;
 	width: 95px;
	padding: 10px 0 0 35px;
}







/*old*/
div.credit-card {
 	margin-top: 20px;
}
div.edit-credit-card {
 	width: 100%;
}
table.personal-info th {
 	padding-right: 15px;
}
/*
 *********************************************************************
 ** MISC
 *********************************************************************
 */
div.terms {
 	overflow: auto;
 	height: 200px;
 	margin-right: -15px;
 	padding-left: 10px;
 	border: 1px solid #ddd;
}
div.clear {
    clear: both;
}
/*
 *********************************************************************
 ** VERIFY ORDER
 *********************************************************************
 */
 
div.verify-section {
 	padding-left: 10px;
} 
div.verify-section div.table {
 	padding-left: 20px;
}
div.verify-section div.header, div.verify-section div.summary-header {
 	padding: 0 0 10px 0;
	font-family: Helvetica Condensed, Arial Narrow, Helvetica, Arial, Sans-Serif;
    font-weight: bold;
    color: #003f5e;
    font-size: 12pt;
}
div.verify-section div.summary-header {
 	float: left;
 	font-size: 12pt;
}
div.verify-section div.top {
 	overflow: auto;
 	width: 100%;
}
div.verify-section div.edit-button {
	width: 100%;
} 
div.verify-section div.edit-button input {
	float: right;
} 
div.verify-section table th {
 	text-align: left;
 	font-family: Arial, Helvetica, Sans-Serif;
    font-size: 9pt;
    color: #003f5e;
    font-weight: normal;
    width: 120px;
}
table tr.billing-address th, table tr.billing-address td, table tr.billing-phone th, table tr.billing-phone td {
	padding-top: 5px;
}
div.verify-section table td {
 	padding-left: 10px;
}
div.verify-section div.address {
 	padding: 0 0 5px 25px;
 	margin-top: 5px;
}
div.verify-section div.purchase-table-div {
 	padding-top: 20px;
 	margin: 0 auto;
 	width: 435px;
}
div.verify-section table.purchase-table thead th.bag-name {
 	width: 200px;
}
div.verify-section table.purchase-table thead th.price {
 	width: 75px;
 	text-align: center;
}
div.verify-section table.purchase-table td {
 	padding: 5px;
}
div.verify-section table.purchase-table td.qty {
 	text-align: right;
}
div.verify-section table.purchase-table tfoot td{
 	font-size: 12pt;	
}
div.verify-section table.purchase-table tfoot td.label{
 	text-align: left;
}

/*
 *********************************************************************
 ** DATALIST TABLE
 *********************************************************************
 */

table.dataList {
    border-collapse: collapse;
}

table.dataList thead {
    background: #003f5e;
    border-bottom: double 3px #FFF;
}

table.dataList thead tr {
}


table.dataList thead tr th {
    color: #FFF;
    text-align: left;
    padding: 2px 10px;
}

table.dataList tbody {
}

table.dataList tbody tr {
    border-bottom: solid 1px #FFF;
}

table.dataList tbody tr.odd {
    background-color: #EEE;
}

table.dataList tbody tr.even {
    background-color: #F8F8F8;
}

table.dataList tbody tr.inactive {
    background-color: #FFDDDD;
}

table.dataList tbody td {
    font-size: 9pt;
    padding: 2px 5px;
}