﻿/* 
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' Title			: Maathews Inc | BOWLIFE Stylesheet
' Description	: This page contains styles for the BOWLIFE sections
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' History
' 12/11/2006	: David Ellenwood - Created Page
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 					BOW LIFE - GENERAL STYLES
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#bowlife.content {padding:10px 0;}

#bowlife div#bowlife_masthead {clear:both;}

#bowlife div.bowlifeWrap {
	float:left;
	display:block;
	margin:3px 0 0 0;
	background:url('/include/site/multimedia/images/bowlife_leftColmBk.jpg') repeat-y;
}

#bowlife div.bowlifeWrap div.navColm {
	float:left;
	display:inline;
	width:130px;
	color:#181818;
	font-size:.75em;
}

#bowlife div.bowlifeWrap div.navColm h2.catTitle {
	font-size:1em;
	margin:0;
	padding:2px 8px 1px 8px;
}
#bowlife div.bowlifeWrap div.navColm p {font-size:1em; margin:.5em .5em 1em .5em;}
#bowlife div.bowlifeWrap div.navColm ul {margin:.5em .5em 1em 2em; padding:0;}
#bowlife div.bowlifeWrap div.navColm ul li a {color:#333;}
#bowlife div.bowlifeWrap div.navColm ul li a:hover {color:#181818;}

#bowlife div.bowlifeWrap div.contentColm {
	float:left;
	display:inline;
	font-size:.75em;
	width:569px;
}

#bowlife div.bowlifeWrap div.contentColm h2#categoryHeading {
	width:561px;
	clear:none;
	font-size:.7em;
	color:#181818;
	margin:0 0 3px 3px;
	padding:3px 5px 1px 0px;
	background:url('/include/site/multimedia/images/bowlife_categoryHeadingBk.jpg');
}

#bowlife div.bowlifeWrap div.contentColm h2#categoryHeading span#paging.right {
	font-size:1.4em;
	font-weight:bold;
	margin-top:-2px;
	padding:0;
}

#bowlife div.bowlifeWrap div.contentColm h2#categoryHeading span#paging.right a {
	color:#333;
	width:auto;
	margin-bottom:-2px;
	padding:0 5px;
}

#bowlife div.bowlifeWrap div.contentColm h2#categoryHeading span#paging.right a:hover {
	color:#fff;
	background:#181818;
	text-decoration:none;
}

#bowlife div.bowlifeWrap div.contentColm h5#bottomPaging {
	font-size:1em;
	font-weight:bold;
	margin-top:-2px;
	padding:.5em .5em 0 .5em;
	border-top:1px solid #535353;
}

#bowlife div.bowlifeWrap div.contentColm h5#bottomPaging a {
	color:#ccc;
	width:auto;
	padding:0 5px;
}

#bowlife div.bowlifeWrap div.contentColm h5#bottomPaging a:hover {
	color:#181818;
	background:#ccc;
	border:#535353;
	text-decoration:none;
}

#bowlife div.bowlifeWrap div.contentColm div#details {padding:1em 2em;}

#bowlife div.bowlifeWrap div.contentColm div#details ul li.split {
	margin:.25em 0;
	width:400px;
	padding:0;
}

#bowlife div.bowlifeWrap div.contentColm div#fileDetails {padding:1em 2em;}

#bowlife div.bowlifeWrap div.contentColm div#details h2
#bowlife div.bowlifeWrap div.contentColm div#fileDetails h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	border-bottom:1px solid #535353;
	margin:1em 0 .5em 0;
	padding-bottom:2px;
}

#bowlife div.bowlifeWrap div.contentColm div#fileDetails p {margin:1em;}

#bowlife div.bowlifeWrap div.contentColm div#fileDetails .formRow .label {
	margin:0;
	padding:0 .5em;
	font-weight:bold;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 		BOW LIFE - MY BOWLIFE ACCOUNT
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#bowlife h2#accountBar {
	font-size:.75em;
	color:#181818;
	margin:0 0 3px 0;
	padding:8px 12px 5px 5px;
	font-weight:normal;
	background:#fc3 url('/include/site/multimedia/images/bowlife_categoryHeadingBk.jpg');
}

#bowlife h2#accountBar span.right {font-size:.9em;}
#bowlife h2#accountBar span a {color:#181818; font-weight:bold;}

#bowlife h2#accountHeading {
	position:relative;
	margin:3px 0 0 0;
	padding:3px 5px 2px 1px;
	font-size:.75em;
	background:#fc3 url('/include/site/multimedia/images/bowlife_categoryHeadingBk.jpg');
}

#bowlife div.form form label.formRow {width:550px;}
#bowlife div.form form label.formRow span.label {width:130px;}
/*
#bowlife div#modifyAccount.form {
	width:500px;
	float:left;
}
*/
#bowlife div.form form img.actionIcon {margin-top:.25em; margin-bottom:-1px; display:none;}
#bowlife div.form form a.formLink {color:#fc3;}

#bowlife div.form form fieldset {border:none; margin:2em 0 0 0; padding:0;}

#bowlife div.form form input.cbo {border:none; background:transparent; margin:0; padding:0;}



/* My Bowlife sign-in page */

#bowlife div.form#forgotPasswordDiv {
	position:absolute;
	z-index:1001;
	width:300px;
	top:220px;
	right:0;
	background:#181818;
	border:1px solid #535353;
	padding:1em 2em;
}

#bowlife div.form#forgotPasswordDiv h3 span.left {
	float:left;
	display:inline;
}

#bowlife div.form#forgotPasswordDiv h3 span.right {
	font-size:.65em;
	font-weight:normal;
	display:inline;
	float:right;
	text-align:right;
	padding-top:3px;
}

#bowlife div.form#forgotPasswordDiv form label {width:290px; margin:0 0 1em 0; padding:0;}
#bowlife div.form#forgotPasswordDiv form label span.label {width:90px;}
#bowlife div.form#forgotPasswordDiv form label span.field input {width:150px;}

#bowlife div.form#forgotPasswordDiv p {margin:.5em 0;}
#bowlife div.form#forgotPasswordDiv label span.label {width:90px;}
#bowlife div.form#forgotPasswordDiv a {color:#fff;}

#bowlife table#orderHistoryList th,
#bowlife table#orderHistoryList td {text-align:center;}
#bowlife table#orderHistoryList .even td {background:#282828;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 					BOW LIFE - HOME
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#bowlife div#home.contentColm {
	float:left;
	display:inline;
	width:566px;
	margin:0 0 0px 4px;
}

#bowlife div#home.contentColm div#bowlifeAds div.container {border:1px solid #646464;}

#bowlife div#home.contentColm div#bowlifeAds div.container h3 {
	color:#181818;
	margin:0 0 3px 0;
	padding:3px 5px 1px 0px;
	background:#fc3 url('/include/site/multimedia/images/bowlife_categoryHeadingBk.jpg');	
}

#bowlife div#home.contentColm div#bowlifeAds div.container ul {
	font-size:.9em;
	margin:.5em .5em .5em 2em;
	padding:0;
}

#bowlife div#home.contentColm div#bowlifeAds div#adBox1 {		/*  Online Apparel Ad Box */
	width:428px;
	border:none;
}

#bowlife div#home.contentColm div#bowlifeAds div#adBox2 {		/*  Forums & Newsletter Ad Box */
	width:133px;
	height:148px;
	margin-left:3px;
	border:none;
	background:none;
}

#bowlife div#home.contentColm div#bowlifeAds div#adBox2 img			{border:1px solid #646464;}
#bowlife div#home.contentColm div#bowlifeAds div#adBox2 img:hover	{border:1px solid #aaa;}

#bowlife div#home.contentColm div#bowlifeAds div#adBox3 {		/*  News Box */
	clear:both;
	float:left;
	display:inline;
	width:279px;
	margin:3px 0 0px 0;
}

#bowlife div#home.contentColm div#bowlifeAds div#adBox4 {		/*  News 2 Box */
	float:left;
	display:inline;
	width:280px;
	margin:3px 0 0px 3px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 			BOW LIFE - CALENDAR DISPLAY
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


#bowlife div#displayCal {
	float:right;
	display:inline;
}

#bowlife div#displayCal h5 {
	font-weight:normal;
	width:145px;
	text-align:center;
}

#bowlife div#displayCal table {
	border-collapse:collapse;
	border:1px solid #333;
	margin:1em 0;
	background:#181818;
}

#bowlife div#displayCal table td {
	border:1px solid #333;
	vertical-align:middle;
	text-align:center;
	width:20px;
}

#bowlife div#displayCal table td a {
	display:block;
	background:#535353;
	padding:2px 3px;
}

#bowlife div#displayCal table td a:hover {
	background:#fc3;
	color:#181818;
	text-decoration:none;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 		BOWLIFE - WHO SHOOTS
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#bowlife div.bowlifeWrap div#whoShoots.contentColm {
	background:url('/include/site/multimedia/images/bowlife_whoShootsBack.jpg') 2px 21px no-repeat;
} 

#bowlife div.bowlifeWrap div#whoShoots.contentColm div#proStaff,
#bowlife div.bowlifeWrap div#whoShoots.contentColm div#userGallery {
	float:left;
	display:inline;
	padding:1em;
}

#bowlife div.bowlifeWrap div#whoShoots.contentColm div#proStaff {
	margin-top:8px;
	margin-left:1em;
}

#bowlife div.bowlifeWrap div#whoShoots.contentColm div#proStaff a,
#bowlife div.bowlifeWrap div#whoShoots.contentColm div#userGallery a {
	cursor:pointer;
}

#bowlife div.bowlifeWrap div#whoShoots.contentColm div#details h2,
#bowlife div.bowlifeWrap div#whoShoots.contentColm div#details h3 {
	margin:1em 0 .5em 0;
}

#bowlife div.bowlifeWrap div#whoShoots.contentColm div#nameLinks {
	font-size:1em;
	font-weight:bold;
	padding:.5em;
	border:1px solid #535353;
}

#bowlife div.bowlifeWrap div#whoShoots.contentColm div#nameLinks a {
	color:#ccc;
	width:auto;
	padding:0 3px;
}

#bowlife div.bowlifeWrap div#whoShoots.contentColm div#nameLinks a:hover {
	color:#181818;
	background:#ccc;
	border:#535353;
	text-decoration:none;
}

#bowlife div.bowlifeWrap div#whoShoots.contentColm div#images {margin:1em 0 0 0;}

#bowlife div.bowlifeWrap div#whoShoots.contentColm img#imgMain {max-width:400px;}

#bowlife div.bowlifeWrap div#whoShoots.contentColm div.story {
	border-top:1px solid #535353;
	margin:1em 0;
}

#bowlife div.bowlifeWrap div#whoShoots.contentColm div.story img {
	padding:1em 1em 1em 0;
}

#bowlife div.bowlifeWrap div#whoShoots.contentColm div.form {
	margin:0;
	padding:0;
	font-size:1em;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 		BOWLIFE - CONTACT US
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#bowlife h2#contactHeading {
	width:695px;
	clear:none;
	background:url('/include/site/multimedia/images/bows_categoryHeadBk.jpg');
	font-size:.7em;
	color:#181818;
	margin:3px 0;
	padding:3px 5px 1px 0px;
}
  
#bowlife div#contactUsWrap {
	margin-top:-1px;
	_margin-bottom:24px;
	padding:.5em 2em 2em 2em;
	min-height:380px;
	_height:380px;
	background:transparent url('/include/site/multimedia/images/bows_dealerBk.jpg') no-repeat;
}

#bowlife div#contactUsWrap h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	border-bottom:1px solid #535353;
	margin:2em 0 .5em 0;
	padding-bottom:2px;
}
#bowlife div#contactUsWrap p {
	color:#fff;
}
#bowlife div#contactUsWrap p address {font-size:1em;}
#bowlife div#contactUsWrap ul {list-style-type:square;}

#bowlife div#contactUsWrap div.form {
	color:#ccc;
	margin:0 2em;
	padding:3px 5px 2em 5px;
}

#bowlife div#contactUsWrap div.form h1 {
	color:#fc3;
	margin:1em 0 0 0;
}

#bowlife div#contactUsWrap div.form h2 {
	color:#fff;
	margin:2em 0 .5em 0;
	padding:0 0 .5em 0;
	border-bottom:1px dashed #535353;
}

#bowlife div#contactUsWrap div.form h3 {
	color:#fff;
	margin:1em 0 .5em 0;
}

#bowlife div#contactUsWrap div.form .formRow {
	color:#ccc;
	float:left;
	display:inline;
	clear:both;
	margin:0 1.25em;
}

#bowlife div#contactUsWrap div.form .formRow span.label {
	float:left;
	display:block;
	width:120px;
	padding:0 1em 0 0;
}

#bowlife div#contactUsWrap div.form .formRow .error {color:#f00; display:none;}

#bowlife div#contactUsWrap div.form .formRow input,
#bowlife div#contactUsWrap div.form .formRow select {
	font-size:.9em;
	border:1px solid #535353;
}

#bowlife div#contactUsWrap div.form #submit {
	clear:both;
	margin:2em 0 0 0;
	padding:1em 0 0 0;
	text-align:right;
	border-top:1px dashed #535353;
}

#bowlife div#contactUsWrap div.form .submitBtn {font-size:1em; color:#ccc; background:#535353; border:1px solid #ccc; !important}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 		BOWLIFE - CATALOG LAYOUT
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#bowlife #details.catalogs {min-height:335px; _height:335px; padding:1em!important; background:transparent url('/include/site/multimedia/images/catalogPageBk.jpg') 3px 0px no-repeat;}

#bowlife #details.catalogs h2 {margin:0 0 1em 0; font-size:10px;}

#bowlife #details.catalogs .leftSide	{float:left; display:inline; width:260px;}
#bowlife #details.catalogs .rightSide	{float:right; display:inline; width:260px;}

#bowlife #details.catalogs .rightSide h3		{margin:0; padding:0; font-size:10px;}
#bowlife #details.catalogs .rightSide h4		{font-size:1.25em; margin:.5em 0 3em .75em;}
#bowlife #details.catalogs .rightSide h4 img	{margin-bottom:-2px;}
#bowlife #details.catalogs .rightSide h4 a		{color:#fc3;}
#bowlife #details.catalogs .rightSide p			{margin:0 0 3em 1.5em;}
#bowlife #details.catalogs .rightSide ul		{font-size:1em;}









