/* CSS Document */

/* The Lotto King Cascading Style Sheet. Prepared by Digital Bridge in May 2009 */

/* CSS Reset from http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
/* (slightly modified by me to add img {display:block} to get <li> with images
inside them to display padding and margins properly in firefox) */

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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, hr, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

img {
	display: block;
}

/* -------------------- The Lotto King ---------------------- */

/* BASIC PAGE STRUCTURE */

body {
	background:#2d75b0;
	font: 0.9em/1.3 Helvetica, Arial, sans-serif;
}

p {
	text-align:left;
	font: 0.9em/1.3 Helvetica, Arial, sans-serif;
	color: #0078c1;
}



h3 {
	font: bold 1.3em/1.3 Helvetica, Arial, sans-serif;
	color: #0078c1;
	margin-left: 10px;

}

h4 {
	text-align:center;
	font: 1.1em/1.3 Helvetica, Arial, sans-serif;
	color: #0078c1;

}



#pagecontainer {
	width: 950px;
	margin: 0 auto;
	background: #fff;
}
	
#headercontainer {
	height: 150px;
}

#logo a {
	width: auto;
	height: 150px;
	float:left;
	color: #fff;
}

#headernav {
	margin-top: 2.5em;
	float:left;
}

#logotype a {
}


#headernav ul {
	margin-left: 6px;
}

#headernav ul li {
	list-stype-type:none;
	font: bold 0.75em/1.3 "Helvetica Neue", Helvetica, Arial, sans-serif;
	display:inline;
	margin-right: 1em;
}

#headernav ul li a {
	color: #0078c1;
	text-decoration:none;
}

#headernav ul li a:hover {
	text-decoration:underline;
}

#headernav ul li a.current {
	color:#0f7aff; 
}

#headerright {
	float:right;
	width: 250px;
	padding: 1em 0;
	margin-right:9px;
}

#headerright form {
	width: auto;
	margin: 0;
	padding: 0;
}	

#headersearch input.searchbox {
	width: 175px;
	margin-right: 10px;
	border: 1px solid #c7d9ff;
	height: 20px;
	padding: 0;
}

#headersearch input.searchbutton {
	position:absolute;
}

#statusbox {
	background:#fff;
	height: 45px;
	margin-top:1em;
	padding: 10px;
	border: 1px solid #fff;
}

.cartstatus {
	font: 0.8em/1.3 Helvetica, Arial, sans-serif;
	float:right;
	color: #0078c1;
}

.loginstatus {
	margin-top: 1em;
	float:right;
	clear:right;
	font: 0.8em/1.3 Helvetica, Arial, sans-serif;
	color: #0078c1;
}

#contentarea {
	height: auto;
	min-height: 500px;
	clear:both;
	overflow:hidden;
	padding-bottom: 1em;
	margin-bottom: 1em;
}

.introbox {
	background: url(images/introbox-bg.jpg) repeat-y;
	height:auto;
	text-align:center;
}

.introbox-top-home {
	height: auto;
	background: url(images/introbox-top.jpg) no-repeat;
	text-align:center;
	padding-top: 1em;
}

.introbox-top-home h3 {
	text-align:center;
	color: #fff;
	font: bold 1.2em/1.3 Helvetica, Arial, sans-serif;
}

.introbox-top-home p {
	text-align:center;
	font: bold 0.9em/1.3 Helvetica, Arial, sans-serif;
	color: #fff;
	padding: 0 20px;
}


.introbox-top {
	height: auto;
	background: url(images/introbox-top.jpg) no-repeat;
	text-align:center;
	padding-top: 1em;
}

.introbox-product {
	text-align:left;
}

.introbox-top h3 {
	text-align:left;
	color: #fff;
	font: bold 1.2em/1.3 Helvetica, Arial, sans-serif;
}
.introbox-top h3.introbox-product {
	color: #fff;
	font: 1.2em/1.3 Helvetica, Arial, sans-serif;
	text-align:left;
}

.introbox-top p {
	text-align:left;
	font: bold 0.9em/1.3 Helvetica, Arial, sans-serif;
	color: #fff;
	padding: 0 20px;
}

h3.introbox-banner-heading {
	text-align:center;
	margin-top: 2em;
	font-weight: bold; 
}

.introbox-banner {
	text-align:center;
	width: 468px;
	height:auto;
	padding: 4px;
	background:#fff;
	margin: 1em auto;
}
.introbox-banner img{
	margin: 0 auto;
	text-align:center;
}

.introbox-logo {

	width: 200px;
	height: auto;
	padding: 4px;
	background:#fff;
	float:left;
	margin-left: 20px;
	margin-right: 10px;
}

.introbox-logo img{
	margin: 0 auto;
	text-align:center;
}

#pageheader {
	margin-bottom: 1em;
	margin-left: 10px;
}

#pageheader h3 {
	margin-left: 0;
}

.contentleft {
	width: 180px;
	float:left;
	height: auto;
	min-height: 400px;
	margin-right: 30px;
	padding-left: 10px;
}

.contentright {
	width: 720px;
	float:right;
	height:auto;
	}

.contentmiddle /*for homepage only */ {
	width: 700px;
	margin: 0 auto;
}


.syndicates a,
	.syndicates a:link,
	.syndicates a:visited,
	.syndicates a:active {
	text-decoration:none;
}


		
.syndicates {
	clear:both;
	overflow:hidden;
	margin: 0 auto;
	width: 760px;

}

.syndicates h3 {
	text-align:center;
	color: #0078c1;
	font: 1.2em/1.3 Helvetica, Arial, sans-serif;
	margin-bottom: 0.6em;
}

.syndicates p {
	text-align:left;
	font: 0.9em/1.3 Helvetica, Arial, sans-serif;
	color: #0078c1;
	padding: 0 20px;
}

.syndicatebox {
	background: url(images/syndicatebox.png) no-repeat;
	height: 134px;
	width:223px;
	text-align:center;
	margin-top: 1em;
	float:left;
	margin-right: 40px;
}


.syndicatebox:hover {
color: #000000;
    background: url(images/syndicatebox_hov.png) no-repeat;
	height: 134px;
	width:223px;
	text-align:center;
	margin-top: 1em;
	float:left;
	margin-right: 40px;
}

.syndicatebox-third {
	margin-right: 0;
}

.syndicatebox-third:hover {
color: #000000;
    background: url(images/syndicatebox_hov.png) no-repeat;
	height: 134px;
	width:223px;
	text-align:center;
	margin-top: 1em;
	float:left;
 	margin-right: 0;
}

.syndicatebox img {
	margin: 0 auto;
	width:189px;
	height:76px;
	padding-top: 9px;
}

.syndicatebox h4 {
	text-align:center;
	color: #fff;
	font: 1.2em/1.3 Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	margin-top: 10px;
}

.syndicatebox h5 {
	text-align:center;
	color: #ed1c24;
	font: bold 1.2em/1.3 verdana, Helvetica, Arial, sans-serif;
	margin-top: 20px;
}

.syndicatebox h6 {
	text-align:center;
	color: #000;
	font: bold 0.9em/1.3 verdana, Helvetica, Arial, sans-serif;
	margin-top: 10px;
	margin-bottom: 28px;
}
.iframe {
	margin: 0 auto;
	width: 500px;
	margin-top: 2em;
	clear:both;
}

.iframe h3 {
	text-align:center;
	color: #0078c1;
	font: 1.2em/1.3 Helvetica, Arial, sans-serif;
	margin-bottom: 0.6em;
}

.iframe p {
	text-align:center;

}

.iframe a {
	color: #0078c1;
	text-decoration: underline;

}

.iframe a,
	.iframe a:link,
	.iframe a:visited,
	.iframe a:active {
	text-decoration:underline;
}

#footer {
	border-top: 1px solid #6878ce;
	height: 2em;
	padding: 0 9px;
	background: #2d75b0;
}

#footer p {
	font: 0.75em/1.3 Helvetica, Arial, sans-serif;
	color: #fff;
	margin:5px 0;
}

#footer a {
	color: #fff;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}
	
p.copyright {
	float:left;
	margin-left: 9px;
	
}

p.digbridge {
	float:right;
	margin-right: 9px;
}

/* OTHER THINGS */


/* LEFT SIDE NAVIGATION */

ul#leftnav {

}

ul#leftnav li {
	font: 0.85em/1.3 Helvetica, Arial, sans-serif;
	color: #0078c1;
	text-transform:uppercase;
	margin-bottom:  5px;
}

ul#leftnav li a {
	text-decoration:none;
	color: #0078c1;
}

ul#leftnav li a.current {
	font-weight: bold;
}

ul#leftnav li a:hover {
	text-decoration:underline;
}

ul#leftnav li ul {
	margin: 0.5em 0 0.5em 1em;
}
ul#leftnav li ul li {
}

/* HOME PAGE AND PRODUCT PAGE AREA TILES */

.sectiontile {
	width: 200px;
	height: 300px;
	background: #fff;
	float:left;
	margin-bottom: 2em;
}

.one-of-three {
	margin-right: 16px;
}

.two-of-three {
	margin-left: 16px;
	margin-right: 16px;
}

.three-of-three {
	margin-left: 16px;
}

.one-of-two {
	margin-left: 95px;
	margin-right: 45px;
}
.two-of-two {
	margin-left: 45px;
	margin-right: 95px;
}




/* PRODUCT ITEM LAYOUT THINGS */

.productlistitem {
	background:#fff;
	height: auto;
	min-height: 130px;
	border:1px solid #0078c1;
	clear:both;
	overflow:hidden;
	margin: 5px 10px 5px 10px;
	padding: 10px;
}

.productcode {
	width: auto;
	margin: 0px 0 0px 0;
	padding: 15px 0 15px 0;

}

.productcode h3 {
	font: bold 1em/1.3 Helvetica, Arial, sans-serif;
	color: #0078c1;
	width: auto;
}

.productcode h3 a {
	font: bold 1em/1.3 Helvetica, Arial, sans-serif;
	color: #0078c1;
	text-decoration:none;
	
}

.productcode h3 a:hover {
	text-decoration:underline;
}


.productimage {
	float:left;
	width:150px;
	height: 100px;
	margin: 0 20px 0px 10px;
	text-align:center;
	vertical-align:middle;
	clear:both;
}

.productdescription {
	float:left;
	width: 520px;
	height: auto;
	margin: 0px 20px 15px 0px;
	padding: 10px;
	font: 1.0em/1.3 Helvetica, Arial, sans-serif;
	color: #0078c1;
	border: 1px solid #D5DCFF;
}


.phone img{
	float:right;
	
}

a.productdetailslink {
	padding-top: 25px;
	
}

a.productdetailslink:hover {
}
.addtocart {
	float:right;
	width: 100px;
	margin: 0 10px 15px 0;
	border: 1px solid #D5DCFF;
	text-align:right;
	padding: 10px;
}

.productqty {
	width: 60px;
}

.addtocart label {
	font: bold 0.6em/1.3 Helvetica, Arial, sans-serif;
	color: #000;
	text-align:left;
}

.addtocartbutton {
	margin-top: 0.5em;
	margin-left: 10px;
}

.addtocart .addtocartbutton {
	margin-left: 0;
}

/* NEWS ITEM AND HELP ENTRY LAYOUT THINGS */

.newspost, .helpentry {
	background:#fff;
	height: auto;
	min-height: 130px;
	clear:both;
	overflow:hidden;
	margin: 5px 10px 20px 10px;
	padding: 0 20px;
}

.newspost h4, .helpentry h4 {
	font: bold 1.2em/1.3 Helvetica, Arial, sans-serif;
	color: #0078c1;
	text-align:left;
}

.newspost h4 a,  .helpentry h4 a {
	color: #0078c1;
	text-decoration:none;
}

.newspost h4 a:hover,  .helpentry h4 a:hover {
	text-decoration:underline;
}

.newspost p.newspostdate {
	font: 0.6em/1.3 Helvetica, Arial, sans-serif;
}

.newspost p,  .helpentry p {
	font: 0.8em/1.3 Helvetica, Arial, sans-serif;
	margin-top: 0.8em;
}

.newspost a,  .helpentry a {
	color: #0078c1;
	text-decoration:underline;
}

/* CONTACT FORM */

form {
}

fieldset {
	padding: 0 0 1em 0;
	width: 50%;
	margin: 0 auto;
}

fieldset label {  
	float: left;  
	width: auto;  
	font: normal 1em/1.3 Helvetica, Arial, sans-serif ;
	color: #0078c1;
	margin-right: 20px;
}

fieldset input.field {
	text-align:left;
	border: 1px solid grey;
	float:left;
	width: 200px;
	height: 1.3em;
	font: normal 1.2em/1.3 "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: 0 0.5em;
	color: #000;
}

fieldset textarea {
	text-align:left;
	border: 1px solid #7c6d58;
	float:right;
	width: 80%;
	height: 7em;
	font: normal 1.2em/1.3 "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: 0.5em 0.5em;
	color: #351D04;
}

fieldset input#sendbutton {
	float:right;
}

strong {
	font-weight:bold;
}

.backbutton { 
	margin-left: 10px;
}


/* paginator styles */

.paginator {
	text-align:right;
	margin: 10px 10px 10px 0;
	font: 0.7em Helvetica, Arial, sans-serif;
}

.paginator  a {
	padding: 4px;
	border: 1px solid #0078C1;
	background: #c7d9ff;
	color: #000;
	text-decoration:none;
}

.paginator  a:hover {
	background: #b2cbfe;
}

.error {
	width: 75%;
	padding: 5px;
	margin: 1em auto;
	border: 1px solid #CC0000;
	font: normal 0.7em/1.3 "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.error img {
	display:none;
}

.error p {

}

table.viewcartlist {
	width: 930px;
	margin: 0 auto;
	border-collapse:collapse;
}

table.viewcartlist tr th {
	border: 1px solid #ccc;
	background: #C7D9FF; 
	padding: 4px;
}

table.viewcartlist tr td {
	border: 1px solid #ccc;
	padding: 4px;
	vertical-align:middle;
}

table.viewcartlist tr td a {
	color: #0078C1;
	text-decoration:none;
}

table.viewcartlist tr td a:hover {
	text-decoration:underline;
}

table.viewcartlist tr td input {
	float:left;
	clear:both;
}

.cartfunctions {
	float:right;
	margin-right: 10px;
}


.orderform {
	width: 930px;
	margin: 0 auto;
}

.orderform label {
	clear:both;
	float:left;
	width: 200px;
}

.orderform input, .orderform textarea, .orderform select {
	float:left;
	margin-bottom: 1em;
	margin-right: 2em;
}

.orderform textarea {
	width: 300px;
}

.ordertable{
	width: 930px;
	margin: 0 auto;
	border-collapse:collapse;
}	

.ordertable td{
	border: 1px solid #ccc;
	padding: 4px;
}

.ordertable tr th {
	border: 1px solid #ccc;
	background: #C7D9FF; 
	padding: 4px;

}

.ordertable th {
	font-weight:bold;
}

.ordertable a {
	color: #0078C1;
}

p.total {
	margin: 1em 0;
	font-weight:bold;
}
h3.registerorlogin {
	font: bold 0.9em/1.3 Helvetica, Arial, sans-serif;
}

h3.registerorlogin a {
	color: #666;
}


table.addresses {
	margin: 1em auto;
	width: 520px;
}

table.addresses input {
	margin-left: 40px;
}

table.addresses tr th {
	border: 1px solid #ccc;
	background: #C7D9FF; 
	padding: 4px;
}
table.addresses td {
	padding: 0.2em 1em;
	vertical-align:top;
	border: 1px solid #ccc;
	border-collapse:collapse;
}

table.addresses a {
	color: #0078C1;
}

tr.total {
	height: 10px;
}

.completeorder {
	float:right;
	margin-right:10px;
	margin-bottom: 5px;
}

.orderagain {
	float:right;
	margin-top: 5px;
}

table.orderinfo  {
	width: 100%;
	margin: 2em 0;
}

.orderinfo tr {
}

table.orderinfo td {
	padding: 0.2em;
}	

.buttoncell input {
	float:right;
}

.currentaddresses p {
	float:left
}

.productdetailimages {
	width: 520px;
	float:left;
}

.productdetaildescription {
	float:left;
	width: 520px;
	height: auto;
	margin: 0 20px 15px 0;
	padding: 10px;
	font: 0.75em/1.3 Helvetica, Arial, sans-serif;
	color: #0078c1;
	border: 1px solid #D5DCFF;
}


#loginForm, .loginextras, #forgottenPasswordForm{
	width: 520px;
	margin: 0 auto;
}

#processOrderConfirmForm {
	width: 930px;
	margin: 0 auto;
}

#contactUsForm {
	width: 220px;
}	
#contactUsForm fieldset {
	margin: 0;
	padding: 0;
	margin-bottom: 0.5em;
}

#contactUsForm fieldset textarea {
	width: 200px;
	margin: 0;

}
#contactUsForm fieldset label {
	width: 100px;
}
#sendbutton {
	float:right;
}
	
.newspost {
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
}	

.userconsole h3 {
	margin-left: 0;
}

.orderagain {
	margin-right:10px;
}


table {
	margin-bottom: 0.5em !important;
}

a {
	color:inherit;
}



/* IE6 MIN-HEIGHT HACK THINGER */

html, body {
	height: 100%;
	min-height: 100%;
}

#contentarea {
	height: 100%;
	min-height: 100%;
}
.productlistitem {
	height: 100%;
	min-height: 100%;
}