/* -------------------------------------------------------------- 
   
   common.css
   * Sets up common styles for the entire site.
   * This is the place to override blueprint css.

*** PALLETE ****
White: #fff;		
Black: #000;
LightBlue: #abe1f9;
DarkBlue: #6699CC;
Pink: #d81e7a;
LightPink: #f5dfee;
DarkPurple: #990099;

*** NOTES ***
a, a:link, a:visited, a:hover, a:active -- Correct order for anchor styles

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

/* Defaults
-------------------------------------------------------------- */
body {
	/* http://www.pinkpandagifts.com/ */
	margin:0px auto auto auto;
  	background:url(http://www.pinkpandagifts.com/cssimg/bg.jpg) repeat-x top #f5dfee;
	font-family: "Comic Sans MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11pt;
}
img { 
	border: none; 
}
h1 { font-size: 120%; margin-bottom: 0.75em; color: #990099;}
h2 { font-size: 110%; margin-bottom: 0.75em; color: #990099;}
h3 { font-size: 105%; margin-bottom: 0.75em; font-weight:bold; color: #990099; }

/* Anchors
-------------------------------------------------------------- */
a {
	/* get rid of link outlines in firefox */
	outline-color:invert;
	outline-style:none;
	outline-width:medium;
	color: #990099;
}
a, a:link, a:visited  {
	text-decoration: none;
	color: #990099;
}
a:hover {
	text-decoration: underline;
}

/* General helper rules
-------------------------------------------------------------- */
.center { text-align: center; }
.block 	{ display: block; }
.goright { float: right; }

/* Lists
-------------------------------------------------------------- */
.simple { 
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
}
.inline { 
	display: inline; 
}
.inline li {
	display: inline;
	padding-right: 0.5em;
}
.inline li div {
	display: block;	
}

/* Accessibility Panel
-------------------------------------------------------------- */
.highContrast, .highContrast span {
	background: #000;
	color: #FFFF00;
}
.blackWhite, .blackWhite span {
	background: #fff;
	color: #000;
}
#accessibility {
	margin: 0.25em;
	border: 1px dashed #fff;
}
#accessibility a {
	text-decoration: none;
}

/* Container
-------------------------------------------------------------- */
#container {
	width:900px;
	height: auto;
	margin: auto;
}

/* Header
-------------------------------------------------------------- */
#header {
	width: 900px;
	height: 200px;
	background:url(http://www.pinkpandagifts.com/cssimg/header.jpg) no-repeat center;
}
#headerLogo {
	height: 172px;
}

/* Navigation
-------------------------------------------------------------- */
#mainNav {
	height:28px;
}
#mainNav ul {
	float:left;
	padding-left: 2em;
}
#mainNav li {	
	font-weight: bold;
	margin: 1em;
	margin-top: 0;
}

/* Shopping cart
-------------------------------------------------------------- */
#shoppingCart {
	position:relative;
	left:18px;
	top:65px;
}
a#helpLink {
	height:45px;
	width:160px;
	display:block;	
	position:relative;
	top:90px;
	left:25px;}
/* Left content
-------------------------------------------------------------- */
#leftContent {
	max-width: 160px;
	padding-top: 2em;
	float: left;
}

#leftContent .box {
	width: 160px;
	background-color: #FDCEFD;
	border: 1px solid #d81e7a;
}

#leftContent .box div {
	border: 5px;
	padding: 0px;
}

/* Right content
-------------------------------------------------------------- */
#rightContent {
}

/* Main content
-------------------------------------------------------------- */
#mainContent {	
	padding-top: 2em;
	float: right;
}

#mainContent .box {
}

#mainContent .box div {
}

/* Footer
-------------------------------------------------------------- */
#footer {
	padding-top: 3em;
}
#footer-nav {
	
}

/* Credits
-------------------------------------------------------------- */
#credits {
	padding-top: 1em;
	font-size: 80%;
}
#credits a {
	text-decoration: underline;
}

/* Site specific
-------------------------------------------------------------- */
#telephone {
	height:30px;
	left:668px;
	position:relative;
	top:-33px;
	width:250px;
}
#telephone span {
	position:relative;
	top:-10px;
	left: 6px;
	font-size: 120%;
	color: #990099;
}
#popular ul {
	list-style-type: none;
	display: inline;
}
#popular ul li {
	float: left;
	display: inline;
}
div.smallProduct {
	display: block;
	width: 140px;	
	padding-right: 0.75em;
	text-align: center;
	background: #f5dfee;
}
div.smallProduct .image {
	min-height: 125px;
}
div.productList {
	margin-bottom: 2em;
}
.boxtop {
	height: 4px;
	background:url(http://www.pinkpandagifts.com/cssimg/boxtop.png) no-repeat center bottom;
}
.boxmid {
	height:auto;
	background:url(http://www.pinkpandagifts.com/cssimg/boxmid.png) repeat-y center;
}
.boxbot {
	height: 4px;
	background:url(http://www.pinkpandagifts.com/cssimg/boxbot.png) no-repeat center top;
}
.boxmid h5 {
	padding:6px;
}
#pages {
	position: relative;
	top: -26px;
}
#featured ul {
	list-style-type: none;
	display: inline;
	margin: 0px;
}
#featured ul li {
	float: left;
	display: inline;
	padding-top: 4px;
}
#featured ul li div.catalog {
	display: block;
	padding-right: 0.5em;
}
#payments {
	height: 155px;
	background: url(http://www.pinkpandagifts.com/cssimg/accepted-payments.png) no-repeat bottom center;
}
.logout {
	padding: 0.25em;
	float: right;	
}
.logout a {
	color: #fff;
}
.inlineLeft {
	float: left;
	margin: 5px;
}
/* Overrides 
-------------------------------------------------------------- */
div#search  div.item {
	padding-bottom: 0;
	margin-bottom: 0;
}
.productSubmitInput {
	color: #d81e7a;
	background-color: #f5dfee;
	border: 1px solid #d81e7a;
	margin-bottom: 4px;
}
#CAT_ProductPrice {
	width: 130px;
}
.cartSummaryTable {
	width: 220px;	
	background-color: #FDCEFD;
	border: 1px solid #d81e7a;
	position: relative;
	top: 30px;
}
.cartSummaryTable td {
	padding: 2px;
}
.productTable {
	width: 100%;
}
table.catalogueTable {
	width: auto;
}
table.catalogueTable td {
	padding:2px;
}
div.catalogName  {   
  text-align: center; 
  vertical-align: baseline;
  height: 42px; 
  width: 160px; 
  background-color: #fff;
}
div.shop-product-large .details h2 {
	font-size: 70%;
}