/*
Stylesheet Name: Helstrom3
Description: Helstrom Instrument Stands Stylesheet
Version: 1.0
Author: Nick Zlonis, Figureground Inc.
*/

* {
	margin:0;
	padding:0;
}

body {
	background:#fff url(/img/body_bg.gif) top left repeat-x;
	color:#555;
	font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;
	font-size:99%;
	margin:0 auto;
	padding:0;
	text-align:center;
}

/* =Layout
----------------------------------------------- */

.column_1 {
	float:left;
	text-align:center;
	width:310px;
}
body.guitar .column_1 {
	text-align:left;
}
.column_2 {
	float:left;
	text-align:left;
	width:320px;
}
body.guitar .column_1 {
	background:url(/img/guitar_stand_cherry.png) -9999px -9999px no-repeat;
}
.column_3 {
	float:left;
	width:320px;
}
#contact_column {
	float:left;
	width:600px;
}
#contact_column_2 {
	float:right;
	width:320px;
}

#copyright {
	float:right;
	padding-top:6px;
	text-align:right;
	width:640px;
}

#errorbox {
	background:#f4eacf;
	border:2px solid #facf5b;
	padding:10px 10px 0 10px;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
}


#faq_column {
	float:left;
	width:600px;
}
#faq_column_2 {
	float:right;
	width:320px;
}

#finishes_column {
	float:left;
	width:350px;
}
#finishes_column_2 {
	float:left;
}

#footer {
	font-size:0.8em;
	margin-top:20px;
}
#footernav {
	color:#ccc;
	background:#f5f5f5;
	border:1px solid #dbd4ca;
	margin-bottom:10px;
	padding:10px;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
}
#instrumentnav {
	float:right;
	text-align:right;
	width:640px;
}
#instrument_footernav{
	float:right;
	text-align:right;
	width:500px;	
}

#head {
	height:100px;
	margin-bottom:24px;
	text-align:left;
	width:960px;
}
body.home #head {
	margin-bottom:0;
}

#home_column {
	float:right;
	font-size:0.9em;
	padding-top:24px;
	width:300px;
}

.musicstand_photo {
	border:1px solid #ccc;
	clear:both;
	float:left;
	margin-bottom:8px;
	padding:6px;
}

.stand_column {
	float:left;
	font-family:"Arial Rounded MT Bold","Helvetica Neue",Arial, sans-serif;
	font-size:0.8em;
	text-align:center;
	text-transform:uppercase;
	vertical-align:bottom;
	width:155px;
}
.stand_label {
	color:#666;
	font-family:"Arial Rounded MT Bold","Helvetica Neue",Arial, sans-serif;
	margin:0 auto 8px auto;	
	padding:5px 0 4px 0;
	text-align:center;
	text-transform:uppercase;
	width:120px;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;	
}

.thumb_box {
	background:#fff;
	border: 1px solid #ddd;
	float:left;
	margin:0 10px 5px 0;
}

#wrapper {
	margin:0 auto;
	text-align:left;
	position:relative;
	width:960px;
}

/* =Typography
----------------------------------------------- */
h1 {
	color:#888;
	font-family:"Arial Rounded MT Bold","Helvetica Neue",Arial, sans-serif;
	font-size:1.6em;
	font-weight:normal;
	letter-spacing:-1px;
	margin:0;
	padding:0;
	text-transform:uppercase;
}
h2 {
	background:#7e7e7e url(/img/h2_bg.gif) 50% 50% repeat-x;
	color:#fff;
	font-family:"Arial Rounded MT Bold","Helvetica Neue",Arial, sans-serif;
	font-size:0.9em;	
	margin:4px 0 12px 0;	
	padding:7px 10px 6px 10px;
	text-transform:uppercase;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
}
.column_2 {
	padding:7px 0;
}

#finishes_column h2 {
	margin-right:30px;
}
body.home h2 {
	width:600px;
}
h2.tagline {
	background:none;
	color:#666;
	font-family:"Helvetica Neue",Arial, Helvetica, sans-serif;
	padding:0;
	text-transform:none;
}

h3 {
	color:#999;
	font-size:1em;
	margin:12px 0 8px 0;	
}
#errorbox h3 {
	margin:0;
}
p {
	font-size:0.9em;
	line-height:1.4em;
	margin-bottom:1.5em;
}
.column_2 p {
	padding-right:40px;
}
#finishes_column p {
	padding:0 40px 0 0;
}
#home_column p {
	font-size:1.1em;
	padding-right:20px;
}
body.home p.strong {
	background:#f5f5f5;
	border:1px solid #dbd4ca;
	font-weight:bold;
	padding:10px 7px 10px 10px;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
}

body.home strong {
	background:#7e7e7e url(/img/h2_bg.gif) 50% 50% repeat-x;
	color:#fff;
	font-family:"Arial Rounded MT Bold","Helvetica Neue",Arial, sans-serif;
	margin:12px 0 8px 0;	
	padding:7px 10px 6px 10px;
	text-align:center;
	text-transform:uppercase;
	width:185px;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
}

.subtle {
	color:#bbb;
}
h2 span.subtle {
	color:#222;
}
table.specs .subtle {
	color:#888;
}

/* =List Elements
----------------------------------------------- */

dl dd {
	font-size:0.8em;
	line-height:1.4em;
	margin:0 0 20px 0;
}
dl dt {
	color:#999;
	font-weight:bold;
}

body.faq dl dt {
	color:#333;
	font-size:1.1em;
	font-weight:normal;
}

ul {
	font-size:0.9em;
	margin-left:1.5em;
}
ul li {
	margin-bottom:8px;
}

#instrumentnav ul {
	font-family:"Arial Rounded MT Bold","Helvetica Neue",Arial, sans-serif;
	list-style:none;
	margin:0 auto;
	overflow: hidden;
	padding:0;
	position:absolute;
	right:0;
	top:55px;
	width:640px;	
}
#instrumentnav ul li {
	display:inline;
	float:right;
	font-size:0.9em;
	margin:0;
	text-align:left;
	}

#nav ul {
	font-family:"Arial Rounded MT Bold","Helvetica Neue",Arial, sans-serif;
	list-style:none;
	margin:0 auto;
	overflow: hidden;
	padding:0;
	position:absolute;
	right:0;
	top:0;
	width:640px;
	}
#nav ul li {
	display:inline;
	float:right;
	font-size:0.9em;
	margin:0;
	padding:0;
	text-align:left;
	}


ul.features {
	list-style:none;
	margin:0 0 20px 0;
	width:270px;
}
ul.features li {
	background: url(/img/check_icon.png) 0 50% no-repeat;
	font-size:0.9em;
	line-height: 1.4em;
	padding-left: 24px;
}

/* =Form Elements
----------------------------------------------- */

input.buy_now {
	height:48px;
	margin-top:8px;
	width:170px;
}

.column_3 form {
	margin-bottom:14px;
}
body.guitar form, body.banjo form, body.mandolin form, body.violin form, body.musicstand form{
	background:#f5f5f5;
	border:1px solid #dbd4ca;
	margin:0 0 10px 0;
	padding:0;
	width:270px;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
}
body.mandolin form {
	background:url(/img/mandolin_stand_roundback_image.png) -9999px -9999px no-repeat;
}

fieldset {
	background:url(/img/buy_now_over.png) -9999px -9999px no-repeat;
	border:none;
	padding:10px;
}

input#name, input#email {
	border:2px solid #dbd4ca;
	font-size:1.1em;
	padding:3px;
	width:320px;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
}

label {
	display:block;
	margin:4px 0 2px 0;
}
legend {
	display:none;
}
textarea#message {
	background:#fff url(/img/send_btn_over.png) -9999px -9999px no-repeat;
	border:2px solid #dbd4ca;
	font-size:1.1em;
	height:240px;
	margin-bottom:8px;
	padding:3px;
	width:600px;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
}

/* =Table Elements
----------------------------------------------- */

table {
	border-collapse:collapse;
}
table.specs {
	font-size:0.8em;
	margin:-5px 0 20px 0;
}
table.specs td {
	padding:3px 20px 3px 6px;
	text-align:right;
	width:100px;
}
table.specs th {
	color:#fff;
	font-weight:normal;
	padding:3px 20px 3px 6px;
	text-align:left;
	width:100px;
}
table.specs th.parameter {
	background:none;
	color:#666;
	text-align:left;
}
table.specs tr.header {
	background:#b2b7c1 url(/img/tr_header_bg.gif) 50% 50% repeat-x;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
}
table.specs tr.zebra td {
	background:#f5f5f5;
	border-top:1px solid #dbd4ca;
	border-bottom:1px solid #dbd4ca;
}
table.specs tr.zebra th.parameter {
	background:#f5f5f5;
	border-top:1px solid #dbd4ca;
	border-bottom:1px solid #dbd4ca;
}

/* =Images
----------------------------------------------- */

img#duluth_star {
	margin-bottom:6px;
}

img.swatch_lrg {
	padding:0 12px 12px 0;
}

img.img_link, 
a.img_link img {
	border:none;
}

img.icon {
	border:none;
	vertical-align:middle;
}

.thumb_box img {
	padding:4px;
}

/* =Linkage
----------------------------------------------- */

a:link {color:#369; text-decoration:none;}
a:visited { color:#369; text-decoration:none; }
a:hover { color:#036; text-decoration:underline; }
a:active { color:#012; text-decoration:underline; }

a#logo_link {
	background: url(/img/logotype_hover_bg.gif) -9999px -9999px no-repeat;
	left:-10px;
	padding:10px;
	position:absolute;
	top:18px;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
}
a#logo_link:link { background:none; }
a#logo_link:visited { background:none; }
a#logo_link:hover { background:#9da0a5 url(/img/logotype_hover_bg.gif) 50% 50% repeat-x; }
a#logo_link:active { background:#a5a8ac url(/img/logotype_active_bg.gif) 50% 50% repeat-x; }

#nav a { background: url(/img/logotype_active_bg.gif) -9999px -9999px no-repeat; border-right: 1px solid #555; border-bottom:none; display:block; padding:12px 15px 5px 15px; text-decoration:none;  }
#nav a:link { background:none; color:#2a363e;   }
#nav a:visited { background:none; color:#2a363e; }
#nav a:hover { color:#fff; }
#nav a:active { color:#fff; }

#footernav a:link { color:#999;  text-decoration:none; }
#footernav a:visited { color:#999;  text-decoration:none; }
#footernav a:hover { color:#369; text-decoration:none; }
#footernav a:active { color:#036; text-decoration:none; }

#instrumentnav a { border-right:1px solid #999; display:block;  margin:0; padding-top:20px; padding-right:14px;  padding-bottom:10px; padding-left:14px; text-decoration:none; }
#instrumentnav a:link { background:none; color:#fff;   }
#instrumentnav a:visited { background:none; color:#fff; }
#instrumentnav a:hover { background:none; color:#555; }
#instrumentnav a:active { background:none; color:#444; }

label a:link { color:#369; }
label a:visited { color:#369; }
label a:hover { color:#369; }
label a:active { color:#036; }

.stand_column a { display:block; }
.stand_column a:link { color:#999; text-decoration:none; }
.stand_column a:visited { color:#999; text-decoration:none; }
.stand_column a:hover { color:#666; text-decoration:none; }
.stand_column a:active { color:#333; text-decoration:none; }

/* =You Are Here
----------------------------------------------- */

body.home #nav li.li1 a,
body.finishes #nav li.li2 a,
body.faq #nav li.li3 a,
body.contact #nav li.li4 a,
body.cart #nav li.li5 a
 {
	background:#434b51 url(/img/nav_youarehere_bg.gif) 0 0 repeat-x; color:#fff;
}

body.guitar #instrumentnav li.li1 a,
body.banjo #instrumentnav li.li2 a,
body.mandolin #instrumentnav li.li3 a,
body.violin #instrumentnav li.li4 a,
body.musicstand #instrumentnav li.li5 a
{
	background:#fff url(/img/instrumentnav_youarehere_bg.gif) bottom center repeat-x; color:#555;
}

/* =Global Floats
----------------------------------------------- */
.floatl { float:left; }
.floatr { float:right; }

/* =Hacks
----------------------------------------------- */

a img {
	border:none;
}

.clear {
	display:block; 
	clear:both; 
	height:0;
	margin:0; 
	padding:0; 
	visibility:hidden; 
}
	
.transparent, ul.features li { 
	behavior: url(/js/iepngfix.htc);
}