html,body{height:100%}
body {
	font-family:Arial, Verdana, Tahoma;
	font-size:12px;
	margin:0 auto;
	padding:0;
	color:#333333;
	background-color:#CAE4F1;
}
* {
	margin:0;
	padding:0;
}
*:focus {
	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
					 if you want to keep it! */
}
form{margin:0; padding:0;}

/*** END OF GLOBAL  ***/

/*** DEFAULT ELEMENT STYLES ***/
/* heading */
h1, h2, h3, h4, h5 {margin-bottom:5px;	font-family:Arial, Verdana;}
h1 {color:#54afe5; font-size:32px;font-style:italic; font-weight:bold; line-height:34px;}
h2 {color:#54afe5;font-size:20px;font-style:italic; font-weight:bold; line-height:32px;}
h3 {color:#54afe5; font-size:22px; line-height:24px;}
h4 {color:#54afe5;font-size:14px;font-weight:bold; line-height:16px;}
h5 {font-size:12px; margin:3px 0px; padding:0px; font-weight:bold; letter-spacing:1px;}

/* links */
a {color:#298f00;text-decoration:underline;}
a:hover{color:#40ab15;}
a img{border:none}

/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote {
	font-size:12px;
	line-height:18px;
	color:#333333;
	margin-bottom:20px;
}
ul, ol {
	margin:10px 0 10px 10px;
}
li ol,
li ul
{
	font-size:1.0em;
	list-style:square;
	margin-bottom:0;
	margin-top:0;
}
li ol {list-style:decimal;}
blockquote {
	font-style:italic;
	margin:25px 0 25px 0px;
	color:#333333;
	padding:10px 20px 10px 35px;
	background-image:url(../images/quote.png);
	background-repeat:no-repeat;
}

/* code */
code {
	font-family:Arial, Verdana;
	letter-spacing:1px;
	margin:25px 0 25px 0px;
	display:block;
	font-size:0.9em;
	border-left:4px solid #005d94;
	padding:15px 10px;
}
/*** END OF DEFAULT ELEMENT STYLES ***/

/*** CONTAINER ***/
#main_container{background-image:url(../images/bg_main_container.gif); background-color:#cae4f1; background-repeat:repeat-x;}
#bottom_container{background-image:url(../images/bg_bottom_container.gif); background-repeat:repeat-x; height:86px; width:100%; clear:both;}
/*** END OF CONTAINER ***/

/*** TOP ***/
#top{height:75px;}
#top_left{float:left; width:300px;}
#top_right{float:right; width:658px; padding-top:10px;}
#mainmenu{ padding:0px 0px 0px 0px; background-image:url(../images/bg_mainmenu.gif); float:right; background-repeat:no-repeat; width:146px; height:30px;  position:relative; 	z-index:500 !important;  margin-right:20px;}
#logo {
	margin-top:10px;
}
#ads {
	float:right;
	padding-right:25px;
}

/*** END OF TOP ***/

/*** CATEGORY NAVIGATION ***/
#category_navigation{background-image:url(../images/bg_category_navigation.gif); background-repeat:no-repeat; height:94px; margin-top:17px; clear: both;}

/* Top Navigation bar menu styling */
.nav_art {margin:0px auto; padding:0px 0px 0px 11px;}
.nav_art ul{ 
	padding:0;
	margin:0 auto;
	list-style: none;
	position: relative;
}
.nav_art li{
	list-style:none;
	float:left;
	padding:0;
	padding-bottom:15px;
	font:normal 12px Arial;
	width:275px;
}
.nav_art li.nomargin{margin-right:0px !important;}

#nav {margin:0px auto; padding:13px 0px 0px 11px;}
#nav ul{ 
	padding:0;
	margin:0 auto;
	list-style: none;
	height:72px;
	position: relative;
	width:920px;
}
#nav li{
	list-style:none;
	float:left;
	padding:0;
	font:normal 12px Arial;
	width:198px;
	height:72px;
	margin:0px 40px 0px 0px;
	
}
#nav li.nomargin{margin-right:0px !important;}
#nav .lavaLamp li a {
	z-index: 10;
	display: block;
	float: left;	
	position: relative;
	overflow: hidden;
	margin: auto 0px;
	color:#FFFFFF;
	text-decoration:none;
}

#nav .lavaLamp li a:hover {
	z-index: 10;
	display: block;
	float: left;
	position: relative;
	overflow: hidden;
	margin: auto 0px; 
	color:#FFFFFF;
}

#nav .lavaLamp li .active {
	z-index: 10;
	display: block;
	float: left;
	position: relative;
	overflow: hidden;
	margin: auto 0px; 
	color:#FFFFFF;
}

#nav .lavaLamp li.back {
	background: url(../images/lava.gif) no-repeat right -72px;
	width: 9px; height: 72px;
	z-index: 8;
	position: absolute;
}
#nav .lavaLamp li.back .left {
	background: url(../images/lava.gif) no-repeat top left;
	height:72px;
	margin-right: 9px; /* 7px is the width of the rounded shape */
}

/*** END OF CATEGORY NAVIGATION ***/


/*** CENTERCOLUMN ***/
#centercolumn{width:1020px; margin:0px auto;}
#main_centercolumn{width:958px; margin:0px auto; }
/*** END OF CENTERCOLUMN ***/


/*** CONTENT ***/
#main_content{padding:0px 44px 25px 24px;}
.imgleft{float:left; padding-right:15px;}
.imgright{float:right; padding-left:15px;}
.clr{clear:both}
h2 a, h2 a:visited{color:#54afe5; text-decoration:none; font-style:normal;}
h2 a:hover{color:#66bef2;}
/*** END OF CONTENT ***/


/*** FOOTER ***/
#footer{ text-align:center;margin:0px auto; width:1020px; background-image:url(../images/bg_footer.gif); background-repeat:repeat-x; background-position:left top; clear:both; background-color:#000000}
#foot{padding:45px 0px 0px 0px; font-size:12px; color:#fff; }
#foot a, #foot a:visited{color:#fff; text-decoration:none;}
#foot a:hover{text-decoration:underline;}
/*** END OF FOOTER ***/

#main_content h1, #content_right h1{
	background:url(../images/blue-b.gif) no-repeat left;
	height:43px;
	line-height:35px;
	color:#fff;
	text-indent:17px;
	font-weight:bold;
	font-size:1.6em;
}
#content_right h1.grey{
	background:url(../images/grey.gif) no-repeat;
}
#main_content h1.blue{
	background:url(../images/blue.gif) no-repeat;
}
.menuimg img {
	padding:10px 10px 0 10px;
}
.menuimg p.title {
	font-size:1.6em;
	font-style:italic;
	font-weight:bold;
	padding-top:20px;
}
.menuimg p.tag {
	font-size:1.0em;
	float:left;
}
.top10 {
	width:100%;
	border:1px solid #378ec3;
	border-collapse: collapse;
	color:#333333;
}

.top10 td {
	border:1px solid #D3E7F3;
	text-align:center;
	padding:3px;
}

.top10 .header {
	color:#333333;
	font-size:1.2em;
	text-align:center;
	background: #cae4f1;
	height:40px;
	font-weight:bold;
}

.top10 img {
	border:1px solid #666666;
}

.top10 ul {
    padding:0;
	margin-left: 5px;
	margin-top:4px;
	text-align: left;
	list-style: none;
}

.top10 li {
	padding-left: 15px;
	padding-bottom:2px;
	background: url(../images/arrow.png) no-repeat 0 5px;

}


.odd {
	background: #F5F4F0;
}
.row {
	height:75px;
}
.rank {
	width:46px;
	font-size:1.8em;
	color:#005d94;
}
.price {
	width:69px;
	font-size:1.6em;
	font-weight:bold;
	color:#005d94;
}
.features {
	margin-left:40px;
	width: 177px;
}
.rev_fea1, .rev_fea2 {
	width:300px;
	float:left;
}
.rev_fea1 ul, .rev_fea2 ul {
    padding:0;
	margin-left: 5px;
	margin-top:4px;
	text-align: left;
	list-style: none;
}

.rev_fea1 li, .rev_fea2 li {
	padding-left: 20px;
	padding-bottom:4px;
	background: url(../images/star.png) no-repeat 0 2px;
}