/* @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;
}
em {
	font-style: italic;
}

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

#home1 {
	background-image: url(../images/splash1.jpg);
	width: 345px;
	height: 500px;
	position: absolute;
	top: 109px;
	left: -110px;
	z-index: 2;
}



#splash1 {
	background-image: url(../images/splash1.jpg);
	width: 345px;
	height: 500px;
	position: absolute;
	top: 109px;
	left: -110px;
	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: 410px;
	height: 289px;
	position: absolute;
	top: 300px;
	left: -139px;

}

#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.png) no-repeat;
	width: 170px;
	height: 285px;
	position: absolute;
	top: 311px;
	left: -171px;

}

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

}

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

}

#story1 {
	background: url(../images/story1.jpg) no-repeat;
	width: 300px;
	height: 345px;
	position: absolute;
	top: 228px;
	left: -65px;
}

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

#about1 {
	background: url(../images/about.jpg) no-repeat;
	width: 273px;
	height: 340px;
	position: absolute;
	top: 166px;
	left: 0px;
}

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


#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: 100px;

}

#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 a {
	background: url(../images/acid.gif) no-repeat;
	text-indent: -5000px;
	width: 106px;
	height: 49px;
	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: 25px;
	left: 235px;
}

/* @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: 300px;
	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#pGallery #content h3 {
	float: left;
}

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

body#pGallery #content ul {
	list-style-type: none;
	display: inline;
}

body#pGallery #content ul li {
	width: 97px;
	height: 130px;
	display: inline;
	float: left;
	margin: 0 10px 10px 0;
	text-align: center;
}

/* 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('../images/acid_big.gif') no-repeat;
	width: 186px;
	height: 82px;
	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;
}

div#video-links {
	
}

div#video-links p {
	float: left;
}

div#video-links img {
	margin-top: 7px;
	margin-left: 25px;
	margin-right: 25px;
}

div#video-links ul {
	float: left;
}

div#video-links li {
	margin-bottom: 8px;
}

div#video-links li a {
	background: url(../images/video_link_button.gif) no-repeat;
	display: block;
	line-height: 24px;
	width: 140px;
	text-indent: 21px;
	color: #000;
	font-weight: bold;
}

div#video-links li a:hover {
	background: url(../images/video_link_button.gif) no-repeat 0 -50px;
	color: #fff;
}

ul.home {
	margin-top: -1em;
}

.minimal-content {
	top: 50px;
	position: relative;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
}

.light-margin {
	margin-bottom: 0.5em;
}