/** CSS RESET **/

* {	margin: 0px; padding: 0px; text-indent: 0px; }
img { border: none; padding: 0px; }
ul { list-style: none; }

.learnmore{
font-size:18px;
color:#ffffff;
text-decoration:underline;
}

/** GLOBAL STYLES **/

a.logop { 
position: absolute; 
left: 30px; 
top: 0; 
display: block; 
height: 159px; 
width: 244px; 
background: url(images/logo.png) no-repeat top left;
z-index:99; 
}

a.logop span { 
display: none; 
}

p {
color:#ffffff;
font-size:14px;
}

a, a:visited { color: #7e932e; text-decoration: underline; font-weight: bold; }
a:hover { color: #ffffff; text-decoration: underline; }


a.navtext { color: #ffffff; text-decoration: underline; font-weight: bold; font-family:Arial, Helvetica, sans-serif; margin-left:10px; }

.left { float: left!important}
.right { float: right!important}
.clear { clear: both!important}



.clearfix { 
display: inline-block; 
}

.crumb{
margin:10px 0;
}

.centertext{
text-align:center;
}

.centeraddthis{
text-align:center;
margin-top:5px;
}

h1 { font-size: 28px; line-height: 28px; color: #7e932e; font-weight: normal;}
h2 { font-size: 24px; line-height: 30px; color: #7e932e; font-weight: normal; }
h3 { font-size: 28px; line-height: 30px; color: #ffffff; font-weight: normal; }
h5 { font-size: 18px; line-height: 20px; color: #7e932e; font-weight: normal; }
h4 { font-size: 24px; line-height: 30px; color: #7e932e; font-weight: normal; }
h5 { font-size: 28px; line-height: 30px; color: #ffffff; font-weight: bold;}
h6 { font-size: 14px; line-height: 14px; color: #ffffff; font-weight: bold;}
h2 a{ font-size: 20px; line-height: 30px; color: #0d5b84; font-weight: normal; }


/** LAYOUT **/

#banner { 
background: url(images/background-banner.png) top no-repeat; 
padding: 19px; 
height: 192px; 
width: 892px; 
position: relative; 
top: 81px; 
margin-bottom: 81px;
}

body { 
font-family: "Arial", sans-serif; 
font-size: 12px; 
line-height:16px; 
color: #ffffff; 
background: #143c55;
}

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

#header { 
position: relative; 
z-index:99;
}

#topadsense { 
position: absolute; 
height: 15px; 
width: 468px; 
overflow: hidden; 
top: 70px; 
right: 35px;
z-index:99;
}

#logo { 
position: absolute; 
height: 159px; 
width: 244px; 
overflow: hidden; 
top: 12px; 
left: 35px;
z-index:99;
}

h1.logo {
	width: 244px; 
	height: 159px;
	background: url("images/logo.png");
	text-indent: -9999px;
	position: absolute; 
	left: 30px; 
	top: 0; 
	display: block;
}




#banner { 
background: url(images/background-banner.png) top no-repeat; 
padding: 19px; 
height: 192px; 
width: 892px; 
position: relative; 
top: 81px; 
margin-bottom: 81px;
z-index:0;
}

#content { 
margin: 0 auto; 
width: 833px; 
padding: 0 10px;
}




/* footer */

#footer { 
border-top: 1px solid #d5cccc; 
padding: 12px 0; 
margin: 0 auto; 
width: 833px; 
}


/* homepage */

.homepage { 
background: #143c55;
}






.homepage .column { 
margin: 10px 0; 
position: relative;
}


.columnheader { 
border-bottom: 1px solid #d5cccc; 
padding: 20px 0 0 0; 
margin: 0 0 12px 0; 
}

.columnheaderless { 
margin: 0 0 6px 0; 
}

.columnheadermore { 
margin: 15px 0 6px 0; 
}

.columnheaderc { 
border-bottom: 1px solid #d5cccc; 
padding: 0 0 0 0; 
margin: 40px 0 15px 0; 
}



.largecolumn { 
width: 833px;
}



.store-name a{
text-decoration:none;
display:block;
text-align:center;
font-size: 11px;
font-weight:normal;
color: #ffffff;
}

.store-name a:hover {
color: #0d5b84;
		}
	
/* column two commands */



.newestarrivals { 
position: relative; 
left: 4px; 
top: 0px; 
width: 850px;
height:300px;
}

.adsensecontainer { 
height: 90px; 
width: 282px; 
float: left; 
padding: 19px 0; 
position: relative; 
left: -10px; 
}

.navcontainer { 
height: 90px; 
width: 282px; 
float: left; 
padding-left:40px; 
position: relative; 
left: -10px; 
}

.adsenseimagecontainer { 
height: 250px; 
width: 282px; 
float: left; 
padding: 19px 0; 
position: relative; 
left: -10px; 
}

.video { 
height: 138px; 
width: 282px; 
float: left; 
padding: 19px 0; 
position: relative; 
left: -10px; 
}

.arrival { 
height: 118px; 
width: 282px; 
float: left; 
padding: 19px 0; 
position: relative; 
left: -10px; 
}


.arrival p{
margin:0 0 0 10px;
padding-top:20px;
line-height:16px;
width:260px;
}

.homepage  .columnentry p { text-align: justify; }

.products { 
width: 547px;
}

.reviews { 
width: 547px;
}

.reviews p{
font-size:16px;
line-height:18px;
margin-top:10px;
margin-bottom:10px;
color:#ffffff;
}

.articleimage {
float:right; 
width:250px; 
height:250px;
margin:0 10px 5px 10px;
}

.recipeimage {
float:left; 
width:250px; 
height:250px;
margin:0 10px 5px 0;
}

.recipedetail {
float:left;
margin-top:50px; 
}

.articleimageleft {
float:left; 
width:200px; 
height:200px;
margin:0 10px 5px 0;
}

.articleimageright {
float:right; 
width:200px; 
height:200px;
margin:0 0 5px 10px;
}

.last { margin-bottom: 0px!important; }



div.adsense{
	width: 186px;
	position: relative;
	margin:0 auto;
	}

.width266 { 
width: 266px;
margin-top:50px;
}

.first{
margin-top:40px;
}
.productpagegallery { 
position: relative; 
left: 4px; 
top: 0px; 
width: 560px; 
}

.productpagegallery ul {
	list-style-type:none;
	width:560px;
	height:100%;
	float:left;
	margin-top:10px;
}

.productpagegallery li {
	display:block;
	float:left;
	margin:0 20px 30px 10px;
	width:110px;
	height:175px;
}

.product-name a{
text-decoration:none;
display:block;
text-align:center;
font-size: 11px;
font-weight:normal;
color: #ffffff;
}

.product-name a:hover {
color: #1172a6;
		}

.pr{
color: #A64511;
}


.productpagegallery li img{
	width:100px;
	height:100px;
	border:4px solid #c9c9c9;
	}

.productpagegallery li img:hover{
	border: 4px solid #0d5b84;
}
.productpagegallery li.end {
	margin: 0 0 20px 0;
}

.productpagegallery li p {
text-align:center;
}

.alignright {
	float: right;
	margin:5px 0 5px 5px;
}

.productspecificdetail { margin-bottom: 6px!important; }

.productentry p { padding: 0 0 14px 0; text-align: justify; }

/** product page **/

/* sizing chart */

table {
	width: 329px;
	border-collapse: collapse;
	border:1px solid #cccccc;
	}

table a, table, tbody, tfoot, tr, th, td {
	font-family: Arial, Helvetica, sans-serif;
}

table caption {
	font-size: 14px;
	line-height:20px;
	width:329;
	text-align: center;
	background-color: #7f0000;
	height: 20px;
	color: #ffffff;
	border:1px solid #cccccc; 
	}

thead th {
	background-color: #1172a6;
	height: 30px;
	color: #FFFFFF;
	font-size: 14px;
	font-family: Arial;
	font-weight: bold;
	padding: 0px 7px;
	margin: 20px 0px 0px;
	text-align: center;
	}

tbody tr {	
	background: #ffffff;
	}

tbody tr.odd {	
	background: #f0f0f0; 
	}

tbody th, tbody td {
	font-size: 12px;
	line-height: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 3px 7px;
	text-align: center;
	 
	}

.imagegallerycolumn { 
width: 495px; 
}



#screenshots { 
background: url(images/background-screenshots.gif); 
height: 494px; 
width: 496px; 
position: relative; 
left: -4px; 
margin: 10px 0 0; 
}

#screenshot { 
height: 259px; 
width: 461px; 
padding: 18px 0 0 18px; 
z-index: 5; 
position: relative; 
overflow: hidden; 
}

#kayathumbnails { padding: 0 0 0 11px; }
#kayathumbnails li { float: left; margin: 7px 0 0 7px; height: 62px; width: 110px; overflow: hidden; position: relative; }
#kayathumbnails li a span, #thumbnails li a:visited span { position: absolute; display:block; width: 104px; height: 56px; top: 0; left: 0; }
#kayathumbnails li a:hover span, a.activethumbnail span, a.activethumbnail:visited span { border: 3px solid #1172a6; }

#thumbnails { 
padding: 0 0 0 50px;
min-height:140px;
}

#thumbnails li { 
float: left; 
margin: 7px 0 0 20px; 
height: 62px; 
width: 110px; 
overflow: hidden; 
position: relative; 
}


#thumbnails li a span, #thumbnails li a:visited span { 
position: absolute; 
display:block; 
width: 104px; 
height: 56px; 
top: 0; 
left: 0;
}

#thumbnails li a:hover span, a.activethumbnail span, a.activethumbnail:visited span { 
border: 3px solid #1172a6; 
}

#thumbnails li a, #thumbnails li a:visited  { 
text-decoration: none; 
}

#ajaxloader { 
position: absolute; 
top: 140px; 
left: 240px; 
z-index: 2; 
}

.gamedownload { 
padding: 8px 0 0 18px; 
width: 470px; 
}

.gamedownload p { 
padding: 12px 0 0 0; 
}

a.buynow{ 
width: 208px; 
height: 46px; 
background-image: url(images/buy-now.png);
}

.freeship{
position:absolute;
top:442px;
right:305px;
color:#990000;
font-weight:bold;
}

a.buynow:hover { 
background-position: 0px -46px; 
}

.otherproducts { 
background: url(images/background-game-logos.gif); 
height: 150px; 
width: 496px; 
position: relative; 
left: -4px; 
text-align: center; 
}

.otherproducts img { 
margin: 50px 10px 0 10px; 
}

.productlefttext { 
width: 329px;
margin-top:15px 
}

.smalladsense { 
position: relative; 
width: 341px; 
height: 111px; 
left: -6px; 
margin: 40px 0 0 0;
padding-left:40px;
}

.playnow a, .playnow a:visited { 
background-image: url(images/button-eets-playnow.gif); 
background-repeat: no-repeat; 
background-position: 0px 0px; 
display: block; 
height: 111px; 
width: 341px; 
}

.playnow a:hover { 
background-position: 0px -111px; 
}

.playnow a span { 
display: none; 
}

.columnentry p { 
text-align: justify;
padding-top:5px; 
}

.topadsense { 
margin: 6px 0 0 0; 
padding: 4px 0 0 0; 
}

.bottomadsense { 

padding: 4px 0 0 0; 
}

.centering {
width: 833px;
text-align:center;
margin-top:10px;
}

.topcentering {
width: 930px;
text-align:center;
}

#shopother ul {
	list-style-type:none;
	width:495px;
	height:100%;
	float:left;
	margin-top:10px;
}

#shopother li {
	display:block;
	float:left;
	margin:0 5px 5px 10px;
}

#shopother li img{
	width:100px;
	height:100px;
	border:4px solid #c9c9c9;
	}

#shopother li img:hover{
	border: 4px solid #0d5b84;
}
#shopother li.end {
	margin: 0 0 20px 0;
}

#shopother li p {
text-align:center;
}

#otherphotos ul {
	list-style-type:none;
	width:331px;
	height:100%;
	float:left;
	margin-top:10px;
}

#otherphotos li {
	display:block;
	float:left;
	margin:0 5px 5px 20px;
}

#otherphotos li img{
	width:100px;
	height:100px;
	border:4px solid #c9c9c9;
	}

#otherphotos li img:hover{
	border: 4px solid #0d5b84;
}
#otherphotos li.end {
	margin: 0 0 20px 0;
}

#otherphotos li p {
text-align:center;
}

.priceinfo { 
float: left!important;
font-size:20px!important;
margin-left:40px;
}

.price {
	color:#0d5b84;
	}
	
/** contact page **/

.page-products .column { 
margin-bottom: 20px; 
}

/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #c5dbea;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(/images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
	background: transparent url(/images/prevlabel.gif) no-repeat 0 15%;
}

#lbPrevLink:hover {
	background: transparent url(/images/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
	background: transparent url(/images/nextlabel.gif) no-repeat 100% 15%;
}

#lbNextLink:hover {
	background: transparent url(/images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(/images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

/* Definitions */

.definition {
	position: relative;
	text-decoration: none;
	background-color:#0d5b84;
	font-weight:bold;
	color:#ffffff;
	cursor:help;
}
.definition:hover .bpop {
	display: block;
	position: absolute;
	width: 20em;
	background-color:#0d5b84;
	color:#ffffff;
	font-weight:bold;
	padding: 1px 3px 2px 3px;
	border: 1px #ccc solid;
	font-size: 0.8em;
	right: 2em;
	bottom: 2em;
	
}

.bpop {
	display: none;
}

.single-mblog{
float:left;
}

.mblog-title{
font:bold 26px; 
font-color:#479;
}

.mblog-title a{
width: 540px; 
display:block; 
margin-bottom:3px;
padding-bottom:5px;
font: 28px  Georgia, verdana,arial,serif; 
color:#333; 
}

.mblog-title a:hover{
color:#48769B;
}

.mblog-author{
margin-bottom:10px;
text-align:left;
font:italic 1em/1em  verdana,arial,serif;color:#777;
}

.mblog-author a{
text-decoration:underline;
color:#48769B;
}

.mblog-desc{
font:1.2em/1.6em verdana,arial,serif;
width: 540px; 
}

.mblog-desc a {
color:#478;
}

.mblog-img img{
float:right;
border:1px solid; 
margin-left:7px;
}

a.myblog-continue {
font:bold 1.3em/1.3em  verdana,arial,serif;
margin:10px 10px 35px 10px;
display:block;
text-decoration:underline;
}

.myblog-tags{
float:left;
padding-right:5px;
}

.mblog-tags{
margin:5px 0;
border:0px solid #478;
font:1em/1em  verdana,arial,serif;
}

a.cooking{ 
width:245px;
height:118px;
background-image: url(images/box-1.jpg);
display: block;
border:10px solid #ffffff;
}

a.cooking:hover { 
width:245px;
height:118px;
display: block;
background-position: 0px -118px; 
border:10px solid #ffffff;
}

a.recipes{ 
width:245px;
height:118px;
background-image: url(images/box-2.jpg);
display: block;
border:10px solid #ffffff;
}

a.recipes:hover { 
background-position: 0px -118px; 
}

a.tutorial{ 
width:245px;
height:118px;
background-image: url(images/box-3.jpg);
display: block;
border:10px solid #ffffff;
}

a.tutorial:hover { 
background-position: 0px -118px; 
}




.ads {
	width: 833px;
	margin: 0 auto;
	text-align:center;
	border:1px solid #FF0000;
}

.navlist {
padding-top:5px;
}

.navlist li {
margin-left:15px;
}

.navlist li a {
font-weight:normal;
}

.navlist li a:hover {
color: #7e932e; text-decoration: underline;
}

.navlist li a.here {
background-color:#7e932e;
color: #ffffff;
	}
	
/** JQUERY STYLES **/

#slider {
   background: url(images/background-banner-shadow.png) top no-repeat; 
padding: 19px; 
height: 352px; 
width: 892px; 
position: relative; 
top: 81px; 
margin-bottom: 81px; 
overflow: hidden; /* important */
}

#slider, #slider img, #slider ul{
  height: 352px; 
width: 892px; 
}

#slider li,#slider ul{
  padding:0;
  margin:0;
}

#slider ul {
   position: absolute;
}

#slider .slide {
   float: left;
   position: relative;
   display: none;
}

/*For sane browsers..*/
#slider .slide:first-child{
  display: block;
}

#slider .slide span {
  position: absolute;
height:100px;
  padding: 10px 13px 25px 10px;
  opacity: 0.7; /*this is only used for non-IE on the first slide, before js is loaded, use spanOpacity option to change opacity*/
  background-color: #000000;
  border:1px solid #FFFFFF;
  color: #fff;
  bottom: 100px;/*remove this and it will be on top*/
  right:0;
  width: 500px;
}

.clearboth{clear:both; padding-top:10px;}


.recipe li{
	font-size:16px !important; font-weight: normal; line-height:20px;
}

.dir {
margin-top:10px;
}

.directions{
padding-left:20px;
}

.directions li{
	font-size:16px !important; font-weight: normal; line-height:20px;
}
