/* general
--------------------------------------------------*/
body
{
  background:#CCC url("images/wallpaper.gif");
  font-family: georgia;
  text-align: center;
}

#container 
{
	position: relative;
	margin: 0 auto;
	text-align: left;
  width: 800px;
  background:#FFFFFF;
}

#catbarcont
{
	width:655px;
	margin: 0 0 0 70px;
	padding: 3px;
}

* html #catbarcont
{
	width:655px;
	margin: 0 0 0 70px;

	padding: 3px;
}

#header
{
	text-align: center;
}


/* navigation
--------------------------------------------------*/
/*#navbar
{
	background: #333333;
	height:25px;
}

#navigation 
{
  width:725px;
  padding:0 0 0 5px;
  list-style-type:none;
  margin-left: 68px;
}

#navigation li {
  font-size: 10pt;
  margin:0 10px 0 10px;
  padding:0 0 4px 0;
  float:left;
  line-height: 25px;
}

#navigation a {
  color:#FFFFFF;
  text-decoration: none;
  text-align: left;
  display:block;
  margin:0 0 0 4px;
}

#navigation a:hover {
  color:#B6DCFC;
  text-decoration: none;
  text-align: left;
  display:block;
  margin:0 0 0 4px;
}*/

#navigation{ text-transform: uppercase; }

#navigation.splash{
	background: url(images/splashnav_top.jpg) top left no-repeat;
	height: 125px;
}

#navigation.general{
	background: url(images/nav_top.jpg) top left no-repeat;
	height: 175px;
}

.top_navbar{
	font: 12px Georgia, "Times New Roman", Times, serif;
	height: 25px;
	line-height: 12px;	
	padding-left: 80px;
}
.top_navbar a{
	color: #fff;
	text-decoration: none;
	margin: 0 0 0 11px;
}
.top_navbar a:hover{ color: #3782f7; }

.mid_navbar{
	font: 20px Georgia, "Times New Roman", Times, serif;
	height: 50px;
	line-height: 20px;
	padding: 14px 120px 0 100px;
}
.mid_navbar a{
	color: #fff;
	margin: 0 5px 0 5px;
	text-decoration: none;
}
.mid_navbar a:hover{ color: #3782f7; }

.bot_navbar{
	padding: 2px 0 0 185px;
}

#frame{	background: url(images/photo.jpg) 160px 90px no-repeat; }

/* definedcontentareas
--------------------------------------------------*/

.textarea
{
	text-align: left;
	width: 655px;
	margin-left: 73px;
	clear: both;
}

* html .textarea
{
	text-align: left;
	width: 655px;
	margin-left: 70px;
	clear: both;
}

.subtextarea
{
	text-align: left;
	width: 655px;
	margin-left: 73px;
	clear: both;
}

*html .subtextarea
{
	text-align: left;
	width: 655px;
	margin-left: 50px;
	clear: both;
}

.lefttextarea
{
	text-align: left;
	width: 322px;
	height:555px;
	margin-top: 7px;
}

*html .lefttextarea
{
	text-align: left;
	width: 322px;
	height:515px;
	margin-top: 7px;
}

/* columns
--------------------------------------------------*/
div#columnFull { margin: 15px 0 0 62px; }
div#columnFull div.productBlock { margin: 0 0 0 11px; padding: 0px; display: inline; float: left; }
div.row { clear: both; }

div#homeColumnFull { margin: 15px 0 0 62px; }
div#homeColumnFull div.productBlock { margin: 0 0 0 11px; padding: 0px; display: inline; float: left; }
div#homeColumnFull div.BarproductBlock { margin: 0 0 5px 11px; padding: 0px; display: inline; float: left; }
div.row { clear: both; }

.columnleft
{
	width:322px;
	background:#FFFFFF;
	margin-left:73px;
	margin-top: 9px;
	float: left;
}

* html .columnleft
{
	width:322px;
	background:#FFFFFF;
	margin-left:36px;
	margin-top: 9px;
	float: left;
}

.columnright
{
	width:322px;
	background:#FFFFFF;
	float: left;
	margin-left:12px;
	margin-top: 9px;
	text-align: left;
}

.righthand1
{
	margin-top:5px;
	float: left;
}

.righthand2
{
	margin-top:5px;
	margin-left: 12px;
	float: left;
}

.detailscolumn1
{
	width:73px;
	background:#FFFFFF;
	margin-left:73px;
	margin-bottom: 9px;
	float: left;
}

* html .detailscolumn1
{
	width:73px;
	background:#FFFFFF;
	margin-left:38px;
	margin-bottom: 9px;
	float: left;
}

.detailscolumn2
{
	width:238px;
	background:#FFFFFF;
	margin-left:9px;
	margin-top: 9px;
	margin-bottom: 9px;
	float: left;
}

.detailscolumn3
{
	width:322px;
	background:#FFFFFF;
	margin-left:9px;
	margin-top: 9px;
	margin-bottom: 9px;
	text-align: left;
	float: left;
}

/* bars
--------------------------------------------------*/

#titleAndPrice { font-size: 20px; clear: both; height: 30px; }
#titleAndPrice div { display: inline; }
#titleAndPrice #price { float: right; }
#titleAndPrice #title { float: left; }

.catbar
{
	margin-top: 2px;
	margin-bottom: 1px;
}

.catbar2
{
	
}

.itembar
{
	background: #4F4F4F;
	width:155px;
	margin: 5px 0 0 0;
	padding:0 0 0 0;
	text-align: center;
}
p.pagination a.itembar {
	width: auto;
}
a.itembar
{
	color:#FFFFFF;
	font-size: 10pt;
	line-height: 25px;
}

div#bottombar a.itembar
{
	color:#FFFFFF;
	font-size: 10pt;
	line-height: 25px;
}

a.itembar:hover
{
	color:#B6DCFC;
}

.friendsbar
{
	background: #000000;
	width:322px;
	margin: 5px 0 8px 0;
	padding:0px 0 0px 0;
	text-align: center;
}

a.friendsbar
{
	color:#FFFFFF;
	font-size: 10pt;
	line-height: 20px;
}

a.friendsbar:hover
{
	color:#B6DCFC;
}

#bottombar
{
	background:#4F4F4F url("images/womenslongcatbar.gif") no-repeat;
	width:656px;
	margin: 0 0 9px 70px;
	padding:0 5px 0 0;
	text-align: right;
	clear: both;
}

* html #bottombar
{
	background:#4F4F4F url("images/womenslongcatbar.gif") no-repeat;
	width:656px;
	height: 18px;
	margin: 0 0 15px 70px;
	padding:0 0 0 0;
	text-align: right;
	clear: both;
}

#bottombar_mens
{
	background:#4F4F4F url("images/menslongcatbar.gif") no-repeat;
	width:656px;
	margin: 0 0 9px 70px;
	padding:0 5px 0 0;
	height: 25px;
	text-align: right;
	clear: left;
}

#bottombar_bags
{
	background:#4F4F4F url("images/bagslongcatbar.gif") no-repeat;
	width:656px;
	margin: 0 0 9px 70px;
	padding:0 5px 0 0;
	height: 25px;
	text-align: right;
	clear: left;
}

#bottombar_hoodies
{
	background:#4F4F4F url("images/hoodieslongcatbar.gif") no-repeat;
	width:656px;
	margin: 0 0 9px 70px;
	padding:0 5px 0 0;
	height: 25px;
	text-align: right;
	clear: left;
}

#bottombar_kids
{
	background:#4F4F4F url("images/kidslongcatbar.gif") no-repeat;
	width:656px;
	margin: 0 0 9px 70px;
	padding:0 5px 0 0;
	height: 25px;
	text-align: right;
	clear: left;
}

/* elettersignup
--------------------------------------------------*/

/*
#redbox
{
	background:#CC0000 url("images/signup.gif") no-repeat;
	width:655px;
	margin: 0 0 0 70px;
	height: 30px;
	padding:3p 3px 0 3px;
	clear: left;
}

* html #redbox
{
	background:#CC0000 url("images/signup.gif") no-repeat;
	width:655px;
	margin: 0 0 0 70px;
	height: 20px;
	padding:3p 3px 0 3px;
	clear: left;
}

.floater
{
	margin-left: 350px;
	margin-top: 5px;
}*/

.redbox {
	vertical-align: middle;
	background: #CC0000 url("images/signup.gif") no-repeat;
	width: 300px;
	height: 31px;
	margin: 0px 0px 0px 72px;
	padding: 8px 0px 0px 355px;
	clear: left;
}

* html .redbox
{
	background:#CC0000 url("images/signup.gif") no-repeat;
	width:655px;
	margin: 0 0 0 70px;
	height: 20px;
	padding:3p 3px 0 3px;
	text-align: right;
	clear: left;
}
.whitespace, .send { vertical-align: middle; }
.whitespace { border: 1px solid #000000; height: 21px; width: 150px; padding: 0px 2px 0px 2px; }

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

#footer
{
	height: 30px;
	width:655px;
	text-align: center;
	margin-left: 70px;
	margin-top: 10px;
	clear: left;
}

/* typographic and image details
--------------------------------------------------*/

p.body 
{
	font-size: 10pt;
}

.highlight 
{
	font-size: 12pt;
	color:#B6DCFC;
}

p.larger
{
	font-size: 11pt;
}

* html p.larger
{
	font-size: 10pt;
}

p.detail
{
	font-size: 10pt;
	line-height: 10pt;
}

img 
{
	border: none;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

img.sub 
{
	margin-top: 7px;
}