/* GLOBAL */

* { 
margin: 0; 
padding: 0; 
}
html { 
verflow:-moz-scrollbars-vertical;
width: 100%; 
height:100%;
background:#000 url(images/bg_main.jpg) no-repeat top center;
}
body { 
background:#000 url(images/bg_main1.jpg) no-repeat top center;
width: 990px; 
height:100%;
margin: 0 auto;
font: 62.5%/1.25 Arial, Helvetica, sans-serif;
color:#fff;
}
img {
border:0;
}
a, a:link {
color:#fff;
text-decoration: none;
}
a:hover {
color:#ed2524; 
text-decoration: underline;
}
#pagewrap {
float: left;
font: 12px/1.25 Arial, Helvetica, sans-serif;
width: 990px;
height:100%;
}

/* HEADER */

#header {
float: left;
width: 990px;
}
.logo {
float:left;
background:transparent url(images/logo_ottavo.gif) no-repeat top left;
height: 120px;
width:328px
}
.logo a {
font: normal 11px/1.1 Arial, Helvetica, Sans-serif;
height: 120px;
display:block;
text-indent: -9999px;
}
#header ul {
float: left;

list-style:none
}
#header ul li.my_account {
width: 630px;
height:44px;
text-align:right;
}
#header ul li.my_account div{
padding:19px 15px 0 0;
}
#header ul li.top_menu {
width: 630px;

height:76px;
background: url(images/bg_topmenu.gif) no-repeat top right;
}
#header ul li.top_menu div.search {
padding:6px 0 0 10px;
*padding:5px 0 0 10px
}

/* TOP MENU */

#menu_bar {
float:left;
width:320px;
padding:2px 0px 0 120px;
}
#nav {list-style:none;z-index:200;} 
#nav ul {width:150px;list-style:none; border:1px solid #303031; background-color:#808080; position:relative; z-index:200;border-top:1px solid #000;}
#nav li {float:left;margin-top:1px;}
#nav li li {float:none; background-color:#000;border-bottom:1px solid #303031;border-left:1px solid #303031;border-right:1px solid #303031;}
* html #nav li li {float:left;}
#nav li a {display:inline; float:left; margin:0 6px 0 6px; height:27px; line-height:26px; white-space:nowrap;text-decoration:none;}
#nav li li a {height:23px; line-height:23px; float:none; color:#fff; display:block; padding:0 25px 0 10px;}
#nav li:hover {position:relative; z-index:300;background-color:#000;margin-top:1px;}
#nav li:hover li:hover {background-color:#111111;}
#nav li:hover ul {left:0; top:27px;}
#nav ul {position:absolute; left:-9999px; top:-9999px;}
* html #nav ul {width:1px;}
#nav li:hover a
{text-decoration:none; color:#808080;}
#nav li:hover li:hover a,
#nav li:hover li:hover li:hover a
{text-decoration:none; color:#fff;}
#nav li:hover li a,
#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a,

{text-decoration:none; color:#808080;}

/*SEARCH*/  

input.search-normal {
width: 144px;
height: 18px;
display:inline;
background:#fff url(images/search_bar.gif) no-repeat top left;  
border:none;  
color:#666;  
vertical-align:top;
padding:3px 0 0 3px;
font: normal 11px/14px Arial, Helvetica, Sans-serif;
}
input.search-button {
width: 38px; 
height: 21px; 
border:0;  
*margin:1px 0 0 -3px;
margin-left:-3px;
}

/* CENTER */
.location {
display:block;
padding: 0 0 5px 5px;
}

#contentwrap {
float:left;
width:990px;
}
.flash {
float:left;
width:330px;
height:430px;
margin:0 320px 0 340px;
display:inline;
z-index:400;
}
#featured_p {
float: left;
width: 988px;
padding:0 1px;
list-style:none
}
#featured_p li {
float: left;
width: 247px;
height:190px;
}
#featured_p li.iPods {
background: url(images/iPods.png) no-repeat bottom center;
}
#featured_p li.iPods a {
font: normal 11px/1.1 Arial, Helvetica, Sans-serif;
height: 190px;
display:block;
text-indent: -9999px;
}
#featured_p li.iPhones {
background: url(images/iPhones.png) no-repeat bottom center;
}
#featured_p li.iPhones a {
font: normal 11px/1.1 Arial, Helvetica, Sans-serif;
height: 190px;
display:block;
text-indent: -9999px;
}
#featured_p li.MP3 {
background: url(images/MP3.png) no-repeat bottom center;
}
#featured_p li.MP3 a {
font: normal 11px/1.1 Arial, Helvetica, Sans-serif;
height: 190px;
display:block;
text-indent: -9999px;
}
#featured_p li.Accessories {
background: url(images/Accessories.png) no-repeat bottom center;
}
#featured_p li.Accessories a {
font: normal 11px/1.1 Arial, Helvetica, Sans-serif;
height: 190px;
display:block;
text-indent: -9999px;
}

.left, .content {
margin-top:30px;
}

.left {
float:left; 
width: 215px;
margin-top:14px;
}

.left1 {
margin-left: 60px;
margin-top:13px;
}

.center {
margin-left: 230px;
width: 734px;
height:100%;
margin-top:10px;
padding-top:0;
}

.content, .subcontent {
background: #fff;
color: #000;
margin-top:0;
padding-top:0;
}
.subcontent {
margin-top:2px;
}
.content-t {
background: url(images/bg_t.jpg) no-repeat top left;
}
.content-b {
background: url(images/bg_b.jpg) no-repeat bottom left;
width: 734px;
min-height:560px;
display:block;
}
.content-c {
margin-left: 10px;
margin-right: 10px;
padding-top: 0;
padding-bottom: 10px;
color: #000;
margin-top:0
}
.content-c h2{
font: normal 18px/32px Arial, Helvetica, Sans-serif;
color:#fff;
margin-bottom:14px
}
.subcontent-t {
background: url(images/bg_s_t.jpg) no-repeat top left;
width: 734px;
}

.subcontent-b {
background: url(images/bg_s_b.jpg) no-repeat bottom left;
}

.subcontent-c {
margin-left: 10px;
margin-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
color: #000;
}

.menu a {
height: 25px;
width: 155px;
display:block;
background: url(images/but_bl.jpg) no-repeat top left;
padding-left: 10px;
padding-top: 8px;
vertical-align: middle;
}

.menu a#active {
background: url(images/but_red.jpg) no-repeat top left;
}

.shipping {
background: #1C1C1C;
width: 155px;
margin-top: 20px;
}

.shipping-t {
background: url(images/bg_l_t.jpg) no-repeat top left;
}

.shipping-b {
background: url(images/bg_l_b.jpg) no-repeat bottom left;
}

.shipping-c {
margin-left: 10px;
margin-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
font-size: 14px;
font-weight: bold;
}

.shipping-c a {
font-size: 11px;
font-weight: normal;
text-decoration: underline;
}

.pic {
width: 155px;
padding-top: 30px;
}

/* BOTTOM */

#bottom {
float:left;
width:990px;
padding:25px 0 10px 0;
text-align:center;
font: normal 11px/1.1 Arial, Helvetica, Sans-serif;
color:#808080;
}
#bottom p a {
padding:0 4px;
}

td.Button {background: url(images/butBg.gif) repeat-x left top;}

.content-c * {color: #000}
div.product {width: 177px; float: left; text-align: center; margin-top: 10px; height:220px;}

.product_bg {width: 147px; background: url(images/prod_bg.gif) repeat-y left top; margin-left: 11px; margin-right: 12px}
.product_t {width: 147px; background: url(images/prod_top.gif) no-repeat left top;}
.product_bot {width: 147px; background: url(images/prod_bot.gif) no-repeat left bottom; padding: 5px; height: 280px}

div.product_f {width: 200px; float: left; text-align: center; padding-top: 10px}

.product_bg_f {width: 147px; background: url(images/prod_bg.gif) repeat-y left top; margin-left: 11px; margin-right: 12px}
.product_t_f {width: 147px; background: url(images/prod_top.gif) no-repeat left top;}
.product_bot_f {width: 147px; background: url(images/prod_bot.gif) no-repeat left bottom; padding: 5px; height: 140px}

.imgandprice {height: 145px;}
.skuandtitle {height: 45px; width:127px;padding:0 25px;display:block}

.content-c .dialog_pages .skuandtitle a {
font: bold 12px/15px Arial, Helvetica, Sans-serif;
color:#ed2524;
text-decoration:none;

}
.content-c .dialog_pages .skuandtitle a:hover {
color:#666;
text-decoration:underline
}
.price {
font: bold 12px/15px Arial, Helvetica, Sans-serif;
padding-top:4px;
}

.product_bot .price {padding: 10px}
.product_bot .price *{font-family: arial; font-size: 12px; font-weight: bold; color: #C30201}
.product_bot .sku {padding: 10px; font-weight: bold}
.product_bot .title {height: 33px}
.product_bot .ProductTitle, .product_bot  {color: white; font-size: 11px; font-family: arial;}
.sku {
font: bold 11px/15px Arial, Helvetica, Sans-serif;
color:#333
}
.orderForm {text-align: center; padding-left: 37px; padding-bottom: 3px}
.orderForm a {color:#C30201;  font-weight: bold; font-size: 11px}

#prodTable {margin-top: 0; font-family: arial; font-size: 12px; }
    .ProductDetailsTitle {padding-top: 10px; display: block}
    h3 {font-family: arial; font-size: 21px; margin-bottom: 20px}
    #product_code,   .DialogTitle {font-family: arial; font-size: 20px;}
    #product_title {font:bold 13px/1.2 Arial, Helvetica, Sans-serif; padding: 5px 0px 10px 0px}
	#product_price {font:bold 13px/1.2 Arial, Helvetica, Sans-serif;color:#ed2524}
    .PImgBox {vertical-align: top; text-align: center; padding-top: 10px}
    .prodImgTop {width: 377px; background: url(images/prodImgTop.gif) no-repeat left top; height: 5px}
    .prodImgBg {width: 377px; text-align: center; vertical-align: middle; height: 332px}
    .prodImgBot {width: 377px; background: url(images/prodImgBot.gif) no-repeat left bottom; height: 4px}
  
  .DialogBorder, .DialogTitle {padding: 0px 10px 0px 10px}
  div.content-c a {color: #555}
  div.content-c a:hover {color: #000}
.NavigationPath {
font: normal 11px/1.1 Arial, Helvetica, Sans-serif;
color:#808080;
  }

  /* WELCOME */

#welcome {
float:left;
width:734px;
background: url(images/bg_f_top.jpg) no-repeat left top;
}
#welcome span#wel_in {
float:left;
background: url(images/bg_f_bot.jpg) no-repeat left bottom;
width:734px;

}
.content_home {
float:left;
width:734px;
background: #fff url(images/bg_f_center.jpg) repeat-y left top;;
color: #000;
margin:27px 0 0 15px;
padding-top:0;
}
#welcome ul {
float:left;
list-style:none
}
#welcome ul li.wel{
float:left;
width:513px;
padding:0 15px 10px 10px;
display:inline
}
#welcome ul li.wel h3 {
font: normal 18px/35px Arial, Helvetica, Sans-serif;
color:#fff
}
#welcome ul li.feat{
float:left;
width:173px;
padding:0 7px 0 16px;
display:inline
}

/* DIALOG */

.dialog_pages {
padding:7px 0 15px 5px;
display:block
}
.dialog_pages h2 {
font: normal 18px/22px Arial, Helvetica, Sans-serif;
}
#related .dialog_pages h2 {
font: normal 18px/22px Arial, Helvetica, Sans-serif;
color:#333
}
.dialog_pages p {
padding:5px 0;
}
.content-c .dialog_pages a {
text-decoration:underline;
color:#ed2624
}
.content-c .dialog_pages a:hover {
text-decoration:none;
color:#000
}

/* FEATURED */

.feat #featured {
text-align:center;
padding:10px 0 5px;
}
.feat #featured ul {
text-align:center;
}
.feat #featured ul img {
border:1px solid #ccc;
padding:1px;
}
.feat #featured ul li {
float:left;
width:150px;
padding:2px 6px 5px 11px;
display:inline
}
.feat #featured ul li p {
font: bold 11px/10px Arial, Helvetica, Sans-serif;
color:#fff
}
.feat #featured ul li a {
font: normal 11px/1.1 Arial, Helvetica, Sans-serif;
text-decoration:underline;
color:#ccc
}
.feat #featured ul li a:hover {
text-decoration:none;
color:#fff
}
.feat .dialog_featured h2 {
font: normal 18px/32px Arial, Helvetica, Sans-serif;
color:#fff;
text-align:center;
}

/* FEATURED LEFT */

#featured {
display:block;
width:155px;
text-align:center;
padding:10px 0 5px;
}
#featured ul {
text-align:center;
}
#featured ul img {
border:1px solid #ccc;
padding:1px;
}
#featured ul li {
float:left;
width:150px;
padding:0;
display:inline
}
#featured ul li p {
font: bold 11px/10px Arial, Helvetica, Sans-serif;
color:#fff
}
#featured ul li a {
font: normal 11px/1.1 Arial, Helvetica, Sans-serif;
text-decoration:underline;
color:#ccc
}
#featured ul li a:hover {
text-decoration:none;
color:#fff
}
.dialog_featured h2 {
font: bold 12px/20px Arial, Helvetica, Sans-serif;
color:#fff;
padding-left:20px;
white-space:nowrap
}

/* RELATED */

/* FEATURED */

#related {
text-align:center;
padding:10px 0 5px 15px;
float:left
}
#related ul {
text-align:center;
width:685px;
list-style:none;
float:left
}
#related ul img {
border:1px solid #ccc;
padding:1px;
}
#related ul li {
float:left;
width:150px;
padding:2px 6px 5px 11px;
display:inline
}
#related ul li p {
font: bold 11px/10px Arial, Helvetica, Sans-serif;
color:#fff
}
#related ul li a {
font: normal 11px/1.1 Arial, Helvetica, Sans-serif;
text-decoration:underline;
color:#666
}
#related ul li a:hover {
text-decoration:none;
color:#000
}
.dialog_related h2 {
font: normal 18px/32px Arial, Helvetica, Sans-serif;
color:#fff;
text-align:center;
}

/* ROUNDED BUTTONS */

.round {
cursor:pointer; 
cursor:hand; 
line-height:51px;
background:#fafaf0 url(images/button.jpg) no-repeat right top; 
padding-right:15px; 
vertical-align:middle;
display:block; /*opera*/
display:inline-block; /*ie*/
display:-moz-inline-box;  /*ff*/
}
.round span {
background: #fafaf0 url(images/button.jpg) no-repeat left top;
height: 42px;
display: block;
display: inline-block;
padding-left: 15px;
font: bold 12px/29px Arial,Helvetica,sans-serif;
color: #fff;
text-decoration: none;
letter-spacing: 0;
}
a.round:hover {background-position:right -140px;}
a.round:hover span {background-position:left -140px;}   

.f_left {
width:500px;
display:block;
padding-top:5px;
}
.f_right {
margin-left:20px;
}
.f_left td {
padding:5px;
}
.f_left h5 {
font: bold 13px/32px Arial, Helvetica, Sans-serif;
color:#000;
}
font.Star {
color:#ff0000;
font-weight:bold;
padding:0 3px
}