body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

a:link {
	color:#660000;
}

a:visited 
{
	color: #333333;	
}
a:hover {
	color: #330000;	
}


a:active {
	color: #CCCC99;
}

.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}

.style2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.style11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.style12 
{	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #917955; 
}

.style12policy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #330000;
}

.style12_catalog {
	color: #006633;
	font-weight: bold;
}

.style12Contact {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #330000;
}

.style13_catalog
 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-weight: bold;
 }

.style13 {
	color: #211C1E;
	font-weight: bold;
}

.style14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

.style14policy
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #330000;
}

.style15 {color: #FFFFFF}

.style17 {
	color: #55432D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.style18 {font-size: 14px}

.style19 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.style19 a:link {
	color: #A4783E;
	text-decoration:underline;
}
.style19 a:hover {
	color: #330000;
	text-decoration:none;
}

.style19 a:visited {
	color: #333333;
	text-decoration:underline;
}

.style19 a:active {
	color: #CCCC99;
	text-decoration:underline;
}

.styleCat20 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.style20 {	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #826641;
}

.style21 
{
	font-size: 11px;
	color: #826641;
	font-family: Arial, Helvetica, sans-serif;
}

.style22 {	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #330000;
}

.style22loc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.style22policy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #330000;
	font-weight: bold;
}

.style23
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

.style24
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #826641;
}

.style25 {color: #FFFFFF;}

.style25Cal 
{
	color: #FFFFFF;
	 text-decoration:underline;
}


.style26
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

.style27
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.style27Cal {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
}

.style27loc
{
	font-size: 14px;
	font-weight: bold;
	color: #826641;
}

.style27order
{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #826641;
	font-weight: normal;
}

.style28 {
	font-size: 11px;
	font-weight: bold;
}

.style28order {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}


.style29 {font-size: 11px}

.style29order
{
	color: #FFFFFF; font-weight: bold;
 }

.style30
{
	font-size: 11px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}

.mca {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.mca_leading2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 2;
}
 a.footer:visited {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
a.footer:hover {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
a.footer:link {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
a.design:hover {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
a.design:link {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
a.footer:hover {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
a.footer:link {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
a.footer:visited {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

a.porthead:hover {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

a.porthead:link {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.calMsg
{
	font-weight:bold;
	font-size:12px;
	color:#826641;
	text-align:center;
}

.calendar
{
	border-top: solid 1 #A68F6D;
	border-bottom:solid 1 #A68F6D;
	border-right:solid 1 #A68F6D;
	border-left:solid 1 #A68F6D;
}


.calDayStyle
{
	border-top: solid 1 #A68F6D;
	border-bottom:solid 1 #A68F6D;
	border-right:solid 1 #A68F6D;
	border-left:solid 1 #A68F6D;
	font-weight:bold;
	font-size:11px;
}

.calDayStyle a:link
{
	color: #A4783E;	
	font-weight:bold;
	font-size:11px;
}

.calDayStyle a:active
{
	color: #CCCC99;
}

.calDayStyle a:hover
{
	color: red;/*#330000;*/
}

.calDayStyle a:visisted
{
	color: #333333;
}


.calHeaderStyle
{
	border-top: solid 1 #A68F6D;
	border-bottom:solid 1 #A68F6D;
	border-right:solid 1 #A68F6D;
	border-left:solid 1 #A68F6D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #826641;
	height:30px;
	background-color: #DFD6B7;
}

.Cart
{
	width:99%;
}

.Checkout
{
	width:99%;
}

.msg
{
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #DF0707;
}

#BillingPanel
{
	text-decoration:underline;
}

/* Main Street Style */

/**************************************************************
** NORMAL FORM
** Basic layout and styling for all data entry forms.
***************************************************************/
/*
.mscMenuItemSpacerHover{}
.mscMenuItemSpacer{}

.mscSmall, .mscSmall td, .mscSmall th, .mscSmall ul, .mscSmall li { font-size: 11px; }
.mscSmall input, .mscSmall select, .mscSmall textarea, .mscSmall button { font-size: 11px; }

.mscMicro, .mscMicro td, .mscMicro th, .mscMicro ul, .mscMicro li { font-size: 10px; }
.mscMicro input, .mscMicro select, .mscMicro textarea, .mscMicro button { font-size: 10px; }
*/

.mscCompanyHeader .mscCompanyInfo { font-size: 10px; }

.mscForm {
    margin: 0;
    padding: 0;
}
.mscFormTable {
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    border: none;
}
.mscFormTable td, .mscFormTable th {
    padding: 4px;
    vertical-align: middle;
}
.mscFormLabel {
    text-align: right;
    width: 140px;
    font-weight: bold;
}
.mscFormLabel .mscLayoutTable td {
    padding: 0;
    padding-left: 4px;
    margin: 0;
}
.mscFormInput {
    font-weight: normal;
}
.mscFormInput .mscLayoutTable td {
    padding: 0;
    padding-right: 8px;
    margin: 0;
}
.mscFormInput .mscTips {
    font-size: 90%;
}

.mscFormValidation {
}
.mscForm .mscActions {
    margin-top: 12px;
    padding-left: 150px;
}
.mscForm .mscInstructions {
    margin-top: 8px;
    margin-bottom: 8px;
}
.mscForm .mscSubNotes {
    padding: 6px;
    margin: 8px 0 8px 0;
    font-size: 90%;
}
.mscForm .mscSubNotes h6 {
    margin: 0;
    padding: 0;
    font-size: 110%;
}
.mscForm .mscValidationSummary, .mscForm .mscValidationSummary ul {
    margin-top: 3px;
    padding-top: 0;
    margin-bottom: 3px;
    padding-bottom: 0;
}
.mscForm .mscValidationSummary li {
    color: red;
}
.mscForm .mscValidator {
    color: red;
}
.mscForm .mscStatus {
    font-size: 120%;
    color: #ff0000;
}


/**************************************************************
** SMALL FORM
** Tweaks a standard form for a smaller overall display
** Enclose a .mscForm in a 'Small' container (div) for this behavior.
***************************************************************/
.mscSmall .mscFormTable td, .mscSmall .mscFormTable th{
    padding: 2px;
}
.mscSmall .mscFormLabel {
    text-align: right;
    width: 100px;
}
.mscSmall .mscForm .mscActions {
    margin-top: 6px;
    padding-left: 104px;
}
    
/**************************************************************
** MICRO FORM
** Tweaks a standard form for a very compacted display.
** Enclose a .Form in a 'Micro' container (div) for this behavior.
***************************************************************/
.mscMicro .mscForm .mscActions {
    margin-top: 6px;
    padding-left: 0px;
}
.mscMicro .mscForm .mscValidationSummary ul {
    margin-left: 0px;
    padding-left: 20px;
}

/* IE specific styling since doesn't support td display change */
html.ie .mscMicro .mscFormTable {
    display: table;
}
html.ie .mscMicro .mscFormTable tr {
    display: table-row;
}
html.ie .mscMicro .mscFormTable td, html.ie .mscMicro .mscFormTable th {
    display: table-cell;
    padding: 2px;
}
html.ie .mscMicro .mscFormLabel {
    text-align: left;
    width: 50px;
}

/* Other browsers */
.mscMicro .mscFormTable {
    display: block;
}
.mscMicro .mscFormTable tr {
    display: block;
}
.mscMicro .mscFormTable td, .mscMicro .mscFormTable th {
    display: block;
    padding: 2px;
}
.mscMicro .mscFormLabel {
    text-align: left;
}


/**************************************************************
** POPUP
** Basic layout for popup windows
***************************************************************/
body.mscPopup {
    padding: 15px;
}
.mscPopup .mscCardQuestion {
    margin-top: 10px;
}
.mscPopup .mscActions {
    margin-top: 20px;
}


/**************************************************************
** MESSAGE BOXES
***************************************************************/
.mscMsgBoxSuccess {
    border: #99cc66 1px solid;
    background-color: #ccffcc;
    padding: 15px;
    font-size: 120%;
}
.mscMsgBoxSuccess .mscActions { margin-top: 20px; font-size: 120%; }
.mscMsgBoxSuccess .mscActions a { font-weight: bold; }

.mscMsgBoxError {    
    border: #ffffff 1px solid;
    background-color: #ffb3b3;
    padding: 15px;
    font-size: 120%;
}

.mscMsgBoxWarning {    
    border: #f4f400 1px solid;
    background-color: #ffff97;
    padding: 15px;
    font-size: 120%;
}

.mscMsgBoxInfo {    
    border: #0000cc 1px solid;
    background-color: #d5ddff;
    padding: 15px;
    font-size: 90%;
}

/**************************************************************
** GRIDS
***************************************************************/
.mscGridContents { clear: both; width: 100%; }
.mscGridTable { border-collapse: collapse; border: solid 1px darkgray; width: 100%;  }
.mscGridTable .mscGridHeaderRow { background-color: #dcdcdc; }
.mscGridTable .mscGridFooterRow { background-color: #dcdcdc; font-weight: bold;border-top: solid 1px black;  text-align:right;}
.mscGridTable .mscGridHeaderCell { font-weight: bold; padding-left: 6px; padding-right: 6px; border-bottom: solid 1px black; }
.mscGridTable .mscGridHeaderRow .mscGridHeaderCell.mscItemCode { text-align:left;}
.mscGridTable .mscGridHeaderRow .mscGridHeaderCell.mscItemDescription { text-align:left;}
/*.mscGridTable .mscGridFooterCell { font-weight: bold; padding-left: 6px; padding-right: 6px; border-top: solid 1px black; }*/
.mscGridTable .mscGridRow { }/**/
.mscGridTable .mscGridAltRow .mscGridCell { border-top: solid 1px #dcdcdc;  border-bottom: solid 1px #dcdcdc; }
.mscGridTable .mscGridCell { padding: 6px;  }

.mscGridContents .mscGridTable .mscGridCell .mscDetails { margin: 0; padding: 0; }


/**************************************************************
** LOGIN FORM (Control)
***************************************************************/
.mscLoginForm .mscFormInput input {
    width: 200px;
}
.mscSmall .mscLoginForm .mscFormInput input {
    width: 140px;
}
.mscMicro .mscLoginForm .mscFormInput input {
    width: 100px;
}

/**************************************************************
** LOGIN FORM (Control)
***************************************************************/
.mscPreCheckoutForm .mscLoginForm, .mscPreCheckoutForm .mscRegistrationForm  {
    margin-left: 20px;
}


/**************************************************************
** CART ADDRESS FORM (Control)
***************************************************************/
.mscCartAddressForm .mscShipSame .mscActions {
    margin-top: 4px;
    margin-bottom: 15px;
}
.mscCartAddressForm .mscBilling 
{
	text-decoration:underline;
    /*padding-top: 10px; */
    padding-bottom: 10px;
}

.mscCartAddressForm .mscShipping {
    padding-top: 10px;
    padding-bottom: 10px;
}


/**************************************************************
** CART PAYMENT FORM (Control)
***************************************************************/
.mscCartPaymentForm  .mscPaymentSection {
    margin-bottom: 15px;
}

.mscCartPaymentForm  .mscPaymentForm {
    margin-left: 30px;
}

.mscCartPaymentForm .mscTerms {
    padding: 10px;
    margin-bottom: 10px;
    border: solid 1px #dcdcdc;
}
.mscCartPaymentForm .mscPaymentSelector .mscFormTable {
    margin-left: 30px;
}
.mscCartPaymentForm .mscPaymentSelector .mscPaymentType .mscFormLabel {
   	font-size: 18px;
    font-weight: bold;
}
.mscCartPaymentForm .mscPaymentSelector .mscPaymentType .mscFormInput select {
   	font-size: 18px;
    font-weight: bold;
}

/**************************************************************
** CART MULTI-PAYMENT FORM (Control)
***************************************************************/
.mscCartMultiPaymentForm .mscPaymentMethodContents { position: relative; }
.mscCartMultiPaymentForm .mscPaymentMethodContents .mscRemove { position: absolute; top: 7px; left: 350px; }
.mscCartMultiPaymentForm .mscPaymentMethodContents { margin-bottom: 25px; }
.mscCartMultiPaymentForm .mscActions { margin-top: 35px; }
.mscCartMultiPaymentForm .mscActions select { font-size: 130%; font-weight: bold; }

/**************************************************************
** CART SHIPPING FORM (Control)
***************************************************************/
.mscCartShippingForm .mscTerms {
    padding: 10px;
    margin-bottom: 10px;
    border: solid 1px #dcdcdc;
}

/**************************************************************
** LAYOUT TABLE
** Use for horizontal or vertical layouts
** Typically a horizontal usage would have one row and multiple columns
***************************************************************/
.mscLayoutTable {
    border-collapse: collapse;
    width: 100%;
    margin: 0;
    padding: 0;
    clear: both;
}
.mscTopAlign td {
    vertical-align: top;
}

/**************************************************************
** REVIEW TABLE
** Use read only form like layouts
***************************************************************/

.mscReviewTable h5 {
    margin: 0;
    padding: 0;
}
.mscReviewTable td, .mscReviewTable th {
    padding: 4px;
}
.mscReviewTable th {
    font-weight: bold;
}
.mscReviewTable td.mscLabel, .mscReviewTable th.mscLabel {
    padding: 4px 4px 4px 0px;
}
.mscReviewTable .mscLabel {
    text-align: right;
    font-weight: bold;
}
.mscReviewTable .mscLayoutTable td {
    padding: 0;
    padding-left: 4px;
    margin: 0;
}
.mscReviewTable .mscValue {
    font-weight: normal;
}
.mscReviewTable td.mscValue {
    padding: 4px 0px 4px 4px;
}
.mscReviewTable .mscValue .mscLayoutTable td {
    padding: 0;
    padding-right: 8px;
    margin: 0;
}


/**************************************************************
** ORDER DETAIL VIEW
***************************************************************/
.mscOrderDetailView .mscOrderHeaderBar {
    width: 100%;
    margin-bottom: 6px;
    clear: both;
    font-weight: bold;
}
.mscOrderDetailView h5 {
    margin: 0;
    margin-top: 10px;
    margin-bottom: 4px;
    padding: 0;
    padding-bottom: 4px;
    font-size: 110%;
    border-bottom: solid 1px darkgray;
}

h5 {
    margin: 0;
    margin-top: 10px;
    margin-bottom: 4px;
    padding: 0;
    padding-bottom: 4px;
    font-size: 110%;
    border-bottom: solid 1px darkgray;
}
.mscOrderDetailView .mscOrderHeaderBar .mscOrderType {
    float: left;
}
.mscOrderDetailView .mscOrderHeaderBar .mscOrderDate {
    float: right;
}
.mscOrderDetailView .mscReviewTable .mscLabel {
    width: 70px;
    text-align: right;
}
.mscReviewTable .mscLabel {
    width: 70px;
    text-align: right;
}
.mscOrderDetailView .mscBilling { margin-right: 10px; }
.mscOrderDetailView td div.mscShipping { margin-left: 10px; margin-right: 10px; }
.mscOrderDetailView td div.mscPayment { padding-left: 10px; }
.mscOrderDetailView .mscItems  h5 { border: none; padding: 0; }
.mscOrderDetailView .mscItems .mscGridTable { border-bottom: solid 1px black !important; } /* Total separator line */
.mscOrderDetailView .mscItems .mscGridHeaderRow { background-color: #dcdcdc; }
.mscOrderDetailView .mscItems .mscGridHeaderCell { padding: 2px 10px; }
.mscItems .mscGridHeaderRow .mscGridHeaderCell.mscItemUnitPrice { text-align:right;}
.mscItems .mscGridHeaderRow .mscGridHeaderCell.mscItemExtPrice { text-align:right;}
.mscOrderDetailView .mscItems .mscGridCell { padding: 4px 10px; }
.mscItemQuantity { text-align:right; }
.mscOrderDetailView .mscItems .mscGridCell.mscItemShipTo {
    border-top: solid 1px #dcdcdc;
    border-right: solid 1px #dcdcdc;
    text-align: left;
}
.mscOrderDetailView .mscItems .mscItemShipTo .mscShippingMethod {
    margin-top: 10px;
}
.mscOrderDetailView .mscItems mscItemCode {
    text-align: left;
}
.mscOrderDetailView .mscItems .mscItemDescription {
    text-align: left;
}
.mscOrderDetailView .mscItems .mscItemPromiseFulfillDate {
    width: 60px;
    text-align: center;
}
.mscOrderDetailView .mscItems .mscItemPromiseDate {
    width: 60px;
    text-align: center;
}
.mscOrderDetailView .mscItems .mscItemQuantity {
    width: 30px;
    text-align: right;
}

.mscOrderDetailView .mscItems .mscItemOrigPrice {
    width: 70px;
    text-align: right;
}
.mscOrderDetailView .mscItems td.mscItemOrigPrice {
    color: #a9a9a9; 
}
.mscOrderDetailView .mscItems .mscItemUnitPrice {
    width: 70px;
    text-align: right;
}
.mscOrderDetailView .mscItems .mscItemExtPrice {
    width: 75px;
    text-align: right;
}
.mscItems .mscGridTable .mscGridCell.mscItemExtPrice 
{
	padding: 2px 10px;
}

.mscOrderDetailView .mscItems .mscNotes h5 {
    margin: 4px 0;
    padding: 0;
}
.mscOrderDetailView .mscOrderTotals {
    border-collapse: collapse;
    width: 100%;
    margin: 0;
    padding: 0;
}
.mscOrderDetailView .mscOrderTotals {
    width: 200px;
}
.mscOrderTotals {
    width: 200px;
}

.mscOrderDetailView .mscOrderTotals .mscLabel { 
    padding: 2px 10px;
    font-weight: bold;
    text-align: right;
    width:auto;
}

.mscOrderTotals .mscLabel { 
    padding: 2px 10px;
    font-weight: bold;
    text-align: right;
    width:auto;
}
.mscOrderDetailView .mscOrderTotals .mscValue { 
    padding: 2px 10px;
    width: 75px;
    text-align: right;
    background-color: #dcdcdc;
}
.mscOrderTotals .mscValue { 
    padding: 2px 10px;
    width: 75px;
    text-align: right;
    background-color: #dcdcdc;
}

.mscOrderDetailView .mscOrderTotals .mscShipping td { 
    padding: 2px 10px 6px;
}
.mscOrderTotals .mscShipping td { 
    padding: 2px 10px 6px;
}

.mscOrderDetailView .mscOrderTotals .mscTotal td { 
    border-top: solid 1px #000000;
    padding: 6px 10px 8px;
    font-weight: bold;
    font-size: 120%;
}

.mscOrderTotals .mscTotal td { 
    border-top: solid 1px #000000;
    padding: 6px 10px 8px;
    font-weight: bold;
    font-size: 120%;
}

.mscOrderDetailView .mscObjectAttributesView { border: solid 1px #dcdcdc; margin-top: 6px; margin-bottom: 6px; padding: 6px; }
.mscOrderDetailView .mscObjectAttributesView th { padding: 2px 6px; }
.mscOrderDetailView .mscObjectAttributesView td { padding: 2px 0; }

.mscOrderDetailView .mscShipments h5 { border: none; padding-bottom: 0; }
.mscOrderDetailView .mscShipments .mscEmpty { border-top: solid 1px darkgray; padding-top: 8px; }
.mscOrderDetailView .mscShipments .mscGridHeaderCell { text-align: left; }

/**************************************************************
** COMPANY HEADER
***************************************************************/
.mscCompanyHeader .mscLogo { padding-left: 0px; }
.mscCompanyHeader .mscCompanyInfo { text-align: right; padding-right: 8px; }


/**************************************************************
** PAGER
***************************************************************/
.mscPager { clear: both; }
.mscPager .mscFound { font-size: 85%; font-weight: bold; }
.mscPager .mscPage { vertical-align : middle; display: block; float: left; }
.mscPager .mscNav { vertical-align : middle; display: block; float: left; }
.mscPager .mscSeparator { vertical-align : middle; display: block; float: left; padding-left: 3px; padding-right: 3px; }
.mscPager .mscSelected { font-weight: bold; }
.mscPager a { }
.mscPager a:visited { }
.mscPager a:hover { }
.mscPager.mscTop { border-bottom: solid 1px black; }
.mscPager.mscBottom { border-top: solid 1px black; }


/**************************************************************
** CATEGORY INFO
***************************************************************/
.mscBullet {
    display: list-item;
    list-style-type: square;
    list-style-position: outside;
    margin-left: 15px;
    padding-left: 0px;
}

/**************************************************************
** GALLERY
** ------------------------------------------------------------
** Change to the following styles to float the description 
** beside the photo (instead of below).
** ------------------------------------------------------------
** .mscGalleryItem .mscPhoto { float: left; margin-right: 10px; display: block; }
** .mscGalleryItem .mscDetails { float: left; width: 150px; }
***************************************************************/
.mscGalleryContents { clear: both; }
.mscGalleryTable {     
    border-collapse: collapse;
    width: 100%;
    margin: 0;
    padding: 0;
}
.mscGalleryCell { vertical-align: top; }
.mscGalleryContents .mscGalleryItem { font-size: 90%; }
.mscGalleryContents .mscGalleryItem .mscPhoto { margin-right: 10px; display: block; }
.mscGalleryContents .mscGalleryItem .mscDetails { margin: 0; padding: 0; }
.mscGalleryContents .mscGalleryItem .mscDetails .mscItemCode { font-size: 90%;   }
.mscGalleryContents .mscGalleryItem .mscDetails .mscCategoryTitle { font-size: 130%; font-weight: bold; margin-top: 2px; margin-bottom: 4px;  }
.mscGalleryContents .mscGalleryItem .mscDetails .mscItemTitle { font-size: 130%; font-weight: bold; margin-top: 2px; margin-bottom: 6px;  }
.mscGalleryContents .mscGalleryItem .mscDetails .mscItemReadMore { font-weight: bold; margin-top: 3px; margin-bottom: 6px; }
.mscGalleryContents .mscGalleryItem .mscDetails .mscItemRetailPrice { font-size: 130%; color: #ff0000; text-decoration: line-through;
}
.mscGalleryItem .mscDetails .mscItemPrice { font-size: 130%;  }
.mscGalleryItem .mscDetails .mscBuyContents { margin-top: 10px; }

.mscCategoryList .mscGalleryCell { vertical-align: middle ; padding: 6px 0px; }
.mscCategoryList .mscGalleryContents .mscGalleryItem .mscPhoto { width: 50px;  }

.mscResultsView .mscGalleryCell { vertical-align: top; padding: 10px; }
.mscResultsView .mscGalleryContents .mscGalleryItem .mscPhoto { height: 130px; }
.mscResultsView .mscGalleryContents .mscGalleryItem .mscPhoto table { width: 100%; }
.mscResultsView .mscGalleryContents .mscGalleryItem .mscPhoto td { height: 130px; }
.mscResultsView .mscGalleryContents .mscGalleryItem .mscPhoto img { max-height: 125px; }


/**************************************************************
** CATEGORY INFO
***************************************************************/
.mscCategoryInfo { clear: both; }
.mscCategoryInfo .mscPhoto { float: left; margin-right: 10px; margin-bottom: 10px; display: block; width: 40px; }
.mscCategoryInfo .mscDetails { }
.mscCategoryInfo .mscCategoryName { font-size: 120%; font-weight: bold; }
.mscCategoryInfo .mscCategoryDescription { }

/**************************************************************
** BREAD CRUMB NAVIGATION
***************************************************************/
.mscBreadCrumbs { clear: both; margin-bottom: 10px; font-weight: bold; }
.mscBreadCrumbs a.mscNone { text-decoration: inherit; color: inherit; cursor: inherit; }
.mscBreadCrumbs a.mscNone:hover { text-decoration: inherit; color: inherit; cursor: inherit; }
.mscBreadCrumbs a.mscNone:visited { text-decoration: inherit; color: inherit; cursor: inherit; }
.mscBreadCrumbs a.mscNone:active { text-decoration: inherit; color: inherit; cursor: inherit; }
.mscSearchDescription { }



/**************************************************************
** CART VIEW
***************************************************************/
.mscCartView {}
.mscCartView .mscInstructions { margin-bottom: 10px; font-style:italic; }
.mscCartView .mscGridTable { border: none; }
.mscCartView .mscGridHeaderRow { background-color: #ffffff; }
.mscCartView .mscGridHeaderRow th { border-bottom: solid 1px black; padding-bottom: 4px; }
.mscCartView .mscGridFooterRow td { border-top: solid 1px black; padding-top: 4px; background-color: #e3e3e3; }
.mscCartView .mscPhoto {}
.mscCartView .mscCompoundCodeTable {}
.mscCartView .mscItemCode {}
.mscCartView .mscItemDescription {}
.mscCartView .mscItemQuantity { text-align: right; white-space: nowrap; }
/*.mscCartView .mscItemQuantity input { width: 35px; text-align: right; }*/
.mscGridRow .mscItemQuantity {border-top: solid 1px #dcdcdc;}
.mscGridAltRow .mscItemQuantity {border-top: solid 1px #dcdcdc;}
.mscItemQuantity  input{width: 35px; text-align: right; }
.mscCartView td.mscItemOrigPrice { text-align: right; white-space: nowrap; color: #a9a9a9;  }
.mscGridRow mscItemUnitPrice { text-align: right; white-space: nowrap; }
/*.mscGridRow .mscGridCell.mscItemUnitPrice { text-align: right; white-space: nowrap; }*/
.mscGridCell.mscItemExtPrice { text-align: right; white-space: nowrap; }
.mscGridCell.mscItemUnitPrice { text-align: right; white-space: nowrap; }
/*.mscCartView .mscGridFooterRow .mscItemQuantity { font-weight: bold; text-align: right; width: 100% }*/
/*.mscCartView .mscGridFooterRow .mscItemExtPrice { font-weight: bold; }*/
/*.mscGridFooterRow .mscGridCell.mscItemExtPrice{ font-weight: bold; text-align: right; width: 100%;padding-left: 6px; padding-right: 6px; border-top: solid 1px black;  }*/
/*.mscGridRow { clear:both; padding: 4px 10px; }*/
/*
.mscGridRow .mscItemQuantity input { width: 35px; text-align: right; }
.mscGridAltRow .mscItemQuantity input { width: 35px; text-align: right;}

.mscCartView .mscGridFooterRow .mscGridFooterCell.mscItemQuantity { font-weight: bold; padding-left: 6px; padding-right: 6px; border-top: solid 1px black; }
.mscGridTable .mscGridAltRow { border-top: solid 1px #dcdcdc;  border-bottom: solid 1px #dcdcdc; }
.mscGridTable .mscGridCell { padding: 6px; }
.mscGridTable .mscGridAltRow .mscGridCell.mscItemUnitPrice { text-align:right;}
.mscGridTable .mscGridAltRow .mscGridCell.mscItemExtPrice { text-align:right;}

*/
/*.mscGridFooterRow .mscGridFooterCell { padding-top: 4px;background-color: #e3e3e3; font-weight: bold; text-align:right; }*/
/**************************************************************
** CART REVIEW FORM
***************************************************************/
.mscCartReviewForm {
}

.mscCartReviewForm h5 {
    margin: 0;
    margin-top: 15px;
    margin-bottom: 4px;
    padding: 0;
    padding-bottom: 4px;
    font-size: 14px;
    border-bottom: solid 1px darkgray;
}
.mscCartReviewForm .mscBillingAddress {
    padding-right: 16px;
}
.mscCartReviewForm .mscPaymentInfo, .mscCartReviewForm .mscShippingInfo {
    padding-top: 10px;
}
.mscCartReviewForm .mscPromotion {
    font-style: italic;
}
.mscCartReviewForm .mscOrderSummary {
    border-top: solid 1px #000000;
}

.mscCartReviewForm .mscOrderSummary .mscOrderTotalDivider td {
    padding-left: 6px;
    padding-top: 6px;
    font-weight: bold;
}

.mscCartReviewForm .mscOrderSummary .mscOrderSubTotal td {
    padding-top: 6px;
}
.mscCartReviewForm .mscOrderSummary td {
    padding-right: 6px;
    font-weight: bold;
}
.mscCartReviewForm .mscOrderSummary td.mscLabel {
    width: 150px;
}
.mscCartReviewForm .mscOrderSummary td.mscValue {
    background-color: #d3d3d3;
    width: 60px;
}
.mscCartReviewForm .mscOrderSummary .mscOrderShipping td {
    padding-bottom: 6px;
}
.mscCartReviewForm .mscOrderSummary .mscOrderTotal td {
    padding-top: 6px;
    padding-bottom: 6px;
    border-top: solid 1px #000000;
    font-size: 120%;
}

/**************************************************************
** CART FINISH VIEW
***************************************************************/
.mscCartFinishView .mscStatus { color: green; font-size: 110%; font-weight: bold; margin-top: 10px; margin-bottom: 10px; }


/**************************************************************
** ITEM DETAIL VIEW (Control)
***************************************************************/
.mscItemDetailView .mscItemHeader {
    margin-bottom: 10px;
}
.mscItemDetailView .mscItemTitle h1 {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
.mscItemDetailView .mscItemHeader .mscItemCode {
    text-align: right;
    font-size: 12px;
    font-weight: bold;
    vertical-align: baseline;
}
.mscItemDetailView .mscPhotoPanel {
    float: left;
    margin-bottom: 10px;
    text-align: center;
}
.mscItemDetailView .mscDetails .mscItemDescription {
    margin-top: 10px;
    margin-bottom: 20px;
}
.mscItemDetailView .mscItemAddForm {
    margin-top: 20px;
    margin-bottom: 10px;
}

.mscItemDetailView .mscHasImages .mscDetails {
    margin-left: 190px;
}
.mscItemDetailView .mscHasImages .mscItemAddForm {
    margin-left: 190px;
}

.mscItemDetailView .mscPriceTable {
    border-collapse: collapse;
    margin-top: 10px;
    margin-bottom: 10px;
}
.mscItemDetailView .mscPriceTable td.mscLabel {
    font-weight: bold;
    font-size: 125%;
    padding-right: 10px;
    text-align: right;
}
.mscItemDetailView .mscPriceTable td.mscValue {
    font-weight: bold;
    font-size: 125%;
}

.mscItemDetailView .mscPriceTable tr.mscItemRetailPrice td.mscValue {
    color: #ff0000;
    text-decoration: line-through;
}

/**************************************************************
** ITEM SUB DETAIL VIEW (Control)
***************************************************************/
.mscItemSubDetailView {
}
.mscItemSubDetailView .mscPhoto {
    float: left;
    text-align: left;
    width: 100px;
}
.mscItemSubDetailView .mscDetails {
    margin-left: 100px;
    float: none;
}
.mscItemSubDetailView .mscSubDetails {
    float: left;
    padding-bottom: 10px;
}
.mscItemSubDetailView .mscItemTitle {
    padding-top: 6px;
    font-weight: bold;
    font-size: 120%;
}
.mscItemSubDetailView .mscItemDescription {
    width: 350px;
}
.mscItemSubDetailView .mscPriceTable {
    border-collapse: collapse;
    margin: 0;
}
.mscItemSubDetailView .mscPriceTable td.mscLabel {
    font-weight: bold;
    font-size: 110%;
    padding-right: 10px;
    text-align: right;
}
.mscItemSubDetailView .mscPriceTable td.mscValue {
    font-weight: bold;
    font-size: 110%
}
.mscItemSubDetailView .mscPriceTable tr.mscItemRetailPrice td.mscValue {
    color: #ff0000;
    text-decoration: line-through;
}
.mscItemSubDetailView .mscBuyContents {
    float: left;
    padding-top: 6px;
    margin: 0px;
    margin-top: 4px;
}

/**************************************************************
** ITEM ATTRIBUTES VIEW (Control)
***************************************************************/
.mscItemAttributesView table {
    border-collapse: collapse;
    border: solid 1px darkgray;
    padding: 6px;
}
.mscItemAttributesView td {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 6px;
    padding-right: 6px;
}
.mscItemAttributesView .mscLabel {
    font-weight: bold;
    text-align: right;
    padding-left: 20px;
}
.mscItemAttributesView .mscValue {
    padding-right: 20px;
}

/**************************************************************
** ITEM ASSOCIATION VIEW (Control)
***************************************************************/
.mscItemAssociationView .mscAssociationGridTable {
    border-collapse: collapse;
    border: none;
}
.mscItemAssociationView .mscAssociationGridTable .mscGridHeaderCell {
    padding: 4px;
    border: none;
}
.mscItemAssociationView .mscAssociationGridTable td {
    padding: 4px;
    border: none;
}


/**************************************************************
** ITEM IMAGES LARGE VIEW (Control)
***************************************************************/
.mscItemImagesLargeView { 
    text-align: center;
    width: 100%;
}
.mscItemImagesLargeView .mscMainPhoto {
    margin-bottom: 30px;
}
.mscItemImagesLargeView .mscMainPhoto span {
    font-size: 130%;
    font-weight: bold;
    display: block;
    margin-top: 6px;
}
.mscItemImagesLargeView .mscSecondaryPhotos .mscSecondaryPhotosTable td {
    padding: 4px;
}
.mscItemImagesLargeView .mscSecondaryPhotos .mscSelected a {
    display: block;
    border: solid 2px red;
    padding: 4px;
}

/**************************************************************
** ITEM ADD FORM (Control)
***************************************************************/
.mscItemAddForm ol { margin-left: 20px; padding-left: 0px; }
.mscItemAddForm ol.mscSingleStep { list-style-type: none; margin: 0; padding: 0; }
.mscItemAddForm ol li { font-weight: bold; }
.mscItemAddForm ol li div.mscVariationsSection { font-weight: normal; }
.mscItemAddForm ol li div.mscQuantitySection { font-weight: normal; }
.mscItemAddForm ol li .mscLabel { text-align: right; }
.mscItemAddForm ol li span.mscLabel { display: block; float: right; }
.mscItemAddForm h5 { padding-bottom: 2px; }
.mscItemAddForm .mscVariationsSection { margin-bottom: 14px; }
.mscItemAddForm .mscQuantitySection { margin-bottom: 14px; }
.mscItemAddForm .mscQuantity { width: 50px; }
.mscItemAddForm .mscQuantitySection .mscBuy { 
    float: inherit;
    margin: inherit;
    padding-top: 0;

    margin-left: 4px; 
    vertical-align: top; 
}

/**************************************************************
** TREE VIEW
***************************************************************/
.mscTreeView { }

.mscTreeView .mscNode { cursor: default;  }
.mscTreeView .mscNodeRow { }
.mscTreeView .mscSel { font-weight: bold; }
.mscTreeView .mscSelRow { }
.mscTreeView .mscChildSel { font-weight: bold; }
.mscTreeView .mscChildSelRow { }
.mscTreeView .mscMultiSel { font-weight: bold; }
.mscTreeView .mscMultiSelRow { }

.mscTreeView .mscHover { cursor: pointer; text-decoration: underline; }
.mscTreeView .mscHoverRow { }
.mscTreeView .mscSelHover { cursor: pointer; text-decoration: underline; font-weight: bold; }
.mscTreeView .mscSelHoverRow { }
.mscTreeView .mscChildSelHover { cursor: pointer; text-decoration: underline; font-weight: bold; }
.mscTreeView .mscChildSelHoverRow { }

.mscTreeView .mscNodeEdit { }
.mscTreeView .mscCut { }
.mscTreeView .mscCutRow { }
.mscTreeView .mscDropChild { }
.mscTreeView .mscDropSibling { }
.mscTreeView .mscFocused { }
.mscTreeView .mscPop { }
.mscTreeView .mscLoading { }
.mscTreeView .mscMargin { }


/**************************************************************
** MENU
***************************************************************/
.mscMenu { 
    width: 100%; 
}
.mscMenuGroup {
/*  background-color: #98DD98;*/
  width: 100%;
}
.mscMenuSubGroup {
  background-color:#98DD98;
  border: 0px;
  /*border-color: #ffffff;*/
  border-style: solid;  
}
.mscMenuBreak {
  padding-left: 27px; 
  padding-right: 2px; 
}
.mscMenuItem, .mscMenuItemHover {
/*  background-color: #ffffff;*/
  width: 100%;
  color: #08204F;
  font-size: 12px;
/*  font-weight: bold; */
  padding: 1px 15px 1px 0px;
  cursor: pointer;
}
.modalBackground
        {
            position: absolute;
            z-index: -10000;
            top: 0px;
            left: 0px;
            background-color: #000;
            filter: alpha(opacity=60);
            -moz-opacity: 0.6;
            opacity: 0.6;
        }
.modalPopup
        {
            background-color: white;
            border-width: 3px;
            border-style: solid;
            border-color: Gray;
            padding: 10px;
            width: 450px;
            z-index: 99999999;
        }