/* @group 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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	margin: 0px;
	padding: 0px;
}

p {
	margin: 0px;
}

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

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: "" "";
}

/* @end */

body {
	text-align: center;
	font: 0.7em "Lucida Grande", Lucida, Verdana, sans-serif;
	padding: 10px;
	color: #858585;
}

p {
	margin-bottom: 1em;
}

p.bottom {
	margin-bottom: 10em;
}

.clearing {
	clear: both;
}

.orange {
	color: #ff7f00;
}

#wrapper {
	width: 674px;
	height: 506px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #858585;
	position: relative;
}

#splash1 {
	background-image: url(images/splash1.jpg);
	width: 204px;
	height: 441px;
	position: absolute;
	top: 109px;
	left: -77px;
	z-index: 2;
}

#splash2 {
	background: url(images/splash2.jpg) no-repeat;
	position: absolute;
	left: 127px;
	width: 540px;
	height: 253px;
	top: 297px;
	z-index: 2;
}

#contact1 {
	width: 280px;
	height: 299px;
	background: url(images/contact1.jpg) no-repeat;
	position: absolute;
	top: 266px;
	left: -157px;
}

#contact2 {
	background: url(images/contact2.png) no-repeat;
	width: 130px;
	height: 299px;
	position: absolute;
	top: 266px;
	left: 123px;
}

#pressfull {
	background: url(images/press_full.png) no-repeat;
	width: 349px;
	height: 314px;
	position: absolute;
	top: 315px;
	left: -69px;
}

#press1 {
	background: url(images/press1.jpg) no-repeat;
	width: 214px;
	height: 300px;
	position: absolute;
	top: 248px;
	left: -39px;

}

#press2 {
	background: url(images/press2.png) no-repeat;
	width: 151px;
	height: 300px;
	position: absolute;
	top: 248px;
	left: 175px;

}

#prod1 {
	background: url(images/prod1.jpg) no-repeat;
	width: 170px;
	height: 264px;
	position: absolute;
	top: 312px;
	left: -171px;

}

#prod2 {
	background: url(images/prod2.jpg) no-repeat;
	width: 325px;
	height: 64px;
	position: absolute;
	top: 508px;
	left: -1px;

}

#prod3 {
	background: url(images/prod3.png) no-repeat;
	width: 197px;
	height: 59px;
	position: absolute;
	top: 449px;
	left: -1px;

}

#story1 {
	background: url(images/story1.jpg) no-repeat;
	width: 165px;
	height: 206px;
	position: absolute;
	top: 358px;
	left: -169px;
}

#story2 {
	background: url(images/story2.png) no-repeat;
	width: 226px;
	height: 206px;
	position: absolute;
	top: 358px;
	left: -6px;
}

#about1 {
	background: url(images/about.png) no-repeat;
	width: 455px;
	height: 220px;
	position: absolute;
	top: 340px;
	left: -210px;
}

#video {
	background: url(images/video.png) no-repeat;
	width: 275px;
	height: 320px;
	position: absolute;
	top: 240px;
	left: -20px;
	z-index: 250;
}

#lojo {
	background: url(images/lojo.gif) no-repeat;
	width: 222px;
	height: 83px;
	position: absolute;
	top: 4px;
	left: 6px;
	background-image: url(images/lojo.gif);
}

#lojo h1 {
	margin: 0px;
	padding: 0px;
	font-size: 1px;
	width: 100%;
	height: 100%;
}

#lojo a {
	text-indent: -5000px;
	display: block;
	width: 100%;
	height: 100%;
}

#prodNav {
	overflow: auto;
	width: 217px;
	height: 389px;
	float: left;
	margin-right: 4px;
	position: absolute;
	left: 3px;
	overflow: auto;
	padding: 5px;
	top: 100px;
	background-color: #f3f3f3;
	border: 1px solid #ededed;
}

#LeftCol {
	overflow: auto;
	width: 227px;
	height: 389px;
	float: left;
	margin-right: 4px;
	position: absolute;
	left: 3px;
	overflow: auto;
	top:80px;

}

#pressRelease {
	width: 400px;
	border: 1px solid #bfbfbf;
	background-color: white;
}

#pressRelease p {
	padding-left: 30px;
	padding-right: 30px;
}

#prodNav ul {
	width: 190px;
	display: block;
	margin: 0;
	padding: 0;
	padding-bottom: 40px;
	padding-left: 5px;
}

#prodNav li {
	width: 190px;
	height: 160px;
	border-bottom: 1px solid #bbbbbb;
	margin-bottom: 20px;
	position: relative;
}

.prodTitle {
	width: 190px;
	height: 20px;
	position: absolute;
	bottom: 0;
	left: 0;
}

#productPic {
	height: 320px;
	width: 420px;
	float: left;
	position: relative;
	overflow: hidden;
}


#viewDeets {
	height: 90px;
	width: 120px;
	float: left;
	position: absolute;
	left: 0;
	bottom: 0;
}

#viewCloser {
	height: 36px;
	width: 40px;
	float: left;
	position: absolute;
	right: 0;
	bottom: 0;
	background: url(images/viewclose.gif) no-repeat;
}

#prodNav li a {
	display: block;
	width: 190px;
	height: 160px;
	color: #ff7f00;
	text-decoration: none;
}


/* @group footer */

#footer {
	width: 674px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	z-index: 15;
	position: relative;
}

#footer ul {
	font-size: 0.9em;
}

#footer ul li a {
	color: #858585;
	text-decoration: none;
}

#footer ul li a:hover {
	color: #ff7f00;
	text-decoration: none;
}


#footer li#acid {
	font-size: 0.1em;
	position: absolute;
	top: 0;
	left: 440px;
}

#footer li#acid  {
	background: url(images/footer.png) no-repeat;
	text-indent: -5000px;
	left: 300px;
	width: 497px;
	height: 186px;
	display: block;
}

#footer li#terms {
	top: 0;
	position: absolute;
	left: 560px;
}

#footer li#privacy {
	top: 17px;
	position: absolute;
	left: 560px;
}

#footer li#pp {
	top: 35px;
	position: absolute;
	left: 560px;
}

/* @end */

/* @group navbar */

#navbar {
	background-color: #858585;
	width: 435px;
	height: 17px;
	text-align: right;
	position: absolute;
	top: 4px;
	left: 235px;
}

#navbar ul {
	margin: 0;
	padding: 2px 0 0;
}

#navbar ul li {
	display: inline;
	font-size: 1em;
	margin-right: 15px;
}

#navbar ul li a {
	color: #fff;
	text-decoration: none;
}

#navbar ul li a:hover {
	color: #ffb770;
	text-decoration: none;
}

body#pHome li#nb1 a,
body#pProduct li#nb2 a,
body#pAbout li#nb3 a,
body#pStory li#nb4 a,
body#pPress li#nb5 a,
body#pContact li#nb6 a {
	color: #ffb770;
}

/* @end */



#scrollContent {
	overflow: auto;
	width: 435px;
	height: 476px;
	position: absolute;
	top: 22px;
	left: 237px;
}

/* @group popup */

#popup {
	position: relative;
	width: 430px;
	height: 489px;
	/*left: 371px;*/
	top: 50px;
	background: url(../images/popupbg.gif) no-repeat;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

#poppic {
	width: 370px;
	height: 295px;
	float: left;
	margin-top: 95px;
	margin-left: 4px;
	border: 1px solid #e0e0e0;
	position: relative;
	display: inline;
	text-align: center;
	background: #f3f3f3;
}

#poppic ul {
	position: absolute;
	bottom: 10px;
	left: 10px;
}

#popthumbs{
	width: 47px;
	height: 294px;
	float: left;
	margin-top: 95px;
	margin-left: 4px;
	border: 1px solid #e0e0e0;
}

#popcart {
	width: 420px;
	height: 88px;
	float: left;
	margin-left: 4px;
	margin-top: 3px;
	border: 1px solid #e0e0e0;
	display: inline;
}

#popcart ul {
	width: 410px;
	margin-top: 5px;
	margin-left: 5px;
	position: relative;
}

#popcart a {
	color: #858585;
	text-decoration: none;
}

#popcart a:hover {
	color: #ff7f00;
	text-decoration: none;
}

li.empty {
	position: absolute;
	top: 40px;
	left: 0;
}

li.add a {
	position: absolute;
	top: 36px;
	left: 180px;
	background: url(images/litrolley.gif) no-repeat;
	text-indent: 20px;
	height: 18px;
	line-height: 2em;
}

li.view a {
	position: absolute;
	top: 61px;
	left: 180px;
	background: url(images/litrolley.gif) no-repeat;
	text-indent: 20px;
	height: 18px;
	line-height: 2em;
}

li.checkout {
	position: absolute;
	top: 65px;
	left: 0;
}

li.close {
	position: absolute;
	top: 65px;
	right: 0;
}

.minipics {
	width: 45px;
	height: 45px;
	float: left;
	border: 1px solid #000;
	margin-top: 3px;
	margin-left: 3px;
	border: 1px solid #e0e0e0;
}
.minipics img, .minipicsTop img {
	border: 1px solid #000;
	margin-top: 3px;
	margin-left: 3px;
}

.minipicsTop {
	width: 45px;
	height: 45px;
	float: left;
	border: 1px solid #000;
	margin-top: 95px;
	margin-left: 3px;
	border: 1px solid #e0e0e0;
}


/* @end */

#content {
	background-color: #f3f3f3;
	border: 1px solid #ededed;
	padding: 8px 0px 0px 8px;
	color: #858585;
	min-height: 466px;
	height: auto !important;
	height: 466px;
}

#content a {
	color: #ff7f00;
	text-decoration: none;
}

#content a:hover {
	color: #ff7f00;
	text-decoration: none;
}

#contentProduct {
	background-color: #f3f3f3;
	border: 1px solid #ededed;
	padding: 8px 0px 0px 8px;
	color: #858585;
	min-height: 345px;
	height: auto !important;
	height: 345px;
	position: relative;
}

#contentProduct ul {
	display: block;
	width: 420px;
	position: absolute;
	left: 0px;
	bottom: 0px;
}

#contentProduct li a {
	color: #858585;
	text-decoration: none;
}

#contentProduct li a:hover {
	color: #ff7f00;
}

#contentProductInfo li {
	float: left;
	clear: left;
	margin: 0px;
}

#contentProductInfo li a {
	color: #858585;
	text-decoration: none;
}

#contentProductInfo li a:hover {
	color: #ff7f00;
}

#contentProductInfo li.toppad {
	margin-top: 10px;
}

#contentProductInfo li.price {
	margin-bottom: 5px;
}

#contentProductInfo li.viewbasket {
	background: url(images/litrolley.gif) no-repeat;
	text-indent: 20px;
	line-height: 18px;
	height: 18px;
}

li.viewbasket a {
	width: 90px;
	display: block;
	height: 18px;
}

li.zoom a {
	width: 29px;
	display: block;
	height: 29px;
	position: absolute;
	right: 0;
	bottom: 0;
	background: url(images/lizooom.gif) no-repeat;
	text-indent: -500px;
}

li.addbasket a {
	bottom: 0;
	display: block;
	background: transparent url(images/litrolley.gif) no-repeat;
	line-height: 2em;
	position: absolute;
	text-indent: 20px;
	left: 10em;
}

li.detail {
	width: 113px;
	display: block;
	height: 33px;
	background: url(images/liviewdetail.gif) no-repeat;
	margin-bottom: 20px;
	line-height: 4.1em;
	text-indent: 40px;
}

li.detail a {
	width: 113px;
	display: block;
	height: 33px;
}

li.description {
	width: 360px;
	display: block;
	position: absolute;
	right: 8px;
	top: 8px;
	text-align: right;
}

#contentProductInfo {
	background-color: #f3f3f3;
	border: 1px solid #ededed;
	margin-top: 3px;
	padding: 8px 0px 0px 8px;
	position: relative;
}

#contentProductInfo ul {
	height: 108px;
}

ul.pressRelease {
	display: block;
	padding: 0;
	margin: 0;
	margin-top: 43px;
}

ul.pressRelease li a {
	background: #858585;
	height: 16px;
	color: #fff;
	display: block;
	text-decoration: none;
	padding-left: 3px;
	margin-bottom: 3px;
	line-height: 1.4em;
}


#whitespace {
	display: block;
	float: left;
	height: 3px;
	background: #fff;
}

#contentBasket {
	background-color: #f3f3f3;
	border: 1px solid #ededed;
	padding: 8px 8px 0;
	color: #858585;
	min-height:466px;
	height:auto !important;
	height:466px;
}

#contentProduct h2, #content h2 {
	color: #ff7f00;
	border-bottom: 1px solid #cbcbcb;
	padding-bottom: 0.8em;
	margin-bottom: 2em;
	margin-top: 30px;
}

#contentProduct h3, #content h3, #contentProductInfo h3 {
	margin: 0;
	padding: 0;
	color: #ff7f00;
	margin-bottom: 5px;
	margin-top: 0;
}

body#pHome #content h2 {
	padding-bottom: 0.8em;
	margin-bottom: 0.8em;
	margin-top: 0;
}

body#pContact #content ul {
	color: #ff7f00;
	margin-bottom: 1em;
}

body#pContact #content ul li {
	display: inline;
}

body#pContact #content ul li a {
	color: #ff7f00;
	text-decoration: none;
}

body#pContact #content ul li a:hover {
	text-decoration: underline;
}

body#pContact #content ul li.sep {
	margin-right: 5px;
	margin-left: 5px;
}

/* shopping cart */
table.basket {
	width: 100%;
}

table.basket td, table.basket th {
	vertical-align: middle;
	border-bottom: 1px solid #CBCBCB;
	padding: 5px 0;
}

tr.basketItem input.quantity {
	width: 1.5em;
}

ul#yourBasketBottom {
	margin-top: 10px;
	position: relative;
}

ul#yourBasketBottom li.promotion {
	padding-top: 2em;
}

ul#yourBasketBottom li.update, ul#yourBasketBottom li.proceed {
	background: transparent url(images/litrolley.gif) no-repeat;
	text-indent: 20px;
	line-height: 2em;
}

ul#yourBasketBottom li.update a, ul#yourBasketBottom li.proceed a {
	color: #858585;
}

ul#yourBasketBottom li.update a:hover, ul#yourBasketBottom li.proceed a:hover {
	color: #FF7F00;
}

ul#yourBasketBottom li.total {
	position: absolute;
	top: 0;
	right: 8px;
}

/* popup */
#detailoverlay {
	position: absolute;
	width: 100%;
	top: 0px;
	left: 0px;
	opacity: 0.5;
	background: #000;
}

#detailcontainer {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	display: none;
}

#detailcontainer {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	display: none;
	z-index: 100;
}

/* checkout */
table.accountDetails tr.header {
	background-color: #cbcbcb;
}

table.accountDetails tr.header td {
	padding: 2px 3px;
}

table.accountDetails td {
	padding: 5px 0;
}

table.accountDetails label {
	width: 14em;
	display: block;
}

table.accountDetails input.text {
	width: 17em;
}

table.accountDetails input#dob.text {
	width: 9em;
}

table.accountDetails select {
	width: 17em;
}

#content p.actions {
	text-align: right;
	margin-right: 8px;
}

#content p.actions a {
	color: #858585;
}

#content p.actions a:hover {
	color: #ff7f00;
}

#content p.actions input.submit {
	display: none;
}

table.shipping {
	margin: 0px 0px 1em 0px;
	width: 100%;
}
table.shipping .header td {
	background: #CBCBCB;
	padding: 1px;
	border-top: 3px solid #F3F3F3;
}

div#content.checkout h3, div#content.checkout2 h3 {
	display: block;
	background-color: #cbcbcb;
	color: #858585;
	padding: 2px 3px;
}

div#content.checkout a, div#content.checkout2 a {
	color: #ff7f00;
}

div#content.checkout a:hover, div#content.checkout2 a:hover {
	color: #ff7f00;
}

div#content.checkout p.createAccount {
	text-align: right;
	display: block;
	margin: 0 8px 20px 0;
}

div#content.checkout label {
	display: block;
	float: left;
	width: 9em;
	line-height: 2em;
	height: 2em;

}

div#content.checkout input.text {
	float: right;
	margin-right: 8px;
	width: 22em;
}

div#content.checkout form p.clear {
	clear: both;
	margin: 0.5em 0px;
	height: 2em;
}

div#content.checkout p#pwdForgotten {
	float: left;
	margin-top: 15px;
}

div#content p#continueCheckOut {
	float: left;
	margin-top: 15px;
}

div#content p a.back {
	float: left;
	margin-top: 15px;
}

div#content p#actions {
	float: right;
	margin: 1em 8px 0 0;
	padding-top: 5px;
}

div#content.checkout p#actions input, div#content.checkout2 p#actions input {
	display: none;
}

div#content ul.checkoutprogress {
	margin: 0px 0px 0px 0px;
}

div#content ul.checkoutprogress li {
	float: left;
	background-color: #cdcdcd;
	margin: 0px 3px 0px 0px;
	padding: 3px;
}

div#content ul.checkoutprogress li#checkout4 {
	margin: 0px;
}

div#content ul.checkoutprogress li.current {
	background-color: #fff;
}

div.message {
	color: #ff7f00;
	margin: 0px 0px 1em 0px;
}

/* acid popup */

div#acidPopup {
	top: 50px;
	width: 450px;
	margin: 50px auto 0 auto;
	background-color: #f3f3f3;
	border: 1px solid #ebebeb;
	padding: 10px;
	text-align: left;
	position: relative;
}

div#acidPopup .logos .lojoLogo {
	background: url('images/lojo.gif') no-repeat;
	width: 222px;
	height: 83px;
	display: block;
	text-indent: -5000px;
	float: right;
}

div#acidPopup .logos .acidLogo {
	background: url('http://www.lojoballusa.com/images/icff_logo_cmyk_mac100.gif') no-repeat;
	width: 186px;
	height: 186px;
	display: block;
	text-indent: -5000px;
	float: left;
	margin-bottom: 2em;
}

div#acidPopup p.acidIPS {
	float: left;
	clear: both;
}

div#acidPopup p.patentPending {
	float: right;
}

div#acidPopup p.acidText {
	clear: both;
}

/* end acid popup */


#content table table {
	width: 100%;
	margin: 0px;
}
#content td {
}
#content tr.header td, #content tr.header th {
	background-color: #ededed;
	/* padding: 3px 10px 5px 10px; */
	padding: 2px 3px;
	font-size: 1em;
	font-weight: normal;
}
#content table tr.header td strong {
	font-weight: normal;
}
#content td.blank, #content tr.header .blank {
	background: none;
	width: 7px;
	padding: 0px;
	font-size: 1%;
}


ul#pageNums {
	margin: 0;
	padding: 5px 0 0;
	margin-left: -6px;
}
ul#pageNums li {
	list-style-type: none;
	display: inline;
	margin-right: 0.4em;
	padding-right: 0.7em;
	font-size: 0.9em;
	margin: 0px;
	padding: 0px 5px 0em 6px;
}

table.orderConfTable {
	width: 100%;
}

a.movie {
	padding-left: 20px;
	background: url(images/play.gif) left center no-repeat;
}

#cart {
	float: right;
	width:669px;
}

#productPic form {
	float:right;
	margin-left: 10px;
}


#free {
	background: url(images/freeshipping.png);
	text-indent: -999em;
	position: absolute;
	right: 0;
	top: 0;
	width: 180px;
	height: 151px;
	z-index: 0;
}

.jqmWindow {
    display: none;
    position: fixed;
    top: 17%;
    left: 50%;
    margin-left:-200px;
    width: 400px;
    background-color: #fff;
    color: #777;
	font-size: 1.5em;
    border: 6px solid #ff9328;
    padding: 20px;
	text-align: center;
}

a.jqmClose {padding-left:0px;font-size: .75em;}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
#lls {
	float: right;
	width: 265px;
	text-align: left;
	color: #ff7f00;
}