/* CSS Document */
html {
	height:100%;
}

body {
	margin: 0px;
	height: 100%;
	text-align:center;
	/*	background-color: #FFF;	*/
	background-image: url(../images/odyssey_pg_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

body,td,th,div,span {
	font-family: Lucida Grande, Tahoma, sans-serif;
	font-size: 12px;
}
#OdysseyWrapper {
	margin-left: auto;
	margin-right: auto;
	width: 808px;
	height:101% !important;	
	display:block;
	position:relative;
}
#OdysseyWrapper #Left {
	background-image: url(../images/hd/hd_lt_abs.png);
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/hd/hd_lt_abs.png',sizingMethod='scale');	
	display: block;
	position: absolute;
	left: -38px;
	top: 251px;
	height: 34px;
	width: 38px;
}
#OdysseyWrapper #Right {
	background-image: url(../images/hd/hd_rt_abs.png);
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/hd/hd_rt_abs.png',sizingMethod='scale');	
	display: block;
	position: absolute;
	left: 808px;
	top: 251px;
	height: 34px;
	width: 38px;
}
a {
	color:#cc0000;
}
.Red {
/*	color:#e51837;
	color:#cc0033;	*/
	color:#cc0000;
}
.RedBold {
/*	color:#e51837;	*/
	color:#cc0000;
	font-weight:bold;
}
.RedBullet {
	display:block;
	background-image: url(../images/red_bullett.png);
	height: 7px;
	width: 8px;
}
#Header {
	background-image: url(../images/hd/odyssey_fireworks.png);
	display: block;
	margin: 0px;
	padding: 0px;
	height: 359px;
	width: 808px;
	position: relative;
}

#Header #PhoneNumber {
	background-image: url(../images/hd/toll_free.png);
	background-repeat: no-repeat;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/hd/toll_free.png',sizingMethod='scale');
	display:block;
	margin: 0px;
	padding: 0px;
	height: 33px;
	width: 204px;
	position: absolute;
	left: 32px;
	top: 51px;
}
#Header #Coupons a {
	margin: 0px;
	background-image: url(../images/hd/coupon_signup_off.png);
	background-repeat: no-repeat;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/hd/coupon_signup_off.png',sizingMethod='scale');
	display: block;
	padding: 0px;
	height: 39px;
	width: 206px;
	position: absolute;
	left: 599px;
	top: 51px;
}
#Header #Coupons a:hover {
	background-image: url(../images/hd/coupon_signup_on.png);
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/hd/coupon_signup_on.png',sizingMethod='scale');
}

/* Nav Menu */
#Nav {
	width:129px;
	/*height:100px;*/
	overflow:hidden;
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 4px;
	top: 127px;
}
#Nav ul {
	width:129px;
	/*height:100px;*/
	overflow:hidden;
	padding:0px;
	margin:0px;
}
#Nav li {
	width:129px;
	height:12px;
	overflow:hidden;
	padding:0px;
	margin:0px;
	/*margin:0px 0px 10px 0px;*/
	margin-bottom:10px;
	display:block;
}
#Nav li a {
/*position:absolute;
z-index:1000;*/
position:relative;
padding:0px;
margin:0px;
height:12px;
width:129px;
display:block;
}
#Nav #button1 {
	width:129px;
	height:12px;
	display:block;
	background-image: url(../images/nav/button1_off.png);
	background-repeat: no-repeat;
	background-position: left top;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav/button1_off.png',sizingMethod='scale');
}
#Nav #button1:hover {
	background-image: url(../images/nav/button1_on.png);
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav/button1_on.png',sizingMethod='scale');
}
#Nav #button2 {
	width:129px;
	height:12px;
	display:block;
	background-image: url(../images/nav/button2_off.png);
	background-repeat: no-repeat;
	background-position: left top;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav/button2_off.png',sizingMethod='scale');	
}
#Nav #button2:hover {
	background-image: url(../images/nav/button2_on.png);
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav/button2_on.png',sizingMethod='scale');	
}
#Nav #button3 {
	width:129px;
	height:12px;
	display:block;
	background-image: url(../images/nav/button3_off.png);
	background-repeat: no-repeat;
	background-position: left top;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav/button3_off.png',sizingMethod='scale');		
}
#Nav #button3:hover {
	background-image: url(../images/nav/button3_on.png);
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav/button3_on.png',sizingMethod='scale');	
}
#Nav #button4 {
	width:129px;
	height:12px;
	display:block;
	background-image: url(../images/nav/button4_off.png);
	background-repeat: no-repeat;
	background-position: left top;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav/button4_off.png',sizingMethod='scale');		
}
#Nav #button4:hover {
	background-image: url(../images/nav/button4_on.png);
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav/button4_on.png',sizingMethod='scale');	
}
#Nav #button5 {
	width:129px;
	height:12px;
	display:block;
	background-image: url(../images/nav/button5_off.png);
	background-repeat: no-repeat;
	background-position: left top;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav/button5_off.png',sizingMethod='scale');	
}
#Nav #button5:hover {
	background-image: url(../images/nav/button5_on.png);
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav/button5_on.png',sizingMethod='scale');
}
/* *********************************************************** */

#ContentWrap {
	margin:0px;
	padding:0px;
	width: 808px;
	display:block;
	background-image: url(../images/content_bg.png);
	background-repeat: repeat-y;
	background-position: left top;
	_background-image: url(../images/content_bg.gif);
	/*_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/content_bg.png',sizingMethod='scale');*/
/*	height:100%;	*/
	min-height:400px;
	/*max-height:100%;*/
	position:relative;
}
#Content {
/*	background-color: #FFF;	*/
	margin-left: 4px;
	margin-right: 4px;
	width: 800px;
	display:block;
	padding:0px;
	position:relative;
}
#ContentBottom {
	width:808px;
	height:64px;
	display:block;
	background-image: url(../images/content_bottom.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position:relative;
}

#CouponBoxes {
	width:788px;
	height:183px;
	display:block;
	margin: 0px;
	background-image: url(../images/odyssey_fireworks_coupons.png);
	background-repeat: no-repeat;
	background-position: left top;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/odyssey_fireworks_coupons.png',sizingMethod='scale');
	position:absolute;
	left: 10px;
	top: 0px;
/*	margin-top:15px;	*/
}
#CouponBoxes #BoxLeft {
	float:left;
	width:278px;
	height:135px;
	display:block;
	padding:0px;
	margin:0px;
}
#CouponBoxes #BoxCenter {
	float:left;
	width:255px;
	height:135px;
	display:block;
	padding:0px;
	margin:0px;
}
#CouponBoxes #BoxRight {
	float:left;
	width:255px;
	height:135px;
	display:block;
	padding:0px;
	margin:0px;
}

.PadLeft200 {
	padding-left:200px;
	width:600px;
	overflow:hidden;
	color:#666666;
	font-size:11px;
	text-align:left;

}
.PadLeft200 h1 {
	font-size:13px;
	font-weight:bold;
	color:#333;
	padding:0px;
	margin:0px;
}
.PadLeft200 h2 {
	font-size:11px;
	font-weight:normal;
/*	color:#cc0000;	*/
	color:#666666;
	padding:0px;
	margin:0px 0px 20px 0px;
}
.StoreLocation h3 a {
	font-size:12px;
	font-weight:bold;
	color:#cc0000;
	padding:0px;
	margin:0px;
	text-decoration:underline;
}
.StoreLocation h3 a:hover {
	text-decoration:none;
}
.PadLeft200 p {
	margin-bottom:10px;
}
.Breadcrumbs {
	padding-bottom:7px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e31a38;
	display:block;
	text-align:left;
	width:517px;
	background-image: url(../images/red_bullett.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	height: 17px;
	padding-left: 8px;
	font-size:10px;
	margin-bottom:15px;
}
.Breadcrumbs a {
	color:#cc0000;
	text-decoration:none;
	display:inline;
}
.Breadcrumbs a:hover {
	text-decoration:underline;
}
.DiscoverProd {
	display:block;
	margin-top:40px;
	margin-bottom:40px;
}
#FireworkBrands {
	width:562px;
	height:100px;
	display:block;
	background-image: url(../images/firework_brands_box.jpg);
	background-repeat: no-repeat;
	position: relative;
	font-size:10px;
	color:#666666;
}

#FireworkBrands #BigFireworks {
	position:absolute;
	left: 30px;
	top:79px;
}
#FireworkBrands #WorldClass {
	position:absolute;
	left: 455px;
	top:79px;
}
#BigFireworks a, #WorldClass a {
	color:#666;
	font-size:10px;
	text-decoration:none;
}
#BigFireworks a:hover, #WorldClass a:hover {
	color:#cc0000;
	text-decoration:underline;
}
#BkDiamond {
	position:absolute;
	left: 147px;
	top:79px;
	font-size:10px;
}	
#Pure {
	position:absolute;
	left: 319px;
	top:79px;
	font-size:10px;
}		


/* Store Hours and Map Styles */
.HoursMap {
	width:600px;
/*	min-height:145px;
	_height:145px;  */
	min-height:188px;
	_height:188px;
	display:block;
	background-image: url(../images/home_hours_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	position: relative;
}
.HoursMap .Hours {
	display:block;
	float:left;
}
.HoursMap .Hours ul {
	position:absolute;
	left:0px;
/*	top:55px;	*/
	top:50px;
	margin:0px;
	padding:0px;
	width:210px;
	overflow:hidden;
}
.HoursMap .Hours li {
	color:#333;
	font-size:10px;
	width:210px;
	margin-bottom:0px;
	text-align:right !important;
	list-style-type: none;
	display:block;
	overflow:hidden;
}
.HoursMap .Hours li .Right {
	color:#666;
	font-size:10px;
/*	width:80px;	*/
	width:75px;
	display:block;
	float:right;
	text-align:left !important;
	margin-left: 5px;
}
.HoursMap .Hours li .left {
	color:#333;
	font-size:10px;
	width:123px;
	display:block;
	float:left;
	text-align:right !important;
}

.HoursMap .Map {
	position:absolute;
	left:235px;
	top:0px;
	width:365px;
/*	min-height:145px;	*/
	min-height:188px;
	_height:188px;
	display:block;
	overflow:hidden;
}

#DaysFourth {
	background-image: url(../images/days_until_fourth.png);
	background-repeat: no-repeat;
	background-position: left top;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/days_until_fourth.png',sizingMethod='scale');	
	margin: 0px;
	padding: 0px;
	height: 270px;
	width: 213px;
	display:block;
	position:absolute;
	z-index:100000;
	left: -72px;
	top: 52px;
}
#DaysFourth #countdowncontainer {
	position:absolute;
	left: 67px;
	top: 112px;
	color:#ffcc33;
	font-weight:bold;
	font-size:30px;
	width:66px;
	text-align:center !important;
}
.BulletLink {
	float:left;
	display:block;
	text-align:left;
	background-image: url(../images/red_bullett.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 8px;
	font-size:10px;
	margin-bottom:10px;
}
.BulletLink a {
	color:#cc0000;
	text-decoration:underline;
	display:inline;
}
.BulletLink a:hover {
	text-decoration:none;
}
.HomeLocationWrap {
	position:absolute;
	left:20px;
	top:150px;
}
#ProductNavLeft {
	margin: 0px 20px 10px 20px;
	padding: 0px;
	width: 160px;
	display:block;
	position:absolute;
	z-index:100000;
	left: 0px;
/*	top: 52px;	*/
	top:75px;
	font-size:11px;
	text-align:left;
}
#ProductNavLeft h2 {
	font-size:13px;
}
#ProductNavLeft ul {
	float:left;
	width:160px;
	text-align:left;
	margin:0px;
	padding:0px;
}
#ProductNavLeft li {
	margin: 5px 0px 10px 5px;
	padding:0px;
	font-size:11px;
}

/* Product Category Styles */
.ProdCatBox {
/*	width:173px;	*/
	width:163px;
	float:left;
	border: 1px dotted #666;
	padding:5px;
	margin-top:15px;
	margin-right:25px;
	margin-bottom:5px;
}
.ProdCatBox h2 {
	padding:0px;
	margin:0px;
	width:160px;
	text-align:left !important;
	font-size:13px;
}

.ProdCatBox h2 a {
	color:#666666;
	padding:0px;
	margin:2px 0px 5px 0px;
	width:160px;
	text-align:left !important;
	text-decoration:none;
	font-size:13px;
	display:block;
}

.ProdCatBox h2 a:hover {
	color:#cc0000;
	text-decoration:underline;
}
.ProdCatBox .ViewProducts {
	width:106px;
/*	text-align:right !important;	*/
	display:block;
	float:left;
	margin-top:10px;
	margin-bottom:5px;
}
.ProdCatBox .ViewProducts a {
	display:block;
	background-image: url(../images/btn_more_info_off.gif);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding: 0px;
	height: 21px;
	width: 106px;
}
.ProdCatBox .ViewProducts a:hover {
	background-image: url(../images/btn_more_info_on.gif);
}
.MoreInfo a {
	display:block;
	background-image: url(../images/btn_more_info_off.gif);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	height: 21px;
	width: 106px;
}
.MoreInfo a:hover {
	background-image: url(../images/btn_more_info_on.gif);
}
.Paging {
	float:right;
	display:block;
	margin-bottom:20px;
/*	margin-right:30px; */
	margin-right:230px;
	color:#cc0000;
	font-size:13px;
}

.HasVideo {
/*	margin:10px 0px 10px 10px;
	padding:5px;
	display:block;
	background-image: url(../images/firework_video.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	_background-image: url(../images/firework_video.gif);
	position:relative;
	height:30px;
/*	text-align:left;	
	border:1px dotted #999;	
	width:120px;
	background-color: #fffdea;	*/
	float:left;
	width: 117px;
	padding:0px;
	margin:10px 0px -5px 0px;
}
.HasVideo a {
	padding:0px;
	display:block !important;
	background-image: url(../images/btn_watch_video_off.gif);
	margin: 0px;
	height: 21px;
	width: 117px;
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden;
}
.HasVideo a:hover {
	background-image: url(../images/btn_watch_video_on.gif);
}
#ProductWrap {
/*	min-height:225px;	*/
	min-height:275px;
/*	margin: 29px 65px 30px 0px;	*/
	margin: 29px 65px 0px 0px;
	display:block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e31a38;
}
#ProductWrap h1 {
	font-size:20px;
	color:#cc0000;
}
.Price {
	background-image: url(../images/price_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	margin: 8px 0px 0px 0px;
	padding: 0px;
	height: 19px;
	width: 123px;
	position:relative;
}
.Price span {
	position:absolute;
	top:2px;
	left:51px;
	font-size:11px;
	color:#333333;
}
.Description {
	font-family: “Myriad Pro”, Lucida Grande, Tahoma, sans-serif;
	font-size:12px;
	color:#333333;
	margin:20px 0px 2px 0px;
	text-transform:uppercase;
}
.DescriptionText {
	font-family: “Myriad Pro”, Lucida Grande, Tahoma, sans-serif;
	font-size:11px;
	color:#666666;
}
.OnSale {
	margin: 5px 0px -10px 0px;
	font-weight:bold;
	color:#cc0000;
}
.ProductImage {
	width:300px;
	min-height:225px;
	max-height:400px;
	overflow:hidden;
	margin: 0px 0px 30px 20px;
	display:block;
	float:right;
}
#VideoWrap {
	position:relative;
	width:568px;
	height:405px;
	display:block;
	margin-left:-12px;
	background-image: url(../images/products-video-bg.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#player {
	position:absolute;
	left:28px;
	top:36px;
}
/* Store Location Styles */

.StoreLocation {
	display:block;
	margin: 10px 0px 30px 0px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #cc0000;
	border-right-color: #cc0000;
	border-bottom-color: #cc0000;
	border-left-color: #cc0000;
	padding:5px 0px 0px 10px;
	position:relative;
}
.StoreLocation .HoursMap {
	margin:0px 0px 0px -10px;	
}
.StoreLocation h3 {
	padding:0px;
	margin:6px 5px 20px 0px;
}
.LocationTag {
	float:right;
	display:block;
	margin:6px 15px 20px 0px;
	font-weight:bold;
	background:#fffdea;
	padding:5px;
}
.StoreLocation .DrivingDirections {
	position:absolute;
	top:37px;
	left:240px;
	width:320px;
	display:block;
	margin:0px 0px 0px 0px;
	font-weight:normal;
	font-size:11px;
	padding:5px;
	z-index:100;
}
#LegalInfo {
	display:block;
	margin: 0px 30px 60px 0px;
	font-size:10px;
}
#LegalInfo h3 {
	font-size:12px;
}
#LegalInfo span {
	display:block;
	font-weight:bold;
	margin: 0px;
	font-size:11px;
}

/* Bonuses Styles */
.BonusesOdd {
	background-color: #fffdea;
	border: 1px dotted #666;
	display:block;
	margin: 20px 30px 30px 0px;
	padding: 10px 10px 10px 10px;
	font-size:11px;
}
.BonusesEven {
	background-color: #f3f3f3;
	border: 1px dotted #666;
	display:block;
	margin: 20px 30px 30px 0px;
	padding: 10px 10px 10px 10px;
	font-size:11px;
}
.BonusesOdd h2, .BonusesEven h2 {
	font-weight:bold;
	margin:0px 0px 10px 0px;
}
.BonusesOdd h3, .BonusesEven h3 {
	font-weight:normal;
	font-size:11px;
	margin:0px 0px 10px 0px;
}
.BonusesOdd .FloatBonus {
	float:right;
	background:#fff;
	border: 1px solid #333;
	padding:10px;
	font-size:11px;
}
.BonusesEven .FloatBonus {
	float:right;
	background:#fffdea;
	border: 1px solid #333;
	padding:10px;
	font-size:11px;
}
.BonusesOdd ul, .BonusesEven ul {
	margin:0px 0px 0px 15px;
	padding:0px;
}
.BonusesOdd .FloatBonus ul li, .BonusesEven .FloatBonus ul li {
	margin:0px 0px 5px 0px;
	padding:0px;
}

.NoBullet li {
	list-style-type: none;		
}
.BlackDiamond li {
	display:block;
	width:230px;
	margin:0px 0px 10px 0px;
	list-style-type: none;
	font-size:11px;
}
.BonusesOdd .BlackDiamond ul {
	margin:-5px 0px 0px 0px;
	padding:0px;
}

.BlackDiamond li .left {
	float:left;
	width:150px;
	font-size:11px;
/*	margin-right:5px;	*/
}
.BlackDiamond li .right {
	float:left;
	width:70px;
	margin-left:5px;
	display:block;
	font-size:11px;
}

/* Footer Styles */
#Footer {
	font-size:11px;
	color:#666666;
	text-align:center;
/*	margin-top:15px;	*/
	margin-top:115px;
	margin-bottom:20px;
	display:block;
}
.Copyright {
	font-weight:bold;
	display:block;
	width: 800px;
	text-align:center;
	margin-top:30px;
	margin-bottom:10px;
	font-size:10px;
}
#Footer .PadBot {
	padding:0px;
	margin:2px 0px 3px 0px;
}
#Footer .CatLinks {
	font-size:11px;
	line-height: 16px;
}
#Footer .CatLinks a {
	font-size:11px;
}
.TenPx {
	font-size:10px;	
}