/* - - - - - - - - - - - - - - - - - - - - -

Title : Hip House Main stylesheet	
Author : CM
Created : 16/08/05
Modified : 

- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */

*{
margin: 0;
padding: 0;
}	

html{
margin: 0;
padding: 0;
}	

body{
margin: 0;
padding: 0;
font-family: "Comic Sans MS";
font-size: 13px;
background: #E85FAD;
}

ul {
list-style: none;
}

a {
color: #0000FF;
text-decoration: none;
font-weight: bold;
}

a:hover {
text-decoration: underline;
}

h2 {
font-size: 140%;
color: #683498;
margin: 0 0 6px 0;
padding: 0;
font-weight: normal;
}



/* ----- IDS page structure ----- */

#pageContainer {
width: 770px;
margin: 0 auto;
}

/* ----- top navigation ----- */

#container-head {
background: #fff url(/siteimages/background/logo_top.gif) no-repeat;
height: 51px;
}

#container-head h1 {
text-indent: -3000px;
overflow: hidden;
}

#topNavigation {
background: #fff url(/siteimages/background/logo_bottom.gif) no-repeat;
height: 45px;
}

#topNavigation h1 {
text-indent: -3000px;
overflow: hidden;
}

#topNav {
margin: 0;
padding: 0;
}

#topNav ul {
padding: 0;
margin: 0;
}

#topNav li {
	list-style: none;
	float: left;
	margin: 2px 0 0 0;
	padding: 0 0 0 0;
}

#topNav li.page-title {
width: 166px;
padding: 0 20px 0 26px;
margin: 0 0 0 0;
voice-family: "\"}\""; 
voice-family: inherit;
width: 120px;
text-align: center;
}


#topNav li.page-title h2 {
margin: 0;
padding: 0;
color: #EB038D;
text-align: center;
}

#topNav li a {
	padding: 0px 8px 0px 8px;
	margin: 1px 0 0 0;
	text-decoration: none;
	color: #663399;
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
}

#topNav li a:hover {
color: #B299CC;
}

/* ----- SHOP ----- */

#shopMiddle {
clear:both;
}

#shopMiddle table, #shopMiddle tr, #shopMiddle td, #shopMiddle a {
padding: 0;
margin: 0;
}

#contentMiddle {

background: #fff url(/siteimages/background/bottom.gif) no-repeat 50% 100%;
padding: 20px 25px 40px 25px;
border-right: 14px #E85FAD solid;
border-left: 16px #E85FAD solid;
}

#contentBody, #tInteractiveQuiz, #tInteractiveECard {
background: #fff url(/siteimages/background/bottom.gif) no-repeat 50% 100%;
padding: 20px 20px 40px 20px;
border-right: 14px #E85FAD solid;
border-left: 16px #E85FAD solid;
}

.contentHold {
background: #fff;
padding: 20px 20px 10px 20px;
border-right: 14px #E85FAD solid;
border-left: 16px #E85FAD solid;
}

/* ------ SHOP - products ----- */


#productImageTop {
background: #fff url(/siteimages/shop/background/image_top.gif) no-repeat;
height: 37px;
width: 502px;
}

#productImage {
padding: 0 20px 0 20px;
border-right: 19px #77357F solid;
border-left: 20px #77357F solid;
text-align: center;
width: 417px;
}

#productImageBottom {
background: #fff url(/siteimages/shop/background/image_bottom.gif) no-repeat;
height: 37px;
width: 502px;
}

/* --------- SHOP PREVIEW IMAGE ------------ */


#productImageThumbTop {
background: #fff url(/siteimages/shop/background/image_small_top.gif) no-repeat;
height: 35px;
width: 150px;
}

#productImageThumb {
padding: 0 20px 0 20px;
border-right: 19px #77357F solid;
border-left: 20px #77357F solid;
text-align: center;
width: 68px;
margin: 0 0 0 1px;
}

#productImageThumbBottom {
background: #fff url(/siteimages/shop/background/image_small_bottom.gif) no-repeat;
height: 33px;
width: 150px;
}


img.productPreviewImage {
border: 0px solid #000;
}

div#productImagethumbsRoll {
float: right;
padding: 60px 70px 0 0;
}

/* ----------- ERRORS --------- */

div#errors {
background: #FFEEEE url(/siteimages/icons/error.gif) no-repeat top left;
border: 1px solid #DB2929;
margin: 6px 0;
padding: 6px 6px 6px 26px;
line-height: 16px;
font-weight: bold;
}

div.success {
background: #F5FBFD;
border: 1px solid #0066CC;
margin: 6px 0;
padding: 6px 6px 6px 6px;
font-weight: bold;
}

p.errors_title {
color: red;

}

form
{
	margin: 0;
	padding: 0;
}

fieldset.form
{
	padding: 10px;
	margin: 1em 0;
	background: #FECCFF;
	border: 1px solid #FECCFF;
	clear:both;
}

fieldset.form label
{
	font-weight: bold;
}

input.siteInput {
border: 1px solid #fff;
font-family: "Comic Sans MS";
font-size: 14px;
margin: 2px 0;
}

p.submit {
margin: 10px 0;
}

div#birthdayGiftListTop {
background: #000;
text-align: center;
font-size: 14px;
color: #fff;
padding: 3px 0;
font-weight: bold;
}

div#productBackLink {
margin: 10px 0;
}

span.backLink {
text-indent: -3000px;
overflow: hidden;
}

span.backLink a {
position: relative;
top: -50px;
width: 200px;
height: 50px;
}


div#productImagethumbs {
margin: 10px 0;
}


/*------------- footer -----------------*/

#footer {
font-size: 85%;
width: 800px;
margin: 0 auto;
text-align: center;
margin: 5px 0 10px 0;
}

#footer ul {
margin: 0 auto;
width: 460px;
}

#footer ul li {
float:left;
}

#footer ul li a {
padding: 0 10px;
}

#footer p {
display: block;
clear:both;
padding: 2px 0;
}

#footer a {
font-weight: normal;
}

a.smaller {
font-size: 85%;
font-weight: normal;
}

div#shopVote {
margin: 10px 0;
}

a#backToHouse {
position: absolute;
height: 40px; 
top: 0px; 
left: 65%; 
width: 250px;
}

.voteres1 { background: #884B9F; }
.voteres2 { background: #FFA616; }
.voteres3 { background: #E85FAD; }
.voteres4 { background: #ADDC6C; }
.voteres5 { background: #5FC1C5; }
.voteres6 { background: #FFCD83; }

/************* contact form **************/

#contactForm {
margin: 15px 0;
}

fieldset {
border: 1px #fff solid;
}

fieldset.form
{
	padding: 1.5ex;
	margin: 1em 0;
	border: 1px #fff solid;
	position:relative;
	clear:both;
}

fieldset input.text,fieldset textarea
{
	margin-bottom: .5ex;
}

fieldset select
{
	margin-bottom: .5ex;
}

fieldset p {
margin: 0;
padding: 0;
}


div#siteMap {
margin: 10px 30px;
padding: 10px 30px;
}

div#siteMap ul {
list-style-type:disc;
}

div#siteMap ul li a {
font-weight: normal;
}

div#siteMap ul li ul {
padding: 0 20px;
margin: 0 20px;
list-style-type:circle;
}

div#siteMap ul li ul li a {
font-weight: normal;
color: #000;
}