/*
=================== Style class definitions for dressforlife.com site appearance ==============
- #95754E - screen background color
- #e6d6b6 - window background color
- #2B200D - link text color
*/

body {
	background:#95754E none repeat scroll 0%;
	color:#2B200D;
	/*font-family:Verdana, Arial, sans-serif;*/
	font-family: Georgia, Lucida,Optima,'MgOpen Cosmetica','Lucida Sans Unicode',Arial, sans-serif;
	font-size:13px;
	line-height: 17.55px;
	height:100%;
}

/*
----------- PanelPopup & panelTooltip ----------
*/


.corePopup {
    position: absolute;
    z-index: 1001;
    width: 300px;
    height: 150px;
    margin-left: auto; 
    margin-right: auto;
    margin-top: auto; 
    margin-bottom: auto;
}

.popupBody {
    margin-top: 25px;
    width: 100%;
    text-align: center;
    vertical-align: middle;
}

.popupHeaderWrapper {
    text-align: center;
    vertical-align: middle;
}

.popupHeaderText {
    float: left;
}

.popupHeaderImage {
    float: right;
    margin-top: 2px;
    margin-right: 2px;
}

.icePnlPop, .icePnlTlTip {
    padding: 0px;
    z-index: 1000;
    background: #e6d6b6;
    border: 1px solid #d9d9d9;
    color: #2B200D;
}

.icePnlPopHdr, .icePnlTlTipHdr {
    height: 2.0em;
    font-weight: bold;
    background: #95754E repeat-x top left;
    border-bottom: 1px solid #d9d9d9;
}

.icePnlPopHdr .iceOutTxt, .icePnlTlTipHdr .iceOutTxt {
    padding: 4px;
    text-align: center;
    vertical-align: middle;
    font: 11px tahoma;
    color: #484848;
    font-weight: bold;
}

.icePnlPopBody, .icePnlTlTipBody {
    padding: 10px;
}

.icePnlPopFtr, .icePnlTlTipFtr {
    float: right;
    height: auto;
    background-color: #DDDDDD;
}

.popupTopTextDrag, .popupTopTextModal {
    margin: 2px 0 0 4px;
    display: inline;
    float: left;
}

.popupTopClose, .popupTopCloseModal {
    vertical-align: middle;
    margin: 4px;
    display: inline;
    float: right;
}

.popupContentText {
    display: block;
}

/**/

.post p {
	line-height:1.0;
}

p, ul, ol, blockquote {
	margin-bottom:8px;
}

a {
    font-weight: bold;
    color: #2B200D;
    text-decoration: none;
}

.t {background: url(./site/dot2.gif) 0 0 repeat-x;}
.b {background: url(./site/dot2.gif) 0 100% repeat-x}
.l {background: url(./site/dot2.gif) 0 0 repeat-y}
.r {background: url(./site/dot2.gif) 100% 0 repeat-y}
.bl {background: url(./site/bl2.gif) 0 100% no-repeat}
.br {background: url(./site/br2.gif) 100% 100% no-repeat}
/*.tl {background: url(./site/tl2.gif) 0 0 no-repeat; }*/
/*.tl {background: url(./site/new.gif) 0 0 no-repeat;}*/
.tr {background: url(./site/tr2.gif) 100% 0 no-repeat; padding:18px}

.halignCenter {
	margin-left: auto; 
	margin-right: auto;
}

.halignLeft {
	margin-left: 0px; 
	margin-right: auto;
}

.halignRight {
	margin-left: auto; 
	margin-right: 0px;
}

.mainCenteredBox {
	margin:0px auto 0px auto;	
	width:760px;
}

.navigationTable {
	vertical-align: top;
}

.navigationTableWest {
	vertical-align: top;
}

.navigationTableCenter {
	vertical-align: top;
}

.browserBoxLeftMargin {
	margin:0px 0px 0px 10px;
}

.browserProductDescription {
	padding-top: 5px; 
	padding-bottom: 5px;
	color: #a27c4f;
}

.browserRowSelMouseOver {
	cursor: pointer;
	color: white;
	background-color: gray;
}

.browserAddCart {
    text-decoration: none;
    font-weight: normal;
    border: none;
    cursor: pointer;
}

.hiddenComponent {
	width: 0; 
	height: 0;
	background-color: transparent;
}

.imageBorder {
    margin: 10px; 
	padding: 3px; 
	background-color: #FFFFFF;
}

.thumbnailsCollectionBorder {
    margin: 5px auto auto auto;	 
	padding: 3px; 
}

a:hover {
	text-decoration:underline;
}

.cartTable {
	width: 100%;
	font-weight: normal;
	text-decoration:none;	
	text-align: center;
}

.continueShoppingButton {
	color: #2B200D;
	font-weight: bold;
	text-decoration:none;	
	text-align: right;
	padding: 5px;
	margin: auto;
	vertical-align:bottom;
}

.boldButton {
	color: #2B200D;
	font-weight: bold; 
	text-decoration:none;		
	text-align: center; 	
	padding: 5px;
	margin: auto;
}
	
.externalCheckoutLink {
	color: #2B200D;
	font-weight: normal;
	text-decoration:none;	
	text-align: right;
	padding: 0px;
	margin: auto;
	border: none;
}

.wizardButtonsTable {
	color: #2B200D;
	font-weight: normal;
	text-decoration:none;	
	text-align: right;
	padding: 5px;
	padding-left: 100%;
}

.emptyShoppingCartMessage {
	text-align: center;
	vertical-align:middle;
	/*
	padding: 50% 0px 50% 0px;
	padding: 0px 0px 20px 0px;
	*/
}

.shippingColumn {
	text-align: left;
	padding: 10px;
}

.shippingTable {
	text-align: left;
	margin: 10px;
	background-color: #e6d6b6;
	width: 100%
}

.shippingElement {
	color: #000000;
}

.regularText {
	text-align: left;
	padding: 10px 10px 10px 10px;
}

/*
=================== Style class definitions for ICE Standard Extended Component Appearance ==============
*/

.iceInputtext, .iceTextarea {
    border: 1px solid #000000;
    background-color: #FFFFFF;
    margin: 2px;
    padding: 2px;
}

.iceCheckbox input, .iceRadioBtn input, .iceBooleanCheckbox {
    margin: 2px;
    padding: 2px;
}

.iceInputtext {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    padding: 2px;

}

.iceSelect {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    padding: 2px;
}

.iceTextarea {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    padding: 2px;
}

.iceOutputText {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color: #2B200D;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.iceBtn {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    background-color: #DEDEDE;
    border: 1px solid #0056EA;
    margin: 2px;
    padding: 2px;
}

.iceLink {
    text-decoration: none;
    font-weight: bold;
    color: #2B200D;
}

/*
=================== Style class definitions for ICE Standard Extended Component Appearance ==============
*/

/*
------------- BorderLayout
*/
.icePageNorth {
}

.icePageEast {
    vertical-align: top;
	margin:5px;
}

.icePageWest {
    vertical-align: top;
	margin:5px;
}

.icePageCenter {
    vertical-align: top;
	margin:5px;
}

.icePageSouth {
    vertical-align: top;
	margin:5px;
}

/*
----------- Tabbed Pane Component classes
*/
/* tabOn style classes */

.icePnlTbOn { /*was iceTabSetTabOn*/

}

.icePnlTbOn .MidMid td{
    white-space: nowrap;
    text-align: center;    	
}

.icePnlTbOn .LftTop {
    background-color: transparent;
    background-image: url( "./ice-components/on-left-top.gif" );
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.icePnlTbOn .MidTop {
    background-color: transparent;
    background-image: url( "./ice-components/on-mid-top.gif" );
    background-repeat: repeat-x;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.icePnlTbOn .RtTop {
    background-color: transparent;
    background-image: url( "./ice-components/on-right-top.gif" );
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.icePnlTbOn .LftMid {
    background-color: transparent;
    background-image: url( "./ice-components/on-left-mid.gif" );
    background-repeat: repeat-y;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.icePnlTbOn .MidMid {
    background-color: transparent;
    background-image: url( "./ice-components/on-mid-mid.gif" );
    background-repeat: repeat;
    text-align: center;
    border: none;
    white-space: nowrap;
}

.icePnlTbOn .MidMid a {
    text-decoration: none;
    color: #000000;
    cursor: pointer;
    display: block;
    padding-top: 5px;
    padding-right: 15px;
    padding-left: 15px;

}

* html .icePnlTbOn .MidMid a {
    width: 1%;
}

.icePnlTbOn .RtMid {
    background-color: transparent;
    background-image: url( "./ice-components/on-right-mid.gif" );
    background-repeat: repeat-y;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.icePnlTbOn .LftBtm {
    background-color: transparent;
    background-image: url( "./ice-components/on-left-bot.gif" );
    background-repeat: no-repeat;
    border: none;
}

.icePnlTbOn .MidBtm {
    background-color: transparent;
    background-image: url( "./ice-components/on-mid-bot.gif" );
    background-repeat: repeat-x;
    border: none;
}

.icePnlTbOn .RtBtm {
    background-color: transparent;
    background-image: url( "./ice-components/on-right-bot.gif" );
    background-repeat: no-repeat;
    border: none;
}

/* tabOff style classes */

.icePnlTbOff { /* was iceTabSetTabOff */

}

.icePnlTbOff .MidMid td{
    white-space: nowrap;
    text-align: center;    	
}

.icePnlTbOff .LftTop {
    background-color: transparent;
    background-image: url( "./ice-components/off-left-top.gif" );
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.icePnlTbOff .MidTop {
    background-color: transparent;
    background-image: url( "./ice-components/off-mid-top.gif" );
    background-repeat: repeat-x;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.icePnlTbOff .RtTop {
    background-color: transparent;
    background-image: url( "./ice-components/off-right-top.gif" );
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.icePnlTbOff .LftMid {
    background-color: transparent;
    background-image: url( "./ice-components/off-left-mid.gif" );
    background-repeat: repeat-y;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.icePnlTbOff .MidMid {
    background-color: transparent;
    background-image: url( "./ice-components/off-mid-mid.gif" );
    background-repeat: repeat;
    text-align: center;
    border: none;
    white-space: nowrap;
}

.icePnlTbOff .MidMid a {
    text-decoration: none;
    color: #000000;
    cursor: pointer;
    display: block;
    padding-top: 5px;
    padding-right: 15px;
    padding-left: 15px;
}

* html .icePnlTbOff .MidMid a {
    width: 1%;
}

.icePnlTbOff .RtMid {
    background-color: transparent;
    background-image: url( "./ice-components/off-right-mid.gif" );
    background-repeat: repeat-y;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.icePnlTbOff .LftBtm {
    background-color: transparent;
    background-image: url( "./ice-components/off-left-bot.gif" );
    background-repeat: no-repeat;
    border: none;
}

.icePnlTbOff .MidBtm {
    background-color: transparent;
    background-image: url( "./ice-components/off-mid-bot.gif" );
    background-repeat: repeat-x;
    border: none;
}

.icePnlTbOff .RtBtm {
    background-color: transparent;
    background-image: url( "./ice-components/off-right-bot.gif" );
    background-repeat: no-repeat;
    border: none;
}

/* tabOver style classes */

.icePnlTbOver { /* was iceTabSetTabOver*/

}

.icePnlTbOver .MidMid td{
    white-space: nowrap;
    text-align: center;    	
}

.icePnlTbOver .LftTop {
    background-color: transparent;
    background-image: url( "./ice-components/over-left-top.gif" );
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.icePnlTbOver .MidTop {
    background-color: transparent;
    background-image: url( "./ice-components/over-mid-top.gif" );
    background-repeat: repeat-x;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.icePnlTbOver .RtTop {
    background-color: transparent;
    background-image: url( "./ice-components/over-right-top.gif" );
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.icePnlTbOver .LftMid {
    background-color: transparent;
    background-image: url( "./ice-components/over-left-mid.gif" );
    background-repeat: repeat-y;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.icePnlTbOver .MidMid {
    background-color: transparent;
    background-image: url( "./ice-components/over-mid-mid.gif" );
    background-repeat: repeat;
    text-align: center;
    border: none;
    white-space: nowrap;
}

.icePnlTbOver .MidMid a {
    text-decoration: none;
    color: #000000;
    cursor: pointer;
    display: block;
    padding-top: 5px;
    padding-right: 15px;
    padding-left: 15px;
}

* html .icePnlTbOver .MidMid a {
    width: 1%;
}

.icePnlTbOver .RtMid {
    background-color: transparent;
    background-image: url( "./ice-components/over-right-mid.gif" );
    background-repeat: repeat-y;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.icePnlTbOver .LftBtm {
    background-color: transparent;
    background-image: url( "./ice-components/over-left-bot.gif" );
    background-repeat: no-repeat;
    border: none;
}

.icePnlTbOver .MidBtm {
    background-color: transparent;
    background-image: url( "./ice-components/over-mid-bot.gif" );
    background-repeat: repeat-x;
    border: none;
}

.icePnlTbOver .RtBtm {
    background-color: transparent;
    background-image: url( "./ice-components/over-right-bot.gif" );
    background-repeat: no-repeat;
    border: none;
}

/* tabSpacer */

.icePnlTbSetSpcr {
    width: 100%;
    border-bottom: 1px solid #000000;
}
.icePnlTbSet { /* was iceTabSet */
    width: 100%;
}

.icePnlTbSetCntBtm { /*was iceTabSetBottom*/
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    border-right: 2px solid #e6d6b6;
    border-top: 2px solid #e6d6b6;
    border-left: 2px solid #e6d6b6;
    background-color: #e6d6b6;
}

.icePnlTbSetCnt { /* newly added class*/
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    border-right: 2px solid #e6d6b6;
    border-bottom: 2px solid #e6d6b6;
    border-left: 2px solid #e6d6b6;
    background-color: #e6d6b6;
}

/* TABS ON BOTTOM STYLE CLASSES */
/* tabOn style classes */

.icePnlTbOnBtm { /* was iceTabSetTabOnBottom*/

}

.icePnlTbOnBtm .MidMid td{
    white-space: nowrap;
    text-align: center;    	
}

.icePnlTbOnBtm .LftTop {
    background-color: transparent;
    background-image: url( "./ice-components/tbot-on-left-top.gif" );
    background-repeat: no-repeat;
    text-align: center;
    border: none;
}

.icePnlTbOnBtm .MidTop {
    background-color: transparent;
    background-image: url( "./ice-components/tbot-on-mid-top.gif" );
    background-repeat: repeat-x;
    text-align: center;
    border: none;
}

.icePnlTbOnBtm .RtTop {
    background-color: transparent;
    background-image: url( "./ice-components/tbot-on-right-top.gif" );
    background-repeat: no-repeat;
    text-align: center;
    border: none;
}

.icePnlTbOnBtm .LftMid {
    background-color: transparent;
    background-image: url( "./ice-components/on-left-mid.gif" );
    background-repeat: repeat-y;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.icePnlTbOnBtm .MidMid {
    background-color: transparent;
    background-image: url( "./ice-components/on-mid-mid.gif" );
    background-repeat: repeat;
    text-align: center;
    border: none;
    white-space: nowrap;
}

.icePnlTbOnBtm .MidMid a {
    text-decoration: none;
    color: #000000;
    cursor: pointer;
    display: block;
    padding-top: 5px;
    padding-right: 15px;
    padding-left: 15px;
}

* html .icePnlTbOnBtm .MidMid a {
    width: 1%;
}

.icePnlTbOnBtm .RtMid {
    background-color: transparent;
    background-image: url( "./ice-components/on-right-mid.gif" );
    background-repeat: repeat-y;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.icePnlTbOnBtm .LftBtm {
    background-color: transparent;
    background-image: url( "./ice-components/tbot-on-left-bot.gif" );
    background-repeat: no-repeat;
    padding-bottom: 5px;
    border: none;
}

.icePnlTbOnBtm .MidBtm {
    background-color: transparent;
    background-image: url( "./ice-components/tbot-on-mid-bot.gif" );
    background-repeat: repeat-x;
    padding-bottom: 5px;
    border: none;
}

.icePnlTbOnBtm .RtBtm {
    background-color: transparent;
    background-image: url( "./ice-components/tbot-on-right-bot.gif" );
    background-repeat: no-repeat;
    padding-bottom: 5px;
    border: none;
}

/* tabOff style classes */

.icePnlTbOffBtm { /* was iceTabSetTabOffBottom*/

}

.icePnlTbOffBtm .MidMid td{
    white-space: nowrap;
    text-align: center;    	
}

.icePnlTbOffBtm .LftTop {
    background-color: transparent;
    background-image: url( "./ice-components/tbot-off-left-top.gif" );
    background-repeat: no-repeat;
    text-align: center; /*padding-top:5px;    */
    border: none;
}

.icePnlTbOffBtm .MidTop {
    background-color: transparent;
    background-image: url( "./ice-components/tbot-off-mid-top.gif" );
    background-repeat: repeat-x;
    text-align: center; /*padding-top:5px;  */
    border: none;
}

.icePnlTbOffBtm .RtTop {
    background-color: transparent;
    background-image: url( "./ice-components/tbot-off-right-top.gif" );
    background-repeat: no-repeat;
    text-align: center; /*padding-top:5px;    */
    border: none;
}

.icePnlTbOffBtm .LftMid {
    background-color: transparent;
    background-image: url( "./ice-components/off-left-mid.gif" );
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.icePnlTbOffBtm .MidMid {
    background-color: transparent;
    background-image: url( "./ice-components/off-mid-mid.gif" );
    background-repeat: repeat-x;
    text-align: center;
    border: none;
    white-space: nowrap;
}

.icePnlTbOffBtm .MidMid a {
    text-decoration: none;
    color: #000000;
    cursor: pointer;
    display: block;
    padding-top: 5px;
    padding-right: 15px;
    padding-left: 15px;
}

* html .icePnlTbOffBtm .MidMid a {
    width: 1%;
}

.icePnlTbOffBtm .RtMid {
    background-color: transparent;
    background-image: url( "./ice-components/off-right-mid.gif" );
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.icePnlTbOffBtm .LftBtm {
    background-color: transparent;
    background-image: url( "./ice-components/tbot-off-left-bot.gif" );
    background-repeat: no-repeat;
    padding-bottom: 5px;
    border: none;
}

.icePnlTbOffBtm .MidBtm {
    background-color: transparent;
    background-image: url( "./ice-components/tbot-off-mid-bot.gif" );
    background-repeat: repeat-x;
    padding-bottom: 5px;
    border: none;
}

.icePnlTbOffBtm .RtBtm {
    background-color: transparent;
    background-image: url( "./ice-components/tbot-off-right-bot.gif" );
    background-repeat: no-repeat;
    padding-bottom: 5px;
    border: none;
}

/* tabOver style classes */

.icePnlTbOverBtm { /* was iceTabSetTabOverBottom*/

}

.icePnlTbOverBtm .MidMid td{
    white-space: nowrap;
    text-align: center;    	
}

.icePnlTbOverBtm .LftTop {
    background-color: transparent;
    background-image: url( "./ice-components/tbot-over-left-top.gif" );
    background-repeat: no-repeat;
    text-align: center;
    border: none;
}

.icePnlTbOverBtm .MidTop {
    background-color: transparent;
    background-image: url( "./ice-components/tbot-over-mid-top.gif" );
    background-repeat: repeat-x;
    text-align: center;
    border: none;
}

.icePnlTbOverBtm .RtTop {
    background-color: transparent;
    background-image: url( "./ice-components/tbot-over-right-top.gif" );
    background-repeat: no-repeat;
    text-align: center;
    border: none;
}

.icePnlTbOverBtm .LftMid {
    background-color: transparent;
    background-image: url( "./ice-components/over-left-mid.gif" );
    background-repeat: repeat-y;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.icePnlTbOverBtm .MidMid {
    background-color: transparent;
    background-image: url( "./ice-components/over-mid-mid.gif" );
    background-repeat: repeat;
    text-align: center;
    border: none;
    white-space: nowrap;
}

.icePnlTbOverBtm .MidMid a {
    text-decoration: none;
    color: #000000;
    cursor: pointer;
    display: block;
    padding-top: 5px;
    padding-right: 15px;
    padding-left: 15px;
}

* html .icePnlTbOverBtm .MidMid a {
    width: 1%;
}

.icePnlTbOverBtm .RtMid {
    background-color: transparent;
    background-image: url( "./ice-components/over-right-mid.gif" );
    background-repeat: repeat-y;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.icePnlTbOverBtm .LftBtm {
    background-color: transparent;
    background-image: url( "./ice-components/tbot-over-left-bot.gif" );
    background-repeat: no-repeat;
    padding-bottom: 5px;
    border: none;
}

.icePnlTbOverBtm .MidBtm {
    background-color: transparent;
    background-image: url( "./ice-components/tbot-over-mid-bot.gif" );
    background-repeat: repeat-x;
    padding-bottom: 5px;
    border: none;
}

.icePnlTbOverBtm .RtBtm {
    background-color: transparent;
    background-image: url( "./ice-components/tbot-over-right-bot.gif" );
    background-repeat: no-repeat;
    padding-bottom: 5px;
    border: none;
}

/* tabSpacer */

.icePnlTbSetSpcrBtm { /* was iceTabSetTabSpacerBottom*/
    width: 100%;
    border-top: 1px solid #0056EA;
}

/* tabPanel */

.icePnlTbSetBtm {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    border-right: 2px solid #0056EA;
    border-top: 2px solid #0056EA;
    border-left: 2px solid #0056EA;
    background-color: #FFFFFF;
}

/* tabOn style classes */
/*
.iceTabSetTabOn {

}

.iceTabSetTabOn .LeftTop {
    background-color: transparent;
    background-image: url( "./ice-components/on-left-top.gif" );
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.iceTabSetTabOn .MiddleTop {
    background-color: transparent;
    background-image: url( "./ice-components/on-mid-top.gif" );
    background-repeat: repeat-x;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.iceTabSetTabOn .RightTop {
    background-color: transparent;
    background-image: url( "./ice-components/on-right-top.gif" );
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.iceTabSetTabOn .LeftMiddle {
    background-color: transparent;
    background-image: url( "./ice-components/on-left-mid.gif" );
    background-repeat: repeat-y;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.iceTabSetTabOn .MiddleMiddle {
    background-color: transparent;
    background-image: url( "./ice-components/on-mid-mid.gif" );
    background-repeat: repeat;
    text-align: center;
    border: none;
    white-space: nowrap;
}

.iceTabSetTabOn .MiddleMiddle a {
    text-decoration: none;
    color: #000000;
    cursor: pointer;
    display: block;
    padding-top: 5px;
    padding-right: 15px;
    padding-left: 15px;

}

* html .iceTabSetTabOn .MiddleMiddle a {
    width: 1%;
}

.iceTabSetTabOn .RightMiddle {
    background-color: transparent;
    background-image: url( "./ice-components/on-right-mid.gif" );
    background-repeat: repeat-y;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.iceTabSetTabOn .LeftBottom {
    background-color: transparent;
    background-image: url( "./ice-components/on-left-bot.gif" );
    background-repeat: no-repeat;
    border: none;
}

.iceTabSetTabOn .MiddleBottom {
    background-color: transparent;
    background-image: url( "./ice-components/on-mid-bot.gif" );
    background-repeat: repeat-x;
    border: none;
}

.iceTabSetTabOn .RightBottom {
    background-color: transparent;
    background-image: url( "./ice-components/on-right-bot.gif" );
    background-repeat: no-repeat;
    border: none;
}
*/
/* tabOff style classes */
/*
.iceTabSetTabOff {

}

.iceTabSetTabOff .LeftTop {
    background-color: transparent;
    background-image: url( "./ice-components/off-left-top.gif" );
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.iceTabSetTabOff .MiddleTop {
    background-color: transparent;
    background-image: url( "./ice-components/off-mid-top.gif" );
    background-repeat: repeat-x;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.iceTabSetTabOff .RightTop {
    background-color: transparent;
    background-image: url( "./ice-components/off-right-top.gif" );
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.iceTabSetTabOff .LeftMiddle {
    background-color: transparent;
    background-image: url( "./ice-components/off-left-mid.gif" );
    background-repeat: repeat-y;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.iceTabSetTabOff .MiddleMiddle {
    background-color: transparent;
    background-image: url( "./ice-components/off-mid-mid.gif" );
    background-repeat: repeat;
    text-align: center;
    border: none;
    white-space: nowrap;
}

.iceTabSetTabOff .MiddleMiddle a {
    text-decoration: none;
    color: #000000;
    cursor: pointer;
    display: block;
    padding-top: 5px;
    padding-right: 15px;
    padding-left: 15px;
}

* html .iceTabSetTabOff .MiddleMiddle a {
    width: 1%;
}

.iceTabSetTabOff .RightMiddle {
    background-color: transparent;
    background-image: url( "./ice-components/off-right-mid.gif" );
    background-repeat: repeat-y;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.iceTabSetTabOff .LeftBottom {
    background-color: transparent;
    background-image: url( "./ice-components/off-left-bot.gif" );
    background-repeat: no-repeat;
    border: none;
}

.iceTabSetTabOff .MiddleBottom {
    background-color: transparent;
    background-image: url( "./ice-components/off-mid-bot.gif" );
    background-repeat: repeat-x;
    border: none;
}

.iceTabSetTabOff .RightBottom {
    background-color: transparent;
    background-image: url( "./ice-components/off-right-bot.gif" );
    background-repeat: no-repeat;
    border: none;
}
*/
/* tabOver style classes */
/*
.iceTabSetTabOver {

}

.iceTabSetTabOver .LeftTop {
    background-color: transparent;
    background-image: url( "./ice-components/over-left-top.gif" );
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.iceTabSetTabOver .MiddleTop {
    background-color: transparent;
    background-image: url( "./ice-components/over-mid-top.gif" );
    background-repeat: repeat-x;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.iceTabSetTabOver .RightTop {
    background-color: transparent;
    background-image: url( "./ice-components/over-right-top.gif" );
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.iceTabSetTabOver .LeftMiddle {
    background-color: transparent;
    background-image: url( "./ice-components/over-left-mid.gif" );
    background-repeat: repeat-y;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.iceTabSetTabOver .MiddleMiddle {
    background-color: transparent;
    background-image: url( "./ice-components/over-mid-mid.gif" );
    background-repeat: repeat;
    text-align: center;
    border: none;
    white-space: nowrap;
}

.iceTabSetTabOver .MiddleMiddle a {
    text-decoration: none;
    color: #2B200D;
    cursor: pointer;
    display: block;
    padding-top: 5px;
    padding-right: 15px;
    padding-left: 15px;
}

* html .iceTabSetTabOver .MiddleMiddle a {
    width: 1%;
}

.iceTabSetTabOver .RightMiddle {
    background-color: transparent;
    background-image: url( "./ice-components/over-right-mid.gif" );
    background-repeat: repeat-y;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.iceTabSetTabOver .LeftBottom {
    background-color: transparent;
    background-image: url( "./ice-components/over-left-bot.gif" );
    background-repeat: no-repeat;
    border: none;
}

.iceTabSetTabOver .MiddleBottom {
    background-color: transparent;
    background-image: url( "./ice-components/over-mid-bot.gif" );
    background-repeat: repeat-x;
    border: none;
}

.iceTabSetTabOver .RightBottom {
    background-color: transparent;
    background-image: url( "./ice-components/over-right-bot.gif" );
    background-repeat: no-repeat;
    border: none;
}
*/
/* tabSpacer */
/*
.iceTabSetTabSpacer {
    width: 100%;
    border-bottom: 1px solid #e6d6b6;
}
.iceTabSet {
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    border-right: 0px;
    border-bottom: 0px;
    border-left: 0px;
    background-color: #e6d6b6;
}
*/
/*
.iceTabSet {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    border-right: 2px solid #000000;
    border-bottom: 2px solid #000000;
    border-left: 2px solid #000000;
    background-color: #ffc5cd;
}
*/
/*
----------- panelGrid ----------
*/
.icePnlGrd {

}

.icePnlGrdHeader {

}

.icePnlGrdFooter {

}

.icePnlGrdRow1 {

}

.icePnlGrdRow2 {

}

.icePnlGrdColumn1 {

}

.icePnlGrdColumn2 {

}

/*
----------- panelGroup ----------
*/
.icePnlGrp {

}


/*
----------- Data Table Component classes
*/
.iceDataTblOutline {
    background-color: #FFFFFF;
    border: 2px solid #0056EA;
    margin: 10px;
}

.iceTblHeader {
/*the header of a data tables */
    background-color: #e6d6b6;
    background-image: url( "./ice-components/table_col_header.gif" );
    background-position: top;
    background-repeat: repeat-x;
    font-weight: normal;
    text-align: center;
    color: #FFFFFF;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-top: 1px solid #e6d6b6; /*border-right:1px solid #CCCCCC;*/
}

.iceTblHeader .iceOutputText {
    color: #FFFFFF;
}

.iceTblFooter {

}

/* data tables are rendered with alternating row colors */
.iceTblRow1 {
    background-color: #e6d6b6;
}

.iceTblRow2 {
    background-color: #c7b695;
}

/* set the common attributes for the column classes */
.column1, .column2, .column3 {
    color: #000000;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-right: 1px solid #e6d6b6;
    border-bottom: 1px solid #e6d6b6;
}

/* now you can add or override any attributes for the specific columns */
.imageColumn {
    text-align: center;
    padding: 5px;
}

.titleColumn {
    text-align: left;
	valign: top;
	padding-top: 3px;
    padding-bottom: 3px;
}

.addToCartColumn {
    text-align: right;
	valign: top;
	padding-top: 3px;
    padding-bottom: 3x;
}

.centeredRowHeadColumn {
    text-align: right;
	valign: top;
	padding: 5px;
}

.centeredRowTailColumn {
    text-align: left;
	valign: top;
	padding: 5px;
}

.priceColumn {
	text-align: left;
}

.quantityColumn {
	text-align: center;
	padding: 5px;
}

.productColumn {
	text-align: center;
}

.headerColumn {
	text-align: right;
}

.headerLogoColumn {
	text-align: left;
}

/*
----------- Table Row Selection --------
*/
.iceRowSelSelected{
    background-color: midnightblue;
}
.iceRowSelSelected span{
    color: white;
}

.iceRowSelMouseOver{
    background-color: gray;
    color: white;
}

.iceRowSelMouseOver span{
    color: white;
}

/* etc */

/*
----------- Data Scroller Component classes
*/
.iceDtdPgrScrOut {
/* the class for the outside table */
    background-color: #FFFFFF;
    margin: 10px;
}

.iceDtdPgrScrBtn {
/* the cells behind the scroll buttons */
    background-color: #FFFFFF;
    padding: 2px;
}

.iceDtdPgrTbl {
/* the container for the pagination*/
    background-color: #CCCCCC;
}

/* set the common attributes for the pagination numbers */
.iceDtdPgrScrCol a, .iceDtdPgrCol a {
    text-decoration: none;
    font-weight: normal;
    background-color: #CCCCCC;
    color: #666666;
    display: block;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    border: 1px solid #CCCCCC;
}

* html .iceDtdPgrCol a {
    width: 1%;
}

/* override the attributes for the currently selected page */
.iceDtdPgrScrCol a {
    color: #FFFFFF;
    border: 1px solid #2A6CC2;
    background-color: #2A6CC2;
}

* html .iceDtdPgrScrCol a {
    width: 1%;
}

/* set the attributes for the mouseover on none-current pages */
.iceDtdPgrCol a:hover {
    color: #000000;
    border: 1px solid #2A6CC2;
}

/*
----------- TreeView component
*/

.iceTreeRow {
    white-space: nowrap;
}

.iceTreeRow a {
    text-decoration: none;
    cursor: pointer;
    padding: 0px;
    vertical-align: top;
}

.iceTreeRow a:hover {
/*    background: #8893E2; */
    color: #000000;
}

.iceTreeRow img {
    border: 0px;
    vertical-align: top;
    background-repeat: repeat-y;
}

.iceTreeRow a img {
/* vertical-align: top; - Bug in FF, when img has focus it is not highlighted with a box.*/
    background-repeat: repeat-y;
    border: 0px;
}


/*
  Drag and Drop
*/

.cartDropZone {
    padding-top: 5px;
    height: 80px;
    width: 120px;
    text-align: center;
    vertical-align: middle;
}

.dropTargetHover{
 background-color:#ffff99;   

}

.dragDropImage {

}

.dragDropImageSrc{
    cursor: move;
    border:solid black 1px;
}

.dragDropImageSmall {
    width: 50px;
    height: 38px;
}

.cartDropWrapper {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 50px;
}

.cartDropParent {
    width: 100%;

}

/*
    Classes for the connection status indicator
*/

.iceOutConStat {
    margin: 5px;
    width: 40px;
    height: 25px;
    border: none;
}

.iceOutConStatInactv {
    position: absolute;
    background-image: url(./ice-components/connect_idle.gif );
    background-position: top;
    background-repeat: no-repeat;
    width: 40px;
    height: 25px;

}

.iceOutConStatActv {
    position: absolute;
    background-image: url(./ice-components/connect_active.gif );
    background-position: top;
    background-repeat: no-repeat;
    width: 40px;
    height: 25px;

}

.iceOutConStatCaution {
    position: absolute;
    background-image: url(./ice-components/connect_caution.gif );
    background-position: top;
    background-repeat: no-repeat;
    width: 40px;
    height: 25px;

}

.iceOutConStatDisconnect {
    position: absolute;
    background-image: url(./ice-components/connect_disconnected.gif );
    background-position: top;
    background-repeat: no-repeat;
    width: 40px;
    height: 25px;
}