@import url('reset.css');
@import url('superfish.css');

/* File Download Icons */
a.file {background: url('../images/icon-file.gif') 0 0 no-repeat; padding-left: 20px;}
a.pdf {background: url('../images/icon-pdf.gif') 0 0 no-repeat; padding-left: 20px;}
a.doc {background: url('../images/icon-doc.gif') 0 0 no-repeat; padding-left: 20px;}


/* Core layout 
======================================================================*/
body {
  background:#fff url('../images/core/background-repeat.gif') repeat-x 0 0;
  font:12px Verdana, Arial;
  color:#333;
}

#p-index #bg-container {
  background:url('../images/core/center-bg.jpg') no-repeat center top;
  margin:0 auto; 
}

#bg-container {
  background:url('../images/core/center-background-inner.jpg') no-repeat center top;
  margin:0 auto; 
}

#container {width:900px; margin:0 auto;}
#flash {width:780px; height:270px !important; margin:0 auto; padding:10px 0 10px 0; overflow:hidden;}
#p-index #flash {width:836px; height:270px !important; margin:0 auto; padding:10px 0 10px 0; overflow:hidden;}
  #next {width:28px; height:158px; float:left; padding:112px 0 0 0;}
  #prev {width:28px; height:158px; float:left; padding:112px 0 0 0;}
  #slides {width:780px; height:270px; float:left;}
  
#navigation {width:384px; margin:0 0 0 259px; position:relative;}

#content {width:830px; margin:0 auto; padding:55px 0 0 0;}
#text {width:800px; margin:0 auto; padding:0 0 15px 0;}

#footer {
  width:800px; 
  height:35px; 
  margin:0 auto; 
  background:url('../images/core/footer-bg.gif') no-repeat 0 0; 
  padding:0 0 20px 0;
}

.height { height: 270px; }




/* Products layout 
----------------------------------------------------------------------*/
ul.category {padding:0 0 0 100px;}
ul.category li {float:left; width:180px; height:180px; border:1px solid #ccc; margin:5px; text-align:center;}
ul.category li img {padding:0 0 5px 0;}


ul.listing {padding:0 0 0 0;}
ul.listing li {display:block; width:800px; border:1px solid #ccc; margin:0 0 10px 0;}

ul.listing li .listing-image {float:left; width:180px; padding:10px; text-align:center;}
ul.listing li .listing-image img {padding:0 0 10px 0;}
ul.listing li .listing-info {float:left; width:570px; padding:10px; margin:10px 10px 10px 0; background:#ddd;}




/* Navigation layout 
======================================================================*/
ul.nav				    {height:66px; width:384px; margin:0 auto; list-style:none; padding:0 0 0 0; }
ul.nav li         {float:left;}
ul.nav li a			  {display:block; height:66px; text-indent:-9999px;}
ul.nav li a:hover	{background-position:0 -66px !important;}


/* -- dropdown menu -- */
ul.nav li ul li a {
	background: #21ade6 !important;
	color: #ffffff !important;
	height: 15px !important;
	width: 180px !important;
	padding: 5px;
	text-indent: 10px;
	overflow: visible;
}

ul.nav ul {
	width: 190px;
	border-top: 0;
	z-index: 999;
	position: absolute;
}

ul.nav li ul li a:hover {
	background: #062844;
	color: #eeff35 !important;
	text-decoration: none;
}



ul.nav li#home a				{background: url('../images/nav/home.gif') no-repeat 0 0; width:50px;}
ul.nav li#profile a			{background: url('../images/nav/profile.gif') no-repeat 0 0; width:62px;}
ul.nav li#products a		{background: url('../images/nav/products.gif') no-repeat 0 0; width:79px;}
ul.nav li#where-to-buy a{background: url('../images/nav/wheretobuy.gif') no-repeat 0 0; width:101px;}
ul.nav li#contact a     {background: url('../images/nav/contact.gif') no-repeat 0 0; width:92px;}

#p-index        ul.nav li#home a        {background-position:0 -66px;}
#p-profile      ul.nav li#profile a			{background-position:0 -66px;}
#p-products     ul.nav li#products a		{background-position:0 -66px;}
#p-where-to-buy ul.nav li#where-to-buy a{background-position:0 -66px;}
#p-contact      ul.nav li#contact a     {background-position:0 -66px;}

ul#dropdown {position:absolute; left:108px; top:63px;}
ul#dropdown li {background:#21ade6; margin:1px; padding:5px; display:block; width:110px;}
ul#dropdown li a {color:#fff; text-decoration:none;}
ul#dropdown li a:hover {color:#eeff35;}


#text a {color:#0d6589; text-decoration:none;}
#text a:hover {color:#1d800d; text-decoration:underline;}

#footer a {color:#fff; text-decoration:none;}
#footer a:hover {color:#333; text-decoration:underline;}




 /* Font Style
======================================================================*/
#p-index h1 {background:url('../images/titles/h1-home.gif') no-repeat 0 0; text-indent:-9999px; width:830px; height:50px;}
#p-profile h1 {background:url('../images/titles/h1-profile.gif') no-repeat 0 0; text-indent:-9999px; width:830px; height:50px;}
#p-products h1 {background:url('../images/titles/h1-products.gif') no-repeat 0 0; text-indent:-9999px; width:830px; height:50px;}
#p-where-to-buy h1 {background:url('../images/titles/h1-buy.gif') no-repeat 0 0; text-indent:-9999px; width:830px; height:50px;}
#p-contact h1 {background:url('../images/titles/h1-contact.gif') no-repeat 0 0; text-indent:-9999px; width:830px; height:50px;}

h2 {font:20px Georgia, Times; color:#0083b8; padding:0 0 10px 0;}
h3 {font:16px Arial, Verdana; color:#5bb800; padding:0 0 10px 0;}
h4 {font:16px Georgia, Times; color:#666; padding:0 0 5px 0;}
h5 {font:14px Arial, Verdana; color:#000; padding:0 0 5px 0;}
p {line-height:20px; padding:0 0 15px 0;}

#footer p {padding:7px 10px; font-size:10px;}

ul.list { padding:0 0 15px 0; width:auto; border:none; margin:0; list-style:inside disc !important; }

ul.list li { padding:0 0 7px 15px; width:auto; border:none; margin:0; /*list-style-type:disc !important;*/ clear: both; }
ul.list li.no-bullet { list-style-type:none !important; }
ul.list li ul { padding:0 0 15px 0; width:200px; float: left; border:none; margin:0; list-style:inside circle !important; }
ul.list li ul li {}

ul.check li {
  background: url('../images/core/list-check.gif') left top no-repeat;
  list-style: none;
  padding-left:20px;
}



/* Extras 
======================================================================*/
#logo   {width:279px; height:130px; margin:0 auto; padding:27px 0 23px 0;}
.right  {float:right;}
.left   {float:left;}




 /* Form Style
======================================================================*/