/*  
Style Name: Alto Music NYC
Theme URI: http://altomusic.com/nyc
Author: Jeff Schram, SchramDesign.com
Author URI: http://schramdesign.com
*/


/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
* {border:none ;}
table { border-collapse:collapse; border-spacing:0 }
address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}
a {border:none; outline: none;}
a:hover {border:none; outline: none; cursor:pointer; cursor:pointer !important;}
strong { font-weight:bold }
em { font-style:italic }
html {overflow-y: scroll;}

/* global
============================================================== */

strong{
	color:#fff;
}

a.lightbox, a.lightbox_lg {display:inline-block;}



/* structure
============================================================== */


body {
	background:#000;
	font-family: arial, helvetica, sans-serif;
	font-size: 62.5%;
	color:#eee;
}
 
 
#wrap{
	margin:0 auto;
	position:relative;
	width:1024px;
	height:683px;
	background: url(http://altomusic.com/nyc/images/index_ed3.jpg) no-repeat;

}

#header{
	position:absolute;
	top:0px;
	left:0px;
	width:1024px;
	height:100px;
}

#info_left{
	height:107px;
	left:48px;
	position:absolute;
	top:109px;
	width:155px;
	font-size: .8em !important;
}

#form_wrapper_search{
	padding:1em 0;
	text-align:center;
	color:white;
}

#rack_left{
	height:353px;
	left:30px;
	position:absolute;
	top:271px;
	width:194px;
	overflow: show;
}


#main{
	height:337px;
	left:273px;
	position:absolute;
	top:170px;
	width:492px;
}



#rack_right{
	height:352px;
	height:352px;
	left:804px;
	position:absolute;
	top:271px;
	width:194px;
}

#info_right{
	height:107px;
	left:822px;
	position:absolute;
	top:98px;
	width:155px;
	font-size: .8em !important;

}

#form_wrapper_user_signin{
	color:white;
}



/* info boxes
=================== */

.user_forgot_password { padding:2px 4px; background: black; }


.info_box { text-transform: uppercase; color:#ccc; text-align: center;}
.info_box a{ color:#ccc; }

.info_box input, .info_box select {
	background:#111111 none repeat scroll 0 0;
	border:1px solid #6e3200;
	color:#EEEEEE;
	display:block;
	margin-top:2px;
	padding:2px;
	width:140px;
}

.info_box select {
	width:150px;
}

.info_box label {
	font-size:xx-small;
	color:#797979;
	float: left;
}

label.signin_password {
	margin-top:3px;
}




/* rack item http://altomusic.com/nyc/images
=================== */

#rack_left ul li a img{
	display:block;
	border:1px solid #000;
	margin-bottom:2px;
} 
#rack_left ul li a:hover img{
	display:block;
	border:1px solid #db852e;
	margin-bottom:2px;
} 


#rack_right ul li a img{
	display:block;
	border:1px solid #000;
	margin-bottom:2px;
} 
#rack_right ul li a:hover img{
	display:block;
	border:1px solid #db852e;
	margin-bottom:2px;
} 


/* rack pagination
=================== */

table.pagination th {padding:5px 2px 5px 2px; text-align:center;}

th#menu {text-align: center;}

table.pagination th#item_nav_header {
	background:url(http://altomusic.com/nyc/images/bg_item_list_header.jpg) top left repeat-x;
	text-align: center;
	color:#824006;
	font-weight: bold;
}


table.pagination th#item_nav_header b{
	color:#eee;
}

.item_nav {
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}
.item_nav:hover {
	cursor: pointer;
}


.active {
	color:#824006;
	text-decoration:none;
}
.active:hover {
	color:#fff;
	text-decoration:underline;
}




div.tbody-menu-button-wrap {padding-left:10px;}

div.tbody-menu-button-wrap ul li {display:inline; list-style-type:none; float:left;}

a.tbody-menu-button {width:11px; font-size:7pt; color:#824006; border:1px solid #824006; padding:1px 2px; margin:1px; -webkit-border-radius:3px; -moz-border-radius:3px; display:block;}

a.tbody-menu-button-on, a.tbody-menu-button:hover {color:#DE8831; border:1px solid #824006; background:#824006; }

a#tbody-menu-button-last, a#tbody-menu-button-prev, a#tbody-menu-button-next {width:auto;}


th#menu-R {text-align: center;}
div.tbody-menu-R-button-wrap {margin:0 auto;}

div.tbody-menu-R-button-wrap ul li {display:inline; list-style-type:none; float:left;}

a.tbody-menu-R-button {width:11px; font-size:7pt; color:#824006; border:1px solid #824006; padding:1px 2px; margin:1px; -webkit-border-radius:3px; -moz-border-radius:3px; display:block;}

a.tbody-menu-R-button-on, a.tbody-menu-R-button:hover {color:#DE8831; border:1px solid #824006; background:#824006; }

a#tbody-menu-R-button-last, a#tbody-menu-R-button-prev, a#tbody-menu-R-button-next {width:auto;}

tbody.items a, tbody.items-R a { display:block; margin:0; padding:0; border:1px solid black;}

tbody.items a:hover, tbody.items-R a:hover { border: 1px solid #DE8831;}



table.pagination h3 {color:white; font-size:1em; text-align: center;}

div#elipse {display:inline; padding:0 2px; color:yellow;}


div.item-a-wrap, div.item-a-wrap a, div.item-a-wrap a img {
	position:relative;
	z-index: 1;
}

div.item-a-wrap-pckg, div.item-a-wrap-pckg a, div.item-a-wrap-pckg a img, div.item-a-wrap-pckag div.package_icon, div.item-a-wrap-pckag div.package_icon *  {
	position:relative;
	z-index: 1;
}

/* cart
=================== */

#cart_checkout{
margin-left:5px;
color: #824006;
background:#DE8831;
border:1px solid #824006; padding:1px 4px; margin:1px; -webkit-border-radius:3px; -moz-border-radius:3px;}

#cart_checkout:hover {
color:#DE8831; 
background:#824006;}


.empty_rack {
background:black none repeat scroll 0 0;
border:1px dashed #232323;
margin:10px;
padding:29px 10px 175px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}

.empty_rack p {
background:#222222 none repeat scroll 0 0;
color:black;
font-weight:bold;
padding:20px;
text-align:center;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}


/* tooltips
=================== */

div.item-tooltip {
	position:absolute;
	right:-190px;
	top:-10px;
	z-index: 1000;

}

div.item-tooltip-R {
	position:absolute;
	right:190px;
	top:-10px;
	z-index: 1000;

}

div.item-tooltip-contents , div.item-tooltip-contents a{
	color: #efefef;
	text-align: center;
}

div.item-a-see-more {
	display:none; text-indent: -9999px;
	background:url(http://altomusic.com/nyc/images/item-a-see-more.png) center center no-repeat; position:absolute; z-index:3; width:100%; height:100%;
}

table.tooltip {
	width:200px;
}

.tooltip_01 {background:url(http://altomusic.com/nyc/images/tooltip_01.png) no-repeat; width:24px; height:12px;}
.tooltip_02 {background:url(http://altomusic.com/nyc/images/tooltip_02.png) repeat-x;  height:12px;}
.tooltip_03 {background:url(http://altomusic.com/nyc/images/tooltip_03.png) no-repeat; width:10px; height:12px;}
.tooltip_04 {background:url(http://altomusic.com/nyc/images/tooltip_04.png) repeat-y; width:24px; height:24px;}
.tooltip_05 {background:#000;}
.tooltip_06 {background:url(http://altomusic.com/nyc/images/tooltip_06.png) repeat-y; width:11px; height:24px;}
.tooltip_07 {background:url(http://altomusic.com/nyc/images/tooltip_07.png) top left repeat-y; height:50px; width:10px;}
.tooltip_08 {background:url(http://altomusic.com/nyc/images/tooltip_08.png) top right repeat-y; height:50px; width:10px;}
.tooltip_09 {background:url(http://altomusic.com/nyc/images/tooltip_09.png) no-repeat; width:24px; height:15px;}
.tooltip_10 {background:url(http://altomusic.com/nyc/images/tooltip_10.png) repeat-x; height:12px;}
.tooltip_11 {background:url(http://altomusic.com/nyc/images/tooltip_11.png) no-repeat; width:10px; height:15px;}

/* TOOLTIP RIGHT RACK */

.tooltip_01-R  {background:url(http://altomusic.com/nyc/images/tooltip-R_01.png)  top left no-repeat; width:10px; height:12px;}
.tooltip_02-R  {background:url(http://altomusic.com/nyc/images/tooltip-R_02.png) repeat-x;  height:12px;}
.tooltip_03-R  {background:url(http://altomusic.com/nyc/images/tooltip-R_03.png) top right no-repeat; width:24px; height:12px;}
.tooltip_04-R  {background:url(http://altomusic.com/nyc/images/tooltip-R_04.png) top left repeat-y; width:11px; height:26px;}
.tooltip_05-R  {background:#000; padding:2px;}
.tooltip_06-R  {background:url(http://altomusic.com/nyc/images/tooltip-R_06.png) top right repeat-y; width:10px; height:26px;}
.tooltip_07-R  {background:url(http://altomusic.com/nyc/images/tooltip-R_07.png) top left repeat-y; height:50px; width:10px;}
.tooltip_08-R  {background:url(http://altomusic.com/nyc/images/tooltip-R_08.png) top right repeat-y; height:50px; width:10px;}
.tooltip_09-R  {background:url(http://altomusic.com/nyc/images/tooltip-R_09.png) top right no-repeat; width:10px; height:15px;}
.tooltip_10-R  {background:url(http://altomusic.com/nyc/images/tooltip-R_10.png) top left repeat-x; height:12px;}
.tooltip_11-R  {background:url(http://altomusic.com/nyc/images/tooltip-R_11.png) top right no-repeat; width:24px; height:15px;}


.item-tooltip-title {
	font-size:1.1em;
	color:#eeeeee;
	font-weight:bold;
	margin:0 auto 5px;
	text-align:center;
}

/* package selector
=================== */
select#packages {
	text-transform: capitalize !important;
}



/* display package
=================== */

.package_separator {
	font-size:1.1em;
	font-weight:bold;
	border: 1px solid #eee;
	
}


/* item specific icons
=================== */

.package_icon {
	background: url(http://altomusic.com/nyc/images/bg_package_icon.jpg) repeat-y;
	padding:5px;
	color:#eee;
	font-weight;bold;
	font-size:.8em;
	text-align: center;
	border-bottom:2px solid #222;
}

.package_icon:hover {
	color:#fff;
}
.package_icon img {padding:0 !important; margin:0 !important; border: none !important;}




/*  main content sm
 =================== */ 
 
 div.menu a {color:#F88A0D;} div.menu a:hover {color:#F88A0D; text-decoration: underline;}
.nav_home {display: inline; float:left; margin-right:5px; text-decoration: none;}
.nav_back, .nav_fwd {display:inline; float:right; margin-left:10px;  text-decoration: none;}}

#main_content a {color:#eee; text-decoration: underline;}

#main_content div.item_name {font-size:2em; margin-right:30px; text-align: center;}
#main_content div.item_brand {font-weight:bold; margin-bottom:10px; text-align: center;}
#main_content div.item_model {}

#main_content div.item_description_wrap {height:280px; overflow: auto; font-size:1.1em;}

#main_content div.item_description {width:300px; margin:auto;}

#main_content div.item_description p {margin:0 0 1.5em 0; text-align: justify;}

#main_content div.pic_and_links {
margin:0 auto 20px;
width:300px;
}
img {       -ms-interpolation-mode: bicubic;}

.home_page p{
	margin:0 0 1em 1em;
}


/* main content elements
====================================== */

.item_flip_pic {
float:right;
}
.item_see_larger_image {
float:left;
}

#buy_message {
margin-top:5px;
padding:3px;
background:#242424;
}

.this-tooltip #buy_message {background:black;}
#buy_message p {
color:#898989;
font-size:0.8em;
margin:0 !important;
text-align:center !important;
}

#text_area {
	margin-bottom:10px; height:150px; overflow:visible;
}
ul#text_area_menu {
width:300px;
margin-top:15px
}


ul#text_area_menu li{
float:left;
display:inline;
}

ul#text_area_menu li a{
border-bottom:1px solid #eee;
color:#eee;
display:block;
font-size:0.8em;
padding:3px 17px 0;
text-decoration:none;
text-transform:uppercase;
}

ul.description li a.description, ul.specs li a.specs,ul.related li a.related {
border-bottom:none !important;
border-left:1px solid #eee;
border-right:1px solid #eee;
border-top:1px solid #eee;
display:block;
background:#eee !important;
color:#000 !important;
}

ul.related_list li {
margin-bottom:15px;
font-size:.7em;
}


table#pic_and_links {

}

div#pic_and_links_wrap {
}

.photo_thumbs_wrapper{}
.photo_thumb{display:inline; float:left;}

#main_content, #main_content * {
position:relative;
z-index:0;
}

#main_content div.item_pic {}

#main_content div.links {margin-top:1em;}

#main_content div.item_mp3 {display:block; float:left;}

#main_content div.item_add_to_cart {display:block;}

#main_content div.item_add_to_wishlist {display: block;}

#main_content div.item_message {
padding:5px;
}

.user_button {float:left; display:inline;}

#main_content div.item_message p{
color:#eee;
font-size:0.8em;
font-weight:normal;
letter-spacing:0.1em;
text-align:center;
text-transform:uppercase;
}


/* user signup
=================== */

#user_signup {
color:#eee;
margin:0 auto;
width:820px;
}

#user_signup h1 {
color:#eee;
} 

#user_signup p {
color:#eee;
line-height:1.4em;
margin:1em 0 10px 0;
padding:0 0 10px 0;
text-transform:none;
border-bottom:2px solid #000000;
}

#user_signup table {}

#user_signup table tr td {color:#eee; font-weight:bold;}




/* footer
============================================================== */

#footer{
color:#444;
font-size:1em;
text-align: center;
z-index:9000;
position: fixed; top:0px;
background: #000;
width:100%;
height:20px;
}

#footer_credits{
color:#222;
font-size:1em;
text-align: center;
z-index:9000;
width:100%;
padding-top:5px;
}
#footer_credits a {color:#222;} #footer_credits a:hover {color:#565656;}

#footer p {
	margin-top:5px;
}

#footer, .push {
	/* height: 40px;  .push must be the same height as .footer */
}

#footer_ul_wrap{
	width:1000px;
	margin:0 auto;
	padding:0 0 0 10px;
}


#footer ul {
	display:block;
	margin:0 auto;
}


#footer ul li {
	float:left;
	display:inline;
}

#footer ul li a {
	display:block;
	height:21px;
	background-position:top;
	text-indent: -9999px;	
}


#footer ul li a.blog {
	width:296px;
	background:url(http://altomusic.com/nyc/images/menu_01.jpg);
}

#footer ul li a.appointment {
	width:240px;
	background:url(http://altomusic.com/nyc/images/menu_02.jpg);
}

#footer ul li a.clients {
	width:292px;
	background:url(http://altomusic.com/nyc/images/menu_03.jpg);
}

#footer ul li a.links {
	width:165px;
	background:url(http://altomusic.com/nyc/images/menu_04.png);
}

#footer ul li a:hover {
	background-position:bottom;
}

#footer ul {
	display:block;
	margin-bottom:5px;
}

#footer a {color:#444;}


/* buttons
============================================================== */

a.btn:link, a.btn:visited {/*border:1px solid black;*/}
a.btn:active, a.btn:hover {/*border:1px solid black;*/}

a.btn img{border:none;}


/* button categories */
a.logged_in {margin-bottom:2px; display:block; margin:auto;}

/*specific buttons */
a.view_cart{margin-top:20px;}
a.view_wishlist{}



/* search
==================================================================== */
div#SuggestBox { z-index: 999;}


/*
UTILITY
==================================================================== */


/* Clearfix Utility */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.hidden {display:none;}


.clear {clear:both: height:0px;}
.float_left {float:left;}
.float_right {float:right;}