/* Instructions Apparel Layout Styles
 * Updated: Thu 07.21.09
 * Author: Session Designs - Richard Session
 * 
 * GLOBAL
 * LAYOUT
 *		NAVIGATION
 *		IMAGES
 * 
 * ------------------------------------------------------
 */

 /* COLORS
  * Body Background:       #e8e8e8
  * Grey Border:     	   #cecece
  * 
  * ------------------------------------------------------
  */
 
 
/* =GENERAL
 * ------------------------------------------------------
 */

.hr
{
	border-top: 1px solid #cecece;
	margin: 0 0 1.5em 0;
	width: 100%;
}

p#copyright
{
	margin: 0 0 0 10px;
}


/* =LAYOUT
 * ------------------------------------------------------
 */

#container
{
	margin: 0 auto;
	overflow: hidden;
	width: 976px;
}

#header
{
	background: url(../img/background_top.jpg) no-repeat bottom left;
	display: block;
	height: 129px;
	overflow: hidden;
	position: relative;
	width: 100%;
}	
	
#content
{
	background: url(../img/background.jpg) repeat-y top left;
	display: block;
	overflow: hidden;	/* Needed for IE7 */
	padding-bottom: 30px;
	width: 100%;
}

#footer
{
	background: url(../img/background_bottom.jpg) no-repeat top left;
	font-size: 0.8333em;
	height: 100px;
	padding-top: 55px;
}

#Logo
{
	left: 12px;
	position: absolute;
	top: 0;
	z-index: 1000;
}

.col1 {display:inline; float: left; width: 60px;}
.col2 {display:inline; float: left; margin-right: 20px; width: 140px;}
.col3 {display:inline; float: left; margin-right: 20px; width: 220px;}
.col4 {display:inline; float: left; margin-right: 20px; width: 300px;}
.col5 {display:inline; float: left; margin-right: 20px; width: 380px;}
.col6 {display:inline; float: left; margin-right: 20px; width: 460px;}
.col7 {display:inline; float: left; margin-right: 20px; width: 540px;}
.col8 {display:inline; float: left; margin-right: 20px; width: 620px;}
.col9 {display:inline; float: left; margin-right: 20px; width: 700px;}
.col10 {display:inline; float: left; margin-right: 20px; width: 780px;}
.col11 {display:inline; float: left; margin-right: 20px; width: 860px;}
.col12 {display:inline; float: left; width: 940px;}
.col-last{margin-right: 0;}
.grid-first {margin-left: 18px;}
.grid-last {margin-right: 18px;}
.col-category {display: inline; float: left; margin-right: 16px; width: 172px;}
	.ie6 .col-category {margin-right: 6px;}

div.instruction
{
	border: 1px solid #d8d8d8;
	float: left;
	margin-bottom: 20px;
	padding: 17px;
}

.userLinks
{
	clear: both;
	font-size: 0.8333em;
	margin-top: 35px;
}
	.userLinks ul {margin:0; float: right;}
	.userLinks li
	{
		border-right: 1px solid #ccc;
		float: left;
		list-style: none;
		list-style-image: none;
		padding: 0 10px;
	}
	.userLinks li.last {border: none;}


/* ==NAVIGATION */

#breadcrumb
{
	font-size: 0.909em;
	margin-bottom: 1.5em;
}

#navigation
{
	background-color: #fff;
	color: #848484;
	float: right;
	margin: 9px 0 0 0;
	padding-left: 0;
	position: relative;
}

#navigation li
{
	display: inline;
}

#navigation li a
{
	float: left;
	padding: 1em;
	text-indent: -999em;
}
	#navigation li a.home
	{
		background: url(../img/tab_home.gif) no-repeat 50% 50% #fff;
		height: 12px;
		width: 37px;
	}
	#navigation li a.dress-shirts
	{
		background: url(../img/tab_dress_shirts.gif) no-repeat 50% 50% #fff;
		height: 12px;
		width: 81px;
	}
	#navigation li a.ties
	{
		background: url(../img/tab_ties.gif) no-repeat 50% 50% #fff;
		height: 12px;
		width: 25px;
	}
	#navigation li a.instructions
	{
		background: url(../img/tab_instructions.gif) no-repeat 50% 50% #fff;
		height: 12px;
		width: 82px;
	}
	#navigation li a.news
	{
		background: url(../img/tab_news.gif) no-repeat 50% 50% #fff;
		height: 12px;
		width: 35px;
	}
	#navigation li a.blog
	{
		background: url(../img/tab_blog.gif) no-repeat 50% 50% #fff;
		height: 12px;
		width: 32px;
	}
	#navigation li a.photoshoot
	{
		background: url(../img/tab_photoshoot.gif) no-repeat 50% 50% #fff;
		height: 12px;
		width: 89px;
	}

#navigation li a:hover
{
	cursor: pointer;
}
	#navigation li a.home:hover
	{
		background: url(../img/tab_home_rollover.gif) no-repeat 50% 50% #6c6c6c;
	}
	#navigation li a.dress-shirts:hover
	{
		background: url(../img/tab_dress_shirts_rollover.gif) no-repeat 50% 50% #6c6c6c;
	}
	#navigation li a.ties:hover
	{
		background: url(../img/tab_ties_rollover.gif) no-repeat 50% 50% #6c6c6c;
	}
	#navigation li a.instructions:hover
	{
		background: url(../img/tab_instructions_rollover.gif) no-repeat 50% 50% #6c6c6c;
	}
	#navigation li a.news:hover
	{
		background: url(../img/tab_news_rollover.gif) no-repeat 50% 50% #6c6c6c;
	}
	#navigation li a.blog:hover
	{
		background: url(../img/tab_blog_rollover.gif) no-repeat 50% 50% #6c6c6c;
	}
	#navigation li a.photoshoot:hover
	{
		background: url(../img/tab_photoshoot_rollover.gif) no-repeat 50% 50% #6c6c6c;
	}

#footerNavigation
{
	color: #848484;
	float: left;
	margin: 7px 50px 0 0;
	padding-left: 0;
	position: relative;
}

#footerNavigation li
{
	display: inline;
}

#footerNavigation li a
{
	border-right: 1px solid #bcbcbc;
	color: #333;
	float: left;
	padding: 0.1em 1em;
	text-decoration: none;
}
	#footerNavigation li a.last
	{
		border-right: none;
	}

#footerNavigation li a:hover
{
	background: #780667;
	color: #fff;
}

#adminMenu
{
	background: #e8e8e8;
	border: 1px solid #ccc;
	padding: 10px;
}

#adminMenu ol, #adminMenu li
{
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}

#adminMenu li a
{
	background: #fff;
	display: block;
	margin-bottom: 3px;
	padding: 10px;
}

#adminMenu li a:hover
{
	background: #780667;
	color: #fff;
	text-decoration: none;
}