#cheapcardBody {
	background-color: #FFFFFF;
	font-size: 8pt;
	font-family: verdana;
	width: 600px;
}

/* ---------------------------- Header ------------------------*/
#container {
	width: 600px;
	margin: 0px auto;
	background-color: white;
}
#todayDate {display: none;}
#pageHeader {display: none;}
#headerImage {display: none;}
#containerSmall  {display: none;}
#rightHeaderSmall  {display: none;}
#logoHeaderSmall  {display: none;}
#logoSmallLink  {display: none;}
#lineHeaderSmall  {display: none;}
#leftHeaderSmall {display: none;}
#shoppingBasket  {display: none;}
#leftList  {display: none;}
#loginBox  {display: none;}
#loginBoxForm  {display: none;}
#rightList  {display: none;}

/* ---------------------------- end of leftList ------------------------*/
/* ---------------------------- mainPage ------------------------*/
#mainPageNoNav {display: none;}
#mainPageRightNav {display: none;}
#mainPageLeftNav {display: none;}

#mainPage {
	margin: 0px;
	float: left;
	width: 600px;
	padding: 10px;
}
#mainPage p {
	text-align: justify;
	margin: 8px 4px;
}
p#sponsoredLinks p#sponsoredLinks1 {
	display: none;
}
#footerBackground {
	margin: 0px 0px;
}
#footer {display: none;}
/* ---------------------------- end of footer ------------------------*/

/* ---------------------------- catalogue page ------------------------*/
#alphabetList {
	text-align: center;
	color: black;
	font-weight: normal;
	padding: 2px;
}
/* ---------------------------- product page ------------------------*/
#backIndex, #editProfile, #saveDetails {
	text-align: right;
	margin: 8px;
}
#quantity {
	padding: 2px 0px 18px 0px;
}
#productList .productThumb {
	float: left;
	padding: 2px;
}
#productList .productPrice {
	float: left;
	margin: 0px 0px 0px 4px;
}
#productList .productPrice .ourPrice {
	font-size: 12pt;
	font-weight: bold;
	color: #2A00AA;
	position: relative;
	top: 2px;
	line-height: 22px;
}
#productList .productPrice .ourDiscount {
	font-size: 10pt;
	font-weight: bold;
	color: rgb(206, 2, 53);
	line-height: 22px;
}

.quantity {
	padding: 2px 0px 18px 0px;
}
/* ---------------------------- shopping basket page ------------------------*/

/* ---------------------------- checkout page ------------------------*/
#dlvOptions {
	line-height: 24px;
}
#dlvEmail {
	position: relative;
	left: 15px;
}
#dlvMobile {
	position: relative;
	left: 25px;
}
#dlvMail {
	position: relative;
	left: 38px;
}
#dlvName {
	position: relative;
	left: 20px;
}
#dlvAddress {
	position: relative;
	left: 7px;
}
#dlvSuburb {
	position: relative;
	left: 12px;
}
#dlvState, #dlvOtherState {
	position: relative;
	left: 23px;
}
#dlvPostcode {
	position: relative;
	left: 2px;
}
#dlvCountry {
	position: relative;
	left: 7px;
}
/* ---------------------------- confirm page ------------------------*/
p#orderDetails {
	margin: 0px 0px 6px 20px;
	font-weight: bold;
}
/*----------------------------------- email ------------------------------ */
#mainPageEmail {
	margin: 16px 20px;
}

#smartPick {
	background: url(../images/css/smartpick_big.jpg) no-repeat center top;
	height: 180px;
}

/* ---------------------------- supplier page ------------------------*/
.suppName {	
	float:left;	
	margin: 3px 0px 0px 0px;
}
.suppLinks {
	color: white;
	float:right;	
	margin: 3px 0px 0px 0px;
}

#award {
	display: none;
}

/*----------------------------------- header ------------------------------ */
.section {
	/* for left and right section */
	margin: 4px 0px 10px 0px;	
}
h1.menuTitle {
	/* used for left and right section, those with red dotted-underline */
	margin: 0px 0px 2px 0px;
	padding: 0px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 15pt;
	font-family: Verdana;
	color: rgb(206, 2, 53);
	border-bottom: 1px dashed rgb(206, 2, 53);	
}
h3.menuTitle {
	/* used for left and right section, those with red dotted-underline */
	margin: 0px 0px 2px 0px;
	padding: 0px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10pt;
	font-family: Verdana;
	color: rgb(206, 2, 53);
	border-bottom: 1px dashed rgb(206, 2, 53);	
}
h1.mainTitle {
	/* used for center title, usually on the top */
	padding: 0px 0px 0px 4px;
	margin: 0px;
	color: black;	
	height: 18px;
	border: 1px solid #333;
	font-size: 8pt;
	font-variant: small-caps;
	font-family: Verdana;
	text-align: left;
	
	/* overrides */
	background-color: #2369AF;
	background-position: left center;
	padding: 1px 0px 1px 4px;
	border: 0px;
	/*border-top: 1px solid #999;
	border-bottom: 1px solid #999;*/
	border-color: #CE0235;
}

div.subTitle {	
	background-color: #F3F3FC;
	color:black;
	text-align:center;	
	border-top: solid 1px #333333;
	border-bottom: solid 1px #333333;
	padding: 2px 6px;
	font-size: 8pt;
	font-family: verdana;
	font-weight:bold;
}
/*----------------------------------- listing ------------------------------ */
ul {
	margin: 0;
	padding: 0;
	list-style:none;
}
ul.indentedDisc {
	list-style: disc inside;	
	padding: 0px 0px 0px 20px;
}
ul.square {
	list-style: square inside;	
	margin: 8px 4px;	
}
ul.primary li {	
	background:url(../images/css/arrow_right.gif) no-repeat 2px 50%;
	padding:0 0 0 14px;	
	color: #336699;
	line-height: 18px;
}

/*----------------------------------- positioning/aligning ------------------------------ */
.buttonSteps {
	margin: 8px;	
}
.floatLeft {	
	float:left;
	/*display:inline; 	*/
}
.floatRight {	
	float:right;
	/*display:inline;*/
}
.centered{
	text-align:center;	
}
.leftAligned {
	text-align:left;
}
.rightAligned {
	text-align: right;
}
.clear {
	clear:both;
}
/*----------------------------------- Form ------------------------------ */
form {
	display: inline;
}
input.text {	
	vertical-align: middle;
	font: 9pt Arial;
}
input.hiddentext {	
	vertical-align: middle;
	color: #FF0000;
	background-color:#FFFFFF;
	font: 9pt Arial;
	border:none;
}
select.listbox {	
	width: 200px;
}
select.select, select.listbox {
	font: 9pt Arial;
}
input.checkbox {	
	vertical-align: middle;	
}
input.button {
	border: 0px;
	background:none;
	padding:0px;
	margin:0px;	
	border:0px;
	font: 11px Verdana;	
	font-weight:bold;
	color: #553FAA;
}
.buttonPlain, input.buttonPlain 
{	
	background-color: #FFFFFF;
	border: 1px solid #2A00AA;
	border: 1px solid #666;
	height: 22px;
	padding: 3px 6px;	
	font: 11px Verdana;	
	font-weight:bold;
	color: #000000;
}
input.buttonPlain {
	padding: 0px 0px;
}

a.buttonPlain:hover, input.buttonPlain:hover {
	background-color: #FFFFFF;
}
/*----------------------------------- Boxing ------------------------------ */
div.whiteBox {
	border: 1px solid #CCC;
	padding: 6px;
	margin: 8px 2px;
}
div.commonBox {
	border: 1px solid #CCC;
	padding: 2px;
	margin: 0px 2px 16px 2px;
	background-color: #F3F3FC;
}
div.boxTitle {
	clear: both;
	background-color: #6F59C1;
	font: bold 8pt Tahoma; /*font-weight:normal;*/
	color: #F5F5DC;
	border: 1px;
	padding: 3px 6px;
}
.smallSection {
	font-weight:bold;
	color: black;
}
.content {
	margin: 6px;	
}
/*----------------------------------- text+coloring ------------------------------ */
.itemColor1{
	/* for first row */
	background-color: white;
}
.itemColor2{
	/* for second row */	
	background-color: #F3F3FC;
}
.itemColor3 {
	/* for header row */	
	background-color: #2369AF;
	color:#FFFFFF;
	font-weight:bold;
}
.itemColor4 {
	/* for Total */
	background-color: #AAFFAA;	
}
.itemHighlight {
	color:red;
	background-color:white;
}
.crossedText {
	/*for strike-out original price */
	text-decoration:line-through;
	color: #999;
}
.highlightText {
	color:red;
	font-weight:bold;	
}
.highlightTextNormal {
	color:red;
}
.highlightBox {
	text-align:center;
	background-color: #AAFFAA;
	padding: 4px;
	border: 1px solid #999;
}
.lineHeight {
	line-height:26px;
}
.selectedLink {
	background-color: #51BADA;
	background-color: #8ACEE3;	
	color: black;
	padding: 2px 4px;
}
/*----------------------------------- common ------------------------------ */
.invisible {
	display:none;
}
.error{
	margin: 12px 6px;	
	font-weight:bold;
	text-align:center;
	color:red;		
}

img.noBorder {
	border : 0px;
}
.indented {
	margin: 4px 0px 4px 24px;
}