﻿/* 
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' Title			: Maathews Inc | BOWS Stylesheet
' Description	: This page contains styles for the BOW sections
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' History
' 12/11/2006	: David Ellenwood - Created Page
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 				BROWSE BOWS
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#bows.content {padding:10px 0;}

#bows h2#categoryHeading {
	margin:3px 0;
	padding:3px 5px 3px 1px;
	width:694px;
	font-size:.75em;
	background:url('/include/site/multimedia/images/bows_categoryHeadBk.jpg');
}

#bows h2#categoryHeading span.right {
	color:#d4d4d4;
	font-size:.8em;
	font-family:Georgia, "Times New Roman", serif;
	text-transform:uppercase;
}

#bows div#bowComparePopHelp {
	width:330px;
	top:185px;
	left:354px;
}

#bows h1.pageTitle {font-size:.7em; font-weight:normal; color:#ccc; padding:5px 10px;}

#bows div.products {padding-left:3px}

#bows div.products div.productBox {
	width:164px;
	height:202px;
	float:left;
	display:inline;
	margin:10px 5px 5px 5px;
	font-size:.75em;
	color:#ccc;
	position:relative;
	overflow:hidden;
}

#bows div.products div.productBox h3 {font-size:.9em;}

#bows div.products div.productBox h3 a {
	border:1px solid #535353;
	position:relative;
	display:block;
	width:160px;
}

#bows div.products div.productBox object {
	width:161px;
	height:151px;
	margin-top:0;
	margin-right:-1px;
}

#bows div.products div.productBox h3 a:hover {border:1px solid #aaa;}

#bows div.products div.productBox h4 {
	position:absolute;
	top:130px;
	right:5px;
	font-size:.8em;
	color:#888;
	font-weight:normal;
}

#bows div.products div.productBox h4 input.compareBowCheck {
	margin-bottom:-1px;
	margin-left:-1px;
}

#bows div.products div.productBox h2 {
	font-size:1em;
	padding:.25em .25em 0 .25em;
}

#bows div.products div.productBox p {
	font-size:.9em;
	padding:0 .25em;
}

#bows div.products div.accessory {overflow:visible; height:auto;}
#bows div.products div.accessory img {border:1px solid #535353;}
#bows div.products div.accessory h1 {color:#fff;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 					COMPARE BOWS
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#bows table#productsCompare {
	clear:both;
	width:700px;
	border-collapse:collapse;
	color:#ccc;
	font-size:.7em;
	margin:5px 0 0 0px;
}

#bows table#productsCompare thead tr th {
	text-align:center;
	vertical-align:top;
	padding:4px 6px 12px 6px;
}

#bows table#productsCompare thead tr th#intro {
	text-align:left;
	width:160px;
	padding:8px 12px;
	background:url('/include/site/multimedia/images/bows_compare_bowImageBlank.jpg') 6px 4px no-repeat;
	font-weight:normal;
}

#bows table#productsCompare thead tr th.noProd {
	vertical-align:middle;
	background:url('/include/site/multimedia/images/bows_compare_bowImageBlank.jpg') 6px 4px no-repeat;
	font-weight:normal;
	font-style:italic;
}

#bows table#productsCompare thead tr th div {
	position:relative;
	display:block;
	width:163px;
	height:151px;
}

#bows table#productsCompare thead tr th.noProd div {
	height:91px;
	padding-top:60px;
}

#bows table#productsCompare thead tr th div a.image {
	border:1px solid #535353;
	display:block;
}

#bows table#productsCompare thead tr th div a:hover.image {border:1px solid #aaa;}

#bows table#productsCompare thead tr th div h3.text {
	font-weight:normal;
	font-size:.85em;
	position:absolute;
	bottom:2px;
	right:4px;
	text-decoration:none;
	display:none;
}

#bows table#productsCompare tr.one th,
#bows table#productsCompare tr.one td {}

#bows table#productsCompare tr.two th,
#bows table#productsCompare tr.two td {background:#393939;}

#bows table#productsCompare tbody tr th {
	text-align:right;
	padding-right:20px;
}

#bows table#productsCompare tbody tr th,
#bows table#productsCompare tbody tr td {
	padding:3px 12px 3px 12px;
	vertical-align:top;
}

#bows table#productsCompare tbody tr th {
	text-align:right;
	padding-right:15px;
	color:#fff;
}

#bows table#productsCompare tbody tr#model th {vertical-align:bottom;}

#bows table#productsCompare tbody tr#model td select.prodModelSelect {
	font-size:1em;
	width:150px;
	background:#181818;
	border:1px solid #535353;
	color:#fff;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 						VIEW BOW
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#bows div#mainViewer {
	position:relative;
	width:723px;
	_width:712px;
	height:506px;
	top:-11px;
	left:-11px;
	margin-bottom:-13px;
	padding:11px 0 0 11px;
	
}

#bows div#mainViewer div#features {
	position:absolute;
	display:block;
	top:0;
	left:0;
}

#bows div#mainViewer div#customize {
	position:absolute; 
	display:none;
	height:450px;
	top:65px;
	left:9px;
	overflow:hidden;
}

#bows div.titleBox {
	position:relative;
	width:230px;
	height:46px;
	color:#ccc;
	padding:12px 0 0 0;
}

#bows div.dataBox {
	position:relative;
	width:230px;
	display:none;
	color:#ccc;
	font-size:.75em;
	height:405px;
	overflow:hidden;
	padding:1em 0 0 0;
}

#bows div.dataBox h1 {margin-bottom:1em;}

#bows div.dataBox h4#printBtn {position:absolute; bottom:0; left:.25em;}

#bows div.dataBox p {
	font-size:.9em;
	margin:0 0 1em .25em;
}

#bows div.dataBox dl {
	margin:0 0 0 .5em;
	font-size:.9em;
}

#bows div.dataBox dl dt {
	font-weight:bold;
	color:#fff;
	margin:.5em 0 0 0;
	padding:0;
}

#bows div.dataBox dl dd {
	margin:0 0 0 .25em;
	padding:0;
}

#bows div.dataBox a.imageBox {
	width:60px;
	height:60px;
	border:1px solid #535353;
	text-decoration:none;
	display:block;
	float:left;
	margin:2px;
}

#bows div.dataBox a:hover.imageBox {border:1px solid #aaa;}

#bows div.imageBox {
	position:absolute;
	display:none;
	width:400px;
	height:458px;
	overflow:hidden;
	padding:0;
	bottom:32px;
	right:21px;
	_right:9px;
	font-size:.75em;
	background:#181818;
	border:1px solid #535353;
}

#bows div.imageBox  object {
	margin:12px 0 0 0;
}

#bows div.imageBox h5.closeView {
	position:absolute;
	bottom:5px;
	right:8px;
}

#bows div.imageBox h5.closeView a {text-decoration:none;}
#bows div.imageBox h5.closeView img {margin-bottom:-1px; margin-right:3px;}

#bows div#taskBar {
	position:absolute;
	bottom:-3px;
	left:11px;
	border:1px solid #535353;
	background:#2f2f2f;
	font-size:.9em;
	width:700px;
	margin-top:5px;
	padding:4px 0;
	text-align:center;
}

#bows div#taskBar h4 {
	text-transform:uppercase;
	font-weight:bold;
	color:#ccc;
	font-size:.7em;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:3px 0;
	_padding:0px;
}

#bows div#taskBar h4 span {
	display:inline-block;
	border-right:1px solid #535353;
}

#bows div#taskBar h4 span.last {border:none;}

#bows div#taskBar h4 span a {
	text-decoration:none;
	display:inline-block;
	margin:0 5px;
	padding:3px 5px;
}

#bows div#taskBar h4 span a:hover {
	background:#535353;
	color:#fff;
}

#bows div#taskBar h4 span.selected a {
	color:#181818;
	background:#ddd;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 		BOWS - FIND A RETAILER
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#bows div#dealerWrap {
	margin-top:-1px;
	padding:2em 0 0 0;
	font-size:.75em;
	background:transparent url('/include/site/multimedia/images/bows_dealerBk.jpg') no-repeat;
}

#bows div#dealerWrap div#dealerSearchUS,
#bows div#dealerWrap div#dealerSearchInt {
	float:left;
	display:inline;
	position:relative;
	margin-left:2em;
	padding-bottom:2em;
}

#bows div#dealerWrap div#dealerSearchUS {width:250px;}
#bows div#dealerWrap div#dealerSearchInt {width:370px;}

#bows div#dealerWrap h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	border-bottom:1px solid #535353;
	margin-bottom:.5em;
	padding-bottom:2px;
}

#bows div#dealerWrap p {margin:.5em;}
#bows div#dealerWrap h3 {margin:1em .5em .5em .5em;}
#bows div#dealerWrap .formRow {padding:2px 0; display:block;}
#bows div#dealerWrap .formRow .label {padding-right:3px; width:70px;}
#bows div#dealerWrap input,
#bows div#dealerWrap select {font-size:.9em;}

#bows div#dealerWrap div#dealerSearchInt p {margin-bottom:2em;}
#bows div#dealerWrap div#dealerSearchInt ul {list-style-type:square; display:none;}
#bows div#dealerWrap div#dealerSearchInt ul li {margin-bottom:2px;}
#bows div#dealerWrap div#dealerSearchInt ul li a {font-size:1.1em; color:#fff;}

#bows div#dealerWrap div#results {margin:0 2em 0 2em;}
#bows div#dealerWrap div#results div#googleMap {
	color:#000 !important;
	float:right;
	display:block;
	width:420px;
	height:300px;
	margin:1em 0 0 0;
	
	
}

#bows div#dealerWrap div#results div#googleMap a {color:#00f;}
#bows div#dealerWrap div#results div#googleMap a:hover {color:#00f; text-decoration:underline;}

#bows div#dealerWrap div#results div#googleMap .title       {font-size:1.1em; font-weight:bold;}
#bows div#dealerWrap div#results div#googleMap .distance    {font-size:.9em; color:#444; line-height:2;}
#bows div#dealerWrap div#results div#googleMap .street      {font-size:1em;}
#bows div#dealerWrap div#results div#googleMap .city,
#bows div#dealerWrap div#results div#googleMap .state,
#bows div#dealerWrap div#results div#googleMap .zip,
#bows div#dealerWrap div#results div#googleMap .phone       {font-size:1em;}
#bows div#dealerWrap div#results div#googleMap .contactFN,
#bows div#dealerWrap div#results div#googleMap .contactLN,
#bows div#dealerWrap div#results div#googleMap .mapItLink   {display:none;}
#bows div#dealerWrap div#results div#googleMap .getDir      {line-height:2;}


#bows div#dealerWrap div#results div#resultsBox {
	float:left;
	display:block;
	width:200px;
}
#bows div#dealerWrap div#results ul {list-style-type:square; margin:0 0 0 2em; padding:0;}
#bows div#dealerWrap div#results ul li {margin:1em 0;}
#bows div#dealerWrap div#results ul li address {font-size:.9em; font-style:normal; color:#ccc;}
#bows div#dealerWrap div#results ul li address a {}
#bows div#dealerWrap div#results ul li address .title {font-size:1em; font-weight:bold; color:#fff;}
#bows div#dealerWrap div#results ul li address .mapIt {font-size:.9em;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 		BOWS - MATHEWS 101
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#bows div#mathews101Wrap {
	padding:.5em 2em 2em 2em;
	font-size:.75em;
}

#bows div#mathews101Wrap h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	border-bottom:1px solid #535353;
	margin:2em 0 .5em 0;
	padding-bottom:2px;
}

#bows div#mathews101Wrap p {
	margin:.5em 0;
}

#bows div#mathews101Wrap ul {
	list-style-type:square;
	margin:.5em .5em .5em 2.5em;
	padding:0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 		BOWS - COPYRIGHT
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#bows div#copyrightWrap {
	padding:.5em 2em 2em 2em;
	font-size:.75em;
}

#bows div#copyrightWrap h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	border-bottom:1px solid #535353;
	margin:2em 0 .5em 0;
	padding-bottom:2px;
}

#bows div#copyrightWrap p {
	margin:.5em 0;
}

#bows div#copyrightWrap ul {
	list-style-type:square;
	margin:.5em .5em .5em 2.5em;
	padding:0;
}
