#document_bg {position:absolute; width:100%; height:225px; top:144px; left:0; background:#E5E5E5; z-index:0}

#main_container {position:relative; width:900px; margin:auto; border-right:10px solid #fff; border-left:10px solid #fff; background:#fff url(/images/bgs/bg_body.gif) 0 130px no-repeat; z-index:1}

/* head container */
#head_container {position:relative; width:900px; clear:both; z-index:99}
#head_container img:first-child {float:left; margin:35px 0 0}
#head_container img+img {float:right; margin:15px 50px}
#head_container ul {position:absolute; clear:both; top:59px; left:0; padding:0; margin:30px 0 0; list-style:none; z-index:9999}
#head_container li {float:left; position:relative}
#head_container a,
#head_container a:active,
#head_container a:visited {display:block; height:41px; margin:0 0 0 2px; letter-spacing:-1000em; text-indent:-999em; background:url(/images/sprites/sprites_menu.gif) 0 0 no-repeat}
#head_container a:hover   {text-decoration:none}
#head_container #menu-home     a {width:105px; margin:0}
#head_container #menu-services a {width:117px; background-position:-107px 0}
#head_container #menu-contact  a {width:143px; background-position:-417px 0}
#head_container #menu-profile  a {width:94px; background-position:-226px 0}
#head_container #menu-news     a {width:93px; background-position:-322px 0}
#head_container #menu-home     a:hover {background-position:-560px 0}
#head_container #menu-services a:hover {background-position:-667px 0}
#head_container #menu-contact  a:hover {background-position:-977px 0}
#head_container #menu-profile  a:hover {background-position:-786px 0}
#head_container #menu-news     a:hover {background-position:-882px 0}
#head-container #

/* head container p7 navigation (drop menu) */
#head_container #p7PMnav span  {display:block; float:left; margin:0 5px 0 0}
#head_container #p7PMnav ul    {position:absolute; top:41px; left:-9000px}
#head_container #p7PMnav ul li {display:none; width:165px; height:25px; clear:both; padding:5px; margin:0; border-top:1px solid #999; background:#E4E4E4}
#head_container #p7PMnav ul li:first-child {border:none}
#head_container #p7PMnav ul li:hover       {background:#CECECE}
#head_container #p7PMnav ul a, 
#head_container #p7PMnav ul a:active, 
#head_container #p7PMnav ul a:visited {position:relative; width:150px; height:25px; float:left; padding:0; margin:0; letter-spacing:normal; text-indent:0; background:none}
#head_container #p7PMnav .p7PMhide    {left:-9000px}
#head_container #p7PMnav .p7PMshow    {position:absolute; left:2px; z-index:20000 !important}
#head_container #p7PMnav .p7PMshow .p7PMshow {left:20px}
#head_container #p7PMnav .p7PMshow li {display:block}

/* body container */
#body_container {position:relative; overflow:hidden; clear:both; padding:10px 15px 5px 25px; z-index:98}
#body_container .left  {width:535px; float:left}
#body_container .left p:first-child {margin:0 0 30px -10px}
#body_container .right {width:280px; overflow:hidden; float:right; padding:0 20px; background:#F2F2F2}
#body_container .right p:first-child {width:310px; margin:0 0 0 -20px; border-bottom:7px solid #fff; background:#E5E5E5}

/* foot container */
#foot_container {position:relative; clear:both; overflow:hidden; padding:20px 15px; margin:0 15px; background:#ccc}
#foot_container address {float:left; color:#000; font-size:90%; font-style:normal}
#foot_container img     {float:right; margin:0 15px}
#foot_container a,
#foot_container a:active,
#foot_container a:visited {color:#000; text-decoration:none}
#foot_container a:hover   {text-decoration:underline}
#top_button {padding:0 30px}
#top_button img {float:none; margin:0}

/* home page */
.index-page #body_container .right p:first-child {width:310px; height:216px; padding:5px}
.index-page #body_container #flash {position:relative; z-index:0}

/* all other pages top right panel */
.services-page #body_container .right p:first-child,
.profile-page  #body_container .right p:first-child,
.news-page     #body_container .right p:first-child,
.contact-page  #body_container .right p:first-child   {height:auto; padding:5px}

/***************/
/* contact forms */
#contact-form fieldset {padding:15px 20px; margin:15px 0}
#contact-form legend {font-size:120%; font-weight:700}
#contact-form label {display:block; width:97%}
#contact-form input[type=text] {width:97%}
#contact-form textarea {width:97%}

#contact-form ul {padding:0; margin:0; list-style:none}
#contact-form li {float:left; width:45%; margin:0 15px 0 0}

#contact-form #contact-message li {width:100%}


/***************/
/*** headers ***/
.services-page #body_container .left p:first-child,
.profile-page  #body_container .left p:first-child,
.news-page     #body_container .left p:first-child,
.contact-page  #body_container .left p:first-child {width:495px; padding:102px 25px 25px}

.services-page #body_container .left p:first-child span,
.profile-page  #body_container .left p:first-child span,
.news-page     #body_container .left p:first-child span,
.contact-page  #body_container .left p:first-child span {display:block; height:99px; letter-spacing:-1000em; text-indent:-999em; background:url(/images/sprites/sprites_headers.gif) 0 0 no-repeat}

.services-page       #body_container .left p:first-child      {background:#0cf}
.services-page       #body_container .left p:first-child span {width:415px}
.litho-printing      #body_container .left p:first-child span {width:274px; background-position:-415px 0}
.digital-printing    #body_container .left p:first-child span {width:305px; background-position:-689px 0}
.large-format        #body_container .left p:first-child span {width:263px; background-position:-993px 0}
.letterpress         #body_container .left p:first-child span {width:221px; background-position:-1256px 0}
.fulfilment          #body_container .left p:first-child span {width:208px; background-position:-1477px 0}
.prepress-and-design #body_container .left p:first-child span {width:379px; background-position:-1685px 0}
.send-artwork        #body_container .left p:first-child span {width:331px; background-position:-4172px 0}
#main_container.deskpack      #body_container .left p:first-child span {width:297px; background-position:-5057px 0}
#main_container.testimonials  #body_container .left p:first-child span {width:263px; background-position:-4794px 0}
#main_container.Our-Guarantee #body_container .left p:first-child span {width:291px; background-position:-4503px 0}

.profile-page #body_container .left p:first-child      {background:#f09}
.profile-page #body_container .left p:first-child span {width:331px; background-position:-2064px 0}

.news-page         #body_container .left p:first-child      {background:#ff3}
.news-page         #body_container .left p:first-child span {width:470px; background-position:-2395px 0}
.featured-products #body_container .left p:first-child span {width:357px; background-position:-2865px 0}

.contact-page #body_container .left p:first-child      {background:#000}
.contact-page #body_container .left p:first-child span {width:426px; background-position:-3222px 0}
.enquiry-form #body_container .left p:first-child span {width:272px; background-position:-3900px 0}
.key-staff    #body_container .left p:first-child span {width:252px; background-position:-3648px 0}


/* various styles */
#status  {width:400px; margin:5px auto 15px; padding:8px; background:#ddfcbf; text-align:center; border:2px #B4DD8D solid; display:none}
.success {color:#090}
.failure {color:#f00}

/***** form styles */
form {padding:0; margin:0}

.vision_form_style_1     {width:650px; margin:auto}
.vision_input_style_1    {width:75%}
.vision_input_style_2    {width:75%; font-size:100%}
.vision_label_style_1    {width:20%; overflow:hidden; float:left}
.vision_textarea_style_1 {width:75%; height:200px}
.vision_textarea_style_2 {width:99%; height:200px}

.vision_form_common                     {width:90%; overflow:hidden; margin:auto}
.vision_form_common h2                  {width:100%; clear:both; padding:5px 10px; margin:5px 0; color:#fff; font-size:110%; font-weight:bold; background:#92b6c1}
.vision_form_common h3                  {display:inline; width:auto; float:left; padding:0 3px; margin:0 0 0 5px; font-size:110%; border:8px solid #ccc}
.vision_form_common label               {width:35%; overflow:hidden; float:left; padding:10px 0 9px 10px; color:#000; font-size:100%; background:#ccc}
.vision_form_column_style_1             {width:49%; height:37px; overflow:hidden; float:left; margin:0 0 5px}
.vision_form_column_style_2             {width:100%; overflow:hidden; float:left; margin:0 0 5px}
.vision_form_column_style_3             {width:100%; overflow:hidden; float:left; margin:0 0 5px}
.vision_form_common_textarea_style_1    {width:60%; height:135px; float:left; margin:0 0 0 5px; border:6px solid #ddd}
.vision_form_common_input_text_style_1  {overflow:hidden; float:left; padding:4px 0;  margin:0 0 0 5px; border:6px solid #ddd}
.vision_form_common_input_text_style_2  {width:60%; overflow:hidden; float:left; padding:4px 0; margin:0 0 0 5px; border:6px solid #ddd}
select.vision_form_common_input_text_style_2 {width:62%}
.vision_form_common_input_text_style_3  {width:60%; overflow:hidden; float:left; padding:2px 0; margin:0 0 0 5px; border:6px solid #ddd}
.vision_form_common_input_radio_style_1 {width:60%; overflow:hidden; float:left; padding:2px 0; margin:0 0 0 5px; border:6px solid #ddd}

.vision_form_common_input_button_browse,
.vision_form_common_input_button_login,
.vision_form_common_input_button_register,
.vision_form_common_input_button_reset,
.vision_form_common_input_button_submit,
.vision_form_common_input_button_search,
.vision_form_common_input_button_sendmail,
.vision_form_common_input_button_update          {width:73px; height:23px; padding:0; margin:1px; color:#fff; font-weight:bold; font-size:90%; font-family:Verdana, Arial, Helvetica, sans-serif; background:transparent url(/vision/visionimages/strips_buttons.gif) 0 -131px; border:none; cursor:pointer}

.vision_form_common_input_button_checkname,
.vision_form_common_input_button_sendpass,
.vision_form_common_input_button_comments        {width:107px; height:23px; padding:0; color:#fff; font-weight:bold; font-size:90%; font-family:Verdana, Arial, Helvetica, sans-serif; background:transparent url(/vision/visionimages/strips_buttons.gif) 0 -177px; border:none; cursor:pointer}

.vision_form_common_input_button_browse:hover,
.vision_form_common_input_button_login:hover,
.vision_form_common_input_button_register:hover,
.vision_form_common_input_button_reset:hover,
.vision_form_common_input_button_submit:hover,
.vision_form_common_input_button_search:hover,
.vision_form_common_input_button_sendmail:hover,
.vision_form_common_input_button_update:hover    {background:transparent url(/vision/visionimages/strips_buttons.gif) 0 -108px}

.vision_form_common_input_button_checkname:hover,
.vision_form_common_input_button_sendpass:hover,
.vision_form_common_input_button_comments:hover  {background:transparent url(/vision/visionimages/strips_buttons.gif) 0 -154px}
/***** form styles */

/***** form common email */
#form_common_email #code {width:75px}
#vision_form_common_email_news {padding:0 10px; margin:0 25px}
#vision_form_common_email_news label {position:relative; width:150px; float:left; background:none}
#vision_form_common_email_news input {width:250px}
#vision_form_common_email_news textarea {width:250px; height:100px}
/***** form common email */

/***** next previous buttons */
.nextprev{width:200px; overflow:hidden; float:right; text-align:right}
/***** next previous buttons */

/***** settings page */
#vision_settings_container       {width:760px; overflow:hidden; padding:10px; margin:auto}
#vision_settings_container label {width:200px; float:left}
/***** settings page */

/***** login */
#vision_login_form          {width:300px; margin:30px auto}
#vision_login_form label    {width:70px; float:left; padding:0 3px 3px 0}
.vision_login_input_style_1 {width:150px}
.vision_login_cookies_disclaimer {color:#999; font-size:80%; text-align:center}
/***** login */

/***** news */
#vision_news_container      {position:relative; overflow:hidden}
#vision_news_sub_column     {}
#vision_news_sub_column p   {margin:5px 0}
#body_container #vision_news_sub_column p:first-child {width:auto; margin:0; border:none; background:none}
#vision_news_sub_column ul  {overflow:hidden; list-style:none; margin:0 0 10px; padding:0}
#vision_news_main_column    {min-height:360px; overflow:hidden; float:left; margin:0}
#vision_news_main_column h2 {margin:0; font-size:140%}

#vision_news_main_column .nextprev {margin:0 25px 0 0}

.vision_news_main_row         {width:97%; overflow:hidden}
.vision_news_main_row h3      {margin:0; font-size:120%; font-weight:400}
.vision_news_main_row_info    {float:left; font-weight:bold}
.vision_news_main_row_options {float:right; font-weight:bold}

.vision_news_date_main    {float:left; margin:0 0 3px 15px; font-style:italic}
.vision_news_summary      {overflow:hidden; margin:0 0 20px}
.vision_news_options      {overflow:hidden; float:right; margin:0 15px}
.vision_news_article      {overflow:hidden; clear:both; padding:0; margin:15px}
#main_container #body_container .vision_news_article p:first-child {width:auto; padding:0; margin-left:0; background:none}
.vision_news_list_options {width:80px; overflow:hidden; float:left}

#vision_news_advanced_search {position:absolute; min-width:90%; left:-10px; overflow:visible; padding:10px; margin:14px 2px; display:none; background:#ddd; border:10px #ccc solid; z-index:98}
#vision_news_advanced_search select {min-width:255px}
#vision_news_advanced_search_show   {cursor:pointer}
/***** news */

/***** common vision */
#vision_htmlheader_container {position:relative; width:100%; height:90px; overflow:hidden; margin:0 auto; background:#c00 url(/vision/visionimages/visioncommon/vision_logo.gif) no-repeat; z-index:1}
#vision_htmlfooter_container {position:relative; padding:25px 25px 0 0; background:#f4f4f4; text-align:right; border-top:4px solid #000}

.vision_htmlmenu_container         {position:relative; overflow:hidden; float:right; margin:12px; font-size:12px; text-align:center; z-index:1}
.vision_htmlmenu_container a, 
.vision_htmlmenu_container a:active, 
.vision_htmlmenu_container a:visited, 
.vision_htmlmenu_container a:hover {display:block; width:107px; height:23px; overflow:hidden; float:right; color:#fff; font-size:10px; font-weight:bold; text-decoration:none; text-transform:uppercase; line-height:19px}

#vision_htmlmenu_sys {float:right; padding:5px 0; margin:0 5px; color:#E39696; font-size:12px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif}

#vision_htmlmenu_sys_files,
#vision_htmlmenu_settings,
#vision_htmlmenu_logout,
#vision_htmlmenu_guard,
#vision_htmlmenu_users {padding:4px 0 0; background:transparent url(/vision/visionimages/strips_buttons.gif) 0 -27px}

#vision_htmlmenu_sys_files:hover,
#vision_htmlmenu_settings:hover,
#vision_htmlmenu_logout:hover,
#vision_htmlmenu_guard:hover,
#vision_htmlmenu_users:hover {background:transparent url(/vision/visionimages/strips_buttons.gif) 0 0}

#vision_htmlmenu_add_story,
#vision_htmlmenu_add_pages,
#vision_htmlmenu_view_pages {padding:4px 0 0; background:transparent url(/vision/visionimages/strips_buttons.gif) -107px -27px}

#vision_htmlmenu_add_story:hover,
#vision_htmlmenu_add_pages:hover,
#vision_htmlmenu_view_pages:hover {background:transparent url(/vision/visionimages/strips_buttons.gif) -107px -0}

#vision_htmlmenu_categories       {padding:4px 0 0; background:transparent url(/vision/visionimages/strips_buttons.gif) -107px -27px; clear:both}
#vision_htmlmenu_categories:hover {background:transparent url(/vision/visionimages/strips_buttons.gif) -107px 0}
/***** common vision */