/*-- BODY STYLES --*/	
body, p, blockquote {
	margin: 0;
	padding: 0;
}

body {
	padding: 0 10px;
	font: normal 62.5%, Verdana, Arial, Helvetica, sans-serif;
	background-color:#c8edf5;
}
	
p 
{ 
	margin: 10px 0; 
	font-size:1.2em;
}

input, textarea { font-family: "Lucida Sans Unicode"; }

.imageReplace {
	position: absolute;
	left: -9999em;
	top: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

a img, iframe { border: none; }
	
/*-- HEADERS --*/

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
	
/*-- LISTS --*/
	
ul, ol, dl, li, dt, dd {
	margin: 0;
	padding: 0;
}
	
/*-- LINKS --*/

a, a:link {color:#d729b4;}
a:visited {}
a:hover {}
a:active {}

/*-- FORMS --*/

form, fieldset {
	margin: 0;
	padding: 0;
}
	
fieldset { border: 1px solid #000; }

legend {
	padding: 0;
	color: #000;
}

input, textarea, select {
	margin: 0;
	padding: 1px;
	font-size: 100%;
	font-family: inherit;
}
	
select { padding: 0; }

/*-- CLEARFIX --*/
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;	
	visibility:hidden;
}
	
.clearfix { display: inline-block; }
/* hide from IE Mac \*/
.clearfix { display: block; }
/* end hide from IE Mac */

#site-wrapper
{
	width:889px;
	margin:0 auto;
	display:block;
}

h2 
{
	font-size:1.4em;
	color:#454545;
}

/*Homepage Styles */

#homepage-wrapper
{
	width:883px;
	color:#383838;
	display:block;	
}

#homepage-wrapper #header
{
	background:url(../images/interior_header.jpg);
	width:889px;
	height:115px;
}

#homepage-wrapper #main-wrapper
{
	padding-top:10px;
	width:889px;
	background:url(../images/interior_repeat.gif) repeat-y;
}

#homepage-wrapper #main
{
	padding:0 0 0 30px;	
}

#homepage-wrapper #homepage-bottom
{
	background:url(../images/interior_bottom.jpg) no-repeat bottom;
	width:889px;
	padding-bottom:10px;
}

#top-nav-homepage-wrapper
{
	padding:0 0 10px 30px;
}

/*End Homepage Styles*/

/*Start Nav Styles*/

/* Begin top-nav button size */
#whatsnew {left:0px; width:124px;}
#wearables {left:126px; width:118px;}
#prints {left:243px; width:217px;}
#custom {left:461px; width:144px;}
#about {left:606px; width:97px;}
#contact {left:704px; width:124px;}

#top-nav li
{
 margin:0;
 padding:0;
 list-style:none;
 position:absolute;
 top:0;
}

#top-nav li,
#top-nav a
{
 height:32px;
 display:block;
}

#top-nav
{
 width:828px;
 height:32px;
 background:url(../images/top_nav_background.jpg);
 margin:0;
 padding:0;
 position:relative;
 text-indent:-9999px;
}

/* define hover stated for top level navigation buttons */
#top-nav #whatsnew a:hover {background: transparent url(../images/top_nav_background.jpg)
 -0px -32px no-repeat;}
#top-nav #wearables a:hover {background: transparent url(../images/top_nav_background.jpg)
 -126px -32px no-repeat;}
#top-nav #prints a:hover {background: transparent url(../images/top_nav_background.jpg)
 -243px -32px no-repeat;}
#top-nav #custom a:hover {background: transparent url(../images/top_nav_background.jpg)
 -461px -32px no-repeat;}
#top-nav #about a:hover {background: transparent url(../images/top_nav_background.jpg)
 -606px -32px no-repeat;}
#top-nav #contact a:hover {background: transparent url(../images/top_nav_background.jpg)
 -704px -32px no-repeat;}


/* define active stated for top level navigation buttons */
#top-nav #whatsnew a.selected {background: transparent url(../images/top_nav_background.jpg)
 -0px -32px no-repeat;}
#top-nav #whatsnew a.selected:hover {background: transparent url(../images/top_nav_background.jpg)
 -0px -32px no-repeat;}
#top-nav #wearables a.selected {background: transparent url(../images/top_nav_background.jpg)
 -126px -32px no-repeat;}
#top-nav #wearables a.selected:hover {background: transparent url(../images/top_nav_background.jpg)
 -126px -32px no-repeat;}
#top-nav #prints a.selected {background: transparent url(../images/top_nav_background.jpg)
 -243px -32px no-repeat;}
#top-nav #prints a.selected:hover {background: transparent url(../images/top_nav_background.jpg)
 -243px -32px no-repeat;}
#top-nav #custom a.selected {background: transparent url(../images/top_nav_background.jpg)
 -461px -32px no-repeat;}
#top-nav #custom a.selected:hover {background: transparent url(../images/top_nav_background.jpg)
 -461px -32px no-repeat;}
#top-nav #about a.selected {background: transparent url(../images/top_nav_background.jpg)
 -606px -32px no-repeat;}
#top-nav #about a.selected:hover {background: transparent url(../images/top_nav_background.jpg)
 -606px -32px no-repeat;}
 #top-nav #contact a.selected {background: transparent url(../images/top_nav_background.jpg)
 -704px -32px no-repeat;}
#top-nav #contact a.selected:hover {background: transparent url(../images/top_nav_background.jpg)
 -704px -32px no-repeat;} 
/* begin left-nav navigation styles */

#left-nav ul
{
 margin:0;
 padding:0;
 list-style:none;
}

/* begin left-nav button styles */
#left-nav a:link, #left-nav a:visited
{
 display:block;
}

/* specify height of button and background image */

/*Whats New Section*/ 
#whatsnew1 a {height:37px; background: transparent url(../images/leftnav_whatsnew_1.gif) top left no-repeat; text-indent:-9999px;}
#whatsnew2 a {height:40px; background: transparent url(../images/leftnav_whatsnew_2.gif) top left no-repeat; text-indent:-9999px;}
#whatsnew3 a {height:39px; background: transparent url(../images/leftnav_whatsnew_3.gif) top left no-repeat; text-indent:-9999px;}
#whatsnew4 a {height:49px; background: transparent url(../images/leftnav_whatsnew_4.gif) top left no-repeat; text-indent:-9999px;}

#whatsnew1 a:hover, #whatsnew2 a:hover, #whatsnew3 a:hover
{
	background-position:right bottom;
}

/*Wearables Main Section*/ 
#wearables1 a {height:37px; background: transparent url(../images/leftnav_wearables_cotton_boys.jpg) top left no-repeat; text-indent:-9999px;}
#wearables2 a {height:40px; background: transparent url(../images/leftnav_wearables_cotton_girls.jpg) top left no-repeat; text-indent:-9999px;}
#wearables3 a {height:42px; background: transparent url(../images/leftnav_wearables_cotton_babies.jpg) top left no-repeat; text-indent:-9999px;}

#wearables1 a.selected, #wearables1 a:hover, #wearables2 a.selected, #wearables2 a:hover, #wearables3 a.selected, #wearables3 a:hover
{
	background-position:right bottom;
}

/*Wearables Boys Section */
#wearablesboys1 a {height:39px; background: transparent url(../images/leftnav_boys_cotton_boys.jpg) top left no-repeat; text-indent:-9999px;}
#wearablesboys2 a {height:40px; background: transparent url(../images/leftnav_boys_cotton_girls.jpg) top left no-repeat; text-indent:-9999px;}
#wearablesboys3 a {height:41px; background: transparent url(../images/leftnav_boys_cotton_babies.jpg) top left no-repeat; text-indent:-9999px;}

#wearablesboys1 a.selected, #wearablesboys2 a.selected, #wearablesboys3 a.selected,
#wearablesboys1 a:hover, #wearablesboys2 a:hover, #wearablesboys3 a:hover
{
	background-position:right bottom;
}

/*Wearables Girls Section */
#wearablesgirls1 a {height:39px; background: transparent url(../images/leftnav_girls_cotton_boys.jpg) top left no-repeat; text-indent:-9999px;}
#wearablesgirls2 a {height:40px; background: transparent url(../images/leftnav_girls_cotton_girls.jpg) top left no-repeat; text-indent:-9999px;}
#wearablesgirls3 a {height:41px; background: transparent url(../images/leftnav_girls_cotton_babies.jpg) top left no-repeat; text-indent:-9999px;}

#wearablesgirls1 a.selected, #wearablesgirls2 a.selected, #wearablesgirls3 a.selected,
#wearablesgirls1 a:hover, #wearablesgirls2 a:hover, #wearablesgirls3 a:hover
{
	background-position:right bottom;
}

/*Wearables Babies Section */
#wearablesbabies1 a {height:39px; background: transparent url(../images/leftnav_babies_cotton_boys.jpg) top left no-repeat; text-indent:-9999px;}
#wearablesbabies2 a {height:40px; background: transparent url(../images/leftnav_babies_cotton_girls.jpg) top left no-repeat; text-indent:-9999px;}
#wearablesbabies3 a {height:41px; background: transparent url(../images/leftnav_babies_cotton_babies.jpg) top left no-repeat; text-indent:-9999px;}

#wearablesbabies1 a.selected, #wearablesbabies2 a.selected, #wearablesbabies3 a.selected,
#wearablesbabies1 a:hover, #wearablesbabies2 a:hover, #wearablesbabies3 a:hover
{
	background-position:right bottom;
}

/*End Nav Styles*/

/*Interior Styles*/
#section-title
{
	width:828px;
	height:39px;
	margin-top:10px;
}

#interior-wrapper
{
	width:889px;
	color:#383838;
	display:block;	
}

#interior-header
{
	background:url(../images/interior_header.jpg) no-repeat;
	width:889px;
	height:115px;
	position:relative;
}

#interior-header ul
{
	margin:0;
	padding:0;
	list-style:none;
	display:block;
}

#interior-header a.link1
{
	text-indent:-5000px;
	width:115px;
	height:115px;
	top:1px;
	left:393px;
	position:absolute;
}

#interior-header .checkout
{
	top:95px;
	left:750px;
	position:absolute;
}

#interior-main-wrapper
{
	width:889px;
	padding-top:10px;
	background:url(../images/interior_repeat.gif) repeat-y;
	display:block;	
}

#interior-main
{
	padding:0 0 0 30px;
	display:block;
}

#left-nav
{
	float:left;
	width:187px;
	margin-left:10px;
}

#left-nav .signup
{
	margin-top:10px;
}

#interior-content-wrapper
{
	float:left;
	width:631px;
}

#interior-content
{
	padding:20px 8px 10px 14px;
}

#interior-footer-wrapper
{
	background:url(../images/interior_bottom.jpg) no-repeat bottom;
	width:889px;
	padding-bottom:10px;
}

#interior-footer
{
	margin-top:10px;
	display:block;
	padding-left:30px;
}
/*End Interior Styles*/

/* Custom Order Styles*/
#custom-main-wrapper
{
	width:609px;
}

#custom-main-left
{
	width:350px;
	float:left;
}

#custom-main-right
{
	padding:10px 10px 10px 10px;
	width:239px;
	float:left;
}

/* About Us Styles*/
#about-main-wrapper
{
	width:609px;
	height:379px;
	background:url(../images/about_main.jpg);
}

#about-main
{
	padding:10px 0 0 10px;
}

#about-main p
{
	width:315px;
}

/* Contact Us Styles*/
#contact-main-wrapper
{
	width:609px;
	height:396px;
	background:url(../images/contact_main.jpg);
}

#contact-main
{
	padding:25px 0 0 25px;
}

#h2
{
	font-size:1.4em;
}
#contact-main p
{
	width:315px;
}

/* The Cotton Press Prints Styles*/

.container{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
margin-top:-14px;
}


/*.thumbnail:hover span{
visibility: visible;
top: 0;
left: 0;
z-index:99;
}
*/

#prints-main-wrapper
{
	width:609px;
}

#prints-main-left
{
	float:left;
	width:347px;
	height:347px;
	z-index:-1;
	margin-top:-14px;
}

#prints-main-right
{
	float:left;
	width:250px;
	padding:0 0 0 10px;
}

#prints-main-right ul
{
	list-style:none;
}

#prints-main-right ul li
{
	display:inline;
	list-style:none;
	width:68px;
}

/* Individual Item Styles*/

.item-wrapper
{
	width:605px;
	color:#454545;
}

.item-left
{
	width:350px;
	float:left;
}

.item-left h3
{
	font-size:1.3em;
	color:#454545;
}

.item-left img.main
{
	margin:0 0 10px 0;
}

.item-right
{
	padding:0 15px 0 20px;
	width:220px;
	float:left;
}

.item-right, .item-right p, .item-right ul li
{
	font-size:1.0em;
}

.item-right ul
{
	padding-top:5px;
	padding-left:10px;
}

.item-right ul li
{
	padding-bottom:10px;
}

.item-right p.sm 
{ 
	font-size:0.8em;
}


ul.thumbs
{
	list-style:none;
}

ul.thumbs li
{
	display:inline;
	width:64px;
	height:47px;
}

/*TEST STYLES*/
#site-wrapper-test
{
	width:889px;
	margin:0 auto;
	display:block;
}

#interior-wrapper-test
{
	width:889px;
	color:#383838;
	display:block;	
}

#interior-header-test
{
	background:url(../images/interior_header_test.jpg) no-repeat;
	width:889px;
	height:115px;
	position:relative;
}

#interior-header-test ul
{
	margin:0;
	padding:0;
	list-style:none;
	display:block;
}

#interior-header-test a.link1
{
	text-indent:-5000px;
	width:115px;
	height:115px;
	top:1px;
	left:393px;
	position:absolute;
}

#interior-header-test .checkout
{
	top:95px;
	left:750px;
	position:absolute;
}

#interior-main-wrapper-test
{
	width:889px;
	padding-top:10px;
	background:url(../images/interior_repeat.gif) repeat-y;
	display:block;	
}

#interior-main-test
{
	padding:0 0 0 30px;
	display:block;
}

#interior-footer-test
{
	margin-top:10px;
	display:block;
	padding-left:30px;
}