@charset "utf-8";



body {

	font-family:"Times New Roman", Times, serif;

	background-color: #FFFFFF;

	line-height: 125%;

}



p, ul {

	font-size: 1em;

}



h1 {

	font-size: 2.5em;

	text-transform: capitalize;

	margin: 0px;

	padding: 0px;

	line-height: 120%;

	font-weight: normal;

}



#homepage h1 {padding-top:40px;}



#sign-in-page h1, #register-page h1{

	text-transform: none;

	margin-bottom: 25px;

}



h2 {

	font-size: 1.7em;

	line-height: 120%;

	background-color: #FFCC00;

	display: inline;

	border-width: 1px;

	border-style: solid;

	font-weight: normal;

	padding: 2px 10px;

}



h3 {

	font-size: 1.8em;

	line-height: 120%;

	margin: 0px;

	font-weight: normal;

}



#homepage h3 {

	font-size: 1.6em;

	padding-left:60px;

	padding-bottom:20px;

}



h4 {

	font-size: 1.2em;

	line-height: 120%;

	margin: 0px;

	font-weight: normal;

}



/* Centers the content and set the width */

#container {

	width: 785px;

	margin-right: auto;

	margin-left: auto;

	border-width: 1px;

	border-style: solid;

}



/* Top header */

#masthead {

	background-image: url(../images/logo.gif);

	background-repeat: no-repeat;

	background-position: 35px center;

	background-color: #FFCC00;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	height: 90px;

}



/* Search box */

#masthead form {

	padding-right: 50px;

	padding-top:50px;

	float: right;

}



/* clear floats */ 

.spacer {clear:both;}



/* Headline - top container */

#headline {

	float:left;

	width:440px;

	padding-left: 60px;

	padding-top: 20px;

}	





#category-page #headline {width:550px;}



#user-reviews-page #headline, #more-reviews-page #headline, #sign-in-page #headline, #register-page #headline, #write-review-page #headline {

	float: none;

	width:665px;

}



/* sidebar, floated to the right */

#sidebar {

	float:right;

	width:200px;

	padding-right: 50px;

	padding-top: 20px;

}



/* smaller sidebar, containing 'Sign up' link */

#category-page #sidebar, #homepage #sidebar {

	width:105px;

}



/* picture of the product on product page (and homepage) */

#product-image{

	padding-left:60px;

	float: left;

	padding-top: 30px;

	display: inline;

}



/* adjusting product image for the homepage */

#homepage #product-image{padding:30px 30px 15px 0;}



/* description of the product on product page */

#product-description {

	padding: 0 60px;

	margin-left: 180px;

}



#homepage #product-description {

	margin:0;

	padding:0;	

}



.rating {

	font-size: 2.2em;

}



/* division lines - long -medium and small */

.div-line {

	background-image:url(../images/div-line.gif);

	background-repeat: repeat-x;

	width: 685px;

	margin-right: auto;

	margin-left: auto;

	margin-top: 30px;

}



.div-line-medium {

	background-image:url(../images/div-line.gif);

	background-repeat: repeat-x;

	width: 475px;

	margin-right: auto;

	margin-left: auto;

}



.div-line-small {

	background-image:url(../images/div-line.gif);

	background-repeat: repeat-x;

	width: 150px;

	margin-right: auto;

	margin-left: auto;

}



/* removing the border around image links */

a img {border-style: none;}



/* container for subheadline h2 */

.sub-headline {

	padding-left:60px;

	padding-top:15px;

	padding-bottom: 30px;

}



.blank_space {

	display: inline;

	margin-left: 300px;

}



.grey-text{color:#A0A0A4;}



.votes{

	font-size:0.8em;

}



#footer {

	background-color: #FFCC00;

	text-align: center;

	height: 22px;

	border-top-width: 1px;

	border-top-style: solid;

	vertical-align: middle;

}



#footer p {

	padding:0px;

	margin:0px;

}



.float-right {float:right;}



.left-padding {padding-left:60px;}



ol {

	padding-left:60px;

	margin-top: 0px;

	margin-left: 60px;

}



ol li {padding-bottom:20px;}



div.autocomplete {

      position:absolute;

      width:250px;

      background-color:white;

      border:1px solid #888;

      margin:0px;

      padding:0px;

      font-size:11px;

      font-family:Arial;

    }

    div.autocomplete ul {

      list-style-type:none;

      margin:0px;

      padding:0px;

    }

    div.autocomplete ul li.selected { background-color: #ffb;}

    div.autocomplete ul li {

      list-style-type:none;

      display:block;

      margin:0;

      padding:5px;

      cursor:pointer;

    }