@charset "UTF-8";

/*------------------------------------------------------------------
[Master Stylesheet]

Project: Signature Brands	
Version:	0.1
Last change:	
Assigned to:	Chris
Primary use:	Screen
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
# [Color codes]

# Body background: #fff
# Header background: #fff
# Main text colour: #003c90; #636466;
# Footer background: #fff;
# Border colour: #bfd5f1;

-------------------------------------------------------------------*/

/*------------------------------------------------------------------
# [Structure]

body
	#header
		#logo

	#page	
		#content
        #sidebox
		#footer

-------------------------------------------------------------------*/

/*------------------------------------------------------------------
 CSS Reset
-------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*------------------------------------------------------------------
Clear fix for floated content and container height stuff
-------------------------------------------------------------------*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*------------------------------------------------------------------
Body / Defaults
-------------------------------------------------------------------*/

@font-face {
 font-family: raiface;
 src: url("/fonts/rai.eot") /* EOT file for IE */
}
@font-face {
 font-family: raiface;
 src: url("/fonts/rai.ttf") /* TTF file for CSS3 browsers */
}

body {
	margin: 0px;
	padding: 0px;
	background: #e6edf5;
	font: 13px Century Gothic, URW Gothic L, sans-serif;
	color: #003c90;
}

h1, h2, h3, h4 {
	color: #003c90;
}

h4 {
	font-size: 10pt;
	margin: 0.5em 0 1em 0;
}

a {
	text-decoration:none;
	color:#636466;
}

a:hover {

	color: #3d3d3f;
}


.clear {
	clear:both;
}

.base {
	padding-bottom:4px;
	background-color:#fff;
	width: 965px;
	margin: 0px auto;
}
.warning {
	color: #ff1508;
}
/*------------------------------------------------------------------
Header
-------------------------------------------------------------------*/

#header {
	position:relative;
	width: 800px;
	height: 114px;
	margin: 0px auto;
	background:url(/images/header-million.gif) no-repeat  #fff;	
}

/*------------------------------------------------------------------
Logo
-------------------------------------------------------------------*/

#logo {
	position:absolute;
	top:0px;
	right:0px;
	width:456px;
	margin: 0;
	height: 100px;	
	background: url(/images/logo-sprite-100.gif) no-repeat #fff;
}	

#logo h1 {

	background: url(/images/logo-sprite-100.gif) no-repeat #fff;
	text-transform: lowercase;
	line-height: 100px;
	font-weight: normal;
	color: #fff;
	overflow:hidden;
	text-indent: -9000px;
}

a #logo {
	display: block;
	text-decoration: none;
	color: #fff;
}

a:hover #logo {
	background-position: 0 -100px;
}

/*------------------------------------------------------------------
Page
-------------------------------------------------------------------*/

#page {
	position:relative;
	width: 800px;
	min-height: 575px;
	margin:0 auto;
	background-color:#fff;
}

/*------------------------------------------------------------------
Content
-------------------------------------------------------------------*/

#content {
	float:right;
	width:530px;
	min-height: 540px;
	margin-bottom:3em;
	padding-right: 10px;
}
#content a {
	text-decoration:underline;
	color:#636466;
}

/*------------------------------------------------------------------
Sidebar
-------------------------------------------------------------------*/

#sidebar {
	float:left;
	width:260px;
	background-color:#fff;
	min-height: 540px;
	margin-bottom: 20px;
}



/*------------------------------------------------------------------
#sidebar ul.nav
-------------------------------------------------------------------*/

#sidebar ul.nav {
	list-style:none;
	margin: 20px 0 0 23px;
}

#sidebar ul.nav li {
	display:block;
}

#sidebar ul.nav li a {
	display:block;
	width:180px;
	height:35px;
	line-height:34px;
	padding-left:54px;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	color:#569edc;
}

#sidebar ul.nav li a:hover {
	text-decoration: none;
	color: #003c90;
}

#sidebar ul.nav li.about { background: url(/images/sb-nav.jpg) no-repeat  0 0px #fff; }
#sidebar ul.nav li.rewards {background: url(/images/sb-nav.jpg) no-repeat 0 -35px #fff; }
#sidebar ul.nav li.community {background: url(/images/sb-nav.jpg) no-repeat 0 -70px #fff; }
#sidebar ul.nav li.products {background: url(/images/sb-nav.jpg) no-repeat 0 -105px #fff;	}
#sidebar ul.nav li.recipes { background: url(/images/sb-nav.jpg) no-repeat 0 -140px #fff;}
#sidebar ul.nav li.offers {background: url(/images/sb-nav.jpg) no-repeat 0 -175px #fff;	}
#sidebar ul.nav li.claim {background: url(/images/sb-nav.jpg) no-repeat 0 -209px #fff; }

#sidebar ul.nav li {position: relative;} 

#sidebar ul.nav li.shade a { background: url(/images/menu-shade.jpg) no-repeat; color:#a4afd9; }   /* non-members */
#sidebar ul.nav li.shade a:hover { color:#d0d7f2 }


/*------------------------------------------------------------------
body defaults
-------------------------------------------------------------------*/
/*
body h1 {
	display:block;
	width: 435px;
	height:	60px;
	text-indent: -9000px;
	overflow:hidden;
	background: url(/images/titles/internal.gif) no-repeat #fff;	
	margin: 30px 0 0 6px;
}
*/

body h2,body h3,body h4  {margin: 0 0 0 6px; }
body h2 { color: #7aafde; font-size: 16px; }
body h2 strong {color: #00529c;}

body p {
	margin: 0 3.2em 1.25em 6px;
	font-size:13px;
	color: #000;
}

body sub { font-size: 12px; }
/*------------------------------------------------------------------
footer
-------------------------------------------------------------------*/

#footer {
	position:absolute;
	bottom:5px;
	width: 800px;
	left:0px;
	margin: 0 auto;
}

#footer ul {
	margin:0;
	margin-right: 30px;
	float: right;
	list-style:none;
}

#footer ul li {
	display:inline;
}

#footer ul li a {
	font-size:12px;
	font-weight:bold;
	padding:0 3px 0 10px; 	
	background: url(/images/a-divider.gif) no-repeat 0 2px #fff;
	line-height:25px;
	color: #7aafde;
}
#footer ul li a:hover {
	color: #003c90;
}
#footer ul li:first-child a { background:none; }

/*------------------------------------------------------------------
body.home
-------------------------------------------------------------------*/
body.home #content {padding-right:0;}
body.home p { color:#00529c; font-size: 13px; }
body.home a.news {
	width: 240px;
	height: 160px;
	background: url(/images/hp-news-sprite-160.gif) no-repeat #fff;
}
body.home img.chef {margin-bottom: -40px; }
body.home a.request {margin: 0; }

body.home a.news:hover {	background: url(/images/hp-news-sprite-160.gif) no-repeat 0 -159px #fff; }

/*------------------------------------------------------------------
body.about
-------------------------------------------------------------------*/
body.about #content, body.about #content p, body.about #content a { color: #636466; }
body.about #content a {text-decoration: underline; font-weight: bold; }
body.about #content ul { width: 400px; }
body.about #content li {
	padding: 8px 0 8px 30px;
	background: url(/images/mouse.gif) no-repeat 0 0 #fff;
}
body.about #content img {margin: 10px 0; }
body.about #content ul.program123 { background: url(/images/123.gif) no-repeat 5px 5px #fff; }
body.about #content ul.program123 li{ background: none; }

body.about #content div.commitment {
	display:block; 
	width: 491px; 
	height:510px; 
	background: url(/images/border.gif) no-repeat #fff;
	text-align: center;
	padding-top: 30px;
}
body.about #content div.commitment h2 {font-size: 17px; }
body.about #content div.commitment p {color:#00529c; margin:12px 20px; }

/*------------------------------------------------------------------
body.rewards
-------------------------------------------------------------------*/
body.rewards #content table#reward-index { background: url(/images/margin.gif) repeat-y top center #fff; }

body.rewards #content #reward-index td {
	font-size: 15px;
	text-align: center;
	width: 210px;
	vertical-align: middle;
}

body.rewards #content p { font-size: 14px; color: #00529c; }
body.rewards #content p a { color: #00529c;}

body.rewards #content #reward-index th, body.rewards #content th h2 a {
	font-size: 17px;
	color: #00529c;
	font-weight: normal;
}

body.rewards #content #reward-index  th h2 a:hover,body.rewards #content #reward-index  th h2 a:hover strong {color: #72a3cf; }

body.rewards #content #reward-index td a { color: #72a3cf; font-weight:normal; text-decoration: none;}
body.rewards #content #reward-index td a:hover { color: #003c90; }
body.rewards #content #reward-index tr { height: 22px; }
body.rewards #content p {
	margin: 0 20px 1.25em 265px;	
}

/*------------------------------------------------------------------
body.rewards_list
-------------------------------------------------------------------*/
body.rewards_list p { color: #00529c;}
body.rewards_list #page a.button {
	display: block;
	width: 120px; 
	height: 27px;
	text-align: center;
	line-height: 27px;
	margin-top:7px;
	text-decoration: none;
	background-image: url(/images/border2.gif);
}
body.rewards_list a.button p,
body.rewards_list div.item p  {  margin:0; }

body.rewards_list div.item { width: 163px; text-align: center; }
body.rewards_list div.item a.cart { margin: 0 auto;}
body.rewards_list h3.rai {
	display:inline;
	color:#00529C;
	font-family: RAI, Rai, raiface, Verdana, sans; 
	font-size:25px;
	font-weight: normal;
	letter-spacing: -0.05em;
	margin:0;
	padding:0;
	vertical-align:bottom;
	padding-left: 10px;
}
body.rewards_list div.item span {font-size: 17px; line-height:30px;}
body.rewards_list div.item p {color:#231f20; margin-bottom: 5px;}

body.rewards_list div.item a.reward-list-image {
	display: block;
	height: 160px;
}

body.rewards_list div.item {
	height: 300px;
	margin-right:10px;
	margin-bottom:5px;
	overflow:hidden;
}


/*------------------------------------------------------------------
body.reward_selected
-------------------------------------------------------------------*/
body.reward_selected #page {height: 910px; }
body.reward_selected #content {
	text-align: right;
	height: 880px;
	padding-top: 40px;
	padding-left: 50px;
	width: 480px;
	background: url(/images/rewsel-circle.gif) no-repeat #fff;
}
body.reward_selected #content p { margin-right: 0px; font-size: 12px; }
body.reward_selected #content a.cart,
body.reward_selected #content a.goback { margin: 0 0 0 auto; }
body.reward_selected #content li { font-size: 12px; color:#231f20; list-style: disc inside;}

/*------------------------------------------------------------------
body.community
-------------------------------------------------------------------*/
body.community div.menu a { display: block; width: 152px; height: 152px; }
body.community div.menu a:hover { background-position: 0 -152px }
body.community div.menu { height: 386px; padding: 0 35px; position: relative; margin: 5px 45px 50px 45px; }
body.community div.menu { height: 386px; padding: 0 35px; position: relative; margin: 5px 45px 50px 45px; }
body.community div.menu div a {display: block; width: 148px; height: 74px;}
body.community div.menu div a:hover {background-position: 0 -74px}
body.community div.menu .special { position:absolute; top: 116px; left:144px;}
body.community #content p { font-size: 12px; }
body.community #content p.larger {font-size: 13px; }
body.community #content p.larger span,
body.community #content p.larger strong {color: #f58426; }

/*------------------------------------------------------------------
body.how_can
-------------------------------------------------------------------*/
body.how_can #content p { font-size: 12px; }
body.how_can #content strong{ font-size: 13px; }
body.how_can div.menu{ width: 100%; height: 88px; }
body.how_can div.menu a { display: block; width: 87px; height: 87px; background-repeat: no-repeat; }
body.how_can div.menu a.selected { background-position: 0 -87px; }
body.how_can div.menu a:hover { background-position: 0 -87px; }
body.how_can div.menu div a { display: block; width: 87px; height: 44px; }
body.how_can div.menu div a.selected { background-position: 0 -44px; }
body.how_can div.menu div a:hover { background-position: 0 -44px; }
body.how_can #content ul { margin: 20px 0 70px 0; }
body.how_can #content li {
	display: block;
	width: 100%;
	height: 120px; 
}

body.how_can #content li div {
	display: block;
	width: 30px;
	height: 84px;
	color: #f58426;
}

body.how_can #content li p {
	display: block;
	float: left;
	width: 390px;
	height: 84px;
	margin: 0;
}
body.how_can #content li p span { color: #f58426; }

body.how_can a.goback  { margin: 0 0 0 auto;}
body.how_can div.special  { padding-left: 160px; margin: 40px 0 20px 0; }
body.how_can div.special img  { margin: 0 0 0 -160px; }

body.how_can div.special h3, body.how_can div.special strong {color: #df7a1c; }

/*------------------------------------------------------------------
body.products
-------------------------------------------------------------------*/
body.products #content h1 { text-align: center; }
body.products #content ul.productList,ul.productTabs li  {
	text-align: center;
	width: 172px;
	margin: 15px 0 0 0;
	float: left;
}
ul.productList li {
	text-transform: capitalize;
	font-size: 9pt;
	font-weight: bold;
}
body.products #content p { color: #003c90; text-align: center; padding-top: 10px; }
/*------------------------------------------------------------------
body.recipes
-------------------------------------------------------------------*/
body.recipes #content p { color: #636466; }
body.recipes #content ul.list li a {display: block; text-decoration: none;  }

body.recipes #content ul.list li {
	display: block;
	float: left;
	width: 395px;
	height: 256px;
	text-align: center;
}
body.recipes #content ul li.first { margin: 100px 0 0 50px; float: right; }

body.recipes #content ul.list li p{ 
	margin: 0; 
	font-size: 18px; 
	color: #00815b; 
}
/*------------------------------------------------------------------
body.recipes_selected
-------------------------------------------------------------------*/
body.recipes_selected #content div.description {width:497px;}
body.recipes_selected #content h3 { color: #00825a; }
body.recipes_selected #content p,
body.recipes_selected #content li  { color: #636466; }
body.recipes_selected #content #sidebar {min-height: 250px; height: 250px; }
body.recipes_selected #content #sidebar img.login {display:none;}
body.recipes_selected #content div.ingredients p {
font-size:10px;
}
body.recipes_selected #content div.ingredients ul li { padding-bottom: 15px; }
body.recipes_selected #content div.ingredients h3 { margin:0; }
body.recipes_selected #content div.ingredients p { margin: 0 0 1.25em 0; }
body.recipes_selected #content div.ingredients { 
	/*background: url(/images/recipe-circle.gif) no-repeat 0 0 #fff;*/
	height: 500px; 
	width:133px;
	margin-top: 100px;	
	padding: 70px 120px 0 20px;
}

body.recipes_selected h2.rai {
	color:#00815A;
	font-family: RAI, Rai, raiface, Verdana, sans; 
	font-size:40px;
	font-weight: normal;
}


/*------------------------------------------------------------------
body.distributors
-------------------------------------------------------------------*/
body.distributors #content p { color: #636466; text-align:center;}
/*------------------------------------------------------------------
body.distributors_selected
-------------------------------------------------------------------*/
body.distributors_selected #content p, body.distributors_selected #content span {color: #636466;}
body.distributors_selected #content p.middle {text-align:center;}
body.distributors_selected #content a.distributor_logo {text-decoration:none; display:block;margin-bottom:10px;}
body.distributors_selected #content a.distributor_logo img {border:0;}
body.distributors_selected #content span {display:block;}
body.distributors_selected #content span.head_text, body.distributors_selected #content span.branches_text  {font-size:14px;margin:3px 0;color:#00529C;}
body.distributors_selected #content .head_name, body.distributors_selected #content .branch_name {font-size:14px;font-weight:bold;}
body.distributors_selected #content div.distributor {margin: 10px 0 30px 0;}
body.distributors_selected #content div.head_office {margin-bottom:18px;}
body.distributors_selected #content div.branch {margin-bottom:18px;}

/*------------------------------------------------------------------
body.offers
-------------------------------------------------------------------*/
body.offers #content a.item { 
	text-align: center;
	text-decoration: none;
	position: relative;
	width: 214px;
	height: 214px;
	display: block;
	margin: 40px 22px 0px 22px;
}
body.offers #content a.last {display: inline; margin-left: 140px; }
body.offers #content a.item p {margin: 0 0 0 0;}
body.offers #content a.item div {
	position: absolute;
	width: 160px;
	height: 50px; 
	top:135px;
	left:28px;
}

body.offers #content a.item h2 {font-size: 14px; font-weight: normal; margin:0; }
body.offers #content a.item h3{ margin:0; }
body.offers #content a.item span {font-size: 14px; font-weight: normal;  margin:0;  }
body.offers #content a.item p {font-size: 10px; color: #636466; text-decoration: underline;  margin:0; }
body.offers #content a.item:hover p  {color: #202122; }


/*------------------------------------------------------------------
body.offers_detail
-------------------------------------------------------------------*/
body.offers_detail #content h3 { color: #604891; padding-top: 30px;  }

body.offers_detail #content li,
body.offers_detail #content p,
body.offers_detail #content sub { color: #636466; margin-left:25px; }
body.offers_detail #content li { margin-left:25px; }

body.offers_detail #content ol, body.offers_detail #content ul { 
	list-style: decimal;
	margin:0;
	padding: 0;
}

body.offers_detail #content sub { margin-top:10px; }

body.offers_detail #content div div.item { 
	width: 175px; 
	height: 200px; 
	margin-top: 40px; 
	text-align: center;
	position:relative;
}

body.offers_detail #content div div.item h2 {
	display:block;
	text-align: center;	
	width: 175px;
	position:absolute;
	bottom:0;	
	font-weight: normal; 
	color: #604891;
}

body.offers_detail h2.rai {
	color:#564190;
	font-family: RAI, Rai, raiface, Verdana, sans; 
	font-size:40px;
	font-weight: normal;

}

/*-------------body.contact----------------------------------------*/ 
body.contact #content img {padding-bottom: 30px;}
body.contact #content p strong {color: #00529c;}
/*-----------------------------------------------------------------*/
/*-------------body.soon-------------------------------------------*/
body.soon #header,
body.soon  #page #content,
body.soon #page {width: 1000px; padding:0;}
body.soon #page {height: 600px; }
body.soon #content div { width: 440px; height: 280px; position: absolute; right:0; bottom: 220px; }
body.soon #content div img { padding:0px; }
body.soon #content img {padding:200px 0 0 100px;}
body.soon #page #content .chef {position: absolute; bottom:0; right: 320px; padding:0;}
/*-----------------------------------------------------------------*/
/*-------------body.soon-------------------------------------------*/
body.terms #content h3 { color: #000; }
/*-----------------------------------------------------------------*/
/*-------------body.suppiers-------------------------------------------*/
body.suppliers #content h2 { font-size: 14px; padding-bottom: 30px; }
body.suppliers #content span { font-weight: normal; color: #00529c;  }
body.suppliers #content h3 { color: #00529c; }
body.suppliers #content p { color: #636466; }

/*-----------------------------------------------------------------*/
 /*-------------body.request-------------------------------------------*/
body.request #content form li { display: block; width: 520px; height:30px; padding-left: 7px; top:0;}
body.request #content form li label {float: left; font-weight: bold; color: #00529c;}
body.request #content form ul input {display: block; float: right; width: 220px; margin-right: 40px; color: #00529c;  }
body.request #content form h2 { color: #00529c; margin: 20px 6px;}
body.request #content form ul div { width: 520px; height:30px;  }
body.request #content form p {color: #00529c;}
body.request #content form a {color: #00529c;}
body.request #content form a:hover {color: #00327c;}
body.request #content form ul div input { float: left; } 
body.request #content form div input { float: left; margin: 8px 14px 8px 8px; } 
body.request #content form textarea {margin-left: 7px; 
	width: 464px;
	padding: 5px;
	margin-bottom: 10px; 
	background-color: #d3e1f4; 
	border-width: 1px; 
	font: inherit;
	color: #00327c;
}
body.request #content a.submit {margin-right: 40px; }
/*-----------------------------------------------------------------*/
/*------------------------------------------------------------------
body.fullscreen
-------------------------------------------------------------------*/

body.fullpage #sidebar { background-color: transparent; }
body.fullpage #sidebar {
    height: 350px;
    min-height: 500px;
}

body.fullpage #content {
    float: left;
    width: auto;
}

/*------------------------------------------------------------------
Misc
-------------------------------------------------------------------*/


.left { float: left; }
.right { float: right; }
.topleft { position: absolute; top:0px; left:0px; }
.topright { position: absolute; top:0px; right:0px; }
.bottomleft { position: absolute; bottom:0px; left:0px; }
.bottomright { position: absolute; bottom:0px; right:0px; }
.block { display: block; overflow:hidden; text-indent: -9000px; }

div.break { 	
	display: block;
	width: auto;
	height: 4px;
	background-color: #bad1ed;
	color: #005bab;
	clear:both;
	margin: 10px 15px 10px 10px;
	font-size:1px;
}

hr.break {
	border: 0px;
	color: #bad1ed;
	background-color: #bad1ed;
	height: 3px;
	margin: 10px 15px 10px 10px;
}

tr.break td {
	padding: 0px;
	height: 2px;
	background-color: #00529c;
	border-top-width: 0;
	border-bottom-width: 0;
}
#login-sidebar {
	margin-top: 15px;
	margin-left: 15px;
}
#login-messages {
	height: 60px;
	padding: 5px;
	width: 210px;	
	margin-left: 10px;
	text-align: center;
}
#sidebar-login-input,
#sidebar-password-input {
	background-color: transparent;
	border: none;
	height: 20px;
	padding: 1px;
	margin: 0;
	font-size: 11px;
	margin-left: 35px;
	width: 160px;
}
.error {
	color: #C02830;
	font-weight: bold;
}
.cartQty {
	color: #000000;
	font-weight: bold;
	font-family: arial, sans;
	width: 26px;
	height: 18px;
	text-align: center;
	padding: 0;
	position: absolute;
	left: 4px;
	top: 9px;
	line-height: 18px;
}

/*------------------------------------------------------------------
body.mypoints    My Points Update
-------------------------------------------------------------------*/
body.mypoints p { color: #003c90; font-size: 10pt; }

div.pointsTable { width: 215px; float: right; margin: 0 24px 0 10px;  }
div.bonusPointsTable { width: 500px; margin-left: 10px; margin-top: 0px;}
table.pointsTable, div.bonusPointsTable table { width: 100%; margin-bottom: 15px; }

table.pointsTable td, table.pointsTable th {
	text-align: left;
	padding: 3px 6px 3px 6px;
	background-color: #c1d5ef;
	border: 4px #e0eaf7 solid;
	font-size: 12pt;
	color: #444;
}
table.pointsTable th {
	color: #000;
}
div.bonusPointsTable td, 
div.bonusPointsTable th {
	font-size: 9pt;
}
table.pointsTable th { 
	background-color: #adcaea; 
	vertical-align: bottom; 
}
table.pointsTable td.bottom { 
	background-color: #005bab; 
	color: #fff;
	font-weight: bold; 
}


/*------------------------------------------------------------------
body.cartdetails	Cart summary table
table.form			Generic form :(
-------------------------------------------------------------------*/
body.cartdetails  #content div.pointsFrame {
	float: left;
	width: 180px;
	padding-top: 50px;
	margin: 0;	
}
body.cartdetails .pointsTable th,
body.cartdetails .pointsTable td {
	font-size: 9pt;
}	
body.cartdetails #content div {
	width: auto;
	margin: 0 13px 0px 8px;
}
table.cartdetails { 
	width: 100%; 
}
table.cartdetails {
	border-collapse: separate;
	border-spacing: 0px;
}
table.cartdetails td {
	font-weight: normal;
}
table.cartdetails td, 
table.cartdetails th, 
table.form th { 	
	padding: 3px 6px 3px 6px; 
	border: 2px #fff solid; 
}
table.cartdetails th {
	padding-top: 12px;
}
table.cartdetails td { text-align: right; }
table.cartdetails td.firstcol { text-align: left; }
table.cartdetails th {
	background-color: #c4d7ee;
	text-align: left;
	vertical-align: bottom;
}
body.cartdetails div#page div#content table.cartdetails tr.break td {
	border: none;
	border-top: solid 3px #00529c;
	background:transparent;
}
table.cartdetails .number {
	text-align: right;
}
table.cartdetails .alignCentre {
	text-align: center;
}

table.cartdetails input, 
table.cartdetails select, 
table.form input,
table.form textarea, 
table.form select {
	padding: 3px 0px 3px 3px;
	width: 100%;
	background: #c4d7ee;
	border: none;
	color: #003c90;
}

table.cartdetails input.quantity {
	background: #fff;
	border: solid 3px #c4d7ee;
	font-weight: bold;
	color: #333;
	width: 2.5em;
	text-align: center;
	padding: 1px;
}
table.form { 
	width: 95%;
	font: 12px Century Gothic, URW Gothic L, sans-serif;
	color: #000;
	border-collapse: separate; 
}
table.form input.radio {
	width: auto;
}
table.form input.short {
	width: 5em;
}
table.form td { 
	vertical-align: top;
	padding-bottom: 15px;
}
table.form td.firstcol { 
	width: 140px; 
	text-align: right;
	padding-right: 1.5em;
	color: #003c90;
}
table.form td.subheading {
	padding-top: 1em;
}

/*------------------------------------------------------------------
Buttons
-------------------------------------------------------------------*/
a.button {
	position: relative;
	display: block;
	height: 50px;
	float: right;	
}
a.button span {
	display: none;
}
a.button:hover {
	background-position: 0 -50px;
}
a.confirmOrder {
	width: 116px;
	background-image: url(/images/buttons/confirm_order.jpg);
	background-position: 0 0;
}
a.logout {
	width: 50px;
	height: 30px;
	background-image: url(/images/buttons/logout.jpg);
	background-position: 0 0;
	float: none;
}
a.logout:hover {
	background-position: 0 -30px;
} 
	
a.logout:hover {
	background-position: 0 -30px;
} 
a.checkout {
	width: 68px;
	height: 30px;
	background-image: url(/images/buttons/checkout.jpg);
	background-position: 0 0;
	float: none;
}
a.checkout:hover {
	background-position: 0 -30px;
} 
.cart {
	display:block; 
	width: 54px; 
	height: 27px;
	background: url(/images/add_to_cart.gif) no-repeat #fff;
}

hr { height: 2px; background: url(/images/hr.gif) repeat-x transparent; border: none;}

a.cart:hover {background: url(/images/add_to_cart.gif) no-repeat 0 -27px #fff; }

.goback {
	display:block; 
	width: 130px; 
	height: 50px;
	text-indent: -9000px;
	background: url(/images/goback.gif) no-repeat #fff;
}

a.goback:hover {background: url(/images/goback.gif) no-repeat 0px -50px #fff; }

.submit {
	display:block; 
	width: 130px; 
	height: 50px;
	background: url(/images/submit.gif) no-repeat #fff;
	text-indent: -9000px;
}

a.submit:hover {background: url(/images/submit.gif) no-repeat 0px -50px #fff; }


/*------------------------------------------------------------------
Registration
-------------------------------------------------------------------*/
.ajaxHide {
	display: none;
}
#confirmAccount a {
	color: #000;
}
#confirmAccount a:hover {
	color: #003c90;
}
/*------------------------------------------------------------------
body.register
-------------------------------------------------------------------*/
body.register #sidebar {
}
body.register #content {
}
body.register #content h1 {
	display:block;
	width:	250px;
	height:	90px;
	text-indent: -9000px;
	overflow:hidden;
	background: url(/images/titles/register_details.gif) no-repeat #fff;
	margin: 30px 0 30px 0;
}
body.register #content table.form {
	clear: both;
}
body.register #content table.form td.firstcol {
}
body.register #content p {
}

/*------------------------------------------------------------------
Error messages
-------------------------------------------------------------------*/
ul.errors {
	display: block;
	font: 9pt Century Gothic, URW Gothic L, sans-serif;
	color: #ff0000;
	list-style: disc;
	margin: 1.5em 0;
	margin-left: 3em;
}
ul.errors li {
	margin-left: 3em;
}