/* ----- Main Stylesheet (CSS level 2.1) ----- Custom Stylesheet for Template4You.com by Gustavo Olmedo : www.UnikWebDesign.com */ html{margin:0px;padding:0px; /* scrollbar-face-color:#efefef;scrollbar-arrow-color:#2b95df;scrollbar-highlight-color:#fff;scrollbar-shadow-color:#777;scrollbar-3dlight-color:#b0b0b0;scrollbar-darkshadow-color:#909090;scrollbar-track-color:#c0c0c0; */ } body{margin:0px;padding:0px;font:normal 0.7em Verdana,sans-serif;color:#555; /*background:#fff url(/img/bg/main_bg_v_tile_light_for_950px_wide_layout.png) repeat-y center top fixed; */ background:#fff url(/img/bg/main_bg_fade_to_fff_light_shadow_for_950px_wide_layout.png) no-repeat center top fixed; } div{margin:0px;padding:0px;} p{margin:7px 0px 10px 0px;} h1{font:normal 1.8em Tahoma,sans-serif;} h2{font:normal 1.5em Tahoma,sans-serif;} h3{font:bold 1em Tahoma,sans-serif;} h1,h2,h3{margin:2px 0px;} ul,ol{margin:0 0 1em 1.4em;} small,.small{font-size:0.8em;} a {color:#1f84d0;text-decoration:underline;} a:visited{color:#777;text-decoration:underline;} a:hover {color:#555;text-decoration:none;} /* Main layout (frame) */ #main_container{width:950px;margin:0px auto;padding:0px; /* height:425px; */ background:#fff url(/img/bg/main_header_h_tile_10x425.png) repeat-x 1px 0px;} /* Header area */ #header_main{width:950px;height:345px;margin:0px;padding:0px; background:url(/img/bg/header_full_no_menu_no_header_text.png) no-repeat 0px 0px;} #top{width:950px;height:100px;margin:0px;padding:0px;} #top_left_1{float:left;width:680px;height:60px;margin:40px 0px 0px 25px;background:url(/img/bg/top_main_menu_1_bg.png) no-repeat 0px 0px;} #top_left_2{float:left;width:680px;height:60px;margin:40px 0px 0px 25px;background:url(/img/bg/top_main_menu_2_bg.png) no-repeat 0px 0px;} #top_left_3{float:left;width:680px;height:60px;margin:40px 0px 0px 25px;background:url(/img/bg/top_main_menu_3_bg.png) no-repeat 0px 0px;} /* Navigation */ #top_left_nav_1,#top_left_nav_2,#top_left_nav_3{margin:8px 0px 0px 49px;} .top_left_nav_1,.top_left_nav_2,.top_left_nav_3 {color:#aaa;font-family:Arial,Tahoma;} .top_left_nav_1 a,.top_left_nav_2 a,.top_left_nav_3 a {color:#444;font-family:Arial,Tahoma,Helvetica,"MS Sans Serif";font-size:1.3em;text-decoration:none;font-weight:bold;} .top_left_nav_1 a:hover,.top_left_nav_2 a:hover,.top_left_nav_3 a:hover {color:#1f84d0;font-family:Arial,Tahoma,Helvetica,"MS Sans Serif";font-size:1.3em;text-decoration:underline;font-weight:bold;} #top_left_sub_nav_1{margin:7px 0px 0px 46px;} .top_left_sub_nav_1{float:left;color:#aaa;font-family:Arial,Tahoma;} .top_left_sub_nav_1 a {color:#555;font-family:Arial,Tahoma,Helvetica,"MS Sans Serif";font-size:1.2em;letter-spacing:-0.1em;text-decoration:none;} .top_left_sub_nav_1 a:hover{color:#1f84d0;font-family:Arial,Tahoma,Helvetica,"MS Sans Serif";font-size:1.2em;letter-spacing:-0.1em;text-decoration:underline;} #top_left_sub_nav_2{margin:7px 0px 0px 202px;} .top_left_sub_nav_2{float:left;color:#aaa;font-family:Arial,Tahoma;} .top_left_sub_nav_2 a {color:#555;font-family:Arial,Tahoma,Helvetica,"MS Sans Serif";font-size:1.2em;letter-spacing:-0.1em;text-decoration:none;} .top_left_sub_nav_2 a:hover{color:#1f84d0;font-family:Arial,Tahoma,Helvetica,"MS Sans Serif";font-size:1.2em;letter-spacing:-0.1em;text-decoration:underline;} #top_left_sub_nav_3{margin:7px 0px 0px 373px;} .top_left_sub_nav_3{float:left;color:#aaa;font-family:Arial,Tahoma;} .top_left_sub_nav_3 a {color:#555;font-family:Arial,Tahoma,Helvetica,"MS Sans Serif";font-size:1.2em;letter-spacing:-0.1em;text-decoration:none;} .top_left_sub_nav_3 a:hover{color:#1f84d0;font-family:Arial,Tahoma,Helvetica,"MS Sans Serif";font-size:1.2em;letter-spacing:-0.1em;text-decoration:underline;} #top_right_nav{float:right;width:205px;height:80px;margin:10px 7px 0px 0px;} .top_right_nav{float:right;color:#aaa;font-family:Arial,Tahoma;font-size:0.9em;} .top_right_nav a {color:#555;font-family:Arial,Tahoma,Helvetica,"MS Sans Serif";font-size:0.9em;text-decoration:none;} .top_right_nav a:hover{color:#1f84d0;font-family:Arial,Tahoma,Helvetica,"MS Sans Serif";font-size:0.9em;text-decoration:underline;} .bttn_View_Shopping_Cart,.bttn_View_Shopping_Cart a,.bttn_View_Shopping_Cart a:visited,.bttn_View_Shopping_Cart a:hover {width:166px;height:54px;border:0px;background:url(/img/bttns/bttn_View_Shopping_Cart.png) no-repeat;} /* img=166x54 */ #header_graphic{width:950px;height:212px;} .header_graphic_l{float:left;width:360px;height:212px;margin:36px 0px 0px 0px;} .header_logo img{width:410px;height:100px;margin:41px 0px 0px 55px;border:0;} .header_graphic_r{float:right;width:360px;height:212px;margin:36px 0px 0px 0px;} /* #header_graphic{margin:3.3em 1em 1em 51em;height:212px; */ .header_text_heading{padding:0px 11px 0px 0px;font-size:1.7em;color:#f1f1f1;font-weight:100;font-family:Arial,Tahoma,"MS Sans Serif",Helvetica;} .header_text{padding:0px 11px 0px 0px;font-size:1.2em;color:#f1f1f1;font-weight:100;font-family:Arial,Tahoma,"MS Sans Serif",Helvetica;} /* Main contents (do not change: consistent throughout the entire site) */ #main_contents_container{width:900px;padding:0px 35px 0px 35px;} #one_col_page_contents_container{padding:0px 35px 0px 25px;float:left;} /* *****Optional 2-Column content layout (not currently in use - so can adjust each column width for pages like reseller section with Misc elements at right or left) */ #main_contents{width:100%;margin-bottom:20px;} #left_main_column{float:left;width:43%;margin:0px 0px 0px 0px;} #left_column_content{width:385px;} #right_main_column{float:right;width:49%;margin:0px 0px 0px 0px;} #right_column_content{width:465px;} /* Reseller System Template Pages Main contents (1col+2col) */ #templates_main_contents_container{width:900px;margin:0px;padding:0px 35px 0px 20px;} #templates_main_contents{width:100%;margin:0px;} #templates_single_main_column{float:left;width:860px;margin:0px 0px 0px 0px;} /* ~99.5%+ */ #templates_single_column_content{width:880px;} #templates_single_content_col{padding:0px 0px 0px 0px;float:left;} .templates_single_content_col{color:#555;text-decoration:none;} .templates_single_content_col a,.templates_left_content_col a:visited{color:#1f84d0;text-decoration:underline;} .templates_single_content_col a:hover{color:#0069bb;text-decoration:underline;} #templates_left_main_column{float:left;width:620px;margin:0px 0px 0px 5px;} /* ~75%+ */ #templates_left_column_content{width:620px;} .templates_left_content_col{padding:0px 0px 0px 0px;float:left;color:#555;text-decoration:none;} .templates_left_content_col a,.templates_left_content_col a:visited{color:#1f84d0;text-decoration:underline;} .templates_left_content_col a:hover{color:#0069bb;text-decoration:underline;} #templates_right_main_column{float:right;width:180px;margin:0px 0px 0px 0px;} /* >22% */ #templates_right_column_content{width:180px;} .templates_right_content_col{padding:10px 0px 0px 0px;text-align:center;height:350px;color:#555;text-decoration:none;} .templates_right_content_col a,.templates_right_content_col a:visited{color:#1f84d0;text-decoration:underline;} .templates_right_content_col a:hover{color:#0069bb;text-decoration:underline;} /* Height of the DIV's below MUST be a minimum of 120px high so that the icon bg at left shows completely */ #templates_swish{padding:0px 0px 0px 120px;background:url(/img/icons/t4u_swish_icon_w_v_grad.png) no-repeat 0px 0px;} #templates_flash{padding:0px 0px 0px 120px;background:url(/img/icons/t4u_flash_icon_w_v_grad.png) no-repeat 0px 0px;} #templates_png{padding:0px 0px 0px 120px;background:url(/img/icons/t4u_swish_icon_w_v_grad.png) no-repeat 0px 0px;} /* t4u_png_icon_top_w_v_grad.png */ #templates_various{padding:0px 0px 0px 120px;background:url(/img/icons/t4u_swish_icon_w_v_grad.png) no-repeat 0px 0px;} /* t4u_various_icon_w_v_grad.png */ #templates_sounds{padding:0px 0px 0px 120px;background:url(/img/icons/t4u_swish_icon_w_v_grad.png) no-repeat 0px 0px;} /* t4u_sounds_icon_w_v_grad.png */ #templates_photos{padding:0px 0px 0px 120px;background:url(/img/icons/t4u_swish_icon_w_v_grad.png) no-repeat 0px 0px;} /* t4u_photos_icon_w_v_grad.png */ #templates_customization{padding:0px 0px 0px 120px;background:url(/img/icons/t4u_customization_icon_w_v_grad.png) no-repeat 0px 0px;} #templates_hr,.templates_hr{width:770px;height:1px;background-color:#eee;margin:20px 0px 0px 120px;clear:both;} /* the horizontal line for reseller templates pages */ #templates_iframe {margin:0px 0px 20px 103px;width:610px;height:925px;} #templates_iframe_2rows {margin:0px 0px 20px 103px;width:610px;height:620px;} #templates_iframe_1row {margin:0px 0px 20px 103px;width:610px;height:350px;} .info_heading,.info_heading a,.info_heading a:visited,.info_heading a:hover, .home_info_heading,.home_info_heading a,.home_info_heading a:visited,.home_info_heading a:hover, .templates_info_heading,.templates_info_heading a,.templates_info_heading a:visited,.templates_info_heading a:hover {/*width:770px;*/margin:0 0 23px 0;font-size:1.8em;color:#1f84d0;} .heading_spacer,.home_heading_spacer,.templates_heading_spacer{height:4px;} /* Categories Floating Menu */ #UWD_Floating_Side_Menu_Bttn{z-index:3;width:100px;height:60px;padding:0px;border:0px;background-color:transparent;text-align:center; /* filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7; */ background:url(/img/bttns/bttn_t4u_Category_Menu_100x60.png) no-repeat 0px 0px;} .UWD_Floating_Side_Menu_Bttn {color:#aaa;font-family:Arial,Tahoma;} .UWD_Floating_Side_Menu_Bttn a {color:#1f84d0;font-family:Verdana,Arial,Tahoma,Helvetica,"MS Sans Serif";font-size:1.1em;text-decoration:none;font-weight:bold;} .UWD_Floating_Side_Menu_Bttn a:hover {color:#1f84d0;font-family:Verdana,Arial,Tahoma,Helvetica,"MS Sans Serif";font-size:1.1em;text-decoration:underline;font-weight:bold;} #UWD_Floating_Side_Menu{z-index:4;width:146px;height:250px;padding:0px;border:0px;background-color:transparent;text-align:center; background:url(/img/bttns/t4u_floating_side_menu.png) no-repeat 0px 0px;} .UWD_Floating_Side_Menu {color:#1f84d0;font-family:Arial,Tahoma;font-weight:bold;text-align:center;cursor:pointer;border:0px;} .UWD_Floating_Side_Menu a {color:#555;font-family:Arial,Tahoma,Helvetica,"MS Sans Serif";font-size:1.2em;letter-spacing:-0.1em;text-decoration:none;font-weight:normal;} .UWD_Floating_Side_Menu a:hover {color:#1f84d0;font-family:Arial,Tahoma,Helvetica,"MS Sans Serif";font-size:1.2em;letter-spacing:-0.1em;} /* Formerly on #UWD_Floating_Side_Menu_Bttn: position:fixed;right:7%;bottom:35px; */ /* Formerly on #UWD_Fl_Side_Menu: position:fixed;right:7%;bottom:35px; */ /* Footer */ .pre_footer_top_divider{width:94%;height:15px;border-top:1px solid #e4e4e4;margin:15px 0px 0px 0px;} #footer{font-size:0.9em;padding:0px;color:#777;} #footer .right a{color:#777;text-decoration:none;} #footer .right a:hover{color:#000;} #footernav1{padding:5px 0px 2px 0px;} #footernav2{padding:2px 0px 10px 0px;} .footernav1, .footernav2 {text-align:center;text-decoration:none;} .footernav1 a, .footernav2 a {text-decoration:none;} .footernav1 a:visited, .footernav2 a:visited {text-decoration:none;} .footernav1 a:hover, .footernav2 a:hover {text-decoration:underline;} #copyright{padding:7px 0px 7px 0px;} .copyright{text-align:center;} .copyright a{text-decoration:none;font-size:1.1em;} .copyright a:hover{text-decoration:none; background:url(/img/text/xpell_text_underline_red_grad.gif) no-repeat 31px bottom;} #footerdisclaimer1{padding:1px 0px 1px 0px;font-size:0.9em;} #footerdisclaimer2{padding:1px 0px 12px 0px;font-size:0.9em;} .footerdisclaimer1, .footerdisclaimer2{text-align:center;} .footer_bottom_left{float:left;margin-left:35px;padding-left:35px;} .Network_Icons{float:left;padding-right:20px;} .Network_Icons a,.Network_Icons a:visited{font-family:Tahoma,Arial,'MS Sans Serif',sans-serif,Helvetica;font-size:0.9em;text-decoration:none;color:#4799d1;} .Network_Icons a:hover {text-decoration:none;color:#0069bb; background:url(/img/text/unik_text_underline_blue_3-2.gif) repeat-x 0px bottom;} #footerlinks1{margin:3px 35px 10px 35px;padding-left:10px;} .footerlinks1{text-align:left;} .footer_bottom_right{float:right;margin-right:35px;padding-right:35px;} .footer_bottom_right a {font-family:"BankGothic MD BT";font-size:1.3em;text-decoration:none;} .footer_bottom_right a:visited{font-family:"BankGothic MD BT";font-size:1.3em;text-decoration:none;} .footer_bottom_right a:hover {font-family:"BankGothic MD BT";font-size:1.3em;text-decoration:none; background:url(/img/text/unik_text_underline_blue_3-2.gif) repeat-x 0px bottom;} /* Contact Form */ .c_form_field{width:230px;color:#0069bb;font-size:11px;font-family:Verdana,Arial,"MS Sans Serif",Tahoma,Helvetica;} .pfolio_project_container {margin:-1px 0 0 0;padding:25px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;} .pfolio_screenshot {float:left;width:502px;padding:2px;border:1px solid #ddd;background:#fff;} .pfolio_screenshot:hover {float:left;width:502px;padding:2px;border:1px solid #eee;background:#ddd;} .pfolio_screenshot img {border:1px solid #ccc;z-index:10;} .pfolio_project_info {float:right;width:240px;padding:0;} .pfolio_project {margin:3px 0;font-weight:bolder;} .pfolio_project_site {font-weight:normal;} .pfolio_client {margin:3px 0;font-weight:bolder;} .pfolio_client_name {font-weight:normal;} .pfolio_role {margin:3px 0;font-weight:bolder;} .pfolio_role_descr {font-weight:normal;} .pfolio_programming {margin:3px 0;font-weight:bolder;} .pfolio_programming_descr {font-weight:normal;} .pfolio_launch {margin:3px 0;font-weight:bolder;} /*.pfolio_view_website {font-weight:bolder;}*/ /* Misc. */ /* DIV's */ .left{float:left;} .right{float:right;} .clearer{clear:both;} /* Text */ .tleft{text-align:left;} .tright{text-align:right;} .bold{font-weight:bold;} .normal{font-weight:normal;} .italic{font-style:italic;} .bordered{border:1px solid #ddd;background:#fff;padding:5px;} .light,.light a{color:#777;} /* Indents (They are all SPAN's) */ .indent1{padding-left:5px;} .indent2{padding-left:10px;} .indent3{padding-left:15px;} .indent4{padding-left:20px;} .indent5{padding-left:25px;} /* Text separator used in menus between each link */ .text_sep{margin:0px 0px 0px 0px;width:2px;height:11px;background:url(/img/bg/v_separator_2x11.png) no-repeat 0px 1px;} /* Template Customization Page */ .key_point_g{text-align:left;padding:0px 0px 1px 20px;background:url(/img/icons/t4u_key_point_icon_g.png) no-repeat 0px 0px;} /* img=13x14 */ #bttn_Customization_Form{margin:0px 0px 0px -4px;width:198px;height:48px;} /* img=198x48 */ .bttn_Customization_Form{background:url(/img/bttns/bttn_Customization_Formular.png) no-repeat;} /* background-color:#FFCC00;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6; */ /* - U.W.D. - */