/* LABELWORX V2 CSS */
/* Global reset
-----------------------------------------------------------------------------*/ 
html,body { margin: 0; padding: 0; border: none; background-color:#121212; }
body { font-family:Arial, Helvetica, sans-serif;  font-size:  13px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; line-height:1.25; color: #000000; background:url(../images/bg.jpg); background-position:top; background-repeat:repeat-y; }

:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h3,h4,h5,h6,pre,code { font-size:125%; color:#DE6D00; font-variant:small-caps; }
h2 { font-size:110%; color:#DE6D00; font-variant:small-caps; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }
img {vertical-align: top; }
img.border { border:1px solid #485FA2; }
input, textarea, select { font-family: Tahoma, Arial, sans-serif; font-size: 11px; }
select { padding: 0; }
a, a:link, a:hover, a:visited { text-decoration: none; color: #000000; font-weight:bold; }
a:hover { text-decoration: none; color:#DE6D00; }
p { padding: 0 0 8px 0; margin: 0; }
div.clear { clear: both; }
.hidden_img { display:none }

/* Header 
-----------------------------------------------------------------------------*/ 
#header { width: 960px; height: 117px; background-image: url(../images/header2011.jpg); overflow:hidden;  }

/* Navigation 
-----------------------------------------------------------------------------*/ 
#menu_bar { width: 960px; height: 26px; margin-bottom:5px; }
#menu { width: 960px; }
#menu a { outline: none; }

a#nav-1, a#nav-1_sel { width: 95px; height: 26px; background-image: url(../images/menu.jpg); display: block; text-decoration: none; float: left; }
a#nav-1:hover, a#nav-1_sel { background-position: 0px 26px; }

a#nav-2, a#nav-2_sel { width: 134px; height: 26px; background-image: url(../images/menu.jpg); display: block; text-decoration: none; float: left; }
a#nav-2 { background-position: -95px 0; }
a#nav-2:hover, #nav-2_sel { background-position: -95px 26px; }

a#nav-3, a#nav-3_sel { width: 157px; height: 26px; background-image: url(../images/menu.jpg); display: block; text-decoration: none; float: left; }
a#nav-3 { background-position: -229px 0; }
a#nav-3:hover, #nav-3_sel { background-position: -229px 26px; }

a#nav-4, a#nav-4_sel { width: 124px; height: 26px; background-image: url(../images/menu.jpg); display: block; text-decoration: none; float: left; }
a#nav-4 { background-position: -386px 0; } 
a#nav-4:hover, #nav-4_sel { background-position: -386px 26px; }

a#nav-5, a#nav-5_sel { width: 142px; height: 26px; background-image: url(../images/menu.jpg); display: block; text-decoration: none; float: left; }
a#nav-5 { background-position: -510px 0; }
a#nav-5:hover, #nav-5_sel { background-position: -510px 26px; }

a#nav-6, a#nav-6_sel { width: 93px; height: 26px; background-image: url(../images/menu.jpg); display: block; text-decoration: none; float: left; }
a#nav-6 { background-position: -652px 0; }
a#nav-6:hover, #nav-6_sel { background-position: -652px 26px; }

a#nav-7, a#nav-7_sel { width: 111px; height: 26px; background-image: url(../images/menu.jpg); display: block; text-decoration: none; float: left; }
a#nav-7 { background-position: -745px 0; }
a#nav-7:hover, #nav-7_sel { background-position: -745px 26px; }

a#nav-8, a#nav-8_sel { width: 104px; height: 26px; background-image: url(../images/menu.jpg); display: block; text-decoration: none; float: left; }
a#nav-8 { background-position: -856px 0; }
a#nav-8:hover, #nav-8_sel { background-position: -856px 26px; }

/* Buttons */
a#button_signup           	{ height:23px; width:100px; display:block; background-image:url(../images/button_sign_up.jpg); text-decoration:none; float:left; margin-right:5px; }
a#button_signup:hover     	{ background-image:url(../images/button_sign_up_over.jpg); }

a#button_client_login      	{ height:23px; width:100px; display:block; background-image:url(../images/button_client_login.jpg); text-decoration:none; float:left; margin-right:5px; }
a#button_client_login:hover { background-image:url(../images/button_client_login_over.jpg); }

a#button_pdf_info	      	{ height:23px; width:100px; display:block; background-image:url(../images/button_pdf_information.jpg); text-decoration:none; float:left; margin-right:5px; }
a#button_pdf_info:hover 	{ background-image:url(../images/button_pdf_information_over.jpg); }

a#button_send_email      	{ height:23px; width:100px; display:block; background-image:url(../images/button_send_email.jpg); text-decoration:none; }
a#button_send_email:hover 	{ background-image:url(../images/button_send_email_over.jpg); }

a#button_send_promo      	{ height:23px; width:100px; display:block; background-image:url(../images/button_send_promo.jpg); text-decoration:none; float:left; margin-left:5px; }
a#button_send_promo:hover 	{ background-image:url(../images/button_send_promo_over.jpg); }

a#button_sign_up_light     	{ height:23px; width:100px; display:block; background-image:url(../images/button_sign_up_light.jpg); text-decoration:none; float:left }
a#button_sign_up_light:hover{ background-image:url(../images/button_sign_up_light_over.jpg); }

.button_center              { margin-left:331px; }

/* Pagination
-----------------------------------------------------------------------------*/ 
.pagination { text-align:left; padding:10px; }
.selectedCSS { background:#3981F9; color:#FFF; padding-top:0px; padding-bottom:2px; padding-left:5px; padding-right:5px; font-weight:bold; }
a.numbersCSS  { padding-top:1px; padding-bottom:1px; padding-left:5px; padding-right:5px; }
a.numbersCSS:hover  { padding-top:1px; padding-bottom:1px; padding-left:5px; padding-right:5px; }
a.nextPrevCSS { padding-top:1px; padding-bottom:1px; padding-left:5px; padding-right:5px; }
a.nextPrevCSS:hover  { padding-top:1px; padding-bottom:1px; padding-left:5px; padding-right:5px; }

/* Homepage 
-----------------------------------------------------------------------------*/ 
#wrapper { margin:0 auto; width: 960px; background:#FFF; }
#container { width: 960px; margin:0 auto; padding-bottom:5px; }

#column1 { width:183px; float:left; margin-left:5px; margin-right:5px; }
#column2 { width:762px; float:left; }

/* Left Column Boxes */
#testimonials_header 	{ width:183px; height:30px; background-image: url(../images/header_testimonials.jpg); }
#testimonials_content 	{ width:183px; height:318px; background-image: url(../images/bg_testimonials.jpg); margin-bottom:5px; overflow:hidden; }
#testimonials_footer   	{ width:173px; height:20px; position:absolute; top:480px; text-align:center; font-size:75%; }
.testimonial_item 		{ width:173px; margin:0px 5px 0px 5px; padding:5px 0px 4px 0px; border-bottom:1px solid #E0E0E0; font-size:70%; }
.testimonial_comment 	{ color:#333; font-size:110% }
.testimonial_name   	{ color:#DE6D00; padding-top:2px;  font-variant:small-caps; font-size:120% }
.testimonial_label   	{ color:#000;  padding-top:0px; font-variant:small-caps; font-size:110% }

#stores_header 			{ width:183px; height:30px; background-image: url(../images/header_stores.jpg); }
#stores_content 		{ width:183px; height:210px; background-color:#FFF; background-image: url(../images/bg_stores.jpg); }
#stores_footer   		{ width:183px; height:20px; position:absolute; top:725px; text-align:center; font-size:75%; }

/* Main Section */
#image_fader { width: 762px; height: 302px; float: left; }

#banner-nav { width: 762px; height: 46px; margin-bottom:5px; }

#sub_menu1 { width:189px; float:left; height:46px; background:url(../images/sub_menu1.jpg); margin-right:2px; }
#sub_menu2 { width:189px; float:left; height:46px; background:url(../images/sub_menu2.jpg); margin-right:2px; }
#sub_menu3 { width:189px; float:left; height:46px; background:url(../images/sub_menu3.jpg); margin-right:2px; }
#sub_menu4 { width:189px; float:left; height:46px; background:url(../images/sub_menu4.jpg); }

#about_us { width:380px; height:240px; margin-right:2px; float:left;  background-image: url(../images/bg_about_us.jpg); font-size:90%; line-height:1.50;   }
#about_us_header { width:380px; height:30px; background-image: url(../images/header_about_us.jpg); }
#about_us_content { width:380px; height:210px; }
#about_us_image { float:left; width:158px; height:210px; } 
#about_us_text { float:left; width:202px; height:185px; padding:10px; } 

#latest_release { width:380px; height:240px; float:left; background-image: url(../images/bg_latest_releases.jpg); font-size:80%; }
#latest_release_header { width:380px; height:30px; background-image: url(../images/header_latest_releases.jpg); }
#latest_release_content { width:380px; height:180px; position:relative; overflow:hidden; }
.release_text { margin-top:5px; }

#arrow_left   { position:relative; top:1px; left:175px; float:left; margin-right:1px; width:16px; height:20px; }
#arrow_right  { position:relative; top:1px; left:175px; float:left; width:16px; height:20px; }
#arrow_lights { position:relative; top:1px; left:295px; float:left; width:51px; height:20px; }

.release_item { width:189px; height:90px; }

/* HOME PAGE */
#content_wrapper { width: 762px; margin-top:5px; }

/* SUB PAGES */
.page_header		{ padding-top:5px; }
.description_text   { padding:0px 10px 0px 10px; }
.content_body_top	{ width:762px; height:5px; background:url(../images/content_body_top.jpg); margin-top:5px;  }
.content_body_bottom { width:762px; height:5px; background:url(../images/content_body_bottom.jpg); }
.content_body 	    { width:762px; background:#F4F4F4; text-align:justify; line-height:1.5; }
#list_style			{ margin-left:50px; list-style:outside; list-style-image:url(../images/imageflow_slider.png); font-size:12px; }

/* Distribution */
.client_logo		{ border:1px solid #000; height:80px; width:80px; margin:10px; float:left; }
#distribution_content_left { float:left; height:500px; width:315px; padding:0px 5px 0px 0px; background:#F4F4F4;  }
#distribution_content_right{ float:left; height:550px; width:410px; padding:0px 0px 0px 10px; background:#F4F4F4;  }

/* Promo */
#numbered_list		{ list-style:decimal; list-style-position:inside; margin-bottom:10px; }
#bulleted_list		{ list-style:url(../images/bullet.png); list-style-position:outside; font-size:125%; margin-bottom:10px; margin-left:30px; }
#promo_content_left { float:left; height:720px; width:327px; padding:0px 10px 0px 10px; background:#F4F4F4;  }
#promo_content_right{ float:left; height:712px; width:400px; padding:8px 0px 0px 10px; background:url(../images/banners/sub-promo-side-top.jpg) top no-repeat #F4F4F4; }
#promo_content_right_text { padding-right:5px; }
.send_promo         { border:1px solid #CCC; background: #FFF; color: #9F9F9F; padding: 2px 4px; height:18px; width:280px; font-size:100%;  margin-bottom:3px; }
#send_promo_field   { float:left; width:285px; margin-right:5px; }

/* Mastering */
#mastering_content_left { float:left; height:720px; width:327px; padding:0px 10px 0px 10px; background:#F4F4F4;  }
#mastering_content_right{ float:left; height:712px; width:400px; padding:8px 0px 0px 10px; background:url(../images/banners/sub-mastering-side-top.jpg) top no-repeat #F4F4F4; }
#mastering_content_right_text { padding-right:5px; }

/* Web Services */
#web_content_left 	 { float:left; width:330px; padding:0px 10px 0px 10px;  }
#web_content_right	 { float:left; width:407px; padding:110px 0px 0px 0px; background:url(../images/banners/sub-web-side-top.jpg) top no-repeat #F4F4F4; }
.bulleted_list_small { list-style:url(../images/bullet.png); list-style-position:outside; font-size:100%; margin-bottom:10px; margin-left:25px; }
#portfolio			 { background:url(../images/portfolio_bottom.jpg) bottom no-repeat #FFF; padding:5px 5px 0px 5px; }
.website_item_left 	 { float:left; width:196px; height:110px; padding-top:80px; background-repeat:no-repeat; background-position:top; margin-right:5px; }
.website_item_right	 { float:left; width:196px; height:110px; padding-top:80px; background-repeat:no-repeat; background-position:top; }
.website_item		 { padding:0px 5px 0px 0px; font-size:80%; height:68px; }
.web_link            { font-size:80%; text-align:center }

/* Blog */
.title_text 	    { font-size:150%; font-weight:bold; color: #DE6D00; padding:0px 10px 0px 10px; }
#blog_sub_header     { background:url(../images/blog_dark_header.jpg); height:26px; margin-top:5px; width:742px; text-align:right; padding-top:11px; padding-right:20px; color:#FFF; font-size:90%; }
.blog_feed:link, .blog_feed:visited { color:#FFF; font-weight:normal; }
.blog_feed:hover     { color:#DE6D00; }
.blog_title			 { }
.blog_date           { font-weight:bold; padding:5px 0 10px 0; }
.blog_image_overlap  { float:right; margin-left:10px; height:160px; width:160px; position: relative; background:url(../images/blog_image_bg.jpg); }
.blog_image			 { position: absolute; padding:5px; height:150px; width:150px; bottom: 0;  left: 0; z-index: 1; }
.blog_image_rounded  { position: absolute; padding:5px; top: 0; right: 0; z-index: 2; }
.blog_link:link, .blog_link:visited { color:#DE6D00; }
.blog_link:hover     { color:#000; }
.blog_published      { padding: 15px 0px 5px 0; font-size:80%; font-variant:small-caps; }

/* Stores */ 
#store_description { width:752px; padding:5px; }
.store_list		   { width:742px; padding:10px; text-align:center; margin-left:35px; }
.store_item		   { float:left; width:168px; height:100px; text-align:center; }

/* Portfolio */ 
#folio_description { width:752px; padding:5px; }
.folio_list		   { width:742px; padding:10px; text-align:center; margin-left:35px; }
.folio_item		   { float:left; width:168px; height:100px; text-align:center; }

/* Testimonials */ 
#testimonials      { padding:20px; }
.test_person       { color:#DE6D00; font-size:110%; font-variant:small-caps; padding-left:5px; }
.test_label_name   { color:#000; font-size:100%; padding-left:5px; font-variant:small-caps; padding-right:5px; }
.bubble_1_top      { height:9px; width:722px; background:url(../images/testimonials_1_top.jpg); }
.bubble_1_quote    { border-left:3px solid #FFF; border-right:3px solid #FFF; padding:5px 10px 0 10px; background:#D5D5D5; }
.bubble_1_bottom   { height:35px; width:722px; background:url(../images/testimonials_1_bottom.jpg) top no-repeat; padding-top:18px; }
.bubble_2_top      { height:9px; width:722px; background:url(../images/testimonials_2_top.jpg); }
.bubble_2_quote    { border-left:3px solid #FFF; border-right:3px solid #FFF; padding:5px 10px 0 10px; background:#E5E5E5; }
.bubble_2_bottom   { height:35px; width:722px; background:url(../images/testimonials_2_bottom.jpg) top no-repeat; padding-top:18px; text-align:right }

/* Sign Up */
.signup_form_label { float:left; clear:both; width:230px; text-align:right; margin-right:5px; margin-bottom:5px; }
.signup_form_field { float:left; width:500px; margin-bottom:5px;}
.signup_form_label_wide { float:left; clear:both; width:500px; text-align:right; margin-right:5px; margin-bottom:5px; }
.signup_form_field_small { float:left; width:230px; margin-bottom:5px;}
.divider           { clear:both; border-top:1px solid #EAEAEA; margin-bottom:5px; }
#distribution_options { clear:both; }
#hist_border, #dist_border, #serv_border { padding:0 5px 0 5px; border:1px solid #F4F4F4; }
#errors_reported   { background:#F00; color:#FFF; font-weight:bold; padding:6px; text-align:center; margin-bottom:10px; }
#small_text, .pstrength-minchar, #my_pass_text, #user_length { font-size:80% }
#password_wrapper  { width:220px; }
#warning_box, #yes_box { background-color:#FAEDEB; border:1px solid #C64931; padding:12px 10px 12px 44px; background-image:url(../images/warning.png); background-repeat:no-repeat; background-position:5px 5px; margin-bottom:10px; font-size:100%; }
#yes_box           { background-image:url(../images/green_tick.png); }
#warning_list      { padding-left:15px; }
#warning_list li   { color:#F00; font-size:85%; list-style-type:disc; }
#signup_send       { clear:both; border-top:1px solid #EAEAEA; text-align:center; margin-top:10px; padding-top:10px; height:25px; }
.radio_item        { padding-right:8px; }

/* Contact */ 
#contact_wrapper   { width:762px; height:170px; margin-bottom:5px; }
#contact_info      { float:left; width:482px; height:165px; }
#contact_side      { float:left; width:280px; margin-top:5px; height:165px; }
#contact_left      { float:left; width:220px; padding-top:5px; }
#contact_right     { float:left; width:220px; padding-top:5px; }
#contact_header    { background:url(../images/blog_dark_header.jpg); clear:both; height:26px; width:742px; padding-top:11px; padding-left:20px; color:#FFF; font-size:90%; }
#contact_form_left { float:left; width:380px; padding-top:10px; border-top:1px solid #EAEAEA }
#contact_form_right{ float:left; width:360px; padding-top:10px; border-top:1px solid #EAEAEA }
.contact_form_label{ float:left; clear:both; width:108px; text-align:right; margin-right:5px; margin-bottom:5px; }
.contact_form_field{ float:left; width:240px; margin-bottom:5px;}
.contact_form_field_long{ float:left; width:620px; margin-bottom:5px;}
.contact_textarea  { border:1px solid #CCC; background: #FFF; color: #505050; padding: 2px 4px; height:120px; width:600px; font-size:100%;  margin-bottom:3px; }
.contact_field     { border:1px solid #CCC; background: #FFF; color: #333; padding: 2px 4px; height:18px; width:220px; font-size:100%;  margin-bottom:3px; }
#contact_send      { border-top:1px solid #EAEAEA; text-align:center; margin-top:10px; padding-top:10px; }
.required_mark     { color:#D75700; font-size:15px; }
#required          { clear:both; font-size:80%; }
#contact_email_sent{ position: absolute; text-align:center; background:#F4F4F4; padding-top:170px; font-size:120%; height:215px; width:762px; z-index:5; top:439px; left: 50%; margin-left:-286px; filter:alpha(opacity=90); opacity:0.9;  }
#contact_form      { position: absolute; z-index:2; width:762px; top:445px; left: 50%; margin-left:-285px;  }

/* Listing Page Styles
-----------------------------------------------------------------------------*/ 
.list_item     { margin-left:5px; margin-right:5px; }
.list_header   { width: 513px; height: 21px; font-size: 13px; padding: 6px 0 0 7px; border-bottom:1px solid #485FA2; font-weight:bold; }
.list_date     { color:#3981F9; font-size:11px; padding-top:5px; }
.list_text     { padding-top:5px; }
.list_img      { margin:2px; }
.list_link     { padding-right:0px; font-size:10px }
img.list_img   { border:1px solid #666666; }

/* Details Page Styles
-----------------------------------------------------------------------------*/ 
.detail_item   { margin-left:5px; margin-right:5px; }
.detail_header { width: 513px; height: 21px; font-size: 13px; padding: 6px 0 0 7px; border-bottom:1px solid #485FA2; font-weight:bold; }
.detail_date   { color:#3981F9; font-size:11px; padding-top:5px; }
.detail_text   { padding-top:5px; }
.detail_img    { margin-right:5px; }
.detail_link   { padding-top:20px; }
img.detail_img { border-left:1px solid #485FA2; border-right:1px solid #485FA2; border-bottom:1px solid #485FA2; }

/* Forms
-----------------------------------------------------------------------------*/ 
.input_field { border:1px solid #CCC; background: #FFF; color: #333; padding: 2px 4px; height:18px; width:350px; font-size:100%;  margin-bottom:3px; }
.input_field_number { border:1px solid #CCC; background: #FFF; color: #333; padding: 2px 4px; height:18px; width:80px; font-size:100%;  margin-bottom:3px; }
.input_textarea { border:1px solid #CCC; background: #FFF; color: #333; padding: 2px 4px; height:80px; width:350px; font-size:100%; }
.contact_fields { border:1px solid #333D47; background: #D8D8D8; color:#333; padding: 4px 4px; height:18px; font-size:100%; }
.input_dropdown { border:1px solid #CCC; background: #FFF; color:#333; padding: 3px 4px; height:24px; font-size:12px; margin-bottom:3px; }

/* Form Hints */
.hint 			{ display: none; position: relative; left: 0px; top: 10px; width: 348px; border: 1px solid #c93; padding: 5px; margin-bottom:15px; background: #ffc ; }
.hint .hint-pointer { position: absolute; left: 5px; top: -10px; width: 19px; height: 10px; background: url(../images/pointer_top.gif) left top no-repeat; }

/* Footer 
-----------------------------------------------------------------------------*/
#footer_nav		{ padding: 15px 0px 0px 15px; }
#footer_bottom  { width:990px; height:15px; background:url(../images/footer_bottom_bg.jpg); margin:0 auto 0 auto; overflow:hidden;}
#block-footer { margin: 0 auto 0 auto; width: 960px; height: 100px; background-color:#1F1F1F; margin:0 auto; position:relative; font-size:80%; color:#FFF }
#block-footer ul { position:absolute; bottom:100%; right:14px; width:150px; top:15px; }
#block-footer ul.block-footer-first { right:390px; }
#block-footer ul.block-footer-second { right:260px; }
#block-footer ul.block-footer-third { right:130px; }
#block-footer a { font-weight:normal; color:#FFF; }
#block-footer a:hover { color:#DE6D00; }
#block-footer-copyright { position:absolute; bottom:100%; left:15px; bottom:15px; }
