/*  
Main Stylesheet for Tilt Store
20090322 Sean C
*/

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-image: none;
	font-size: 12px;
	text-align: center;
}

 p, img, h1, h2, h3, h4, pre{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFd2;
	border: none;
	
}

td, th, form{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #002170;
	border: none;
}

#mainpage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 960px;
	background-image:  url(http://www.tiltparty.org/images/bgmainblue.png);
	position:relative;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	color: #FFFFd2;
	text-align: left;
}


/* Shop website */
.header
{ font-size:		125%;
  color:			black;
  font-weight:		bold;
  text-decoration:	underline;
}
.no_underline
{ text-decoration:		none;
}
a
{font-weight:		bold;
 color:			navy;
}
.small
{ font-size:		80%;
}
.faq
{ font-size:		110%;
}
.price_brief
{ font-size:		120%;
}
.big
{ font-size:		150%;
  text-decoration:	none;
}
.cat
{ font-size:		150%;
}
.standard
{ font-weight:		normal;
}
.white
{ color:			#ffffd2;
}
.pink
{ color:			#FFFF99;
}

div.topmenu_selected
{
  background:		#FFFF66;
  padding:			7px;
}
div.topmenu_notselected
{
  background:		#FFFFFF;
  padding:			7px;
}

.lightsmall
{ color:			black;
  font-size:		80%;
}
.category_child
{
  font-weight:		normal;
}
.cart
{
  font-size:		90%;
  BORDER-BOTTOM:	0px solid;	
  BORDER-LEFT:		0px solid;
  BORDER-RIGHT:		0px solid;	
  BORDER-TOP:		0px solid;
  margin:			0px;
  font-weight:		bold;
  color:			navy;
  background-color:  transparent;
}
/* ------------------ End of Shop specific ----------------------*/



/* ----------------------- Global Links --------------------------*/

a {
	margin: 0px;
	padding: 0px;
}

a:link,
a:visited,
a:active
{
	background: transparent;
	color: #2575ad;
	text-decoration: none;
	
}

a:hover
{
	background: transparent;
	color: #CC6600;	
	text-decoration: none;
}

/* DIVs
-----------------------------------------------------------------*/
div#top {
	height: 160px;
	background-color: #002170;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #ffffd2;
	left: 2%;
	right: 2%;
	position: relative;
	padding: 4px;
	width: 96%;
	font-style: oblique;
	font-weight: lighter;
	border: 1px solid #FFFF99;
	
	}
div#nav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: relative;
	width: 50%;
	background-color: #002170;
	padding: 4px;
	float:left;
	height: 130px;
	z-index:2;
}
#nav a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFF00;
	text-decoration: none;
}
#nav a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	font-weight: bolder;
	background-color: transparent;
}
	div#main{
	position:relative;
	width:571px;
	z-index:3;
	left: 0px;
	top: 0px;
	background-color: #002170;
	border: 1px none #000000;
	color: #FFFFd2;
	text-align: left;
	padding: 4px;
}
	
div#content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 100;
	color: #FFFFd2;
	background-color: #002170;
	position: relative;
	
	padding: 4px;
	width: 96%;
	left: 2%;
	right: 2%;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ffff99;
	border-left-color: #ffff99;
	z-index: 2;
}

div#contentExt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 100;
	color: #FFFFd2;
	background-color: #002170;
	position: relative;
	/*height: 1024px; */
	padding: 4px;
	width: 96%;
	left: 2%;
	right: 2%;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ffff99;
	border-left-color: #ffff99;
	z-index: 2;
}



div#lhsflash {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: normal;
	color: #002170;
	background-color: #002170;
	position: relative;
	left: 6px;
	top: 4px;
	width: 175px;
	height: 121px;
	z-index: 1;
	
	
}

div#gutterrhs{
	position:absolute;
	width:321px;
	height:1002px;
	z-index:2;
	left: 593px;
	top: 24px;
	background-color: #002170;
	padding-left: 4px;
	color: #ffffd2;
	border-left: thin solid #FFFFd2;
	
}

div#gutterlhs{
	position:absolute;
	width:574px;
	height:1002px;
	z-index:1;
	left: 8px;
	top: 24px;
	background-color: #002170;
	border: 1px none #000000;
	color: #ffffd2;
}


div#footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: lighter;
	color: #FFffd2;
	position: relative;
	width: 96%;
	background-color: #002170;
	padding:4px;
	left: 2%;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ffff99;
	border-left-color: #ffff99;
}

#footer a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffd2;
	text-decoration: underline;
}
/* Classes
-----------------------------------------------------------------*/
.capsule{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #ffffd2;
	font-style: normal;
	text-align: justify;
	padding: 2px 2px 5px;
	background-color: #4C6689;
	border: #4C6689;
}

.capsule a{
	background-color: #FFFFFF;
	font-size: larger;
	text-decoration: underline;
}

.capsuleSmall{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffd2;
	font-style: italic;
	text-align: left;
	padding: 2px 2px 5px;
	background-color: #4C6689;
	border: #4C6689;
	font-weight: 400;
}

.capsuleVSmall{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #ffffd2;
	font-style: italic;
	text-align: left;
	padding: 2px 2px 5px;
	background-color: #4C6689;
	border: #4C6689;
	font-weight: 400;
}
.capsuleEm{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #ffffd2;
	font-style: italic;
	text-align: left;
	padding: 2px;
	text-indent: 10px;
	margin-left: 20px; /* Fix List in FF okay MSIE */
	margin-bottom: 20px;
}