/* %~%@ < 4.000 > @%~% */
/* %~%# < 2/13/2009 > #%~% */
/* %~%! < cart4 > !%~% */

/* Generic Colors */
.c4BG1 {
	color: black;
	background-color:#FFFFCC;
}
.c4BG2 {
	color: white;
	background-color:#0066FF;
}
.c4BG3 {
	color: white;
	background-color: #333367;
}
.c4BG4 {
	color: white;
	background: transparent;
}
.c4BG5 {
	color: black;
	background-color:#c8d1e2;
}
.c4BG6 {
	color: white;
	background-color:#000033;
}

.BlackBorder {
	border: 1px solid black;
}
.c4BlackBorderLeft {
	border-left: 1px solid black;
}
.c4BlackBorderRight {
	border-right: 1px solid black;
}
.c4BlackBorderTop {
	border-top: 1px solid black;
}
.c4BlackBorderBottom {
	border-bottom: 1px solid black;
}

/* Module Wide Generic Styles */
.c4TblStyled {
	border: 1px solid black;
	border-collapse:collapse;
	font: 14px Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:#FFFFCC;
}

.c4TblSimple {
	font: 14px Arial, Helvetica, sans-serif;
	color:#000000;
}

.c4TRHeader {
	font-size:16px;
	color: #FFFFFF;
	background-color:#333367;
}

.c4TRHeader th {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	text-align:center;
}

.c4THLf {}
.c4THMid { border-left: 1px solid white; }
.c4THRt { border-left: 1px solid white; }

/* Style for simulated buttons on basket page */
.c4Button1 {
	color: white;
	text-decoration: none;
	background-color: #333367;
	padding: 2px 8px;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #1E2A42;
	border-bottom: 1px solid #1E2A42;
	font-size: 12px;
	font-style: normal;
	font-weight: 900;
	font-variant: normal;
	text-transform: none;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: hand;
}

.c4Button1 div {
	display:block; 
	width:100%;
	padding-left: 2px;
	padding-right: 2px;
}
a.c4Button1:link {color: white; text-decoration: none;}
a.c4Button1:visited {color: white; text-decoration: none;}
a.c4Button1:hover {
	background-color: #fe0000;
	color: #ffffff;
	text-decoration: none;
	border-right: 1px solid #1E2A42;
	border-bottom: 1px solid #1E2A42;
}

a.c4Button1:focus {
	background-color: #333367;
	color: #ffffff;
	text-decoration: none;
	border-right: 1px solid #1E2A42;
	border-bottom: 1px solid #1E2A42;
}

/* Form Styles */
.c4FrmNoMargin {
	margin: 0px;
}

.c4FrmTextbox {
	font: 12px Arial, Helvetica, sans-serif;
	border: 1px solid black;
	background:  white;
	color: #000066;
	padding-right: 2px;
	padding-left: 2px;
}
.c4FrmTextbox:hover, .c4FrmTextbox:focus  {
	background: #E2E9F8;
}

.c4FrmTextbox1 {
	font: 12px Arial, Helvetica, sans-serif;
	border: 1px solid black;
	background:  #E2E9F8;
	color: #000066;
	padding-right: 2px;
	padding-left: 2px;
}
.c4FrmTextbox1:hover, .c4FrmTextbox1:focus  {
	background: white;
}

.c4FrmSelect{
	border: 1px solid black;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background:  white;
	color: #000066;
}
.c4FrmSelect:hover, .c4FrmSelect:focus {
	background: #E2E9F8;
}
.c4FrmSelect optgroup{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	border-right: 1px solid #475372;
	border-left: 1px solid #9FABCA;
	border-bottom: 1px solid #475372;
	border-top: 1px solid #9FABCA;
	background: #B7C9EE;
	color: #000099;
	Padding-top:5px;
}
.c4FrmSelect option{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #EFFBFE;
	border-top: 1px solid #5680B1;
	background: #e2e9f8;
	color: #000099;
}

/* Generic text styling classes (usually applied to spans) */
.c4fontOnly {
	font-family: Arial, Helvetica, sans-serif;
}
.c4font {
	font: 12px Arial, Helvetica, sans-serif;
}
.c4bold {
	font-weight:bold;
}
.c4unbold {
	font-weight:normal;
}
.c4italic {
	font-style:italic;
}
.c4unitalic {
	font-style: normal;
}
.c4small {
	font-size:12px;
}
.c4small1 {
	font-size:11px;
}
.c4underline {
	text-decoration:underline;
}
.c4ununderline {
	text-decoration:normal;
}
.c4AlignLeft {
	text-align: left;
}
.c4AlignRight {
	text-align: right;
}
.c4AlignCenter {
	text-align: center;
}
.c4DisplayNone {
	display:none;
}
.c4DisplayBlock {
	display:block;
}

/* Transparency */
.c4op20 {
	-moz-opacity: 0.2;
	opacity:.20;
	filter: alpha(opacity=20);
}
.c4op40 {
	-moz-opacity: 0.4;
	opacity:.40;
	filter: alpha(opacity=40);
}
.c4op60 {
	-moz-opacity: 0.6;
	opacity:.60;
	filter: alpha(opacity=60);
}
.c4op80 {
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
.c4op100 {
	-moz-opacity: 1;
	opacity:1;
	filter: alpha(opacity=100);
}

/* Other generic styles */
.BorderCollapse {
	border-collapse:collapse;
}

.c4buyAlertWrapper3{
}
.c4buyAlertWrapper2{
	padding-left:13px;
}
.c4buyAlertWrapper{
	background: #333367;
	border-left:2px solid #DFE7F7;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 2px solid #DFE7F7;
	border-right: 2px solid #0C1730;
	border-bottom: 2px solid #0C1730;
}
#c4buyAlert{
	text-align:center;
	width:220px;
	height:75px;
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	padding-left: 5px;
	font: bold 10px Arial, Helvetica, sans-serif;
	color: white;
}

/* Styles for popup overlays */
.c4BOverlayBackground{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 110%;
	z-index:1001;
}

.c4OverlayForeground {
	display: none;
	position: absolute;
	top: 0px;
	left: 25%;
	width: 50%;
	height: 100%;
	padding-top:25px;
	z-index:1002;
}