html { margin:0; font-family:Helvetica, Arial, sans-serif; }
body { margin:0; background:url('/templates/toa/images/bgtexture.jpg') #cfd0d3; }
a { }
a:hover { color:#fca540; }
a img { border:0; }
.nopad { padding:0 !important; }
.spacecol { width:12px; }
p, li, td, ol { font-size:12px; line-height:15px; color:#555658 }
h1 { font-size:20px; font-weight:normal; color:#555658; }
h2, h2 strong { font-size:18px; color:#555658; font-weight:normal; }
h4 { color:#555658; font-weight:normal; }
/* Header */
#logo { float:left; }
#headerwrap { background:#fff; }
#header { margin:0 auto; width:968px; padding:0 28px; height:90px; background:#fff; }
#wrap { width:968px; margin:0 auto; padding:0 28px; margin-top:12px; }
#topright { float:right; }
#menuwrap { height:30px; }
.phnum { font-weight:bold; float:left; padding:8px 12px; font-size:12px; color:#555658; }
.h_i { float:left; }
/* Live Search */
#livesearch { padding:8px; width:260px; background-color:white; position:absolute; z-index:100; text-align:left; }
#livesearch, #livesearch a { color:#555658; font-size:12px; line-height:18px; text-decoration:none; }
#livesearch a:hover { color:#fca641; text-decoration:none; }
/* Frontpage Structure */
#fp_left_sidebar { width:275px; float:left; }
#fp_center { float:left; }
#fp_right_sidebar { width:275px; float:right; }
#fp_right_main { float:right; width:680px; }
#fp_center_main { float:left; width:395px; }
.markets_link_item { float:left; width:150px; }
#catalogs { padding-top:12px; background-color:#aaaaab; width:100%; padding-bottom:12px; }
.helper { display: inline-block; height: 100%; vertical-align: middle; }
/* Search */
#topsearch, #mobile_search { }
#topsearch form, #mobile_search form { display:inline; }
#topsearch input[type=text], #mobile_search input[type=text] { border:1px solid #ccc; width:200px; height:26px; margin-top:3px; }
#topsearch input[type=submit], #mobile_search input[type=submit] { background:#4ac5fb; color:#fff; height:30px; border:none; margin-top:3px; margin-left:-5px; }
.searchitem { margin-bottom: 18px; color:#555658; font-size:12px; }
.search_prod_media { font-size:12px; color:#555658; }
.search_image_container { float:left; width:173px; text-align:center; padding:10px; border:1px solid #ccc;}
.search_prod_image { text-align:center; height:94px; margin-right:12px; }
.search_prod_image img { max-height:84px; max-width:151px; vertical-align:middle; }
.search_prod_desc { float:left; width:500px; font-size:12px; color:#555658; margin-top:12px; margin-bottom:12px; }
.search_prod_desc p { margin:0; }
.search_prod_title { padding-bottom:3px; margin-top:12px; }
.search_prod_title a { color:#000; font-weight:bold; text-decoration:none; transition:1s; }
.search_prod_title a:hover { color:#fca641; }
.search_prod_partnum { font-style:italic; padding-bottom:3px; font-size:12px; color:#555658; }
#chevron { width:9px; height:26px; vertical-align:middle; background-image:url('/templates/toa/images/search-chevron.png'); background-repeat:no-repeat; background-position:center; display:inline-block; margin-right:-1px; }
/* Frontpage News Mod */
ul#news_frontpage { padding:0; margin:0; }
ul#news_frontpage li { line-height:12px; margin:6px; list-style-image:url('/templates/toa/images/o_arrow.jpg'); }
/* About */
.about_image { float:right; padding:0 0 12px 12px; }
.about_image img { max-width:150px; }
/* Subpage Structure */
#sp_wrap { width:968px; margin:0 auto; margin-top:12px; }
/* OLD LAYOUT
#sp_left { float:left; width:680px; margin-right:12px; }
#sp_right { float:left; width:275px; }
*/
#sp_left { float:left; width:275px; }
#sp_left { margin-top:12px; width:264px; margin-right:12px; }
#sp_right { float:left; width:680px; margin-right:12px; }
.sp_block { background:#fff; padding:23px; margin-bottom:12px; box-shadow: 0px 0px 5px #959698; min-width:780px; }
.sp_block.page_content { min-height:488px; }
.sp_block h1 { font-size:20px; font-weight:normal; }
#sp_left img { max-width:100%; height:auto; }
/* footer */
#footwrap { background:#555658; color:#fff; padding-bottom:12px; }
#footer { margin:0 auto; width:1024px; padding-top:20px; color:#fff; font-weight:normal; font-size:12px; line-height:17px; }
#footer a { color:#fff; text-decoration:none; }
#footid { float:left; padding-left:40px; width:205px; }
#footid img { padding-bottom:7px; }
#footmenu { float:left; width:745px; }
#footmenu table th { border-bottom:1px solid #fff; text-align:left; font-weight:normal; font-size:12px; }
#footmenu li { list-style-type:none; }
/* Sitemap */
#sitemap { }
#sitemap_l { float:left; width:280px; }
#sitemap_r { float:left; margin-left:50px; width:280px; }
ul.sitemap_menu { margin:0 0 0 24px; padding:0; }
ul.sitemap_menu li { font-size:12px; list-style-type:none; }
ul.sitemap_menu li a { text-decoration:none; color:#f00; }
ul.sitemap_menu .parent { background-image:url('/templates/toa/images/sm_h.jpg'); background-repeat:no-repeat; padding-left:30px; height:23px; vertical-align:middle; font-size:16px; font-weight:bold; line-height:23px; margin:6px 0; }
ul.sm { list-style-type:none !important; }
ul.sm li { color:#555658; }
.sms { color:#de7b06; }
ul.sm { padding:0; margin:0 0 0 25px; }
.sm li { padding:0; margin:0 0 0 12px; line-height:20px; text-decoration:none; }
.sm li a { color:#555658 !important; text-decoration:none; }
/* sidebars */
.sb_box { border-radius:1px 1px 0 0; background:#fff; box-shadow: 0px 0px 3px #959698; margin-bottom:12px; }
.sb_head { border-radius:1px 1px 0 0; height:22px; font-size:17px; background:#555658; padding:6px 0 0px 0; margin:0 auto; color:#fff; text-transform:uppercase; text-align:center; }
.sb_content { padding:20px; color:#555658; font-size:12px; line-height:17px; }
.sb_content p { margin:0px; }
.sb_content a { text-decoration:none; color:#555658; }
.sb_content ul { padding-left:10px; }
.sb_content li { list-style-image:url("/templates/toa/images/o_arrow.jpg"); margin-left:10px; }
/*.sb_content li:before { content:"ยป " } */
ul#products_sidebar_menu { font-size:16px; line-height:18px; }
ul#products_sidebar_menu a { color:#555658; text-transform:uppercase; }
ul#products_sidebar_menu li { list-style:none !important; line-height:20px; font-size:14px; padding-left:6px; padding-bottom:7px !important; }
.sb_products_menu { background:#95949a; }
.sb_products_menu ul li a { color:#fff; }
/* Downloads */
.download_remove { border:none; background:none; cursor:pointer; padding:0; }
.download_modal { background-color:#fff; border:2px solid #fba540; color:#000; width:150px; position:absolute; font-size:12px; padding:6px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); }
.download_modal a { color:#000; }
.download_modal a:hover { color:#fba540; }
.emptyqueue { cursor:pointer; border:1px solid #555658; border-radius:4px 4px 4px; background:none; color:#555658; padding:4px; margin:0; }
.clearqueue { color:#555658; font-family:Helvetica, Arial, sans-serif; font-size:16px; }
/* contact */
#contact_1, #contact_3 { float:left; width:310px; }
#contact_2, #contact_4 { float:right; width:310px; }
#contact_3, #contact_4 { margin-top:6px; }
.contact_div { border-bottom:1px solid #555658; border-top:none; border-left:none; border-right:none; }
/* Markets */
#markets { background:url('/templates/toa/images/markets-bg.jpg') no-repeat #fff; padding-top:0; }
.markets_link_item { width:150px; height:150px; padding:0 4px; }
.market_img { width:150px; height:150px; }
.centermarket { padding-left:85px; }
/* page classes */
.orange { background:#fca641; }
.orange_content a { color:#fca641 !important; }
.orange_sbcontent .active_link a { color:#fca641; font-weight:bold; }
.orange_content a:hover { color:#fca641; }
.orange_sbcontent a:hover { color:#fca641 !important; }
.dkgrey { background:#555658; }
.dkgrey_content p, .dkgrey_content h1 { color:#555658; }
.dkgrey_content a { color:#555658 !important; }
.dkgrey_sbcontent .active_link a { color:#555658; font-weight:bold; }
.dkgrey_content a:hover { color:#fca540 !important; }
.dkgrey_sbcontent a:hover { color:#fca540 !important; }
.dkgrey_content h3 { color:#555658; font-size:17px; }
.dkgreylink { color:#555658; text-decoration:none; }
.red { background:#ca211e; }
.red_content a { color:#ca211e !important; }
.red_sbcontent .active_link a { color:#ca211e; font-weight:bold; }
.redlink { color:#ca211e; }
.red_content a:hover { color:#ca211e; }
.red_sbcontent a:hover { color:#ca211e !important; }
.green { background:#279764; }
.green_content a { color:#279764 !important; }
.green_sbcontent .active_link a { color:#279674; font-weight:bold; }
.green_sbcontent li { list-style:none; }
.green_content a:hover { color:#279674; }
.green_sbcontent a:hover { color:#279674 !important; }
.purple { background:#695bb3; }
.purple_content a { color:#695bb3 !important; }
.purple_sbcontent .active_link a { color:#695bb3; font-weight:bold; }
.purple_content a:hover { color:#695bb3; }
.purple_sbcontent a:hover { color:#695bb3 !important; }
.darkorange { background:#de7b06 !important; }
.darkorange_content a { color:#de7b06; }
.darkorange_content .active_link a { color:#de7b06; font-weight:bold; }
.darkorange_content a:hover { color:#de7b06; }
.darkorange_sbcontent a:hover { color:#de7b06 !important; }
/* Regions */
#region_data { padding:20px; }
#region_data h1 { color:#556; font-size:18px; padding:0; margin:0; margin-bottom:12px; }
.region_left { float:left; width:300px; font-size:14px; line-height:19px; }
.region_right { float:right; width:300px; }
#fancybox-outer { box-shadow:0 0 4px #555658; border-radius:5px 5px 5px 5px; height:auto; padding-bottom:12px; }
.region_table { width:100%; }
.region_table a { color:#555658; text-decoration:none; transition:1s; line-height:19px; font-size:14px; }
.region_table a:hover { color:#f90; }
hr.regionbar { border:none; border-bottom:1px solid #555658; margin:24px 0; }
/* Market content */
td.thumbnail { border:1px solid #ccc; vertical-align:middle; padding-left:12px; min-height:150px; max-height:150px; height:150px; }
td.thumbnail img { max-height:150px; max-width:150px; }
td.caption { background-color:#ccc; color:#fff; padding:6px; }
td.caption a { color:#fff !important; text-decoration:none; }
/* Mobile */
#mobile_sidebar { display:none; }
#mobile_sidebar li { background:url('/templates/toa/images/o_arrow.jpg') no-repeat left; list-style-type:none; padding-left:11px; font-size:120%; line-height:120%; text-transform:uppercase; width:80%; margin-top:6px; }
#mobile_sidebar a { text-decoration:none; color:#939498; }
#mobile_search { display:none; }
div.slider_caption_line2 h1 a { text-decoration:none !important; }
div.slider_caption_line2 h1 { text-decoration:none !important; }
div.slider_caption_line2 h1 a:hover { text-decoration:none !important; }
a.scroll { text-decoration:none; }
.class_desc_top, .class_desc_bot { font-size:12px; color:#666; margin-top:12px; margin-bottom:12px; }
.qualitylabel { font-size:12px; }
.filterlabel { width:300px !important; font-size:12px; display:inline; }
/* #Media Queries
================================================== */
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
body, html { max-width:1024px; overflow-x: hidden; }
#menu { width:95%; max-width:1024px; margin:0; padding:0; background-color:#fff; height:25px; margin-top:-10px; }
#menuwrap { height:25px; background-color:#fff; }
#footwrap { width:1024px; }
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
html,body { background:#fff; }
#wrap { padding:0px; }
#fp_left_sidebar, #fp_right_main, #fp_center_main, #fp_right_sidebar { display:none; }
#mobile_sidebar { display:block; width:80%; margin:22px auto 0; }
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
html,body { background:#fff; margin:0; padding:0 12px; }
#wrap { padding:0px; overflow-x:hidden; width:320px; }
#fp_left_sidebar, #fp_right_main, #fp_center_main, #fp_right_sidebar { display:none; }
#mobile_sidebar { display:block; }
#header { width:auto; height:120px; margin:0; padding:0; }
#topright { display:none; }
#mobile_search { display:block; }
#menuwrap { display:none; }
#footwrap { display:none; }
#sp_wrap { width:320px; padding:0; margin:0; }
#sp_left { width:320px; }
#sp_right { width:320px; }
#sp_wrap { width:320px; margin:0; }
#sp_left { width:320px; }
#contact_1, #contact_3 { float:left; width:295px; }
#contact_2, #contact_4 { float:left; width:295px; }
#contact_3, #contact_4 { margin-top:40px; }
.product_outer { float:left; margin:0 !important; padding:0 !important; width:85px !important; }
.product_wrap img { width:70px; }
.sp_block { margin-bottom:0 !important; box-shadow: 0px 0px 0px #fff !important; margin-top:-22px; }
}
/* Smartphones (portrait) ----------- */
@media (min-width: 320px) and (max-width: 480px) {
html,body { background:#fff; }
#wrap { background:#fff; width:100%; }
/* header */
#header { width:100%; padding:0; text-align:center; }
#logo img { max-width:90%; }
#topright, #menu, #chevron, #crumbs { display:none; }
#mobile_search { display:block; }
input[type='submit'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
#mobile_search input { max-width:65%; }
#mobile_search input[type="submit"] { background-color:#939498; margin-top:4px; margin-left:1px; }
#fp_left_sidebar, #fp_right_main, #fp_center_main, #fp_right_sidebar { display:none; }
#mobile_search { border-bottom:3px solid #fca641; padding-bottom:12px; }
#WorldWide { margin-left:-40px; }
/* products */
#sp_wrap, #sp_left, #sp_right { width:100%; }
/*#sp_right { margin-top:24px; } */
#sp_left { margin-top:24px; }
.sp_block, .sb_box, #prod_slider { box-shadow:none; margin:0 !important; padding:0 !important; }
.product_wrap { }
.product_outer { margin-right:5px !important; margin-top:12px !important; }
#prod_slider { float:none !important; }
.prod_features, .prod_moreinfo { width:90% !important; }
/* news */
.news_content { width: 90% !important; }
/* case studies */
.cs_right { width:90% !important; }
/* footer */
#footwrap { display:none; }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : portrait) {
/* iPhone 6 Portrait */
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : landscape) {
/* iPhone 6 landscape */
}
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 959px) {
/* Styles */
}
/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Styles */
}
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
#topsearch input[type='submit'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
#topsearch input[type="submit"] { background-color:#4ac5fb; margin-top:4px; margin-left:1px; }
#chevron { display:none; }
/* Styles */
}
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* Styles */
}
/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* Styles */
}
/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
}