/* CSS Document */



/************************************************************************



	Site:		BuildABusinessInADay.com



	Author:		eROI		[www.eroi.com]  



	Client:		Starve-Ups		[http://www.starveups.com/starveups/]



	Listing Order:

	==============



	1 - Global

	2 - Structure/Layout

	3 - Main Content

	4 - Sub Navigation

	5 - Left Navigation

	6 - Footer Navigation

	



************************************************************************/



/***********************************************************************

	1 - GLOBAL STYLES

************************************************************************/



div#subheader {

	border: 1px solid #000;

	width: 814px;

	height: 25px;

	background: #1c1c1c url(../images/bg_subheader.jpg) repeat-x top left;

	margin: 0 auto;

	position: relative;

}



div#subheader ul {

	list-style-type: none;

	position: absolute; 

	top: 4px;

	right: 15px;

}



div#subheader ul li {

	float: left;

	color: #fff;

}



div#subheader ul li a {

	color: #fff;

	text-transform: uppercase;

}



div#subheader form {

	display: inline;

}



div#subwrap {

	width: 802px;

	border: 1px solid #ccc;

	border-top: none;

	background: #fff url(../images/bg_subcontent.jpg) repeat-x bottom left;

	margin: 0 auto;

	font-size: 11px;

}



div#subcontent {

	width: 610px;

	margin-left: 170px;

}



h2.pagetitle {

	font-family: Helvetica, Arial, sans-serif;

	font-size: 36px;

	color: #4e4e4e;

	text-transform: uppercase;

	padding: 20px 0 20px 0;

}



div#photos {

	width: 300px;

	float: left;	

	border-left: 1px dotted #ccc;

	padding-left: 20px;

	margin: 15px 0;

	padding-bottom: 150px;

}



div#mainphoto img {

	background: #f9fcf7;

	padding: 7px;

	border: 1px solid #dde7d4

}



div#info {

	width: 265px;

	float: left;

	padding: 70px 0 15px 10px;

}



div#info h3, div#info h4 {

	color: #282828;

	font-size: 16px;

	text-transform: uppercase;

	font-family: Helvetica, Arial, sans-serif;

}

div#info h4 {

	font-size: 11px;

}



div#info p {

	padding-bottom: 1.3em;

}

div#info p.swatches img {
	border: 1px solid #ccc;
}

div#info p label {

	font-weight: bold;

	display: block;

}



div#alternates {

	padding: 10px 0;

}

div#alternates ul {

	list-style-type: none;

}

div#alternates ul li {

	float: left;

	padding-right: 10px;

	padding-bottom: 10px;

}

div#alternates ul li a img {

	padding: 3px;

	border: 1px solid #ccc;

}



div#alternates h3 {

	text-transform: uppercase;

	font-size: 11px;

	color: #282828;

	padding-bottom: 6px;

}





/***********************************************************************

	2 - SIDEBAR STYLES

************************************************************************/



div#sidebar {

	width: 150px;

	float: left;

	padding: 15px 5px;

}



div#sidebar ul {

	list-style-type: none;

}



div.box {

	width: 100%;

	padding: 15px 0 15px 10px;

	border-bottom: 1px solid #c4c5a6;

}



div#sidebar h3 {

	text-transform: uppercase;

	font-size: 16px;

	padding-bottom: 3px;

}



div#popular h3 {

	color: #527a92;

}



div#subnav h3, div#emailsignup h3 {

	color: #535353;

}



div#subnav ul {

	padding-left: 10px;

}

div#subnav ul li {

	padding: 2px 0;

}

div#subnav ul li a {

	color: #535353;

	text-transform: uppercase;

	font-size: 10px;

}

div#subnav ul li a:hover, div#subnav ul li.on a {

	color: #000;

}



div#sidebar div#popular li {

	padding: 2px 0 5px 0;

	line-height: 1em;

}





div#emailsignup p {

	padding-bottom: 15px;

}



div#emailsignup input.textbox {

	background: #fff;

	border: 1px solid #ccc;

	padding: 2px 3px;

	margin-bottom: 3px;

	color: #777;

	font-size: 11px;

	width: 130px;

}

div#emailsignup input.submitbutton {

	margin-top: 3px;

	margin-left: 75px;

}





/***********************************************************************

	1 - PRODUCTLIST STYLES

************************************************************************/



div#productwrap {

	padding: 15px 0;

}



div#productlist {

	border-left: 1px dotted #ccc;

}



div#productlist h2 {

	padding-left: 10px;

}



div.aproduct {

	width: 230px;

	float: left;

	padding: 20px 35px;

}



div.aproduct p {

	width: 230px;

	position: relative;

}



div.aproduct img.listphoto {	

	background: #f9fcf7;

	padding: 5px;

	border: 1px solid #dde7d4

}



div.aproduct p span {

	position: absolute;

	right: 0;

}



div.aproduct ul {

	list-style-type: none;

	width: 50px;

	float: left;

	padding-left: 6px;

	padding-top: 4px;

}



div.aproduct ul li {

	display: inline;

	padding-right: 3px;

}



div.aproduct ul li img {

	border: 1px solid #ccc;

}



div.aproduct p.available {

	text-align: right;

	padding-right: 5px;

}

div.aproduct img.button {

	display: block;

	margin-left: 38px;

	padding: 5px 0 2px 0;

}







/***********************************************************************

	1 - SUBPAGE STYLES

************************************************************************/



div#genericcontent {

	border-right: 1px dotted #ccc;

	border-left: 1px dotted #ccc;

	width: 395px;

	float: left;

	padding: 0 20px 0 15px;

	color: #282828;

}



div#genericcontent h2 {

	color: #527a92;

	font-size: 22px;

	text-transform: uppercase;	

	padding-bottom: 7px;

}

div#genericcontent h3 {

	color: #282828;

	font-size: 12px;

	padding-bottom: 2px;

}	



div#genericcontent p {

	padding-bottom: 1.3em;

}



div#genericsidebar {

	width: 175px;

	float: left;

}



div#genericsidebar h2 {

	padding-left: 10px;

	text-transform: uppercase;

	color: #4e4e4e;

	font-size: 26px;

	line-height: 1em;

}



div#genericsidebar ul {

	padding: 0 0 0 10px;

	list-style-type: none;

}



div#genericsidebar ul li {

	width: 170px;

	padding: 7px 0;

	border-bottom: 1px solid #c4c5a6;

	text-align: center;

}