body { margin:0; } .form_bkgd { background:none; } .page_bkgd { background-color:#FFFFFF; } .default_bg_color { background-color:transparent; } #header_wrapper { background-color:#f2f0eb; height:auto; width:100%; } #header_top { height:185px; margin:0 auto; overflow:auto; padding:0; position:relative; width:960px; } .edit_mode #header_top { height:auto; min-height:185px; overflow:auto; } #logo { float:left; height:185px; margin:0; max-width:350px; width:350px; } #logo a { background:url(/templates/159/logo.gif) no-repeat scroll center center #f2f0eb; background-size:contain; display:block; height:185px; margin:0 auto; padding:0; text-indent:-9999px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; width:350px; } #header_left { color:#307abd; float:left; font-size:24px; min-height:100px; margin:0 30px; padding:85px 0 0; position:relative; text-align:center; width:350px; } #header_right { color:#307abd; float:left; font-size:21px; min-height:100px; padding:85px 0 0; position:relative; text-align:right; width:200px; } #header_right a:link { border:1px solid; font-size:21px; font-weight:bold; padding:10px; text-decoration:none; } #header_right a:link:before { content:url(/templates/159/headset.png); display:inline-block; margin-right:10px; vertical-align:middle; } #nav { background-color:#307abd; float:left; height:55px; margin:0 auto; padding:0; width:100%; } .edit_mode #nav { min-height:55px; height:auto; } .edit_mode #mainnav { min-height:55px; height:auto; } #mainnav { height:55px; margin:0 auto !important; padding:0; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; width:960px; } #mainnav > li { border-right:0px solid #FFFFFF; height:55px !important; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; } #mainnav > li:last-child { border-right:0 solid; } #mainnav_links ul { text-align:center; list-style:none; padding:0; margin:0; } #mainnav_links li { display:inline; padding:0 10px 0 10px; border-left:0px solid #FFFFFF; } #mainnav_links ul li:first-child { border:none; padding:0 25px 0 10px; } /*DROPDOWNS----------------------------------------------------------------------------------------*/ .mainnav_links a,.mainnav_links_over a { height:26px !important; padding:0; } .mainnav_links_over a,.mainnav_links_over a:hover,.mainnav_links_over a:visited:hover,.mainnav_links a:hover,.mainnav_links a:visited:hover { } .mainnav_level_1 a:link,.mainnav_level_1 a:active,.mainnav_level_1 a:visited { padding:15px 14px 0 !important; transition:padding 0.2s ease-out 0s; -moz-transition:padding 0.2s ease-out 0s; -webkit-transition:padding 0.2s ease-out 0s; -o-transition:padding 0.2s ease-out 0s; } .mainnav_level_1 a:hover,.mainnav_level_1 a:visited:hover { padding:15px 20px 0 !important; } .drop_horz ul ul { width:13em !important; left:0px; } .repeated_tab { display:none !important; } /*END DROPDOWNS----------------------------------------------------------------------------------------*/ .mainnav_links,.mainnav_links>a:link,.mainnav_links>a:active,.mainnav_links>a:visited { color:#b8d3eb; font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; font-size:16px; text-decoration:none; } .mainnav_links>a:hover,.mainnav_links>a:visited:hover { color:#FFFFFF; text-decoration:none; } .mainnav_links_over,.mainnav_links_over>a:link,.mainnav_links_over>a:active,.mainnav_links_over>a:visited { color:#FFFFFF; font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; font-size:16px; text-decoration:none; } .mainnav_links_over.mainnav_level_1,.mainnav_links_over.mainnav_level_1>a:link,.mainnav_links_over.mainnav_level_1>a:active,.mainnav_links_over.mainnav_level_1>a:visited { color:#b8d3eb; } /*.mainnav_links_over.mainnav_level_1>a:link::before,.mainnav_links_over.mainnav_level_1>a:active::before,.mainnav_links_over.mainnav_level_1>a:visited::before,.mainnav_links.mainnav_level_1>a:link::before,.mainnav_links.mainnav_level_1>a:active::before,.mainnav_links.mainnav_level_1>a:visited ::before { content:"\2192"; margin:0 5px 0 0; }*/ .repeated_tab.mainnav_level_1>a:link::before,.repeated_tab.mainnav_level_1>a:active::before,.repeated_tab.mainnav_level_1>a:visited::before { content:""; } .mainnav_links_over>a:hover,.mainnav_links_over>a:visited:hover { color:#b8d3eb; text-decoration:none; } #mainnav>.mainnav_links,#mainnav>.mainnav_links>a:link,#mainnav>.mainnav_links>a:active,#mainnav>.mainnav_links>a:visited { color:#b8d3eb; font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; font-size:16px; font-weight:bold; text-decoration:none; } #mainnav>.mainnav_links>a:hover,#mainnav>.mainnav_links>a:visited:hover { color:#FFFFFF; opacity:1; text-decoration:none; } #mainnav>.mainnav_links_over,#mainnav>.mainnav_links_over>a:link,#mainnav>.mainnav_links_over>a:active,#mainnav>.mainnav_links_over>a:visited { color:#FFFFFF; font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; font-size:16px; font-weight:bold; text-decoration:none; } #mainnav>.mainnav_links_over>a:hover,#mainnav>.mainnav_links_over>a:visited:hover { color:#FFFFFF; opacity:1; text-decoration:none; } #mainnav > li > ul li { background-color:#307abd !important; border-bottom:1px solid #b8d3eb !important; border-left:0 solid !important; border-right:0 solid !important; } #mainnav > li ul { margin:0; } .mainnav_horz .mainnav_level_0 > a { height:37px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; } .mainnav_horz li ul { top:55px !important; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; } .mainnav_horz .mainnav_links a:hover, .mainnav_horz .mainnav_links_over a:hover { background-color:#307abd; color:#FFFFFF !important; opacity:1; } .mainnav_horz .mainnav_links a, .mainnav_horz .mainnav_links_over a { display:block; height:37px !important; padding:18px 60px 0 !important; } .mainnav_horz > li > ul li { min-height:55px !important; width:310px !important; } #whole_block { height:100%; margin:0 auto; overflow:auto; padding:0; width:960px; } #body_wrapper { float:left; margin:0; padding:0; position:relative; width:960px; } #main_body { width:960px; padding:0; margin:0; } #body_content_wrapper { margin:0; min-height:400px; overflow:hidden; padding:50px 0; width:960px; } #footer_wrapper { background-color:#f3f1e9; border-bottom:20px solid #307abd; overflow:auto; padding:25px 0; width:100%; } #footer { background:url(/templates/159/logo.gif) no-repeat scroll left center #f2f0eb; background-size:240px auto; margin:0 auto; min-height:100px; overflow:auto; padding:20px 0 0; width:960px; } #footer_left { float:left; margin:0 2% 0 30%; text-align:center; width:28%; } #footer_left ul a,#footer_left ul a:link,#footer_left ul a:visited { font-family:"FontAwesome"; margin:0 17px 0 0; text-decoration:none; } #footer_left ul a { -moz-transition:color 0.2s ease-out 0.1s, top 0.2s ease-out 0.1s; -webkit-transition:color 0.2s ease-out 0.1s, top 0.2s ease-out 0.1s; -o-transition:color 0.2s ease-out 0.1s, top 0.2s ease-out 0.1s; transition:color 0.2s ease-out 0.1s, top 0.2s ease-out 0.1s; } #footer_left ul { display:inline-block; margin:0; padding:0; } #footer_left li { display:inline-block; list-style:outside none none; margin:0; } #footer_left li span:before { border-radius:18px; color:#307abd; display:block; font-size:24px; height:32px; line-height:30px; width:32px; } #footer_left li a { display:block; } #footer_left .sm_fb span:before { background-color:#436190; color:#fff; content:"\f09a"; } #footer_left .sm_yp span:before { background-color:#df251f; color:#fff; content:"\f1e9"; } #footer_left .sm_li span:before { background-color:#0082b3; color:#fff; content:"\f0e1"; } #footer_left img { float:none; margin:0 !important; } #footer_right { float:left; font-size:16px; line-height:20px; text-align:right; width:40%; } #copyright_info { color:#333333; clear:both; margin:0; padding:0; text-align:center; } .footer { color:#333333; font-size:16px; font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; margin:0; padding:0; } .footer a:link,.footer a:active,.footer a:visited { color:#333333; font-size:16px !important; font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; text-decoration:none; } .footer a:hover,.footer a:visited:hover { color:#333333; font-size:16px; font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; text-decoration:none; } #footer_links {height:auto; line-height:14px; margin:0 auto; padding:0; width:100%; } #footer_links,#footer_links a:link,#footer_links a:active,#footer_links a:visited,#footer_links a:hover,#footer_links a:visited:hover,#copyright_info,#copyright_info a:link,#copyright_info a:active,#copyright_info a:visited,#copyright_info a:hover,#copyright_info a:visited:hover { color:#333333; font-size:16px; text-decoration:none; } #footer_links ul { list-style:none; padding:0; margin:auto; } #footer_links li { display:inline; padding:0 10px 0 0px; position:relative; } #footer_links li:last-child { padding:0; } #copyright_info,#powered_by { display:block; line-height:16px; margin:0 auto; } #powered_by,#powered_by a:link,#powered_by a:active,#powered_by a:visited,#powered_by a:hover,#powered_by a:visited:hover { color:#333333; } #seller_info_wrapper { margin:0 0 20px; padding:0; width:100%; } #footer_content_wrapper { } #login_form input[type="text"],#login_form input[type="password"],.form_field_vals input[type="file"],.form_field_vals input[type="text"],.form_field_vals input[type="password"],.form_fields select,.form_field_vals textarea,.ff_form_wrapper input[type="text"],.ff_form_wrapper input[type="password"],.ff_form_wrapper select,.ff_form_wrapper textarea,select[name=ord] { background-color:transparent; border:1px solid #DDDDDD; box-sizing:border-box; padding:12px; width:100%; } .ff_val { width:100%; } .ff_each { margin:0 0 10px !important; } .edit_mode input[type="text"] { border:1px solid; } .form_field_vals { padding:0 !important; } .hint_1 { color:#333333 !important; } .main_text,blockquote footer,.hint_0,.hint_1,option,select,textarea,.contact,#pageLinks,#pageLinksBottom { color:#333333; font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; font-size:18px; line-height:26px; text-align:left; } .main_text a:link,#pageLinks a:link,#pageLinksBottom a:link,.main_text a:active,#pageLinks a:active,#pageLinksBottom a:active,.main_text a:visited,#pageLinks a:visited,#pageLinksBottom a:visited { color:#307abd; font-size:18px; font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; } .main_text a:hover,#pageLinks a:hover,#pageLinksBottom a:hover,.main_text a:visited:hover,#pageLinks a:visited:hover,#pageLinksBottom a:visited:hover { color:#307abd; text-decoration:underline; font-size:18px; font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; text-decoration:none; } .main_text_sm, .sitemap_subcats { color:#333333; font-size:18px; font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; text-align:left; text-transform:none; line-height:26px; } .main_text_sm a:link,.sitemap_subcats a:link.main_text_sm a:active,.sitemap_subcats a:active,.main_text_sm a:visited,.sitemap_subcats a:visited,#col_2 a:link,#col_2 a:active,#col_2 a:visited { color:#307abd; font-size:18px; text-decoration:underline; text-align:left !important; } .main_text_sm a:hover,.sitemap_subcats a:hover,.main_text_sm a:visited:hover,.sitemap_subcats a:visited:hover,#col_2 a:hover,#col_2 a:visited:hover { color:#307abd; font-size:18px; text-align:left !important; text-decoration:none; } input[type="text"], input[type="password"], input[type="file"], input[type="submit"], select, textarea { border:0 solid; padding:12px 0; text-indent:10px; width:600px; } h1 { color:#307abd; display:block; font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; font-size:30px; font-weight:bold; min-height:30px; line-height:30px; margin:0 0 4px; padding:0; text-align:left; } h2,.title { border-bottom:1px solid; color:#faba76; font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; font-size:26px; font-weight:bold; min-height:26px; line-height:26px; margin:0 0 10px; padding:0; text-align:left; } h3 { color:#307abd; font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; font-size:21px; font-weight:bold; line-height:21px; margin:0 0 10px; padding:0; text-align:left; } .hilite { background-color:#df382c; color:#fff; display:block; font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; font-weight:bold; line-height:30px; padding:10px; text-align:center; text-transform:uppercase; } .hilite:before,.ctct-form-errorMessage:before { content:url(/common_graphics/exclamation_32.png); display:inline-block; margin-right:10px; vertical-align:middle; } .contact_tr { height:30px } .contact_divider_tr { height:75px; } .contact_reqd { color:red; display:none; font-weight:bold; } .samerow { clear:both; } hr { border:1px solid #afafaf; margin:10px 0; } .quote_text { display:block; position:relative; top:-40px; left:50px; background-color:#EEEEEE; padding:10px; } .quote_img { display:block; position:relative; } .buffer { padding-bottom:20px; } .border { border:solid 0px #afafaf; } #col_1 { margin:0; padding:0; position:relative; width:600px; } #col_2 { margin:0; padding:0; text-align:left; width:300px; } #col_divider { margin:0; padding:0; width:60px; } #col_full { position:relative; width:960px !important; padding:0; margin:0; } table, table td { border:none !important; } .record_wrapper { clear:both; position:relative; } .ff_required { background:url(/common_graphics/field_required.png) no-repeat scroll 3px 15px #FFFFFF; } a,input[type=submit],input[type=image],button { -moz-transition:all 0.2s 0s ease-out; -webkit-transition:all 0.2s 0s ease-out; -o-transition:all 0.2s 0s ease-out; transition:all 0.2s 0s ease-out; } a:hover, input[type="submit"]:hover, button:hover, input[type="image"]:hover { opacity:0.5; } .blog_info { font-size:18px; } .blog_links, .blog_archives, .blog_categories { list-style:inherit !important; } .blog_links { margin:0 0 10px; } .each_blog { width:100%; } .each_blog_link { height:75px; margin:0 0 25px; position:relative; width:465px; } .each_blog_link img { clip:rect(0px, 75px, 75px, 0px); margin:0 10px 0 0; position:absolute; } .each_blog_title { display:block; left:85px; position:relative; width:380px; } #comments_wrapper { margin:0 !important; } .each_blog_link a { display:block; left:85px; position:relative; transition:all 0.5s ease 0s; } #blog .share_wrapper { display:inline-block; } .full_article_link a { background-color:#df382c; color:#FFFFFF !important; display:inline-block; font-weight:bold; margin:10px 0 0; padding:5px 27px 7px; text-align:center; } .back_to_all_blogs { display:inline-block; } .blog_category { background-color:#4ea547; color:#FFFFFF; display:block !important; font-size:26px; font-weight:normal !important; margin:0 0 20px; padding:15px; } button,input[type=submit],.button_blue,.button_orange { background-color:#307abd; border:0 solid; color:#FFF !important; display:inline-block; font-size:30px !important; line-height:30px; padding:19px 25px 22px; text-align:center; text-decoration:none; text-transform:uppercase; } .button_blue:after,.button_orange:after { content:"\f105"; display:inline-block; font-family:fontawesome; font-size:50px; line-height:30px; margin:0 0 0 10px; vertical-align:bottom; } .icon_envelope:before { content:"\f003"; display:inline-block; font-family:fontawesome; font-size:32px; line-height:30px; margin:0 10px 0 0; text-shadow:none; vertical-align:bottom; width:32px; } .icon_envelope:after,.icon_download:after { content:""; } .icon_download:before { content:"\f019"; display:inline-block; font-family:fontawesome; font-size:32px; line-height:30px; margin:0 10px 0 0; text-shadow:none; vertical-align:bottom; width:32px; } .button_orange { background-color:#faba76; color:#333333 !important; } #m_main_nav { display:none; } #m_hidden_menu { left:0; position:absolute; top:35px; width:100%; } .more_link, .full_article_link a, #the_map .db_details_link a,.each_blog_link a { background-color:#df382c; color:#ffffff !important; display:inline-block; font-weight:bold; padding:5px 27px 7px; text-align:center; transition:background-color 0.2s ease-out 0.1s, top 0.2s ease-out 0.1s; } .more_link:hover, .full_article_link a:hover, #the_map .db_details_link a:hover,.each_blog_link a:hover { background-color:#df382c; } .subcats { margin:0 !important; } .subcats .mainnav_links a,.subcats .mainnav_links_over a { border:1px solid; height:auto !important; padding:2px 0; text-align:center !important; text-decoration:none; text-indent:3px; text-transform:capitalize; } .subcats li { padding:0 !important; } .button_link,a:link.button_link,a:active.button_link,a:visited.button_link,a:hover.button_link,a:visited:hover.button_link { color:#ffffff; display:block; font-weight:bold; min-height:25px; padding:10px 0; text-align:center !important; text-decoration:none !important; width:100%; } #breadcrumb_wrapper { left:0; position:absolute; top:15px; } /*layout 1 (Home)*/ .layout_1 #whole_block,.layout_1 #body_wrapper, .layout_1 #main_body, .layout_1 #body_content_wrapper, .layout_1 #col_full { width:100% !important; } .layout_1 #body_content_wrapper { padding:0; } .layout_1 h2 { border-bottom:0 solid; } .layout_1 .window_wrappers { margin:0 0 18px; position:relative; width:100%; } .layout_1 .window_wrappers:after { bottom:-65px; content:url(/templates/159/window_arrow_divider.png); left:calc(50% - 52.5px); position:absolute; z-index:1; } .layout_1 .window_wrappers:last-child:after { content:""; } .layout_1 .windows { margin:0 auto; overflow:auto; width:960px; } .layout_1 .window_content { overflow:auto; } .layout_1 .window_content ul { margin:0; padding:0 0 0 40px; width:300px; } .layout_1 .window_content li { list-style:none; margin:0 0 20px; position:relative; } .layout_1 .window_content li:before { font-family:"fontawesome"; font-size:30px; margin:0 0 0 -40px; position:absolute; text-align:center; text-indent:0; top:10px; width:30px; } .layout_1 .window_content li:nth-child(1):before { content:"\f20e"; } /*IT*/ .layout_1 .window_content li:nth-child(2):before { content:"\f087"; } /*experience*/ .layout_1 .window_content li:nth-child(3):before { content:"\f21d"; } /*USA*/ #window_wrapper_1 { background:url(/media/69610/1160) no-repeat scroll 70% center #FFF; background-size:cover; height:523px; } #window_content_1 { background:url(/templates/159/fade_left.png) repeat-y scroll 0 0 transparent; background-size:100% auto; color:#fff; font-size:20px; line-height:20px; margin:80px 0 0; padding:30px 20px 20px; text-shadow:2px 2px 2px #444; width:920px; } #window_content_1 img { margin:0 !important; } #window_content_1 .button_orange { margin:20px 0 0; text-shadow:none; } #window_wrapper_2 { background:url(/media/69612/1160) no-repeat scroll 50% center #FFF; background-size:cover; height:437px; } #window_content_2 { font-size:28px; line-height:34px; padding:100px 0 0; width:50%; } #window_content_2 h2 { color:#333333; font-size:40px; line-height:40px; } #window_wrapper_3 { background:url(/media/69613/1160) no-repeat scroll right 0 #FFF; background-size:cover; height:512px; } #window_content_3 { padding:130px 0 0; width:60%; } #window_content_3 h2 { color:#fff; font-size:50px; line-height:70px; text-shadow:2px 2px 2px #444; } #window_wrapper_4 { background:url(/media/69614/1160) no-repeat scroll 0 30% #FFF; background-size:cover; height:509px; } #window_content_4 { background:url(/templates/159/fade_right.png) repeat-y scroll 100% 0 transparent; background-size:100% auto; color:#fff; float:right; font-size:40px; line-height:66px; margin:150px 0 0; padding:40px 20px; text-align:center; text-shadow:2px 2px 2px #444; width:60%; } #window_content_4 h2 { color:#fff; font-size:40px; line-height:40px; text-align:center; } #window_content_4 img { float:none; margin:0 !important; vertical-align:middle; } #window_content_4 .button_blue { margin:20px 10px 0; text-shadow:none; } @media all and (max-width:1000px) { body,.rwd_1100 { } /*body:before { background-color:#FFFFFF; content:"up to 1000px"; left:0; position:fixed; top:0; z-index:99999; }*/ #header_top { height:155px; width:100%; } #logo { height:auto; margin:0 2%; width:32%; } #logo a { height:155px; width:100%; } #header_left { margin:0 2% 0 0; min-height:0; padding:50px 0 0; width:33%; } #header_right { margin:0 2% 0 0; min-height:0; padding:65px 0 0; width:27%; } #mainnav #mainnav_subcats_nav_home { display:none; } #mainnav { width:100%; } #mainnav > .mainnav_links, #mainnav > .mainnav_links > a:link, #mainnav > .mainnav_links > a:active, #mainnav > .mainnav_links > a:visited, #mainnav > .mainnav_links_over, #mainnav > .mainnav_links_over > a:link, #mainnav > .mainnav_links_over > a:active, #mainnav > .mainnav_links_over > a:visited { font-size:15px; } .mainnav_horz .mainnav_links a, .mainnav_horz .mainnav_links_over a { padding:18px 36px 0 !important; } .subcats .mainnav_links a { height:auto !important; } #col_2 .form_field_vals input[type="file"], #col_2 .form_field_vals input[type="text"], #col_2 .form_fields select, #col_2 .form_field_vals textarea, #col_2 .ff_form_wrapper input[type="text"], #col_2 .ff_form_wrapper select, #col_2 .ff_form_wrapper textarea { padding-left:0; padding-right:0; text-indent:15px; width:100%; } #col_2 .ff_buttons button { padding-left:0; padding-right:0; width:100%; } #col_1 { padding:0 0 0 2%; width:59%; } #col_divider { display:none; } #col_2 { border:0 none; float:right !important; padding:0 2% 0 0; width:35%; } #col_2 a[href^="mailto:"] { font-size:80%; } #col_full { float:none !important; margin:0 auto; width:96% !important; } #breadcrumb_wrapper { left:2%; } #whole_block { width:100%; } #body_wrapper { margin:0; width:100%; } #main_body { width:100%; } #body_content_wrapper { margin:0 auto; width:100% !important; } #body_content_wrapper img { height:auto !important; max-width:100%; } #body_content_wrapper iframe { max-width:100%; } #body_content_wrapper img[align=left],#body_content_wrapper img[align=right] { height:auto !important; max-width:50%; } #footer_content_wrapper,#social { width:100%; } #footer { background-size:25% auto; width:96%; } #footer_right { font-size:14px; } #powered_by,.footer a:link, .footer a:active, .footer a:visited { font-size:14px !important; } #window_content_1 { margin:80px auto 0; padding:30px 2% 20px; width:92%; } .layout_1 .windows { width:100%; } #window_wrapper_2 { background-position:70% 0; } #window_content_2 { font-size:22px; line-height:26px; margin:0 0 0 5%; padding:30px 0 0; width:31%; } #window_content_2 h2 { font-size:34px; line-height:29px; } #window_content_2 .button_blue { font-size:24px !important; } #window_wrapper_3 { background-position:70% 0; height:420px; } #window_content_3 { padding:90px 0 0 2%; width:430px; } #window_content_3 h2 { font-size:40px; line-height:50px; } #window_content_3 .button_orange { font-size:24px !important; } #window_wrapper_4 { background-position:30% 0; } #window_content_4 { margin:50px 2% 0 0; padding:20px 0; } } @media all and (max-width:720px) { body,.rwd_720 { } /*body:before { background-color:#FFFFFF; content:"up to 720px"; left:0; position:fixed; top:0; z-index:99999; }*/ .subcats .mainnav_links a { text-align:center !important; } .subcats .mainnav_links a:hover { background-color:#4e4e4e; border-color:#df382c; opacity:1; } .subcats ul { text-align:center; } .subcats li { display:block; } .subcats li a { border:1px solid #df382c; display:block; margin:0 10px 10px !important; padding:9px 16px !important; text-transform:lowercase !important; } .mainnav_horz .mainnav_links a, .mainnav_horz .mainnav_links_over a { padding:18px 6px 0 !important; } #logo { margin:0 6% 0 2%; width:38%; } #header_left,#header_right { line-height:20px; } #header_left { font-size:21px; margin:0 2% 0 0; min-height:0; padding:55px 0 0; width:52%; } #header_right { min-height:0; padding:20px 0 0; text-align:center; width:52%; } #header_left::before { background-size:contain; left:-25px; top:35px; width:20px; } #header_right::before { background-size:contain; left:-25px; top:35px; width:20px; } #col_1 { border-bottom:1px solid; float:none !important; margin:0 auto; padding:40px 0 30px; width:90%; } #col_2 { float:none !important; margin:0 auto; padding:40px 5% !important; width:90%; } #col_2 a[href^="mailto:"] { font-size:inherit; } #col_full { padding:40px 0 30px; width:90% !important; } #body_content_wrapper { padding:0; } #footer_wrapper { padding:25px 0 0; } #footer { background-position:center top; background-size:200px auto; padding:110px 0 0; } #footer_left { float:none; margin:0; width:100%; } #footer_right { float:none; text-align:center; width:100%; } .layout_1 #col_full { padding:0; } #window_wrapper_1 { height:450px; } #window_content_1 { margin:20px auto 0; } #window_wrapper_2 { background-position:80% 0; height:375px; } #window_content_2 { background:url(/templates/159/fade_left.png) repeat-y scroll 0 0 transparent; background-size:100% auto; color:#fff; margin:50px 0 0 3%; padding:30px 2%; width:70%; } #window_content_2 h2 { color:#FFFFFF; } #window_content_2 .button_blue { margin:10px 0 0; } #window_wrapper_3 { background-position:30% 0; height:300px; } #window_content_3 { padding:50px 0 0 2%; width:80%; } #window_wrapper_4 { height:400px; } #window_content_4 { font-size:30px; line-height:40px; } #window_content_4 h2 { font-size:30px; line-height:30px; } #window_content_4 .button_blue { font-size:24px !important; } } @media all and (max-width:590px) { body,.rwd_590 { } /*body:before { background-color:#FFFFFF; content:"up to 590"; left:0; position:fixed; top:0; }*/ #mainnav { display:none; } #nav { height:auto; } #mainnav_m_dropdown { display:block !important; margin:0 auto; padding:10px 0; width:90%; } #header_wrapper { min-height:0; overflow:auto; } #header_top { height:auto; } #logo { display:block; float:none; height:auto; margin:10px auto; width:100%; } #logo a { height:100px; } #header_left { float:none; margin:0; min-height:0; padding:0; text-align:center; width:100%; } #header_right { float:none; margin:10px auto; padding:10px 0; width:90%; } #header_left::before { background-image:none; } #header_right::before { left:-46px; top:1px; width:39px; } #header_right a:link { display:block; padding:10px 0; width:100%; } #pageLinks_prev,#pageLinks_next { width:auto !important; } #pageLinks_back { padding:0 !important; } #pageLinks,#pageLinks a { font-size:16px !important; } #window_content_1 .button_orange { font-size:24px !important; padding:9px 0; width:100%; } #window_wrapper_2 { background-color:#D4D3DB; background-size:contain; height:395px; } #window_content_2 { background:none; color:#333; font-size:20px; line-height:20px; margin:175px auto 0; padding:0; width:90%; } #window_content_2 h2 { color:#333; font-size:32px;} #window_content_2 .button_blue { display:block; font-size:24px !important; padding:10px 0; width:100%; } #window_wrapper_3 { background-position:80% 0; } #window_content_3 { background:url(/templates/159/fade_left.png) repeat-y scroll 80% 0 transparent; background-size:100% auto; margin:100px 2% 0; padding:0 2% 10px; width:80%; } #window_content_3 .button_orange { font-size:20px !important; padding:10px 0; width:100%; } #window_content_3 h2 { font-size:30px; line-height:40px; } #window_wrapper_4 { height:320px; } #window_content_4 { font-size:20px; line-height:20px; padding:10px 2%; } #window_content_4 .button_blue { font-size:20px !important; margin:0; padding:10px 0; width:100%; } #window_content_4 img { width:30px; } } @media all and (max-width:400px) { body,.rwd_400 { } /*body:before { background-color:#FFFFFF; content:"up to 400"; left:0; position:fixed; top:0; }*/ h1 { font-size:35px; } #logo { width:90%; } #logo a { padding:0; } #footer_wrapper { background-size:80% auto; } #pageLinks_back { line-height:14px; } #pageLinks_prev::before,#pageLinks_next::after { content:"" !important; } #header_left { font-size:18px; } .layout_1 .window_content ul { width:auto; } #window_wrapper_2 { height:355px; } #window_content_2 { margin:120px auto 0; } #window_content_2 h2 { font-size:24px; line-height:24px; margin:0; } #window_content_3 { margin:70px 2% 0; width:92%; } #window_content_3 h2 { font-size:30px; line-height:30px; } } body.is_mobile { } /*TBD:clean up what's not used*/ #m_menu_button { height:30px; position:absolute; right:5px; top:5px; width:30px !important; } #m_whole_block { } #m_body { margin:0; padding:0 !important; } #m_header { background-color:#FFFFFF; height:auto; padding:0; } #m_header img { margin:0; } .is_mobile #breadcrumb_wrapper { display:block; } #m_footer { background-color:#df382c; } #m_footer #seller_info_wrapper,#m_footer #seller_info_wrapper a:link,#m_footer #seller_info_wrapper a:active,#m_footer #seller_info_wrapper a:visited,#m_footer #seller_info_wrapper a:hover,#m_footer #seller_info_wrapper a:visited:hover { color:#FFFFFF; font-size:14px; font-family:Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } #m_footer .footer,#m_footer a:hover,#m_footer a:visited:hover,#m_footer a:link,#m_footer a:active,#m_footer a:visited { color:#FFFFFF; } .is_mobile #seller_info_wrapper { background-color:#df382c; color:#FFFFFF; font-size:14px; font-family:Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .m_mainnav_level_0 { background-color:#df382c !important; } .is_mobile #body_content_wrapper { width:98% !important; height:auto; } .is_mobile #m_main_nav .nav_links a,.is_mobile #m_main_nav .nav_links_over a { display:inline !important; height:auto; margin:0; padding:0 !important; } .is_mobile #m_main_nav { display:block; } .is_mobile #m_hidden_menu { position:relative; } .is_mobile #col_2 { border-top:1px solid; margin:50px 0 0; padding:50px 0 0; } #m_more #breadcrumb_wrapper,#m_more .back_link { display:none; } /* blue:#307abd orange:#faba76 cream:#f2f0eb charcoal:#333333 */