/*************** Fonts & Graphics ***************/
html {font-size: 75%}
@media all and (min-resolution: 120dpi) {
    html {font-size: 60%}
    html, x:-moz-any-link {font-size: 75%}
}
    #for-opera927 {/* dont' remove! */}

body,table,input,label,textarea,button,select {color: #000; font: normal 1em/1.3 Tahoma,sans-serif}

h1,h2,h3,h4,h5,h6 {margin: 0; padding: 0; display: block}
h1,h2 {font: normal 2.5em "Century Gothic", Verdana; color: #d48c60} /* 30px */
h3 {font: bold 1.166em "Century Gothic", Verdana;; color: #9c9174}
h4 {font: bold 1.083em Tahoma; color: #727272}
h5 {font: bold 1em Tahoma; color: #003f6f}
h6 {font: bold 1.083em Tahoma; color: #727272}

p {margin: 1em 0; text-align: left;}
p:first-child {margin-top: 0 !important;}
p+ul, p+ol {margin-top: -0.5em;}

html {}


/*************** Positioning ***************/
html {  background: url("../images/bg_all.png") 0 0 repeat;}
body {margin: 0; padding: 25px 0 0 0; background: url("../images/bg_body.png") 0 0 repeat-x;}
#wrapper { position: relative; margin: 0 auto 10px auto; width: 974px; background: url("../images/bg_wrapper.png") 0 bottom no-repeat; padding:191px 16px 62px 16px}

       /* -- Mainframes -- */
#header     {position: absolute; top: 0; left: 16px}
#content    {}
#footer     {clear: both;}
#bottom     {}

/*************** Representation ***************/

       /* ++ Standard elements ++ */
a         {color: #5486b7; text-decoration: underline}
a:visited {color: #036}
a:hover, a:active,a:focus {text-decoration: none}
a.inner   {text-decoration: none; border-bottom: 1px dashed #0545af}

fieldset {padding: 5px 5px; border: solid 1px #dcdcdc}
legend   {color: #ccc}
input,label,form,textarea,button {margin: 0; padding: 0}
  input[type="text"],input[type="password"] {padding: 4px 10px 3px 10px; color: #95989b; font: bold 1.17em Tahoma; border: 1px solid #b8cde0; background: #fffef3;}
        input.text,input.password {padding: 4px 10px 3px 10px; color: #95989b; font: bold 1.17em Tahoma; border: 1px solid #b8cde0; background: #fffef3;}
  input[type="hidden"] {display: none !important}
        input.hidden {display: none !important}
  input[type="image"],input[type="checkbox"] {width: auto !important}
        input.image,input.checkbox {width: auto !important}
select    {margin: 0}
textarea {padding: 5px 5px;  border: 1px solid #b8cde0; background: #fffef3 no-repeat;}
input,label,select {vertical-align: middle}
iframe {display: block; overflow: hidden; margin: 0; padding: 0; border: none}

hr    {clear: both; border: none; color: #d5dfe5; background-color: #d5dfe5; height: 1px; width: 100%; margin: 20px 0; padding: 0;}
* html hr {margin: 13px 0}
* + html hr {margin: 13px 0}

table {margin: 1em 0; border-collapse: collapse; table-layout: auto; border-spacing: 0; empty-cells: show; border: 1px solid #ccc;}
    table th {padding: 0.5em; text-align: center; vertical-align: middle; font-weight: bold;}
    table td {padding: 0.5em; vertical-align: top;}
    table caption {caption-side: top; text-align: center;}

       /* -- List's -- */
ul {margin: 1em 0 1em 1.5em; padding: 0; list-style-type: none;}
   ul li {margin: 0.3em 0; padding: 0 0 0 15px; background: url("../images/bull_li.png") 0px 4px no-repeat;}
   li ul {margin-top: 0; margin-bottom: 0;}
ol {margin: 0 0 1em 1.5em; padding: 0; list-style-type: decimal; list-style-position: inside;}
   ol li {margin: 0; padding: 0;}
   ol ul li {background: none;}
dl {margin: 0 0 1em 1.5em; padding: 0;}
   dl dt {margin: 0 0 0.5em 0; padding: 0;}
   dl dd {margin: 0.5em 0 1.5em 1.5em; padding: 0;}
       /* -- Images -- */
img {display: block; border: none; vertical-align: middle} /* VA is for inline img's */
#footer img,#bottom img,p img {display: inline;}

       /* -- Text -- */
blockquote {margin: 1em 0; padding: 0.5em 1em;}
html:lang(en) q, html body q[lang="en"] {quotes: "\201e" "\201c" "\2018" "\2019";}
html:lang(en-us) q, html body q[lang="en-us"] {quotes: "\201c" "\201d" "\2018" "\2019";}
html:lang(ru) q,html:lang(ua) q, html body q[lang="ru"], html body q[lang="ua"] {quotes: "\00ab" "\00bb" "\201e" "\201c";}
cite  {font-style: italic;}

small {font-size: 85%;}
big   {font-size: 125%;}
sup   {vertical-align: text-top; font-size: 65%;}
sub   {vertical-align: text-bottom; font-size: 65%;}

dfn   {font-style: normal; margin: 0; padding: 0}
var   {font-style: normal; margin: 0; padding: 0}

code  {margin: 0; padding: 0}
samp  {font: normal 1em Tahoma, sans-serif; margin: 0; padding: 0}
kbd   {font: normal 1em Tahoma, sans-serif; margin: 0; padding: 0}
tt    {font: normal 1em Tahoma, sans-serif; margin: 0; padding: 0}

ins   {text-decoration: underline;}
del   {text-decoration: line-through;}

pre   {white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word}

/* ^^ Disable a deprecated ^_^  ^^ */
font,basefont {color: inherit; font: inherit; font-size: 100%;}
center {text-align: inherit;}
s,strike,u {text-decoration: inherit;}

/*======= -- OUR BLOCK's & STYLES ! -- =======*/
.mobile,#mobile-nav {display: none;}
.wai {position: absolute; visibility: hidden;}
.fl {float: left; margin: 0 5px 5px 0}
.fr {float: right; margin: 0 0px 5px 5px}

.hidden {display: none !important}
.showed {visibility: visible !important;}
.nb { border: none !important}

/* contacts  */
address.vcard {display: block; font-style: normal; position: relative; width: 771px; height:83px; bottom: 0; left: 137px}
address.vcard a.fn {cursor: default; text-decoration: none; color: #000}
address.vcard .adr {display: block}
address.vcard .country-name {display: none}
/* /contacts */

/*  -- Header --  */
/*  logo */
#logo {font: normal 1.9em "Century Gothic"; color: #392802; text-transform: uppercase; z-index: 10}
  #logo dfn {font: bold 0.714em "Century Gothic"; color: #9f9f9f; display: block; text-transform: lowercase; color: #d48c60}
#logo {width: 398px; height: 59px; padding: 0; position: absolute; top: 70px; right: 43px}
#logo span,#logo a {display: block; position: absolute; width: 100%; height: 100%}
#logo span {background: url("../images/text_k_and_b.png") no-repeat; top: 0; left: 0; z-index: 1}
#logo a    {top: 0; left: 0; z-index: 2}
a.logo { width: 129px; height: 109px; display: block; position: absolute; top: 21px; left: 42px;}
	a.logo span { width: 129px; height: 109px; display: block; position: absolute; top: 0px; left: 0px; background: url("../images/logo.png") 0 0 no-repeat;}
/* /logo */

#header { width: 974px; height: 191px; background: url("../images/bg_header.png") 0 0 no-repeat;}
#header ul#nav {position: absolute; bottom: 0; left: 27px; margin: 0; padding:0; background: url("../images/bg_nav_bottom.png") 0 bottom repeat-x; zoom: 1}
	#header ul#nav li {display: block; float: left; margin: 0 2px 0 0; padding: 0 0 5px 0;  background: url("../images/bg_nav_bottom.png") 0 bottom repeat-x; position: relative; zoom:1}
		#header ul#nav li a {display: block; width: 130px; height: 49px; text-align: center; font: bold 1.166em/56px "Franklin Gothic Medium", Tahoma; color: #fefffe; background: url("../images/bg_nav.png") 0 bottom repeat-x; text-decoration: none}
		#header ul#nav li a:hover,#header ul#nav li a:focus {background: url("../images/bg_nav_hover.png") 0 bottom repeat-x}
		#header ul#nav li:last-child a.sel,#header ul#nav li.lastchild a.sel
            {line-height: 49px; background: url("../images/bg_nav_sel.png") 0 bottom no-repeat}
		#header ul#nav li a.sel,#header ul#nav li a.sel:hover,#header ul#nav li a.sel:focus,
         #wrapper.index #header ul#nav li.li_index a,
         #wrapper.top #header ul#nav li.li_top a,
         #wrapper.delivery #header ul#nav li.li_delivery a,
         #wrapper.catalog #header ul#nav li.li_catalog a,
         #wrapper.faq #header ul#nav li.li_faq a,
         #wrapper.links #header ul#nav li.li_links a,
         #wrapper.contact-us #header ul#nav li.li_contact-us a
            {line-height: 49px; background: url("../images/bg_nav_sel.png") 0 bottom no-repeat}
		#header ul#nav li:last-child a,#header ul#nav li.lastchild a { background: url("../images/bg_nav_last.png") 0 bottom no-repeat;}
		#header ul#nav li:first-child a,#header ul#nav li.firstchild a { background: url("../images/bg_nav_li_first.png") 0 bottom no-repeat;}
		#header ul#nav li:last-child a:focus,#header ul#nav li.lastchild a:hover,#header ul#nav li.lastchild a:focus,#header ul#nav li:last-child a:hover { background: url("../images/bg_nav_last_hover.png") 0 bottom no-repeat}
		#header ul#nav li:first-child a:focus,#header ul#nav li.firstchild a:hover,#header ul#nav li.firstchild a:focus,#header ul#nav li:first-child a:hover { background: url("../images/bg_nav_li_first_hover.png") 0 bottom no-repeat}
	#header ul#nav li:last-child,#header ul#nav li.lastchild { margin: 0;}
#header ul#subnav {position: absolute; top: 40px; left: 340px; margin: 0; padding: 0; display: inline; font: 1.333em "Trebuchet MS"; color: #595959}

#header ul#nav li:hover ul,#header ul#nav li.jshover ul {display: block}
#header ul#nav li ul { display: none; position: absolute; top: 54px; left: -7px; margin: 0; width: 514px; background: #fff; padding: 0 0 0 15px; z-index: 150}
	#header ul#nav li ul li { margin: 0; padding: 0; background: none;}
		#header ul#nav li ul li a { background: url("../images/bull_grey.png") 0 8px no-repeat !important; height: 29px;color: #000; padding: 0 0 0 20px; font: normal 1em/29px "Trebuchet MS" !important; text-align: left; }
		#header ul#nav li ul li a:hover,#header ul#nav li ul li a:focus,#header ul#nav li ul li:last-child a:hover,#header ul#nav li ul li:last-child a:focus,#header ul#nav li ul li.lastchild a:hover,#header ul#nav li ul li.lastchild a:focus { background: url("../images/bull_blue.png") 0 8px no-repeat !important;}
		
		#header ul#nav li ul li:last-child a,#header ul#nav li ul li.lastchild a { margin: 0; background: url("../images/bull_grey.png") 0 6px no-repeat;}
		
/* /-- Header -- */


/* -- Footer --  */

/* /-- Footer -- */

/* -- Bottom --  */
#bottom { height: 45px; width: 971px; padding-top: 15px; position: absolute; bottom: 0; left: 17px; border-bottom: 2px solid #bab5af; background: url("../images/bg_bottom.png") 0 0 repeat-x; text-align: center; font: normal 0.916em Tahoma, Verdana, sans-serif; color: #fff; border-left: 1px solid #e6e5e3; border-right: 1px solid #e6e5e3}
	#bottom span { display: block; text-align: center; margin-bottom: 3px}
	#bottom a { color: #fff;}
	#bottom cite {font-style: normal; color: #aaa;}
	#bottom cite a {font-style: normal; color: #aaa;}
#bottom ul#counters {margin: 0; padding: 0; position: absolute; top: 10px; left: 23px;}
#bottom ul#counters li {float: left; margin: 0 2px 0 0; padding: 0; background: none}
#bottom ul#counters li img {display: block; float: left}

#bottom ul li a img {-moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)";}
#bottom ul li a:hover img,#bottom ul li a:focus img {-moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";}
    * + html #bottom ul li a img {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);}
        * html #bottom ul li a img {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);}
    * + html #bottom ul li a:hover img,* + html #bottom ul li a:focus img {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
        * html #bottom ul li a:hover img,* html #bottom ul li a:focus img {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
/* /-- Bottom -- */

/* ^^^^^^^^^^^ Content style's ^^^^^^^^^^^ */
#content { width: 920px; padding: 0 27px; background: url("../images/bg_content.png") 0 0px repeat; position: relative; min-height: 600px;}

#content-text h2 { margin-bottom: 20px}

#content-text { margin-left: 388px; padding: 47px 32px 248px 58px; zoom:1; border: 1px solid #c7c7c7;; background: #fff url("../images/bg_content-text.png") 0 0 repeat-x; overflow: hidden; min-height: 340px}
	#content-text p { font: normal 1.166em/1.4 "Trebuchet MS", Tahoma; text-align: justify;}
	#wrapper.index #content-text img { float: right; border: 1px solid #a4a4a4; margin-left: 48px}
	#content-text ul.brand_list { clear: both; margin: 0; padding: 0;}
		#content-text ul.brand_list li { background: none; margin: 0 0 0 25px; padding: 0; float: left}
		#content-text ul.brand_list li:first-child,#content-text ul.brand_list li.firstchild { margin-left: 0;}
			#content-text ul.brand_list li a { display: block; width: 128px; height: 63px; text-indent: -900em; border: 1px solid #b3a6a6}
			#content-text ul.brand_list li a.kohler { background: url("../images/userfiles/hdtv.jpg") 0 0 no-repeat}
			#content-text ul.brand_list li a.downsview { background: url("../images/userfiles/divx.jpg") 0 0 no-repeat}
			#content-text ul.brand_list li a.campagna { background: url("../images/userfiles/dvd.jpg") 0 0 no-repeat}

#content-text div.vcard { margin: 30px 0 0 0}
#content-text div.vcard ul.adr { margin: 0; padding: 0;}
#content-text div.vcard ul.adr li.country-name { display: none;}
#content-text div.vcard ul.adr li { background: none; margin: 0; padding: 0; font: normal 1.166em "Trebuchet MS",Tahoma;}
#content-text div.vcard ul.adr li acronym { border: none}
#content-text div.vcard ul.adr li a { text-decoration: none; color: #000;}
#content-text div.vcard ul.adr li a:hover,#content-text div.vcard ul.adr li a:focus { text-decoration: underline}

/* Sidebar */
#sidebar { position: absolute; top: 0; left: 27px; background: #fff; padding: 390px 0 0 0; width: 388px;}
#wrapper.index #sidebar { padding:  416px 0 0 0}
	#sidebar div#swf { position: absolute; top: 0; left: 0; border: 1px solid #c8c8c8; width: 384px; height: 412px}
	#wrapper.index div.secondary_navigation { background: url("../images/bg_block_secondary_navigation.png") 0 0 no-repeat; height: 139px; width: 395px; position: absolute;bottom: 0; left: 20px;}
	#sidebar img.ill { position: absolute; top: 0; left: 0; border: 1px solid #c2c2c2}
	div.chapter_preview { padding: 17px 0 0 0; border-top: 1px dashed #efefef; margin: 0 40px 20px 20px; overflow: hidden;}
	div.chapter_preview:first-child,div.chapter_preview.firstchild { border-top: none;}
		div.chapter_preview img { float: left; background: #ecebeb; padding: 3px; border: 1px solid #d7d6d4; margin-right: 30px}
		div.chapter_preview h3 { color: #d48c60; border-bottom: 1px solid #e1dedb; padding-bottom: 5px; margin-left: 131px}
			div.chapter_preview ul.product { margin: 10px 0 0 131px; padding: 0;}
				div.chapter_preview ul.product li { font: normal 1.166em "Trebuchet MS", Tahoma; padding: 0 0 0 25px; margin: 0;}
				div.chapter_preview ul.product li:hover,div.chapter_preview ul.product li:focus { background: url("../images/bull_blue.png") 0 3px no-repeat}
					div.chapter_preview ul.product li a { color: #000; text-decoration: none;}
					div.chapter_preview ul.product li a:hover, div.block ul.product li a:focus { text-decoration: underline;}
		div.chapter_preview p.location_link{ margin: 10px 0 0 0; background: url("../images/bull_grey.png") bottom right no-repeat; display: block; padding-right: 20px; text-align: justify; color: #000; font-family: "Trebuchet MS", Tahoma; text-decoration: none;}
		div.chapter_preview a.location_link:hover,#sidebar div.chapter_preview a.location_link:focus { }
	div.secondary_navigation { position: absolute; bottom: 0; left:16px; width: 399px; height: 248px; background: url("../images/bg_sec_nav.png") 0 0 no-repeat; z-index: 5}
		div.secondary_navigation div.chapter_preview h3 { border: none}
		div.chapter_preview p.location_link a { color: #5486b7;}
/*  / Sidebar */


/* / ^^^^^^^^^^^ Content style's ^^^^^^^^^^^ */

/* Footer */
#footer { position: absolute; bottom: 62px; right: 43px; width: 909px; height: 119px; background: url("../images/bg_footer.png") 0 bottom no-repeat; z-index: 10}
	#footer h3 { width: 208px; height: 34px; position: absolute; top: 0; left: 137px; background: url("../images/text_showroom_numbers.png") 0 0 no-repeat; text-indent: -900em}
	#footer dl { position: absolute; top: 50px;;left: 137px; font: normal 0.916em Tahoma, Verdana, sans-serif; margin: 0;}
		#footer dl dt { float: left; clear: left; margin: 0 0 1px 0; font-weight: bold; color: #d48c60; display: block; width: 44px;}
		#footer dl dd { margin: 0 0 1px 0; padding: 0; display: block; float: left;}
	#footer span.email { display: block; position: absolute; right: 30px; top: 39px; bottom: 0px ; display: block; background: url("../images/ill_marka.png") right 0 no-repeat; text-align: right; font: normal 0.916em Tahoma, Verdana, sans-serif; padding: 10px 83px 15px 0;}
		#footer span.email tt { display: block; font-weight: bold; color: #d48c60}
		#footer span.email a { color: #000; text-decoration: none;}
		#footer span.email a:hover,#footer span.email a:focus { text-decoration: underline;}


/* ===================== Vendor page ======================*/

#content-text ul.vendor_list { margin: 20px 0 0 0; padding: 0; position: relative; width: 530px; left: -58px}
	#content-text ul.vendor_list li { margin: 0; padding: 3px 0 3px 60px; display: block; float: left; width: 205px; background: none}
	#content-text ul.vendor_list li.even { background: #f8f8f8}
		#content-text ul.vendor_list li a { text-decoration: none; background: url("../images/bull_d_arrow.png") 0 2px no-repeat; padding: 0 0 0 15px; color: #000; font: normal 1.166em "Trebuchet MS"}
		#content-text ul.vendor_list li a:hover,#content-text ul.vendor_list li a:focus { text-decoration: underline}

/* ===================== Contact page ======================*/

#content-text dl.contact { margin: 0; padding: 30px 0 30px 58px; position: relative; width: 472px; left: -58px; overflow: hidden; background: #f8f8f8}
	#content-text h3.contact { color: #000; margin: 30px 0 20px 0}
	#content-text dl.contact dt { float: left; clear: left; width: 4em; margin: 0 5px 0 0; font: bold 1.166em "Century Gothic", Tahoma; color: #ea945e}
	#content-text dl.contact dd { margin: 0 0 5px 0; font: normal 1.166em "Trebuchet MS";}

	#content-text dl.contact dd.email { margin-bottom: 15px}
		#content-text dl.contact dd a { text-decoration: none; color: #000; }
		#content-text dl.contact dd a:hover, #content-text dl.contact dd a:focus { text-decoration: underline}

#fill_form {width: 322px; margin: 10px 0; padding: 10px; border: 1px solid #b8cde0; display: none; _zoom: 1;}
#fill_form.visible {display: block;}
#content #fill_form h4 {color: red; font-size: 1em; margin: 0 0 5px;}
#content #fill_form ul {margin: 0;}
#content #fill_form ul li {margin: 0; padding: 0 0 0 13px; background: url(../images/bull_li_check_form.png) no-repeat 0 5px;}

form#sendfeed dl {margin-left: 0;}
form#sendfeed dl dt {margin-top: 1em;}
form#sendfeed dl dt label {font-weight: bold; color: #D48C60;}
form#sendfeed dl dd {margin: 0;}
form#sendfeed dl dd input {width: 391px;}
form#sendfeed dl dd textarea {width: 401px; height: 185px; font: 1.17em/1.2 Tahoma; color: #95989B;}

div.order-notice {position: relative; width: 413px; left: -58px; margin: 1em 0; padding: 2em 59px 1em 58px; overflow: hidden; background: #f8f8f8; color: #E5406A; border-top: 1px solid #C7C7C7; border-bottom: 1px solid #C7C7C7; text-align: justify;}
div.order-notice a {color: #E5406A;}
div.order-notice samp {color: #000; font: 1em "Trebuchet MS"}

/* ===================== Product page ======================*/


#content-text a.vendor_link { float: right; background: url(../images/bull_vendor.png) 0 0 no-repeat; padding: 0 0 0 23px; color: #108fb2; font: bold 1em "Trebuchet MS";}

#content-text ul.product_list { margin: 40px 0 0 0; padding: 30px 0 0 58px; position: relative; width: 472px; left: -58px; background: #f8f8f8; overflow: hidden}
	#content-text ul.product_list li { position: relative; display: block; width: 90px; height: 123px; padding: 1px; background: none; float: left; margin: 0 15px 35px 0}
		#content-text ul.product_list li a { position: absolute;  width: 92px; height: 125px; display: block; background: url("../images/photo_frame.png") 0 0 no-repeat; left: 0; top: 0;}
		#content-text ul.product_list li a:hover,#content-text ul.product_list li a:focus { background-position: bottom; opacity: 0.5}
		#content-text ul.product_list li img { width: 90px; height: 123px}
		#content-text ul.switch { margin: 15px 0 0 0; padding: 0; text-align: center; color: #877f77; font: normal 1.166em "Century Gothic", Tahoma;}
			#content-text ul.switch li { display: inline; padding: 0; background: none}
				#content-text ul.switch li a { text-decoration: none; color: #877f77;}
				#content-text ul.switch li a:hover, #content-text ul.switch li a:focus { text-decoration: underline}

/* ===================== location page ======================*/

	#content-text div.even { padding: 30px 30px 30px 58px; position: relative; width: 442px; left: -58px; background: #f8f8f8}

	#content-text div.vcard div#map_canvas,#content-text div.vcard div#map_canvas_Lodi,#content-text div.vcard div#map_canvas_NP,#content-text div.vcard div#map_canvas_SB { margin-top: 20px; border: 1px solid #c4bfb9; width: 411px; height: 248px}
	#content-text div.block { margin: 10px 0}

/* =============================== faq =====================*/
#wrapper.faq div.secondary_navigation { background: url("../images/bg_block_secondary_navigation.png") 0 0 no-repeat; height: 139px; width: 395px; position: absolute;bottom: 0; left: 20px;}
	#wrapper.faq div.secondary_navigation * { display: none}
	#wrapper.faq #content-text,#wrapper.index #content-text { padding-bottom: 300px}
	#content-text div.secondary_navigation p { font-size: 1em}

/* ===================== full width page ======================*/
#content-text.single {margin-left: 0; padding-bottom: 20px;}

table.anime-list {width: 99%; table-layout: fixed; background-color: #fff; border: 1px #000 solid}
table.anime-list th,table.anime-list td {padding: 2px 2px; border-bottom: 1px #000 dotted; border-right: 1px #000 dotted}
table.anime-list th {background-color: #eff5fa; font-weight: bold}
  #name {width: 40%; min-width: 180px}
  #alternative {width: 40%; min-width: 180px}
  #type {width: 40px}
  #col {width: 50px; text-align: center}
  #sub {width: 48px; text-align: center}
  #sound {width: 48px; text-align: center}
  #size {width: 53px; text-align: center}
  #quality {width: 48px; text-align: center}
  #cost1 {width: 40px; text-align: center}
  #cost2 {width: 40px; text-align: center}