/* 
COLORS
orange:#ff6600
med orange:#ff9846
yellow:#ffd951
lite-yellow/white #fff7cf
dark brown #6f2c00;
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td { /*takes margin & padding off most elements.*/
 margin:0;
 padding:0;
	} 
	
a{
	color:#000;
	text-decoration:underline;
	outline:none;
	}
a:visited{
	text-decoration:underline;
	color:#6f2c00;
	}	
a:hover{
	text-decoration:none;
	color:#ffd951;
	}

a.btn, a.top{
	display:block;
	text-indent:-9999px;
	background-position: 0 0;
	overflow:hidden;
	line-height:28px;
	margin:.5em 0 .5em 0;
	}

a.btn:hover{
		background-position: 0 -28px;
		}
a.add{
	background:transparent url(images/btn_add.png) no-repeat;
	width:111px;
	}

a.checkout{
	background:transparent url(images/btn_checkout.png) no-repeat;
	width:111px;
	}

a.checkout-side{
	position:relative;
	left:4px;
	background:transparent url(images/btn_checkout-side.png) no-repeat;
	width:111px;
	}

a.clear_cart{
	}

a.top{
	clear:both;
	margin-top:20px;
	background:transparent url(images/btn_top.png) no-repeat;
	width:56px;
	}

a.top:hover{
	background-position: 0 -28px;
	}

body{
	background: #ff6600 url(images/bg_body.jpg) repeat-x 50% 0; 
	color:#000;
	font:75% verdana, sans-serif; /*75% resets the default font size to 12px;*/
	min-width:760px;
	text-align:center;
	}

blockquote{
	padding:.5em 3em;
	color:#6f2c00;
	font-size:.9em;
	font-weight:bold;
	font-style: italic;
	}

html>body {
 	font-size: 12px; 
	}

h1{
	text-indent:-9999px;
	width:246px;
	height:90px;
	position:absolute;
	top:13px;
	left: 267px;
	overflow:hidden;
	}
	
h1 a{
	display:block;
	line-height:90px;
	overflow:hidden;
	}

h2{
	background:transparent url(images/headers.png) no-repeat;
	line-height:36px;
	overflow:hidden;
	text-indent:-9999px;
	margin-top:.5em;
	}
	
h2.history{
	background-position:0 0;
	}
	
h2.hype{
	background-position:0 -37px;
	}

h2.products{
	background-position:0 -76px;
	}
	
h2.gear{
	background-position:0 -109px;
	}
	
h2.buynow{
	background-position:0 0;
	}

h2.hairstyles{
	background-position:0 -182px;
	}

h2.tips{
	background-position:0 -216px;
	}

h2.links{
	background-position:0 -252px;
	}

h2.contact{
	background-position:0 -289px;
	}

h2.cart{
	background-position:0 -323px;
	}

h2.customer_service{
	background-position:0 -358px;
	}
h2.send_us{
	background-position:0 -394px;
	}

hr{	
	color:#9c430c;
	background-color:#9c430c;
	border:0;
	height:1px;
	display:block;
	margin:10px 0;
	/*margin:20px 0;*/
	}

.ir_home_gear_slide{/*use for general imagereplacement*/
	display:block;
	height:170px;
	overflow:hidden;
	text-indent:-9999px;
	width:178px;

	}

#obamacan{
	background:url(images/obama_can_ad.gif) no-repeat 0 0;
	}
	
#obamashirt{
	background:url(images/obama_shirt_ad.gif) no-repeat 0 0;
	}
	
#girlytee{
	background:url(images/girlyad.gif) no-repeat 0 0;
	}
#girlytee2{
	background:url(images/girly-t-home.gif) no-repeat 0 0;
	}
#flapperEagle {
	background:url(images/front_flapper_eagle.gif) no-repeat 0 0;
	}
	
#flask {
	background:url(images/front_flask.gif) no-repeat 0 0;
	}
	
p.tagline{
	background:transparent url(images/bg_tagline.gif) no-repeat top center;
	line-height:24px;
	overflow:hidden;
	text-indent:-9999px;
	width:125px;
	position:absolute;
	top:46px;
	right:75px;
	}

p.tagline-europe{
	background:transparent url(images/tagline-europe.gif) no-repeat top center;
	line-height:27px;
	overflow:hidden;
	text-indent:-9999px;
	width:218px;
	position:absolute;
	top:43px;
	right:25px;
	}

p.tagline-europe a{
	display:block;
	width:218px;
	height:27px;
	}

table, td{
	border-collapse:collapse;
	}

table.form td{
	padding:.25em .5em .25em 0;
	}

td.label{
	text-align:right;
	}

td.submit{
	text-align:right;
	}

.block{
	display:block;
	}

.clear{ /*to clear FLOATS*/
 	clear:both;
	font-size:0;
	height:0;
	line-height:0;
	visibility:hidden;
	}

.clearboth{ /*to clear objects*/
	clear:both;
	}

.left{
	float:left;
	}

input, select, textarea {	
	background-color:#ff9846;
	border: 1px solid #6F2C00;
	}
	
/* - - - - THESE STYLES ARE FOR THE DRAG AND DROP SHOPPING - - - -  - - - - - */


.box{
	float:left;
	text-align:center;
	width:140px;
	cursor:move;
	}

.box img{
	padding-top:14px;
	padding-bottom:5px;
	}

.outerbox{
	float:left;
	text-align:center;
	width:140px;
	position:relative;
	}

.gear_row{
	width:420px;
	/*width:570px; this is the OLD gear style*/
	padding:1em 0;
	}

#loading {
	text-align:center;
	display:none;
	height:28px;
	}

#clearCart {
	position:relative;
	left:14px;
	cursor:pointer; 	
	display:block;
	text-indent:-9999px;
	background-position: 0 0;
	background:transparent url(images/btn_clear_cart.png) no-repeat;
	width:111px;
	overflow:hidden;
	line-height:28px;
	margin:.5em 0 .5em 0;
	}

#clearCart:hover {
	background-position: 0 -28px;
	}

.box a{
	display:block;
	text-decoration:none;
	}

.box:hover{
	color:#ffd951;
	}

.box a:hover{
	color:#ffd951;
	}
.cart_container{
	background:#ff9846 url(images/cart_bg-repeat.gif) repeat-y center;
	width:140px;
	float:right;
	clear:right;
	color:#000;
	}

.cart_container H3{
	background:url(images/cart-h3-bg.gif) no-repeat center top;
	line-height:57px;
	text-indent:-9999px;
	padding-bottom:10px;
	}

.cart_bot_cap{
	background:url(images/cart-bottom.gif) no-repeat center bottom;
	line-height:0;
	font-size:0;
	height:21px;
	}

.cart_side{
	height:1500px; 
	text-align:center;
	background:transparent url(images/cart_bg.gif) repeat-y center top; 
	padding:10px;
	font-size:10px;
	}

.products_wrap{
	width:420px;
	float:left;
	padding:1em 0;
	}
	
.choices{
	padding-top:3px;
	}

.choices select{
	width:125px;
	} 
	
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - ----- - - - - -  */


.header{
	background:transparent url(images/header_bg.gif) no-repeat top center;
	height:121px;
    position:relative;
	margin-top:20px;
    }

.header .topnav{
	position:absolute;
	width:204px;
	top:47px;
	left:43px;
	}

.prod{
	width:375px;
	float:left;
	}

.prod_container{
	padding-bottom:1em;
	width:570px;
	}

.prod_img{
	float:left; 
	padding: 15px 15px 0 15px;
	}

.prod_weight{
	float:left;
	margin-right:60px;
	}

.topnav ul{
	list-style-type:none;
	background:transparent url(images/murrays4C_topnav.gif) no-repeat;
	}
.topnav ul li{
	list-style-type:none;
	display:block;
	float:left;
	text-indent:-9999px;
	}

.topnav ul li a{
	background:transparent url(images/murrays4C_topnav.gif) no-repeat;
	display:block;
	height:22px;
	outline:none;
	overflow:hidden;
	}

.topnav ul li.home a{
	width:54px;
	}

.topnav ul li.home a:hover{
	background-position:0 -22px;
	}

.topnav ul li.cart a{
	background-position:-54px 0;
	width:58px;
	}
.topnav ul li.cart a:hover{
	background-position:-54px -22px;
	}
	
.topnav ul li.contact a{
	width:87px;
	background-position:-112px 0;

	}
.topnav ul li.contact a:hover{
	background-position:-112px -22px;
	}

#footer_top{
	clear:both;
	width:100%;
	background:transparent url(images/footer_top.gif) no-repeat center top;
	margin-top:15px;
	overflow:hidden;
	line-height:49px;
	}

#footer{
	background:transparent url(images/footer_bot.gif) no-repeat center bottom;
	padding:0 30px 20px 30px;
	margin-bottom:15px;
	color:#ddd6b3;
	clear:both;
	}

#footer .contact_info{
	font-size:.75em;
	line-height:1.5;
	}

#footer .copyright{
	color:#ff9846;	
	font-size:.9em;
	font-weight:bold;
	}

#footer a{
	color:#ddd6b3;
	}
#footer a:hover{
	color:#ffd951;
	}

/* - - - - - - cart styles - - - - - -  */

table.cart-1{
	margin:.5em 0;
	}

table.cart-1 th{
	padding-bottom:6px;
	border-bottom:1px solid #9c430c;
	}
table.cart-1 td{
	padding:6px 6px 6px 0;
	}
table.cart-1 span.item_name{
	float:left;
	width:150px;
	padding-top:18px;
	}
table.cart-1 td.total{
	text-align:right;
	padding-right:12px;
	}
table.cart-1 tr.item td{
	border-bottom:1px solid #9c430c;
	}

table.cart-1 td.note{
	font-size:10px;
	}
table.cart-1 img{
	padding-right:6px;
	float:left;
	}

form hr{
	width:324px;
	margin-bottom:0;
	}

form h4{
	color:#6f2c00;
	}
form.cart2#bill{
	padding-bottom:15px;
	}
form.cart2 div{
	width:325px;
/*	position:relative;*/
	clear:both;
	padding-top:9px;
	}

form.cart2 div.clear{
	padding:0;
	}

form.cart2 label{
	width:100px;
	display:block;
	float:left;
	text-align:right;
	padding-top:5px;
	}

form.cart2 label.checkbox{
	width:300px;
	display:block;
	float:left;
	text-align:left;
	padding-top:0px;
	padding-left:4px;
	line-height:1.38;
	}

form.cart2 label span{
	padding-right:9px;
	}

form.cart2 input {
	width:200px;
	
	}

form.cart2 input#sign{
	width:auto;
	}

form.cart2 input.checkbox {
	width:auto;
	float:left;
	}
form.cart2#card div{
	width:450px;
	}
form.cart2#card label{
	width:175px;
	}
/* - - - - - - end cart styles - - - - - -  */

.content_wrap{
	float:left;
	width:586px;
	/*width:603px;*/
	padding-right:17px;
	}

.content_main{
	margin:0 0 5px 0;
	line-height:1.5;
	}

.content_main img.inside{
	float:right;
	margin-left:12px;
	}

.content_main p, .content_main ul{	
	padding:.5em 0 .5em 0;
	}

.content_main .styles{
	padding:.5em 0 .5em 0;
	}

.content_main .styles img{
	padding:0 1em 0 0;
	}

.content_main ul li{
	list-style-type: none;
	margin-left:10 px;
	}

.content_main ul.bullet li{
	margin-left:0;
	background:url(images/bullet_black.gif) no-repeat 0 6px;
	padding-left:15px;
	margin:.5em 0;
	line-height:1.25;
	}

.content_main ul.left_list{
	float:left;
	width: 250px;
	}
	
.content_main ul.left_list li, .content_main ul.right_list li{
	margin-left:0;
	background:url(images/bullet_black.gif) no-repeat 0 6px;
	padding-left:15px;
	margin:.5em 0;
	line-height:1.25;
	}
	
.content_main ul.right_list{
	float:left;
	width: 280px;
	}
.content_main ol{
	margin:.5em 0 .5em 1.5em;
	}

.content_main h3{
	font-size:1.5em;
	}

.content_main h4{
	font-size:1.3em;
	}

.content_main h3, .content_main h4{
	padding:.5em 0 0 0;
	/*clear:left;*/
	/*clear:both;*/
	}

.content_sec{
	float:left;
	}

.content_sec#hype{
	background:transparent url(images/h2_home_hype.gif) no-repeat 5px 0;
	margin-top:15px;
	height:174px;
	width:330px;
	}

.content_sec#gear{
	background:transparent url(images/h2_home_gear.gif) no-repeat 5px 0;
	margin-top:15px;
	width:255px;
	}

.content_sec#gear img, .content_sec#gear p, .content_sec#hype img, .content_sec#hype p{
	padding-left:47px;
	}

.content_sec#hype #other_hype{
	padding:36px 0 0 0;
	width:108px;
	float:left;	
	}

.content_sec#hype #other_hype p{
	padding-left:0;
	}

#other_hype h3{ /*stupid code, i couldn't figure out.. i put the graphic in as the h3*/
	/*
text-indent:-9999px;
	background: url(images/check_out_header.gif) no-repeat left top;
*/
	line-height:18px;
	}

#other_hype a{
 	text-decoration:none;
 	}

#nav{
	float:left;	
	padding:34px 20px 0 8px;
	width:112px;
	/*width:140px;*/
	clear:right;
	}

#nav ul{
	padding-left:0;
	margin-bottom:0;
	list-style-type:none;
	width:112px;
	}

#nav ul.sub{
	text-align:right;
	}

#nav ul.sub a{
	text-align:right;
	color:#6f2c00;
	font-size:11px;
	text-decoration:none;
	background:none;
	background-image:none;
	display:inline;
	height:auto;
	text-indent:0;
	overflow:hidden;	
	}

#nav ul.sub a:hover{
	color:black;
	}

#nav ul li a{
	background-repeat:no-repeat;
	background-image:url(images/murrays5C_mainnav.gif);
	display:block;
	height:29px;
	text-indent:-9999px;
	overflow:hidden;	
	}

#nav ul li a.history{
	background-position:-5px 0;
	
	}
#nav ul li a.history:hover{
	background-position:-133px 0;
	}

#nav ul li a.hype{
	background-position:-5px -29px;
	}
#nav ul li a.hype:hover{
	background-position:-133px -29px;
	}

#nav ul li a.products{
	background-position:-5px -58px;
	}
#nav ul li a.products:hover{
	background-position:-133px -58px;
	}

#nav ul li a.gear{
	background-position:-5px -87px;
	}
#nav ul li a.gear:hover{
	background-position:-133px -87px;
	}

#nav ul li a.buy{
	background-position:-5px -116px;
	}
#nav ul li a.buy:hover{
	background-position:-133px -116px;
	}
	
#nav ul li a.hairstyles{
	height:63px;
	background-position:-5px -145px;
	}
	
#nav ul li a.hairstyles:hover{
	background-position:-133px -145px;
	}

#nav ul li a.tips{
	background-position:-5px -207px;
	}
#nav ul li a.tips:hover{
	background-position:-133px -207px;
	}

#nav ul li a.links{
	background-position:-5px -236px;
	}
#nav ul li a.links:hover{
	background-position:-133px -236px;
	}

#news{
	padding: 48px 0 48px 12px;
	}

#news a{
	text-decoration:none;
	}

#news h3{
	text-indent:-9999px;
	background-position:left top;
	background-repeat:no-repeat;
	margin:0;
	}
	
h3.send_us{
	background-image:url(images/send_us_stamp3.png);
	line-height:100px;
	}

.content_main p.caption{
	clear:both;
	text-align:center;
	padding:10px 0;
	}

.col_div_wrap{
	width:285px; 
	margin: .5em 0 0 0;
	float:left;
	background:transparent url(images/hype_top_cap.gif) no-repeat center top;
	color:#fff7cf;
	}

.col_longdiv_wrap{
	width:581px; 
	margin: 10px 0; 
	padding:10px 0 0 0; 
	clear:both;
	background:transparent url(images/long_topcap.gif) no-repeat center top;
	color:#fff7cf;
	}
	
.col_hype{
	background:#000;
	margin-top:10px;
	padding:5px 15px;
	
	}
.col_hype a{
	color:#fff7cf;
	}
	
.col_hype h3{
	padding-top:0;
	}

.col_hype a:visited{
	color:#fff7cf;
	}
	
.col_hype a:hover{
	color:#ffd951;
	}
.col_bot_cap{
	height:10px;
	background:transparent url(images/hype_bottom_cap.gif) no-repeat top center;
	}

.hypeimg_wrap{
	width:250px;
	}

.hypeimg{ /*for images on the left*/
	margin-right:20px;
	}

.hypeimg-rt{ /*for images on the right*/
	margin-left:20px;
	}

.quote{
	font-style:italic;
	}

.space{
	height:20px;
	}


.right{
	float:right;
	}

.note{
	font-size:10px;
	font-style:italic;
	color:#6f2c00;
	}

.wrap{
	background:transparent;
	margin:0 auto;
	text-align:left;
	width:760px;
	}
	
#send_styles{
	width:400px;
	float:right;
	
	}
#send_styles h3{
	float:left;
	width:105px;
	}
#send_styles p{
	/*background:url(images/looking-for-styles_pic.jpg) no-repeat top left;
	padding-left:100px;
	padding-bottom:50px;*/
	float:left;
	width:293px;
	padding-top:25px;

	}
	
/*
**************************************************************************
home page slider 
************************************************************************** 
*/	

.contentslide{

width: 216px;
height: auto;
}

.contentslide .contentdiv{
display: none;
}

.pagination{
width:auto; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: right;
/*
background-color: navy;
border: 10px solid navy;
border-width: 0 10px; /*Left/ right border width of pagination DIV.*/
padding: 0 0 4px 0;
*/
}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: auto; /*IE5 width*/
w\idth: auto; /*IE6 width*/
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #2e6ab1;
background-color: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}

/* social media icons */
#social {
	width: 120px;
	position:absolute;
	top: -10px;
	right:0;
	}
	
#social a, .social a {
	width:32px;
	height:32px;
	float:left;
	margin-right: 5px;
	display:block;
	text-indent:-9999px;
	}
a#facebook {
	background: url(images/facebook-32.png) no-repeat;
	background-position: 0 0;
	}
a:hover#facebook {
	background-position:0 -32px;
	}
a#twitter {
	background: url(images/twitter-32.png) no-repeat;
	background-position: 0 0;
	}
a:hover#twitter {
	background-position:0 -32px;
	}
	
a#instagram {
	background: url(images/instagram-32.png) no-repeat;
	background-position: 0 0;
	}
a:hover#instagram {
	background-position:0 -32px;
	}
	

#banner {
	padding: 20px;
	font-size: 13px;
	line-height:1.4;
	color:#fff;
	background: url(images/banner-bg.png) no-repeat;
	}
	
#banner p {
	margin-bottom:10px;
	}
#banner a {
	color:#fff;
	}
	
#banner .home-box {
		width: 219px;
		float:left;
		margin-right:20px;
		
}

#banner .home-box p {
	margin: 15px 0;
	
}
	
#pole {
	float:left;
	margin-right:20px;
	}
	
#banner h3 {
	margin: 0 0 5px 0;
	}
.social {
	width:227px;
	float:right;
	}
	
.social p {
	width:100px;
	float:left;
	margin:10px 5px 0 0;
	}
	
.text {
	width:616px;
	float:left;
	}
	
.overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: none;
}

.modal {
  display: none;
  background: transparent;
  padding: 0 20px 20px;
  overflow: auto;
  z-index: 1001;
  position: absolute;
  width: 737px;
  min-height: 305px;
}
.modalLink {
	display:none;
	}

.closeBtn {
	background:url(images/close.png) no-repeat;
	text-indent:-9999px;
	display:block;
	width:16px;
	height:16px;
	margin: 0 0 10px 5px;
	cursor:pointer;
	}