/* **************   Style Sheet for Marketing Engine 2.0  ************ */
/* **************              $Revision: 1.14 $           ************ */


/* **************   DEFAULTS  ************ */
h1, h2, h3, h4, h5, h6 {
    font-family: Trebuchet MS, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
}

body, td, tr, li, a, table {
    font-family: Trebuchet MS, Verdana, sans-serif;
    font-size:12px;
    margin: 0px;
}
.email {
	width: 500px;
	font-size: 14px;
}

.off {
	display: none;
}
.on {
	display: block;
}

.onshipping {
	display: block;
}


/* **************     LINKS   ************ */

a {
    font-family:Verdana, Trebuchet MS, sans-serif;
    font-size:10px;
    margin: 0px;
    font-weight: bold;
}

a img { border: none;}

a.nav:link    {  color: #000000; text-decoration: none}
a.nav:visited {  color: #000000; text-decoration: none}
a.nav:hover   {  color: #336699; text-decoration: underline}

a.cart:link    {  color: #FFFFFF; text-decoration: underline; font-size:12px;}
a.cart:visited {  color: #FFFFFF; text-decoration: underline; font-size:12px;}
a.cart:hover   {  color: #E3EAF1; text-decoration: none; font-size:12px;}

a.orderHist:link    {  color: #000000; text-decoration: none; font-weight: normal; }
a.orderHist:visited {  color: #000000; text-decoration: none; font-weight: normal; }
a.orderHist:hover   {  color: #0422BB; text-decoration: none; font-weight: normal; }

a.footerLink:link    {  color: #7B7B7B; text-decoration: none}
a.footerLink:visited {  color: #7B7B7B; text-decoration: none}
a.footerLink:hover   {  color: #336699; text-decoration: underline}

a.acct:link    {text-decoration: none; color: #ffffff;}
a.acct:visited {text-decoration: none; color: #ffffff;}
a.acct:hover   {text-decoration: none; color: #ffffff; }

a.portlet:link    {  color: #FFFFFF; text-decoration: none}
a.portlet:visited {  color: #FFFFFF; text-decoration: none}
a.portlet:hover   {  color: #E3EAF2; text-decoration: underline}

a:link    {text-decoration: underline; color: #336699;}
a:visited {text-decoration: underline; color: #336699;}
a:hover   {text-decoration: none; color: #336699; }

a.grey:link    {text-decoration: none; color: #d0d0d0;}
a.grey:visited {text-decoration: none; color: #d0d0d0;}
a.grey:hover   {text-decoration: none; color: #d0d0d0; }


.navItemOver { font-family: Verdana, Sans-Serif; font-size: 10px; font-weight: bold; color: #ffffff; background-color: #003366; cursor: hand; voice-family: '\'}\''; voice-family:inherit; cursor: pointer;}
.navItem { font-size: 10px; font-family: Verdana, Sans-Serif; font-weight: bold; color: #ffffff; }

.linkItemOver { font-family: Verdana, Sans-Serif; font-size: 10px; font-weight: normal; color: #000000; background-color: #F0ECE2; cursor: hand; voice-family: '\'}\''; voice-family:inherit; cursor: pointer;}
.linkItem { font-size: 10px; font-family: Verdana, Sans-Serif; font-weight: normal; color: #000000; }


/* **************    PANES    ************ */

.indented {
    margin: 0px 5px 0px 15px;
}

.content {
    margin: 20px 5px 20px 5px;
}

.nudge {
    padding: 0px 0px 0px 5px;
}


.contentPane {
    border-style: solid;
    border-width: 1px;
    padding: 5px;
}


.hiding {
    visibility: hidden;
}

.off {
    display: none;
}
.on {
    display: inline-table;
}

.LportletBorder {
    border-left-style: solid;
    border-left-width: 1px;
    border-bottom-style: solid;
    border-bottom-width: 1px;

}

.RportletBorder {
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-style: solid;
    border-bottom-width: 1px;

}

.BportletBorder {
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.TportletBorder {
    border-top-style: solid;
    border-top-width: 1px;
}

.TableBorder {
    border-left-style: solid;
    border-left-width: 1px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-style: solid;
    border-top-width: 1px;

}

.TableBorderNoTop {
    border-left-style: solid;
    border-left-width: 1px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-right-width: 1px;
}

.miniPortlet {
    border-style: solid;
    border-width: 1px;

}

.borderForMiddle { /*used in shipping page */
    border-right-style: solid;
    border-right-width: 1px;
}

.imageRolls {
	height: 300px;
	width:  400px;
	overflow: hidden;
}

/* **************     TEXT    ************ */

.bodyBold {
    font-size:10px;
    margin: 0px;
    font-weight: bold;
}

.bodyMediumBold {
    font-size: 14px;
    font-weight: bold;
 }

.bodyRedAlert {
    font-size:10px;
    margin: 0px;
    font-weight: bold;
    color: red;
}

.bodyRedAlert12 {
    font-size:12px;
    margin: 0px;
    font-weight: bold;
    color: red;
}

.bodyRed{
    font-size:12px;
    margin: 0px;
    color: red;
}

.bodyBold12 {
    font-size:12px;
    line-height: 14px;
    margin: 0px;
    font-weight: bold;
    vertical-align: middle;
}

.body12 {
    font-size:12px;
    margin: 0px;
}

.footerText {
    text-align: center;
    font-size: 10px;
    font-weight: normal;
}


.portletBanner {
    text-align:  left;
    font-size:   14px;
    font-weight: bold;
    color:       #ffffff;
    margin:  0px;
    padding: 0px;
    border:  0px;

}

.portletBanner_s {
    text-align:  left;
    font-size:   12px;
    font-weight: bold;
    color:       #000000;
    margin:  0px;
    padding: 0px;
    border:  0px;

}

.discount {
    margin: 0px;
    color:  #0422BB;
}
.largeDiscount {
    font-size:12px;
    margin: 0px;
	font-weight: bold;
    color:  #0422BB;
}
.free {
    font-size:10px;
    margin: 0px;
    color: red;
}

.textFieldNumbers {

    text-align: right;

}

.codify {
	border-color: #bbbbbb;
	border-style: solid;
	border-width: 1px;
	color: #000000;
	font-size: 12px;
	margin: 2px;
	overflow: auto;
	padding: 3px;
	width: 99%;
	height: 90%;
}

.debug {
	border-color: #bbbbbb;
	border-style: solid;
	border-width: 1px;
	color: #000000;
	font-size: 12px;
	margin: 2px;
	overflow: auto;
	padding: 15px;
	width: 600px;
}


/* ************** BACKGROUND COLOURS  ************ */

.white          {background-color: #FFFFFF; }
.BGprimary      {background-color: #68073B; }
.BGsecondary    {background-color: #efe9c7; }
.BGlightGray    {background-color: #bbbbbb; }
.BGdarkGray     {background-color: #7B7B7B; }
.BGlighterGray  {background-color: #eeeeee; }
.BGApprovalRequired {background-color: #FAF2D2;}


.BGsystem_message   {background-color: #C2D3FC;}
.BGuser_message     {background-color: #FAF2D2;}
.BGerror            {background-color: #F4C7D3;}
.BGsuccess          {background-color: #C2EFD1;}
.BGnote             {background-color: #FFFFF0;}
.BGchange           {background-color: #FFFFD7;}

.BGTestPhase0	 {background-color: #F1BBAE;}
.BGTestPhase1	 {background-color: #F5CE8B;}
.BGTestPhase2	 {background-color: #FCF9A8;}
.BGTestPhase3	 {background-color: #BCDCB8;}


/* ************** FOREGROUND COLOURS   ************ */

.FGprimary    {color: #68073B; }
.FGsecondary  {color: #efe9c7; }
.FGlightGray  {color: #bbbbbb; }
.FGdarkGray   {color: #7B7B7B; }


/* ************** BORDER COLOURS   ************ */

.BDprimary      {border-color: #68073B; }
.BDsecondary    {border-color: #efe9c7; }
.BDlightGray    {border-color: #bbbbbb; }
.BDdarkGray     {border-color: #7B7B7B; }





/* ************** BUTTONS    ************ */


.s1 {
	height:20px;
	font-size: 10px;
    font-weight: bolder;
}
.as1 {
	height:20px;
	font-size: 10px;
    font-weight: bolder;
}

.s2 {
	height:26px;
	font-size: 12px;
    font-weight: bolder;
}

.as2 {
	height:24px;
	font-size: 12px;
    font-weight: bolder;
}


.s3 {
	height:14px;
	font-size: 9px;
    font-weight: bolder;
	line-height: 16px;
}
.as3 {
	height:14px;
	font-size: 9px;
    font-weight: bolder;
    margin: 0px;
    padding: 0px;
}


.s4 {
	height:26px;
	font-size: 12px;
    font-weight: bolder;
}
.as4 {
	height:24px;
	font-size: 12px;
    font-weight: bolder;
}


.nudge_top {
	padding: 9px 0px 0px 0px;
}

.nudge_small {
	padding: 5px 0px 3px 3px;
}

.nudge_right {
	padding: 0px 0px 0px 10px;
}

a.button:link     {  color: #ffffff; text-decoration: none}
a.button:visited  {  color: #ffffff; text-decoration: none}
a.button:hover    {  color: #ffffff; text-decoration: none}

.smallAction a {
	background: #253B87;
	border-bottom: 2px solid #00141E;
	border-right:  2px solid #00141E;
	border-left:   2px solid #589ABB;
	border-top:    2px solid #589ABB;
	color:#ffffff;
    font-family: Verdana, Trebuchet MS, sans-serif;
	text-decoration:none;
	cursor: hand;
}

.smallAction a:hover {
	background: #253B87;
	border-bottom: 2px solid #589ABB;
	border-right:  2px solid #589ABB;
	border-left:   2px solid #00141E;
	border-top:    2px solid #00141E;
	color:#ffffff;
    font-family: Verdana, Trebuchet MS, sans-serif;
	text-decoration:none;
	cursor: hand;
}

.action {
	background: #253B87;
	border-bottom: 2px solid #00141E;
	border-right:  2px solid #00141E;
	border-left:   2px outset #589ABB;
	border-top:    2px outset #589ABB;
	color:#ffffff;
    font-family: Verdana, Trebuchet MS, sans-serif;
	text-decoration:none;
	cursor: hand;

}
.actiond {
	background: #253B87;
	border-bottom: 2px inset  #589ABB;
	border-right:  2px inset  #589ABB;
	border-left:   2px solid  #00141E;
	border-top:    2px solid  #00141E;
	color:#ffffff;
    font-family: Verdana, Trebuchet MS, sans-serif;
	text-decoration:none;
	cursor: hand;
}

.action_cart {
	background: #253B87;
	background-image: url(images/trans_cart.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	border-bottom: 2px solid #00141E;
	border-right:  2px solid #00141E;
	border-left:   2px outset #589ABB;
	border-top:    2px outset #589ABB;
	color:#ffffff;
    font-family: Verdana, Trebuchet MS, sans-serif;
	text-decoration:none;
	cursor: hand;
}

.actiond_cart {
	background: #253B87;
	background-image: url(images/trans_cart.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	border-bottom: 2px inset  #589ABB;
	border-right:  2px inset  #589ABB;
	border-left:   2px solid  #00141E;
	border-top:    2px solid  #00141E;
	color:#ffffff;
    font-family: Verdana, Trebuchet MS, sans-serif;
	text-decoration:none;
	cursor: hand;
}


.actionLink a {
	background: #253B87;
	border-bottom: 2px solid #00141E;
	border-right:  2px solid #00141E;
	border-left:   2px outset #589ABB;
	border-top:    2px outset #589ABB;
	color:#ffffff;
	padding: 3px 0px 3px 0px;
    font-family: Verdana, Trebuchet MS, sans-serif;
	text-decoration:none;
	cursor: hand;
}

.actionLink a:hover {
	background: #253B87;
	border-bottom: 2px inset #589ABB;
	border-right:  2px inset #589ABB;
	border-left:   2px solid #00141E;
	border-top:    2px solid #00141E;
	color:#ffffff;
	padding: 3px 0px 3px 0px;
    font-family: Verdana, Trebuchet MS, sans-serif;
	text-decoration:none;
	cursor: hand;
}


.actionLink_CO a {
	background: #253B87;
	border-bottom: 2px solid #00141E;
	border-right:  2px solid #00141E;
	border-left:   2px outset #589ABB;
	border-top:    2px outset #589ABB;
	color:#ffffff;
	padding: 3px 0px 0px 0px;
    font-family: Verdana, Trebuchet MS, sans-serif;
	text-decoration:none;
	cursor: hand;
}

.actionLink_CO a:hover {
	background: #253B87;
	border-bottom: 2px inset #589ABB;
	border-right:  2px inset #589ABB;
	border-left:   2px solid #00141E;
	border-top:    2px solid #00141E;
	color:#ffffff;
    font-family: Verdana, Trebuchet MS, sans-serif;
	text-decoration:none;
	cursor: hand;
}

.smallNegative a {
	background: #E00026;
	border-bottom: 2px solid #3D0005;
	border-right:  2px solid #3D0005;
	border-left:   2px outset #F60E39;
	border-top:    2px outset #F60E39;
	color:#ffffff;
    font-family: Verdana, Trebuchet MS, sans-serif;
	text-decoration:none;
	cursor: hand;
}



.smallNegative a:hover {
	background: #E00026;
	border-bottom: 2px inset #F60E39;
	border-right:  2px inset #F60E39;
	border-left:   2px solid #3D0005;
	border-top:    2px solid #3D0005;
	color:#ffffff;
    font-family: Verdana, Trebuchet MS, sans-serif;
	text-decoration:none;
	cursor: hand;
}

.negative {
	background: #E00026;
	border-bottom: 2px solid #3D0005;
	border-right:  2px solid #3D0005;
	border-left:   2px outset #F60E39;
	border-top:    2px outset #F60E39;
	color:#ffffff;
    font-family: Verdana, Trebuchet MS, sans-serif;
	text-decoration:none;
	cursor: hand;
}
.negatived {
	background: #E00026;
	border-bottom: 2px inset #F60E39;
	border-right:  2px inset #F60E39;
	border-left:   2px solid #3D0005;
	border-top:    2px solid #3D0005;
	color:#ffffff;
    font-family: Verdana, Trebuchet MS, sans-serif;
	text-decoration:none;
	cursor: hand;
}

.negativeLink a {
	background: #E00026;
	border-bottom: 2px solid #3D0005;
	border-right:  2px solid #3D0005;
	border-left:   2px outset #F60E39;
	border-top:    2px outset #F60E39;
	color:#ffffff;
    font-family: Verdana, Trebuchet MS, sans-serif;
	font-weight:bold;
	text-decoration: none;
	padding: 2px 20px;
	text-decoration:none;
	cursor: hand;
}

.negativeLink a:hover {
	background: #E00026;
	border-bottom: 2px inset #F60E39;
	border-right:  2px inset #F60E39;
	border-left:   2px solid #3D0005;
	border-top:    2px solid #3D0005;
	color:#ffffff;
    font-family: Verdana, Trebuchet MS, sans-serif;
	text-decoration:none;
	cursor: hand;
}

.smallPositive a {
	background: #00D55F;
	border-bottom: 2px solid #005604;
	border-right:  2px solid #005604;
	border-left:   2px outset #08E364;
	border-top:    2px outset #08E364;
	color:#ffffff;
	padding: 0px 5px;
    font-family: Verdana, Trebuchet MS, sans-serif;
	text-decoration:none;
	cursor: hand;
}

.positiveLink a:hover {
	background: #00D55F;
	border-bottom: 2px inset #08E364;
	border-right:  2px inset #08E364;
	border-left:   2px solid #005604;
	border-top:    2px solid #005604;
	color:#ffffff;
    font-family: Verdana, Trebuchet MS, sans-serif;
	text-decoration:none;
	cursor: hand;
}

.positive {
	background: #00D55F;
	border-bottom: 2px solid #005604;
	border-right:  2px solid #005604;
	border-left:   2px outset #08E364;
	border-top:    2px outset #08E364;
	color:#ffffff;
    font-family: Verdana, Trebuchet MS, sans-serif;
	text-decoration:none;
	cursor: hand;
}

.positived {
	background: #00D55F;
	border-bottom: 2px inset #08E364;
	border-right:  2px inset #08E364;
	border-left:   2px solid #005604;
	border-top:    2px solid #005604;
	color:#ffffff;
    font-family: Verdana, Trebuchet MS, sans-serif;
	text-decoration:none;
	cursor: hand;
}

.positiveLink a {
	background: #00D55F;
	border-bottom: 2px solid #005604;
	border-right:  2px solid #005604;
	border-left:   2px outset #08E364;
	border-top:    2px outset #08E364;
	color:#ffffff;
    font-family: Verdana, Trebuchet MS, sans-serif;
	font-weight:bold;
	text-decoration: none;
	padding: 2px 20px;
	text-decoration:none;
	cursor: hand;
}

.positiveLink a:hover {
	background: #00D55F;
	border-bottom: 2px inset #08E364;
	border-right:  2px inset #08E364;
	border-left:   2px solid #005604;
	border-top:    2px solid #005604;
	color:#ffffff;
    font-family: Verdana,Trebuchet MS, sans-serif;
	text-decoration:none;
	cursor: hand;
}

.icon {
	background-repeat: no-repeat;
	padding-right: 0px;
	background-image: url(images/trans_arrow.gif);
}

.cart_icon {
	background-repeat: no-repeat;
	padding-right: 0px;
	background-image: url(images/trans_cart.gif);
}

/* **************    MISC      ************ */

.spacer {
    width:  1px;
    height: 1px;
}

.pipe {
	width: 1px;
}


.required {
    font-size: 12px;
    color: #FF0000;
    vertical-align: text-top;
}

.hiding {
	visibility: hidden;
}

.popup
{
COLOR: #9F141A;
TEXT-DECORATION: none
}

/*
Hight-Light in Drop Down List
*/
.optHighlight{
    background-color: #253B87;
    color:#FFFFFF;
}

/*
 Hack for FireFox/Mozilla. Something about their inline/block CSS2 model
 means that images sometimes have extra whitespace underneath them.

 http://saloon.javaranch.com/cgi-bin/ubb/ultimatebb.cgi?ubb=get_topic&f=20&t=003395
 http://bugzilla.mozilla.org/show_bug.cgi?id=22274
*/
.hackMoz {
    display: block;
    vertical-align: bottom;
}