#mainPanel .button {
    background-color: #28abe1;
    border: 2px solid #ffffff;
    color: #ffffff;
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 3px 10px;
    margin: 2px 7px 7px 2px;
    display: inline-block;
    text-transform: uppercase;
    white-space: nowrap;
    /* madness begins here */
    zoom: 1; /* IE haslayout */
	box-shadow: 2px 2px 4px #3d3d3d;
	-moz-box-shadow: 2px 2px 4px #3d3d3d;
	-webkit-box-shadow: 2px 2px 4px #3d3d3d;
	text-shadow: 0px 1px 1px #3d3d3d;
	-moz-text-shadow: 0px 1px 1px #3d3d3d;
	-webkit-text-shadow: 0px 1px 1px #3d3d3d;
	transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
}
#rightSidebarPanel .button {
    background-color: #28abe1;
    border: 2px solid #ffffff;
    color: #ffffff;
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 0px 5px;
    text-transform: uppercase;
    white-space: nowrap;
    /* madness begins here */
    zoom: 1; /* IE haslayout */
	-moz-box-shadow: 2px 2px 4px #3d3d3d;
	-webkit-box-shadow: 2px 2px 4px #3d3d3d;
	box-shadow: 2px 2px 4px #3d3d3d;
	-moz-text-shadow: 0px 1px 1px #3d3d3d;
	-webkit-text-shadow: 0px 1px 1px #3d3d3d;
	text-shadow: 0px 1px 1px #3d3d3d;
}
.button:hover {
    background-color: #ffbd39 !important;
    color: #ffffff !important;
	transition: none !important;
	-webkit-transition: none !important;
	-o-transition: none !important;
	-moz-transition: none !important;
}
.button[disabled=disabled] {
    background-color: #666666 !important;
    color: #a0a0a0 !important;
    cursor: default !important;
}
.button.mini {
    padding: 0 5px !important;
    margin-bottom: 6px;
    display: inline-block;
}
.button.grande {
    padding: 15px 20px !important;
}
.button.red {
    background-color: #ff6b6b !important;
}

.msrp { text-decoration: line-through; font-size: 16px; color: #6d6d6d; }

.section .buttons { /* height: 30px; margin-top: 8px;*/ }

/* Text styles used to provide status information */
.goodCondition{font-weight: bold; color: #008000; padding-bottom: 3px;}
.warnCondition{font-weight: bold; color: #FFA500; padding-bottom: 3px;}
.errorCondition{font-weight: bold; color: #FF0000; padding-bottom: 3px;}

.ErrorMessage { color: Red !important; }


/*---------------------------------------*/
/*- styles for main panel               -*/
/*---------------------------------------*/
/* container for the main panel content */
#mainPanel .pageHeader h1, #mainPanel .checkoutPageHeader h1 {
    color: #25AAE1;
}
#mainPanel h2.sectionHeader {
font-family: 'ClarendonBT-Bold';
    font-size: 20px; }
    
/* used to display a dialog box in the main panel */
#mainPanel .dialogSection { margin: 27px 0 54px; }
#mainPanel .form .inputForm { }
#mainPanel .inputForm td { padding: 5px 0px; }
#mainPanel .form .inputForm input[type="text"] { border:solid 1px #afa9b3; }
#mainPanel .form .inputForm textarea { border:solid 1px #afa9b3; }
#mainPanel .dialogSection .inputForm {  width: 100%; padding: 10px; }
#mainPanel .dialogSection .header {
    line-height:40px; padding: 0 0 0 10px; }
#mainPanel .dialogSection .header h2 {
    font-family: 'ClarendonBT-Bold';
    font-size: 20px;
    font-weight: normal;
    }
#mainPanel .dialogSection .header a { float:right; text-decoration:underline; color:#444444; }
#mainPanel .dialogSection .header a:hover { float:right; text-decoration:underline; color:#8C0901; }
#mainPanel .dialogSection .content { min-height: 200px;}
#mainPanel .dialogSection .content table th.rowheader {background-color:White;}
#mainPanel .dialogSection .content table td.txt{}
#mainPanel .dialogSection .nofooter { margin-right:0;}
#mainPanel .dialogSection .footer {
    height:24px; line-height:24px; margin:0;
    color:#8C0901; margin-top:8px; }
#mainPanel .validationSummary { margin-bottom:6px; }

/* shopping cart table */
table.BasketGrid {}
table.BasketGrid th {
    background: none repeat scroll 0 0 #25AAE1;
    color: #FFFFFF; }
table.BasketGrid td { }
table.BasketGrid tr.altodd {
    background: none repeat scroll 0 0 #FFFFFF; }
table.BasketGrid tr.alteven {
    background: none repeat scroll 0 0 #E9F6FC; }

/* one-page-checkout */
#mainPanel .opcFrame { margin-top: 20px; }
#mainPanel .opcMainPanel { width: 580px; padding-right:20px; }
#mainPanel .opcSidebar .section .header h2 {
    font-family: 'ClarendonBT-Bold';
    font-size: 20px; }
#mainPanel .opcSidebar li { font-size: 14px; }
table.orderSummary { width: 100%; }
table.orderSummary tr.totalDivider hr { margin: 5px 0; }
table.orderSummary td { text-align: right; }
#mainPanel .opcSidebar .section { margin-bottom: 20px; }

.optionalSection table.inputForm { border: dotted 1px #a0d9ed; color: #707070;}

/******************************************************************************************/
/* styles for paged list of data                                                          */
/******************************************************************************************/
/* table style */
table.pagedList { min-width:300px; }
table.pagedList td {padding:2px 4px; border: solid 1px #a0d9ed; }
table.pagedList th, table.pagedList .headerRow {
    background: none repeat scroll 0 0 #25AAE1;
    color: #FFFFFF; }
table.pagedList .headerRow { font-weight: bold; }
table.pagedList th a, table.pagedList .headerRow a { padding-left: 2px; color: #FFFFFF; text-decoration:none; }
table.pagedList th a:hover, table.pagedList .headerRow a:hover { color: #FFBD36; text-decoration:underline; }
table.pagedList tr.oddRow { background: none repeat scroll 0 0 #FFFFFF; }
table.pagedList tr.evenRow { background: none repeat scroll 0 0 #E9F6FC; }
table.pagedList tr.rowOver { background: none repeat scroll 0 0 #FFBD39 !important; cursor: pointer; }
table.pagedList tr.rowOver a:hover { color: #FFFFFF !important; text-decoration: underline; }
table.pagedList tr.pagerRow, table.pagedList tr.paging { background: none repeat scroll 0 0 #fafafa; }
table.pagedList td.hiddenCell { border-color: transparent !important; background-color: #EDEDED !important; }
table.pagedList tr.empty td { width:300px; text-align:center; padding: 10px; font-style:italic; border: solid 1px black; }

table.subItemList { margin-left: 18px; }
table.form table.subItemList td { border: none; }
#pageContentWrapper ul.BasketSubItemLabel li { font-size: 12px; }

/******************************************************************************************/
/* styles for table that lays out a form of data (such as an invoice)                     */
/******************************************************************************************/
/* table style */
table.form {
    margin: 4px 0; border-collapse: collapse; padding: 10px; page-break-inside:avoid; border: solid 1px #7cc2db; width:100%;}
table.form td, table.form th, table.form .headerRow { padding:4px 8px; border-bottom: solid 1px #7cc2db; }
table.form th, table.form .headerRow { font-weight:bold; font-size:14px; border-bottom:solid 1px #7cc2db; }
table.form th.verticalText {
    width:10px; text-align:center; color: #015c95; font-size: 11px; letter-spacing: 25px; font-weight:bold; 
    border-right: solid 1px #7cc2db; background: #bbe9f9; vertical-align:middle; }
table.form th.header { text-align:left; }
table.form th.header span.caption { font-size:20px; }
table.form td.address { width:180px; border-right: solid 1px #7cc2db; color: #444444; font-size: 12px;}
table.form td.address a{ 
    color: #005b94; background: #E4ECEE url(images/button_bg.gif) repeat-x; float: right; padding: 1px 5px 1px 5px; 
    border: solid 1px #9fd9ef;}
table.form td.address a:hover{ background: #DAE7EA  url(images/button_bg_hover.gif) repeat-x; border: solid 1px #4fbde6; }
table.form td.expand { width:504px; color: #444444;  line-height: 25px;}
table.form td.dataSheet { padding:0; background: #FFFFFF; }
table.form td.dataSheet * { font-size:12px; }
table.form table.dataSheet { margin-bottom:-1px; }
table.dataSheet tr.totalRow td, table.dataSheet tr.totalRow th {
    border-top: double 3px gray; border-bottom: double 3px gray; background-color:#656565; color:White; }
table.form td.orderSummary { width:202px;padding:15px; border-right: solid 1px #7cc2db; }
table.form td.orderSummary h3 { margin: 0 0 2px 0; }
h1.invoice {
    margin: 0 0 6px 0; font-size:24px; font-weight:bold; }
h1.storeName {
    margin: 0 0 6px 0; font-size:18px; font-weight:bold; }

/*---------------------------------------*/
/*- styles for left sidebar panel       -*/
/*---------------------------------------*/
/* container for the left sidebar content */
#leftSidebarPanel { }
#leftSidebarPanel hr { margin: 5px 0; }
#leftSidebarPanel .section { margin: 0 30px 0 0; padding: 0; border: 0; background-color: #FFFFFF; }
#leftSidebarPanel .section .header{ height: 24px; margin: 4px 0 0 0; padding: 0; background-color: #EDEDED; }
#leftSidebarPanel .section .header h2 {
    color: #25AAE1; text-indent:8px; font-size: 14px;  line-height: 24px; font-weight: normal; padding: 0; margin: 0; }
#leftSidebarPanel .section .content {}
#leftSidebarPanel .section .content .inputForm{ margin: 0; border: solid 1px #7cc1de; border-top:0; background:#FFFFFF;}
#leftSidebarPanel .section .labelheading { border:solid 1px #7dc2db; border-bottom:0; padding:10px 10px 0 12px; color: #005b94;}
#leftSidebarPanel .H2 { font-weight:lighter; color: #005b94; font-size:11px; }
#leftSidebarPanel .section .content table{ 
	border-bottom: solid 1px #7cc1de; background:#FFFFFF; width: 100%; margin: 0; border-collapse:inherit!important; }
#leftSidebarPanel .searchFilterHeader { margin: 4px 0 0 0;}
    
/*---------------------------------------*/
/*- styles for right sidebar panel      -*/
/*---------------------------------------*/
/* container for the right sidebar content */
#rightSidebarPanel { }
#rightSidebarPanel hr { margin: 5px 0; }
#rightSidebarPanel .VisiblePanel{width:100%; height:100%; overflow:hidden;}

#rightSidebarPanel .section { margin: 0 0 0 30px; padding: 0; background-color: #FFFFFF; }
#rightSidebarPanel .VisiblePanel .section .content table tr { border: solid 1px #8ed4af; }
#rightSidebarPanel .section .header { height: 32px;  margin: 4px 0 0 0;  padding: 0; background-color: #EDEDED; }
#rightSidebarPanel .section .header h2 { 
    float:left; width: auto; text-indent: 12px; font-size: 14px; line-height: 32px; font-weight: normal; padding: 0; margin: 0;
    color: #25AAE1; height: 32px; }
#rightSidebarPanel .section .header a {float:right; text-decoration:underline; color:#444444; padding:0; margin:0;}
#rightSidebarPanel .section .header a:hover { color:#984700; }
#rightSidebarPanel .section .content { padding:0; margin: 0;}
#rightSidebarPanel .section .labelheading { border:solid 1px #7dc2db; border-bottom:0; padding:10px 10px 0 12px; color: #005b94;}
#rightSidebarPanel .H2 { font-weight:lighter; color: #005b94; font-size:11px; }
#rightSidebarPanel .section .content .inputForm{ margin: 0; border: solid 1px #7cc1de; border-top:0; }
#rightSidebarPanel .section .content .category { border-top: solid 1px #7cc1de; border-bottom:0; }
#rightSidebarPanel .section .content tbody{ background-color:#ffffff; }
#rightSidebarPanel .section .content table{  background:#FFFFFF; width: 100%; margin: 0; border-collapse:inherit!important; }
#rightSidebarPanel .section .content table .thumbnail { border: solid 3px #e1f2f9; }
#rightSidebarPanel .section .nofooter{ background-color:#FFFFFF; padding: 0;}
#rightSidebarPanel .section .footer { height:24px; line-height:24px; margin:0; color:#8C0901; margin-top:8px; padding: 0 2px; }
#rightSidebarPanel .section .relatedProducts{ border:solid 1px #7dc2db;}
#rightSidebarPanel .searchFilterHeader { margin: 4px 0 0 0;}
.Cell { padding: 5px 10px; border: solid 1px #7dc2db;}
.expressCheckoutCell{ border: solid 1px #7dc2db;}
.ourDepartmentsCell{border:solid 1px #A0D9ED; padding:5px; line-height:18px;}
.onePageCheckoutCell { padding: 5px 10px; border: solid 1px #A0D9ED; background-color: #FFFFFF; }
.shippingEstimateCell { border:solid 1px #A0D9ED; padding: 3px;}
.myRecentOrdersCell { border:solid 1px #A0D9ED; padding: 5px 10px; line-height: 25px; }
.myRecentOrdersCell .bullet{ background:url(images/bullet.gif) no-repeat left; padding-left:18px;}

/******************************************************************************************/
/* styling for pager controls                                                             */
/******************************************************************************************/
/* style for paging container */
.paging { text-align: right; padding: 15px 0 5px 1px; margin: 15px 0 5px 0;}
.paging table td { border: none; }
/*
.paging { text-align: right; padding: 15px 0 5px 1px; margin: 15px 0 5px 0;}
.paging span , .paging .current {padding: 3px 5px;  border: 1px solid #7dc2db; font-weight: bold; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 9px; margin: 3px 0 3px 1px; background: #c3e6d0 url(images/paging.gif) no-repeat top left; color: #765e8a; }
.paging a { padding: 3px 5px; border: 1px solid #7dc2db; font-weight: bold; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 9px; margin: 3px 0 3px 1px; background: #a6dec1 url(images/pagingA.gif) no-repeat left top; color: #3e2b4b; text-decoration:none; }
.paging a:hover { background: #2c9052 url(images/pagingAhover.gif) no-repeat left top; color: #FFFFFF; border:1px solid #005b95; }
*/
/******************************/
/* styles for the mini basket */
/******************************/
#miniBasketMainBox {  padding : 0; font:Arial, Helvetica, sans-serif; font-size : 11px; position:relative;}
.miniBasketItemBox {
	padding : 5px; }
.miniBasketIconBox {
    width:50px; height:50px; float:left;position:relative; border: solid 1px #7ec1db; background:#FFFFFF; vertical-align:baseline;
    overflow:hidden;}
.miniBasketItemTitleBox { margin-left: 34px; display:table-cell;}
.miniBasketItemTitleNoIconBox {padding-left:5px;}
.miniBasketItemTitle {color:#3f2a4b; font-weight: normal; float:left; text-align:left;position:relative; margin:0 5px }
.miniBasketItemTitle a { color:#444444;}
.miniBasketItemTitle a:hover { color:#005c92;}
.miniBasketSubItemTitle { font-size: 10px; padding: 0; text-indent:0; margin: 0; margin:0 7px; clear:both; }
.miniBasketSubItemTitle li {
	color:#788A95; list-style-type:none; list-style-image:url('images/bullet_y.gif'); margin:4px 0 0 10px;}
.miniBasketQtyDeleteLine {
    position:relative; padding : 5px 5px 10px 5px; background-color : transparent; clear: both; text-align:left; }
.miniBasketQtyDeleteLine span{ font-weight: bold; color: #3f2a4b; text-transform: capitalize;}
.miniBasketQtyDeleteLine a{
    background:url(images/button_bg.gif) repeat-x; width: 48px; height: 14px; color: #005b94;  border: solid 1px #9fd9ef;
    padding: 2px 3px;}  
.miniBasketQtyDeleteLine a:hover{
    background:#f0c8c9 url(images/button_bg_hover.gif) repeat-x; border: solid 1px #4fbde6;}    
.miniBasketQtyInput{
    padding : 1px; margin-right : 3px; margin-top: 1px; width : 20px; Height : 13px; border : 1px #7ec1db solid;
    font-size : 9px;}
.miniBasketPriceLabel, .miniBasketPrice{ padding: 2px; color: #003616; font-weight : bold; position:relative;}
.miniBasketPrice { color : #DB0B0B; }
#miniBasketSubTotalBox {
  border: 1px #7ec1db solid; background: #FFFFFF url(images/TotalBoxBg.gif) repeat-x; padding : 3px;
  border-bottom : 1px #7ec1db solid; }
#miniBasketSubTotalBox div. content nofooter{ border: 0; }
#miniBasketSubTotalBox #tax_label,#ship_label {
    font-weight : bold; font-size : 11px; width : 45%; float : left; text-align : right;}
#miniBasketSubTotalBox #sub_label {
    float : left; font-weight : bold; font-size : 12px; width : 45%; text-align : right;position:relative;}
#miniBasketSubTotalBox #tax_num,#ship_num {
    font-weight : normal; font-size : 11px; padding-left : 3px; width : 49%; float : left;}
#miniBasketSubTotalBox #sub_num {
    font-weight : bold; font-size : 14px; color : #DB0B0B; padding-left : 3px; padding-bottom: 5px;
    width : 49%; float : left;position:relative;}
#miniBasketShippingEstimateBox {}
#miniBasketCheckoutButtonBox {
  margin : 2px 0 0 0; padding : 8px 2px; text-align:center;  border-top : 1px #7dc2db solid; }

/******************************************************************************************/
/* default styling for generic input forms                                                */
/******************************************************************************************/

/* container for form */
table.inputForm { width: 100%; }

/* default styles for cells in form*/
/*table.inputForm th, table.inputForm td { font-size: 12px; }*/

/* styling for row headers in form */
table.inputForm .rowHeader
{
	text-align: right;
}

/* style for links that appear within rowheader */
table.inputForm .rowHeader a.header {
	background-color: #650101;
	width: 100%;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	padding: 6px;
}

a.textLink {
	color: #ab1030;
	background: transparent url(images/Icons/link-arrow2.png) no-repeat scroll right center;
	padding-right: 14px;
	font-size: 115%;
}

a.textLink:hover, table.inputForm td a:hover {color: #1D79AA; background-color: #e0e0e0;}

/* set style for cells within rowheader */
table.inputForm .rowHeader td, table.inputForm .rowHeader th { font-weight: bold; font-size: 12px; }

/* styling for column headers in form */
table.inputForm .colHeader
{
	background: #F5F5F5;
	color: #333333;
	padding: 6px;
}

/* style for links that appear within rowheader */
table.inputForm .colHeader a.header {
	background-color: #650101;
	width: 100%;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 10px;
	font-weight: bold;
	padding: 6px;
}

/* set style for other elements within rowheader */
table.inputForm .colHeader * {	font-weight: bold; font-size: 12px; }

/* style for cell that contains validation summary */
table.inputForm .validation { margin-top: 4px; margin-bottom: 8px; }

/* style for cell that contains submit buttons */
table.inputForm .submit { padding: 4px 0px 8px 0px; text-align: left; }

/* style for cell that contains submit buttons */
table.inputForm .dialogSubmit { padding: 4px 0px 8px 0px; text-align: left; }

/* style used to add width to cells for better visuals */
table.widenCells th.rowHeader {padding-left: 30px;}
table.widenCells td { padding-right: 20px;}

/*table.inputForm .htmlEditor td, table.inputForm .htmlEditor th { padding:0px; }*/

/******************************************************************************************/
/* end default styling for generic input forms                                            */
/******************************************************************************************/

/******************************************************************************************/
/* common styles used throughout site                                                 */
/******************************************************************************************/

/* background style for the screen when an ajax progress update is displayed */
#ajaxProgressBg
{
    border: 0px;
    padding: 0px;
    margin: 0px;
    width: 100%;
    position: absolute;
    background-color: #000000;
    opacity: 0.5;
    filter: Alpha(opacity:50);
    z-index: 10;
}

/* style for the ajax progress indicator */
#ajaxProgress
{
    border: 0px;
    padding: 0px;
    position: absolute;
    background-color: #FFFFFF;
	background: #FFFFFF url(images/processing.gif) no-repeat 50%;
    z-index: 11;
    left:50%;
    margin-left:-100px;
    width:300px;
    height:200px;
}

/******************************************************************************************/
/* end common styles used throughout site                                                 */
/******************************************************************************************/

/******************************************************************************************/
/* styling for tooltip help                                                               */
/******************************************************************************************/

/* link container for the tooltip */
a.toolTip,a.toolTip:hover, table.inputForm td a.toolTip, table.inputForm td a.toolTip:hover
{	
	text-decoration:none;
	z-index:24;
	/* Added for tool tip icon*/
    padding-right:12px;	
	background-image:url(images/icons/tooltip.gif);
	background-repeat:no-repeat !important;		
	background-position:right top;
	color:#000;	
}

a.toolTipHover, table.inputForm td a.toolTipHover
{
	z-index:25;	
	text-decoration:none;
	/* Added for tool tip icon*/
	padding-right:12px;	
	background-image:url(images/icons/tooltip.gif);
	background-repeat:no-repeat !important;		
	background-position:right top;	
	position:relative !ie; /* will be applied only on IE */
}

/* style for text in the tooltip, when the tooltip is inactive (hide help) */
a.toolTip div.toolTip{ display:none; }

/* style for text in the tooltip, when the tooltip is active (show help) */
a.toolTipHover div.toolTip
{
    display:block;
    position:absolute;
    padding-top:2em;  
    padding-left:2em; 
    padding-top:0px !ie; /* Dont apply padding on IE*/
    padding-left:0px !ie; /* Dont apply padding on IE*/
    top:1em !ie; /* Dont apply other then IE*/
    left:0em !ie; /* Dont apply other then IE*/
    width:200px;	
    padding:4px;
    border:1px solid black;
    text-align: justify;
	background-color: #484848;
	color: #DBDBDB;
	white-space:normal;
	z-index:99;
}

/* link container for the tooltip when used in a column header */
a.toolTipHeader, a.toolTipHeader:hover
{	
	text-decoration:none;
	z-index:24;
}

a.toolTipHeaderHover
{
	z-index:25;	
	text-decoration:none;
	position:relative !ie; /* will be applied only on IE */
}

/* style for text in the tooltip, when the tooltip is inactive (hide help) */
a.toolTipHeader div.toolTipHeader, a.toolTipHeader:hover div.toolTipHeader
{
	display:none;
}

/* style for text in the tooltip, when the tooltip is active (show help) */
a.toolTipHeaderHover div.toolTipHeader
{
    display:block;
    position:absolute;
    padding-top:2em;  
    padding-left:2em; 
    margin-top:10px;
    margin-left:10px;
    margin-top:0px !ie; /* Dont apply margins on IE */
    margin-left:0px !ie; /* Dont apply margins on IE */
    width:200px;	
    padding:4px;
    border:1px solid black;
    text-align: justify;
	background-color: #484848;
	color: #DBDBDB;
	white-space:normal;
	z-index:99;
}

/******************************************************************************************/
/* end styling for tooltip help                                                           */
/******************************************************************************************/

/******************************************************************************************/
/* begin styles for modal popup dialogs                                                   */
/******************************************************************************************/

/* background for main page when modal popup is visible */
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

/* style for modal popup dialog */
.modalPopup {
	background-color:#FFF;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	/*width:300px;*/
}

/* style for header of modal popup dialog */
.modalPopupHeader 
{
	cursor:move;
	background-color:#DDDDDD;
	border:solid 1px Gray;
	color:Black;
	margin:-3px -3px 3px -3px;
	padding:6px;
	font-weight:bold;
}

/******************************************************************************************/
/* end styles for modal popup dialogs                                                     */
/******************************************************************************************/