/* ------------
global rules 
--------------- */

body {
margin: 12px 0 0 0;
padding: 0; 
font-size: 11px; 
font-family: Helvetica, Arial, sans-serif; 
font-weight: normal;
color: #333333;
text-align: center;
}

/* links */
/* global image rules */
img {
border: none;
}

/* Content wrapper */
#wrapper {
position: relative;
width: 780px !important;
width: 800px;
background-color: #ffffff;
margin: 0 auto;
padding: 0 10px 0 10px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
text-align: left;
}

/* logo image */
#logo {
margin: 0 7px 0 0;
}

#logo2 {
padding: 0 0 10px 0;
}

#navcontainer a {
position: relative; /* not all browsers will position inline elements using margin and padding. That's why we use position relative */
top: 5px;
left: 0;
font-size: 11px;
color: white;
text-decoration: none;
}

#navcontainer a:hover {
color: black;
text-decoration: underline;
}

#navcontainer li {
float: left;
margin: 0;
padding: 0 7px;
}

#navcontainer span {
font-weight: bold;
}

#navmain {
margin: 0;
padding: 0;
width: 100%;
height: 27px;
font-size: 11px;
list-style-type: none;
text-align: left;
background-repeat: no-repeat;
}

#navmain form {
display: inline;
}

#navmain input {
margin: 0;
padding: 0;
}

/* Search box */
#searchbox input#searchfield {
margin-top: 2px;
}

.advancedsearch {
margin: 0;
padding: 4px 2px 0 0;
text-align: left;
font-size: 10px;
}

input#searchgo {
position: relative;
top: 3px;
right: 0;
}

#searchfield {
width: 88px;
height: 14px;
margin-bottom: 0;
}

#navsub {
margin: 3px 0 0 0;
padding: 0;
width: 100%;
height: 21px;
list-style-type: none;
text-align: left;
}

#navsub a {
margin: 0;
padding: 0 10px;
font-size: 11px;
border-right: 1px solid white;
}

#navsub li {
margin: 0;
padding: 0;
}

#activemain {
color: black;
}

#activesub {
color: black;
}

/* Content Container */
#contentcontainer {
clear: both;
width:780px;
margin: 10px 0 0 0;
}

/* sidebar */
#sidebarcontainer {
float: left;
width:215px;
}

#center {
float: left;
position: relative;
width: 425px;
}

#store {
margin: 0 0 1px 0;
}

#store img {
margin: 0;
padding: 10px 0 0 0;
}

/* Quicklinks */
#quicklinks img {
margin: 9px 0;
border: none;
}

#quicklinks h3 {
margin: 0;
padding: 2px 0;
font-size: 10px;
font-weight:600;
color: rgb(102,102,102);
}

.quicklinksnav {
float: right;
padding: 19px 13px 0 0;
font-size: 10px;
font-weight: normal;
}

.quicknav {
margin: 0;
padding: 0;
list-style-type: none;
}

.quicknav li {
display: inline;
margin: 0;
padding: 0;
}

.quicknav a {
margin: 0;
padding: 0 3px;
border-right: 1px solid rgb(102,102,102);
color: rgb(102,102,102);
font-size: 9px;
}

/* Main container */
#maincontainer {
float: left;
width: 656px;
}

#maincontent {
float: left;
padding-right: 0px;
}

/* Review and gearguide */
#reviewsandgear img {
float: left;
padding-right: 11px;
}

.topstory {
padding: 0 0 0 0;
}

.topstoryimg {
float: left;
padding-right: 3px;
padding-bottom: 10px;
}

.cats {
line-height: 1.7em;
font-size: 11px;
font-weight: normal;
padding-left: 25px;
}


#headerbox_news {
position: relative;
width: 407px;
height: 20px;
text-align: right;
background-image: url(http://ilounge.com/assets/images/hd_sm_news05.gif);
background-repeat:no-repeat;
}

#headerbox_morenews {
position: relative;
width: 407px;
height: 20px;
text-align: right;
background-image: url(http://ilounge.com/assets/images/hd_sm_morenews05.gif);
background-repeat:no-repeat;
}

.headerandtext {
height: 10px;
margin-bottom: 10px;
}

.headernav, .headernav a:link, .headernav a:visited, .headernav a:active, .headernav a:hover{
text-align: right;
font-size: 10px;
padding-right: 5px;
font-weight: normal;
color: #ffffff;
}

.headernav a:link    {color: #ffffff; text-decoration: none;}
.headernav a:visited {color: #eeeeee; text-decoration: none;}
.headernav a:active  {color: #ffffff; text-decoration: none;} 
.headernav a:hover   {color: #ffffff; text-decoration: underline;}

.leftheader {
text-align: left;
font-size: 10px;
padding-left: 8px;
padding-right: 20px;
padding-bottom: 5px;
}

.leftheaderimgtop {
margin-bottom: -5px;
margin-top: -9px;
}

.leftheaderimg {
margin-bottom: -5px;
margin-top: -5px;
}

.sidead{
padding-bottom: 6px;
}

.heading {
margin: 0;
padding: 0 0 0 0;
font-size: 15px;
color: #333333;
font-weight: bold;
}

.heading a:link {
color: #333333;
}

.heading a:hover { 
color: #888888;
}

.heading a:visited {
color: #333333;
}

.heading h1 {
margin: 0;
padding: 0 0 0 0;
font-size: 15px;
color: #333333;
font-weight: bold;
text-decoration: none;
}

.heading h1 a:link {
color: #333333;
text-decoration: none;
}

.heading h1 a:hover { 
color: #888888;
text-decoration: none;
}

.heading h1 a:visited {
color: #333333;
text-decoration: none;
}

.topentry {
clear: right;
margin: 0;
padding: 0 0 0 0;
line-height: 1.2;
}

.entry {
clear: right;
margin: 0;
padding: 10px 0 0 0;
}

.entry h1 {
margin: 0;
padding: 0;
font-size: 12px;
color: #333333;
}

.entry h1 a:link {
color: #333333;
}

.entry h1 a:hover { 
color: #333333;
text-decoration: underline;
}

.entry h1 a:visited {
color: #333333;
}

.entry h2 {
margin: 0;
padding: 5px 0 0 0;
font-size: 12px;
color: #333333;
}

.entry p {
margin: 0;
padding: 0 10px 0 0;
}

.sitenews {
clear: right;
margin: 0;
padding: 0;
}

.sitenews h1 {
margin: 0;
padding: 0;
font-size: 12px;
color: #333333;
}

.sitenews p {
margin: 0;
padding: 0 10px 0 0;
}

.posted p {
margin: 0;
padding: 8px 0 0 0;
font-size: 10px;
}

.tellafriend {
position: relative;
top: 2px;
left: 0;
}


.firstlooksproduct {
padding-top: 0px;
margin-top: 0px;
margin-bottom: 0px;
padding-bottom: 10px;
}

#adbarcontainer {
float: left;
width: 119px;
}

#footer {
clear: both;
position: relative;
top: 10px;
left: 0;
text-align: center;
border-top: 1px solid #CCCCCC;
margin: 0 0 10px 0;
}

#footer p {
margin: 0;
padding: 15px;
text-align: center;
}

/* Reviews page */

#reviewindex {
position: relative;
width: 645px;
margin: 0;
padding: 0;
background-image: url(/assets/images/hd_lrg_newreview05.gif);
background-repeat:no-repeat;
background-color: transparent;
z-index: 10;
}

#reviewprocon {
position: relative;
float: left;
width: 400px;
margin: 0;
}

#reviewprocon2 {
position: relative;
float: left;
width: 400px;
margin: 0;
}

#reviewprocon h2 {
margin: 0;
padding: 0;
}

#reviewaward {
position: relative;
bottom: 5px;
float: left;
width: 5px;
}

#reviewinfo {
position: relative;
padding: 10px 0 5px 6px;
left: 0;
float: left;
width: 230px;
}

#reviewinfo p {
margin: 0;
padding: 3px 12px;
}

#reviewbody {
float: left;
position: relative;
top: 10px;
left: 0;
width: 645px;
}

#reviewbody p {
margin: 0;
padding: 8px 10px 8px 0;
}

#reviewimages {
float: left;
position: relative;
top: 12px;
width: 227px;
}

#reviewimages img {
margin: 0;
padding: 0 0 4px 0;
}

.center {
margin: 0;
padding: 0 0 0 0;
width: 645px;
text-align: center;
background-color: #EEEEEE;
}

.commententry {
margin: 10px 0;
padding: 5px 10px;
background-color: #EEEEEE;; 
}

/* Articles page */
#articlebody {
float: left;
position: relative;
top: 10px;
left: 0;
width: 645px;
}



/* Generic */
/* Set width of entry */
#entrycontainer {
position: relative;
width: 645px;
margin: 0;
padding: 0;
z-index: 10;
}

.resultRowOne {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:			11px;
 color:				#000;
 padding:           6px 6px 6px 8px;
 background-color:	#DADADD;
}

.resultRowTwo {
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:         11px;
 color:             #000;
 padding:           6px 6px 6px 8px;
 background-color:  #eee;
}

.resultHead {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size: 		11px;
 font-weight: 		bold;
 color:				#000;
 padding: 			8px 0 8px 8px;
 border-bottom:		1px solid #999;
 background-color:	transparent;
}

/* Old CSS from Old Site */

/*  Small Sized links  */
.smLinks, .smLinks a:link, .smLinks a:active, .smLinks a:visited, .smLinks a:hover{ 
 color:       #333333;
 font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
 font-size:   9px; 
 font-weight: normal;
} 
.smLinks a:link    { color:  #FF6600; text-decoration: none;}
.smLinks a:visited { color:  #888888; text-decoration: none;}
.smLinks a:active  { color:  #555555; text-decoration: none;}
.smLinks a:hover   { color:  #888888; text-decoration: underline;}

.padding10 {
text-align: left;
padding-top: 10px;
}

.dotted {
 border-style: dotted;
 border-width: 1px 1px 1px 1px;
 padding: 10px 10px 10px 10px;
 border-color: #DDDDDD;
 background-color: #FAFAFA;
}

#bookShelf {
   float: left;
   width: 655px;
   padding: 0;
   margin: 0 0 10px 0;
}

.bookInfo {
   float: left;
   width: 210px;
   margin: 10px 7px 0 0;
}

.bookinfobox {
 padding: 5px;
 margin: 10px 0 0 0;
}

.dotbox {
 border-style: dotted;
 border-width: 1px 1px 1px 1px;
 padding: 5px 5px 5px 5px;
 border-color: #CCCCCC;
 background-color: #FFFFFF;
 margin: 10px 0 0 0;
}

.pagination {
   display: block;
   clear: both;
   margin: 5px 0;
}

.adbox125 {
 border-style: dotted;
 border-width: 1px 1px 1px 1px;
 padding: 5px;
 border-color: #CCCCCC;
}

.adbox468 {
 clear: both;
 margin: 0;
 padding: 15px;
}

.author {
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size:   10px;
 color:       #333333;
 font-weight: normal; 
}

h1 {
 font-size: 14px;
 margin: 0;
 padding: 15px 0 0 0;
}

h2 {
 font-size: 12px;
 margin: 0;
 padding: 8px 0 0 0;
}

h6 {
 font-size:   11px;
 color:       #333333;
 margin-top: 2px;
 margin-bottom: 2px;
 font-weight: Bold;
}

.bodytext { 
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
 font-size:   11px;
 color: #333333;
 font-weight: normal;
}

.listing { 
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
 font-size:   11px;
 color: #333333;
 font-weight: normal;
 line-height: 18px;
}

.indent_listing { 
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
 font-size:   11px;
 padding-left: 7px;
 color: #333333;
 font-weight: normal;
 line-height: 13px;
 padding-bottom: 7px;
}

.header {
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size:   11px;
 line-height: 12px;
 color:       #333333;
 font-weight: bold;
}

#googleads {
	text-align: left;
	background: #eee;
	padding: 15px 0;
	margin: 15px 0;
	text-align: center;
}

#textads{
       float: right;
	text-align: left;
	background: #eee;
	padding: 15px;
	margin: 0;
}

#white { 
color: #FFFFFF; 
}

.right {
  float: right;
  margin-left: 7px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 5px;
}

.googleright {
  float: right;
  margin-left: 7px;
  margin-right: 10px;
  margin-top: 0px;
  margin-bottom: 5px;
}

.left {
  float: left;
  margin-right: 7px;
  margin-left: 0px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.oneclick {
float: right;
}

.ask_lounge_right {
  width: 200px;
  float: right;
  margin-left: 10px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 5px;
}

.leftheaderpoll {
text-align: left;
font-size: 10px;
padding-left: 8px;
padding-right: 20px;
padding-bottom: 3px;
}

.alphanum_box {
  float: left;
  display: inline;
  padding: 7px 7px 7px 7px;
  background-color: #666;
  margin: 0px 8px 5px 0px;
  font-size: 12px;
  font-weight: bold;
  color: white;
}

/* Nav Styles *******************/
.nav {
color: #006699;
margin: 0 0 3px 0;
padding: 6px 0 8px 10px;
background-repeat: no-repeat;
font-size: 10px;
}
.nav a, .nav a:visited {
color: #006699;
}
.nav a:hover {
color: #006699;
text-decoration: underline;
}

a.selected:link, a.selected:active, a.selected:hover, a.selected:visited {
color: #006699;
text-decoration: underline;
}
.cancel {
width: 100%;
font-size: 3px;
margin: -3px 0 0 0;
}
.show {
display: block;
}
.hide {
display: none;
}
.show, .hide {
color: #ffffff;
padding: 4px 0 8px 10px;
}
.show a, .hide a {
color: #ffffff;
text-decoration: none;
}
.show a:visited, .hide a:visited {
color: #ffffff;
text-decoration: none;
}
.show a:hover, .hide a:hover {
color: #006699;
text-decoration: underline;
}