/* CSS Document */

*, html {
	margin:0;
	padding:0;

}



body {
	margin:0;
	padding:0;
	font-family:Tahoma,Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(images/body-bg.jpg) repeat-x;

}
/* IE6 css fixer v0.7: Fri, 26 Feb 2010 15:03:20 +0100 */

/* ============================================= */
/* safe settings                                 */

/* add display:inline to floated elements */
* html #top-nav-container,
* html #top-nav,
* html #top-nav .left,
* html #top-nav .right,
* html #top-nav ul li,
* html #header,
* html #header .left,
* html #header .right,
* html #header .center,
* html #header-right,
* html #navigation,
* html #navigation ul li,
* html #main-body-top,
* html #main-body-center,
* html #main-body-bottom,
* html #left-col,
* html #left-col ul,
* html #left-col ul li,
* html .rounded-boxes,
* html .rounded-boxes-top,
* html .rounded-boxes-bottom,
* html .rounded-boxes-center,
* html .rounded-boxes-center-span,
* html #center,
* html #center-top,
* html #center-bottom,
* html #center-left-col,
* html .grey-stripes-container,
* html .grey-stripes-top,
* html .grey-stripes-center,
* html .grey-stripes-center-l,
* html .grey-stripes-center-r,
* html .grey-stripes-center-c,
* html .grey-stripes-bottom,
* html #products-listing ul,
* html #products-listing ul li,
* html #products-listing2 ul,
* html #products-listing2 ul li,
* html #products-details,
* html #icons,
* html #useful-info,
* html #center-right-col,
* html #paging,
* html #paging a, * html #paging strong,
* html #center-right-col ul,
* html #suggested,
* html #suggested ul,
* html #suggested ul li, * html #suggested ul li:hover,
* html #footer,
* html #footer .left,
* html #footer .right,
* html #products-listing, * html #products-listing2 {display:inline;}

/* add zoom:1 to pos:relative elements */
* html #container,
* html #main_body,
* html #top-nav-container,
* html #top-nav,
* html #header,
* html #header .left,
* html #header .right,
* html #header .center,
* html #header-right,
* html #header-right-top span,
* html #header-right-bottom span,
* html #navigation,
* html #navigation ul li,
* html #main-body-top,
* html #main-body-center,
* html #main-body-bottom,
* html #left-col,
* html #left-col ul,
* html #left-col ul li,
* html .rounded-boxes,
* html .rounded-boxes-top,
* html .rounded-boxes-bottom,
* html .rounded-boxes-center,
* html .rounded-boxes-center-span,
* html #center,
* html #center-top,
* html #center-bottom,
* html #center-left-col,
* html .grey-stripes-container,
* html .grey-stripes-top,
* html .grey-stripes-center,
* html .grey-stripes-center-l,
* html .grey-stripes-center-r,
* html .grey-stripes-center-c,
* html .grey-stripes-bottom,
* html #products-listing ul,
* html #products-listing ul li,
* html #products-listing2 ul,
* html #products-listing2 ul li,
* html #products-details,
* html #icons,
* html #useful-info,
* html #center-right-col,
* html #paging,
* html #paging .container,
* html #center-right-col ul,
* html #suggested,
* html #suggested ul,
* html #suggested ul li, * html #suggested ul li:hover,
* html #footer,
* html #footer .left,
* html #footer .right,
* html #products-listing, * html #products-listing2 {zoom:1;}



p {
	margin-bottom:15px;
	}

a, a:visited {
	text-decoration:none;
	color:#000;
}

a:active, a:hover {
	text-decoration:underline;
}

h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	text-transform:uppercase;
	font-weight:normal;
}

h2 {
	font-size:11px;
	font-weight:normal;
	color: #626262;
}

img {
	height:auto;
	width:auto;
}	

#container {
	position:relative;
	background:url(images/container-bg.jpg) bottom repeat-x;
	width:100%;	
}

ul.snavbar{
	margin-bottom:10px;
}

li.snavbar{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#575757;
	list-style:none;
}
li.links{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#575757;
	list-style: circle;
}
li.snavbar a{

	color:#575757;

}


#main_body	{
	width:1000px;
	position:relative;
	margin:0 auto;
}	

#cloud-1{
	position:absolute;
	top:22px;
	left:-54px;
	height:39px;
	width:84px;
}

#cloud-2{
	position:absolute;
	top:12px;
	left:245px;
	height:60px;
	width:145px;
	z-index:-1;
}

#cloud-3{
	position:absolute;
	top:0px;
	right:-114px;
	height:142px;
	width:281px;
	z-index:-2;
}

#cloud-4{
	position:absolute;
	 left:-59px; bottom:200px;


}
#cloud-5{
	position:absolute;
	 right:-102px; bottom:320px;


}

#top-nav-container {
	height:72px;
	width:100%;
	position:relative;
	display:inline;
	float:left;
	zoom:1;
	z-index:1000;
}

#top-nav {
	height:72px;
	width:580px;
	position:relative;
	float:right;
	display:inline;
	zoom:1;
	z-index:10000;
}

#top-nav .left {
	width:385px;
	float:left;
	display:inline;
}

#top-nav .right {
	width:170px;
	float:left;
	display:inline;
	margin-top:14px;
	margin-left:18px;
	margin-right:0px;
	padding:0px;
	

}

#top-nav ul {
	list-style:none;
	font-size:14px;
	margin-top:46px;
	height:27px;
}

#top-nav ul li {
	float:left;
	margin-right:25px;
	height:27px;
	
}

#top-nav ul li:hover, #top-nav ul li.current{
	background:url(images/top-nav-hover.gif) center bottom no-repeat;
}

#top-nav ul li a {
	color:#028bc5;
	text-decoration:none;
}




#header	{
	width:100%;
	position:relative;
	height:148px;
	float:left;
	display:inline;
}	

#header .left	{
	width:25px;
	height:148px;
	background:url(images/header-left.jpg) no-repeat;
	position:relative;
	float:left;
	display:inline;
}

#header .right	{
	width:23px;
	height:148px;
	background:url(images/header-right.jpg) no-repeat;
	position:relative;
	float:left;
	z-index:-1;
	display:inline;
}

#header .center	{
	width:952px;
	height:148px;
	position:relative;
	float:left;
	background:url(images/header-center.jpg) repeat-x;
	display:inline;
}

#superhero {
	position:absolute;
	top:-44px;
	left:-66px;
	width:397px;
	height:199px;
}

#logo {
	width:267px;
	height:103px;
	position:absolute;
	left:340px;
	top:14px;
}	

#header-right {
	width:350px;
	height:148px;
	position:relative;
	float:right;display:inline;
}

#header-right-top {
	width:344px;
	height:40px;
	position:absolute;
	background:url(images/blue-ribbon-left.gif) no-repeat bottom;
	right:-33px;
	top:29px;
	z-index:1;
}

#header-right-top span{
	width:319px;
	height:25px;
	display:block;
	background:url(images/blue-ribbon-right.gif) no-repeat right bottom;
	position:relative;
	z-index:5;
	padding-top:15px;
	padding-left:25px;
	color:#ffffff;
	font-size:13px;
}

#header-right-bottom {
	width:302px;
	height:40px;
	position:absolute;
	background:url(images/blue-ribbon-left.gif) no-repeat left bottom;
	right:-29px;
	top:72px;
	z-index:1;
}

#header-right-bottom span{
	width:291px;
	height:28px;
	display:block;
	background:url(images/blue-ribbon-right.gif) no-repeat right bottom;
	position:relative;
	z-index:5;
	padding-top:12px;
	padding-left:15px;
	color:#ffffff;
	font-size:13px;
}


#header-right-bottom form input.text{
	width:100px;
	height:22px;
	background:url(images/login-input.gif) no-repeat;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	border:none;
	padding-top:4px;
	padding-left:5px;

}

#header-right-bottom form input.button{
	width:56px;
	height:21px;
	background:url(images/login-button.gif) no-repeat;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	border:none;
	padding:0;

}

#navigation {
	position:relative;
	float:left;
	top:14px;
	width:1000px;
	height:91px;
	background-image: url(images/navigation-bg.gif);
	background-repeat: no-repeat;
	padding:0;display:inline;

}

#navigation ul {
	width:1000px;
	display:block;
	list-style:none;
	margin:0 auto;
	padding:0;
	padding-left:40px;
}

#navigation ul li {
	float:left;display:inline;
	padding:0;
	height:91px;
  	position: relative;
  	left: 0px;
  	top: 0px;
  	color: #731d1f;
  	font-weight: normal;
	margin:0;
	margin-right:25px;
	border:none;
}

#main-body-top {
	width:1000px;
	height:29px;
	float:left;display:inline;
	position:relative;
	background:url(images/main-body-top.gif) no-repeat;
	margin-top:22px;

}

#main-body-center {
	width:1000px;
	height:auto;
	float:left;
	position:relative;
	background:url(images/main-body-bg.gif) repeat-y;
display:inline;
}

#main-body-bottom{
	width:1000px;
	height:auto;
	float:left;
	position:relative;
	background:url(images/main-body-bottom.gif) no-repeat bottom;
	padding-bottom:25px;display:inline;
}

#left-col {
	width:245px;
	height:auto;
	float:left;
	position:relative;display:inline;
}	

#left-col .heading {
	width:231px;
	height:40px;
	position:absolute;
	left:-3px;
	top:-4px;
}	

#left-col ul{
	width:221px;
	list-style:none;
	position:relative;
	float:left;display:inline;
	display:block;
	margin-top:50px;
	margin-left:32px;
	padding:0;
	display:inline;
}	

#left-col ul li{
	padding-bottom:5px;
	display:block;
	position:relative;
	float:left;display:inline;
	width:195px;
	margin:0;
}

#left-col ul li a{
	color:#606060;
	text-decoration:none;
}

#left-col ul li span{
	display:block;
	position:absolute;
	right:0px;
	top:0px;
	font-size:11px;
	color:#619ec5;
}

.rounded-boxes {
	height:167px;
	margin-left:30px;
	margin-top:15px;
	position:relative;
	float:left;display:inline;
}	

.rounded-boxes-top {
	height:11px;
	position:relative;
	float:left;display:inline;
	background:url(images/top-bg.gif) repeat-x;
}
.rounded-boxes-bottom {
	height:11px;
	position:relative;
	float:left;display:inline;
	background:url(images/bottom-bg.gif) repeat-x;
}
.rounded-boxes-center {
	position:relative;
	float:left;display:inline;
	background:url(images/left-bg.gif) repeat-y left;
}

.rounded-boxes-center-span {
	position:relative;
	float:left;display:inline;
	background: transparent url(images/right-bg.gif) repeat-y right;
	text-align:center;
	padding:0 11px;
	display:block;

}

#airplane {
	position:absolute;
	top:25px;
	left:-146px;
}

#center {
	position:relative;
	float:left;display:inline;
	width:400px;

}

#center-top{
	width:100%;
	position:relative;
	float:left;display:inline;
	zoom:1;
}

#center-bottom{
	width:100%;
	position:relative;
	float:left;display:inline;
	margin-top:8px;
	zoom:1;
}

#center-left-col {
	position:relative;
	float:left;display:inline;
	width:480px;
}

.grey-stripes-container{
	float:left;display:inline;
	position:relative;
	zoom:1;
}

.grey-stripes-top {
	background:url(images/grey-stripes-top.gif) repeat-x;
	height:3px;
	position:relative;
	float:left;display:inline;
	width:100%;
	zoom:1;
}	

.grey-stripes-center {
	background:url(images/grey-stripes-top.gif) repeat-x;
	position:relative;
	float:left;display:inline;
	zoom:1;
}

.grey-stripes-center-l {
	background:url(images/grey-stripes-left.gif) repeat-y;
	position:relative;
	float:left;display:inline;
	width:3px;
	height:100%;	
	zoom:1;
}

.grey-stripes-center-r {
	background:url(images/grey-stripes-right.gif) repeat-y;
	position:relative;
	float:left;display:inline;
	width:3px;
	height:100%;
	zoom:1;
}

.grey-stripes-center-c {
	background:url(images/grey-stripes-bg.gif) repeat;
	position:relative;
	float:left;display:inline;
	zoom:1;


}

.grey-stripes-bottom {
	background:url(images/grey-stripes-bottom.gif) repeat-x;
	height:3px;
	position:relative;
	float:left;display:inline;
	width:100%;
	zoom:1;
}

#products-listing {
	width:100%;
	float:left;
	display:inline;
	position:relative;
	margin-top:17px;
}

#products-listing img {
	border:4px #d3d3d3 solid;
}

#products-listing ul {
	float:left;display:inline;
	display:block;
	position:relative;
	list-style:none;
	margin-left:4px;
}

#products-listing ul li{
	float:left;display:inline;
	width:113px;
	height:130px;
	position:relative;
	margin-right:6px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#products-listing ul li a, #products-listing ul li a:visited{
	color:#7a7a7a;
	text-decoration:none;display:inline;
}

#products-listing ul li a:active, #products-listing ul li a:hover{
	text-decoration:underline;
}

#products-listing2 {
	width:100%;
	float:left;display:inline;
	position:relative;
	margin-top:17px;
}

#products-listing2 img {
	border:7px #d3d3d3 solid;
}

#products-listing2 ul {
	float:left;display:inline;
	display:block;
	position:relative;
	list-style:none;
	margin-left:0;
	width:210px;
	background:#d3d3d3;
	margin-top:0px;
}

#products-listing2 ul li{
	float:left;display:inline;
	width:104px;
	height:65px;
	position:relative;
	margin-right:0px;
	margin-bottom:22px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#products-details{
	width:100%;
	float:left;display:inline;
	position:relative;
	margin-top:17px;
	color:#868686;
	margin-left:4px;
}

#products-details a{
	text-decoration:underline;
	color:#868686;
}

#products-details a:hover{
	text-decoration:none;

}



#icons{
	width:600px;
	float:left;display:inline;
	position:relative;
	margin-top:17px;
	font-size:14px;
	color:#868686;
	background:#dddddd;
	margin-left:4px;
	padding:7px 0;
	text-align:center
}

#icons img{
	vertical-align:middle;
	margin-left:10px;
	margin-right:5px;
}

#icons a{
	text-decoration:none;
	color:#363636;

}

#icons a:hover{
	text-decoration:underline;

}

#useful-info {
	width:326px;
	height:145px;
	float:left;display:inline;
	position:relative;
	background:url(images/useful-info-box.gif) no-repeat;
	margin:0 0 10px 0;
	text-align:left;
	
}

#useful-info h1 {
	margin:15px 0 10px 69px;
	font-size:14px;
	color:#7d7d7d;
	font-family:Tahoma;
}

#useful-info span {
	margin:0px 0 5px 49px;
	display:block;
	width:250px;
	color:#3c3c3c;
}

#useful-info img {
	margin:0px 5px 0 0px;
	vertical-align:middle;

}

#center-right-col {
	position:relative;
	float:left;
	width:230px;
	text-align:center;

	margin:0px;
}

#paging {
	width:730px;
	background:#dddddd;
	color:#515151;
	font-size:14px;
	padding:5px 0;
	text-align:center;
	float:left;display:inline;
	position:relative;
	margin:10px 0 0 4px;
}

#paging .container {
	margin:0 auto;
	position:relative;
	width:365px;
}

#paging a, #paging strong{
	text-decoration:none;
	color:#515151;
	display:block;
	width:25px;
	text-align:center;
	float:left;display:inline;

}


#paging a:hover{
	text-decoration: underline;
	color:#515151;

}


#center-right-col ul{
	position:relative;
	float:left;display:inline;
	width:212px;
	list-style:none;
	display:block;
	margin-top:146px;
	margin-left:20px;
	
}

#center-right-col ul li{
	text-align:left;
	background:url(images/right-menu-bg.jpg) no-repeat;
	width:195px;
	height:40px;
	padding-left:17px;
	padding-top:3px;
	font-size:13px;
	margin-bottom:4px;
}

#center-right-col ul li:hover{
	background:url(images/right-menu-hover.jpg) no-repeat;
}


#center-right-col ul li img{
	vertical-align:middle;
}

#center-right-col ul li a{
	display:block;
	width:195px;
	height:43px;
	color:#FFFFFF;
	text-decoration:none;
}

#suggested {
	width:600px;
	float:left;display:inline;
	position:relative;
	margin-top:17px;
}

#suggested img {
	border:1px #d3d3d3 solid;
}

#suggested ul {
	float:left;display:inline;
	display:block;
	position:relative;
	list-style:none;
	margin-left:4px;
	background:none;
		margin-top:0px;
		width:600px;
}

#suggested ul li, #suggested ul li:hover{
	float:left;display:inline;
	width:94px;
	height:98px;
	position:relative;
	margin-right:26px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background:none;
	padding-left:0;
}

#suggested ul li a{
	color:#868686;
display:inline;
height:auto;
text-decoration:none;
width:auto;
	background:none;
}

#suggested ul li a:hover{
	text-decoration:underline;
}

.steps {
	width:124px;
	padding-top:27px;
	height:74px;
	position:absolute;
	top:0px;
	left:10px;
	background:url(images/steps-bg.gif) no-repeat;
	text-align:center;
	font-size:25px;
	font-weight:bold;
	color:#3a3a3a;
}

#footer{
	width:100%;
	height:80px;
	float:left;display:inline;
	position:relative;
	margin-top:76px;
	color:#FFFFFF;
}

#footer a,#footer a:visited{
	color:#FFFFFF;
	text-decoration:none;
}

#footer a:hover,#footer a:active{

	text-decoration: underline;
}


#footer .left{
	width:500px;
	float:left;
	position:relative;
	text-align:center;
	padding-top:11px;	display:inline;
}

#footer .right{
	width:300px;
	float:left;
	position:relative;
	text-align:right;
	padding-right:75px;	display:inline;
}
