HTML, BODY { margin:0; padding:0; height:100%; }
body, td {
font-family: arial;
font-size:12px;
line-height:19px;
color:#888888;
}
BODY {
background:#FFFFFF url(../images/pictures/large/system-files/bg.jpg) no-repeat center top;
}
/* Wysiwyg Pro only */
#wysiwygpro_editor body { margin: 10px; background-image:none; background-color: #ffffff; color:#000000; height:auto; }
/* Newsletter Backgrounds */
body.emailBody { margin: 20px; background: none; background-image:none; background-color: #FFFFFF; }
/* Blank Template Wrappers */
#wrapper-blank-template { background: #FFF; height:100%; }
#main-blank-template { padding: 14px 20px; }
/* Email this page fancybox */
div#emailthispageContainer { padding: 20px; }
#emailthispageHeading { font-size:16px; font-weight:bold; margin-bottom: 10px; }
.emailthispageTable td { color:#000000; }
/* Styles for printable areas
eg: change font color to black for black background sites
Also decrease line height so it all fits on one page
*/
.print-view-table td { color:black; font-size:10px; line-height:12px; }
/** Miscellaneous Styles */
PRE { text-align: left; font-size: 11px; margin:20px; padding:20px; }
FORM { margin:0px; }
.clear {clear:both;}
.floatleft { float:left; }
.floatright { float:right; }
.nopadding { padding:0; }
img { max-width:100% !important; height: auto !important;}
/* Jquery Validate error/tick icons */
IMG.error { margin-left: 6px; margin-top: 3px; }
/* ROTATING IMAGE STUFF (only used on the rotating pictures page*/
TD.dont-wrap DIV { float: left; }
TABLE.rotating-imgs DIV { margin-bottom:5px; margin-right:5px}
/** SITEMAP */
.sitemapDiv { margin-bottom: 3px; }
.sitemapHdrDiv { margin-top: 12px; margin-bottom: 2px; }
table.sitemapTbl { width: 500px; }
td.sitemapMidCell { border-left: 1px solid #f0f0f0; }
/* GOOGLE MAP */
#gmap-div { display:inline; }
/* Gallery Styles */
.galleryListName { font-weight:bold; }
.galleryListSummary {}
/** NEWS & TESTIMONIALS STYLES */
.news_item { padding-bottom:20px; color:#5b5a5c;}
.news_item h2 { font-size:16px; font-family:oswald, sans-serif; color:#00a9d8; text-transform:uppercase; }
.news_link { text-align:right; font-size:16px; font-family:oswald, sans-serif;}
.news_link a,.news_link a:visited { color:#00a9d8; text-decoration:none; }
.news_link a:hover { color:#00a9d8; text-decoration:underline; }
.testimonial_item { padding-bottom:10px; }
.testimonial_text { font-style:italic; }
.testimonial_name { font-weight:bold; }
/** FORM STYLES */
input, textarea, select { font-family:tahoma; font-size:12px; color:#000; }
.fld { border:solid 1px #B4B4B4; padding: 3px 4px; height:13px; color: #848484 }
select.fld { border:solid 1px #B4B4B4; padding:2px 0px 2px 4px; height:21px; color: #848484 }
select.fld_list { border:solid 1px #B4B4B4; padding:4px; color: #848484 }
#contact-form INPUT.fld { width:255px; border: solid 1px #B4B4B4; color: #848484; padding: 3px 4px; }
#captcha_code_ { border: solid 1px #B4B4B4; color: #848484; padding: 3px 4px; }
#contact-form TEXTAREA.fld {width:255px; border: solid 1px #B4B4B4; color: #848484; padding: 3px 4px; }
td.form-captcha-img-cell img { margin-bottom:2px; }
a.captcha-refresh-link { color:#707070; font-size:11px; text-decoration:none; }
/** LINKS */
a, a:visited { color: #8a288f; text-decoration:none; }
a:hover { color: #8a288f; text-decoration:underline; }
a.oswald_link, a.oswald_link:visited { font-family:oswald, sans-serif; font-size:16px; }
a.oswald_link:hover { font-family:oswald, sans-serif; font-size:16px; }
a.oswald_link_red, a.oswald_link_red:visited { font-family:oswald, sans-serif; font-size:16px;color:#ed2224; }
a.oswald_link_red:hover { font-family:oswald, sans-serif; font-size:16px; color:#ed2224; }
/** WYSIWYG EDITOR STYLES */
p { margin:0px; padding:0px; }
H1, .redheading, .heading, #emailthispageProductHdr { color:#8a288f; font-size:19px; line-height:25px; font-weight:300; font-family:Lato; margin:0px; padding:0px 0px 10px 0px; }
H2, .subheading { color:#e01d27; font-size:17px; font-weight:300; font-family:Lato; margin:0px; padding:0px 0px 10px 0px; }
H3 { font-weight:bold; margin:5px 0px; }
.redheading { color: #5D011D; }
.small { font-size: 10px; }
.tiny { font-size: 9px; }
.white { color: white; }
.grey { color: #a0a0a0; }
.red { color: #cc0001; }
.darkred { color: #5D011D; }
.star { font-size: 13px; color: #c01010; }
.bold { font-weight:bold; }
.blue { color:#00a9d8; }
/** TEMPLATE STYLES */
#site { min-height:100%; position:relative; z-index:51; }
#header_wrapper { height:254px; width:100%; background:url(../images/pictures/large/system-files/bg_header_top.png) repeat-x; }
#header { margin:0px auto; width:980px; height:254px; }
#header_top { height:60px; position:relative; overflow:hidden; }
#header_top_left { float:left; }
#phone_number { padding-left:33px; color:#FFF; font-family:oswald,sans-serif; font-size:24px; line-height:60px; background:url(../images/pictures/large/system-files/phone.png) no-repeat; }
#header_top_right { float:right; color:#33ccff; font-family:oswald,sans-serif; font-size: 24px; line-height: 60px; }
#header_mid { height:154px; position:relative; }
#header_mid_left { float:left; }
#header_mid_right { float:right; padding-top:9px; width:550px; }
#header_social { float:right; display:inline; margin-left:5px; }
#header_social_2 { float:right; margin-left:5px; display:inline; }
#login_wrapper { float:right; display:inline; font-size:16px; line-height:31px; font-family:oswald, sans-serif; color:#000;}
#account_link { float:right; display:inline; }
#account_link a { color:#000; text-decoration:none;}
#login_title { float:right; display:inline; margin-left:10px; color:#000000; }
#login_username { float:right; display:inline; width:84px; height:31px; margin-left:10px; background:url(../images/pictures/large/system-files/bg_login_user.png) no-repeat; }
#login_username input { float:left; padding:8px 6px; width:72px; height:13px; border:0px solid #c5c5c5; background:transparent; }
#login_password { float:right; display:inline; width:79px; height:31px; margin-left:2px; background:url(../images/pictures/large/system-files/bg_login_pass.png) no-repeat;}
#login_password input { float:left; padding:8px 6px; width:67px; height:13px; border:0px solid #c5c5c5; background:transparent; }
#login_btn { float:right; display:inline; }
#header_mid_right_text { margin-top:10px; font-family:oswald,sans-serif; color: rgb(255, 51, 204); text-align: right; font-size:18px; }
#topnav { position:relative; width:980px; height:40px; background:url(../images/pictures/large/system-files/bg_topnav.png) no-repeat; }
#topnav .nav-show-button { display:none; float:right; width:32px; height:30px; padding:0; margin:4px 6px 0 0; border-radius:7px; border:1px solid #FFF; }
#topnav .nav-show-button:hover { border:1px solid #FFF; }
#topnav .nav-show-button a { display:block; padding:2px 4px; }
#topnav .nav-show-button .bar { display:block; background-color:#FFF; border-radius:2px; height:3px; margin:4px 0;}
#topnav .nav-show-button:hover .bar { background-color:#FFF; }
/* MENU SLIDER */
#menu { padding-top:0px; height:40px; font-family:'oswald', arial, sans-serif; }
#menu-slide { height: 5px; width:37px; background: #FFF; font-size:1px;line-height:1px; position:relative; left: 16px;}
#body_wrapper { padding:0px; padding-bottom:125px; } /* Padding Bottom matches Height of the footer + padding */
#body_top { margin:0px auto; width:980px; padding:6px 0px 26px 6px; background:#FFF; text-align:center; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; }
#body_top img { float:left; margin:6px; width:310px; }
#body_top .clear { height:0; overflow:hidden; }
#body {margin:0px auto; width:980px;}
#body.whitebg { background:#FFF; width:980px; padding:20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; }
#body.wide { width:980px; padding:50px 46px 50px 50px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; }
#home_top { height:187px;}
#home_top_left { float:left; display:inline; width:645px; padding-left:16px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; }
#home_top_left_row1 {}
#home_top_left_row2 { margin-top:12px;}
#subscribe { float:left; font-size:16px; line-height:31px; font-family:oswald, sans-serif; font-weight:bold; color:#000;}
#subscribe_title { float:left; }
#subscribe_name { float:left; margin-left:15px; width:104px; height:31px; margin-left:10px; background:url(../images/pictures/large/system-files/bg_fld.png) repeat-x; }
#subscribe_name input { float:left; padding:8px 6px; width:82px; height:15px; border:0px solid #FFF; background:transparent; }
#subscribe_email { float:left; width:117px; height:31px; margin-left:10px; background:url(../images/pictures/large/system-files/bg_fld.png) repeat-x; }
#subscribe_email input { float:left; padding:8px 6px; width:105px; height:15px; border:0px solid #FFF; background:transparent; }
#subscribe_btn { float:left; }
#search { float:right; height:31px;}
#search_field { float:right; width:126px; height:31px; margin-left:10px; background:url(../images/pictures/large/system-files/bg_fld.png) repeat-x; }
#search_field input { float:left; padding:8px 6px; width:114px; height:15px; border:0px solid #FFF; background:transparent; }
#search_btn { float:right; }
#home_top_right { float:right; width:335px; }
#home { }
#home_left { float:left; display:inline; width:270px; margin-left:20px; }
#home_mid { float:left; display:inline; width:310px; margin-left:48px; }
#home_right { float:right; display:inline; width:290px; margin-right:10px;}
#home_right .heading { display:block; padding-bottom:10px; color:#ed2224; }
#default_top {height:187px;}
#default_top_left { float:left; display:inline; width:629px; padding-left:16px; font-size:16px; line-height:31px; font-family:oswald, sans-serif; font-weight:bold; }
#default_top_left_row1 {}
#default_top_left_row2 { margin-top:12px;}
#default_top_left_row2 #search { float:left; display:inline; margin-left:37px; width:262px; }
#default_top_left_row2 #search_field { width:226px; margin:0px;}
#default_top_left_row2 #search_field input { width:214px; }
#default_top_right {float:right; display:inline; width:305px;}
#default_top_right #subscribe { float:none; padding-top:25px; }
#default_top_right #subscribe_title { float:none; }
#default_top_right #subscribe_name { margin-left:0px; }
#subscribe_name input { float:left; display:inline; padding:8px 6px; width:82px; height:15px; border:0px solid #FFF; background:transparent; }
#subscribe_email { float:left; display:inline; width:117px; height:31px; margin-left:10px; background:url(../images/pictures/large/system-files/bg_fld.png) repeat-x; }
#subscribe_email input { float:left; display:inline; padding:8px 6px; width:105px; height:15px; border:0px solid #FFF; background:transparent; }
#subscribe_btn { float:left; display:inline; }
#default { }
#default_left { float:left; display:inline; width:270px; margin-left:20px; }
#default_right { float:right; display:inline; width:645px; }
#featured_products { margin-top:50px; width:980px; }
#featured_products h1 { font-family:oswald, sans-serif; color:#000; font-size:16px; text-transform:uppercase;}
#featured_products a, #featured_products a:visited { color:#686868; text-decoration:none; }
#featured_products a:hover { color:#686868; text-decoration:underline; }
.home_featured_item { position:relative; float:left; display:inline; width:130px; margin-left:27px; padding-right:27px; }
.home_featured_item_image { position:relative; width:130px; height:130px; overflow:hidden; }
.home_featured_item_title { font-size:10px; font-family:verdana; }
#home_featured_item_last {border:0px none;}
#home_featured_products_clear {clear:both;height:10px;}
.gallery-container { margin-left:-10px; }
.gallery-container .gallery-image { float:left; margin-left:10px; margin-bottom:10px; width:156px; height:142px; background-color:#F0F0F0; border:5px solid #F0F0F0; overflow:hidden; }
.gallery-container .gallery-image .gallery-image-inner { display:table-cell; vertical-align:middle; text-align:center; width:156px; height:140px; }
#body_left { float:left; display:inline; width:188px; }
#body_right { float:right; display:inline; width:725px; }
#contact_left { float:left; width: 300px; }
#contact_right { float:right; width: 450px; padding-top:30px; }
#contact_right table.contact-table { width:360px; }
#contact_right td.leftcol { width:120px; }
#contact_right td.rightcol { }
#footer_wrapper { position:absolute; bottom:0; min-height:70px; width:100%; background:#231f20; z-index:9; } /* Padding Bottom matches Height of the footer + padding */
#footer { margin:0px auto; width:980px; min-height:48px; color:#FFF; line-height:1.5em; z-index:9; }
#footer_left { float:left; background:url(../images/pictures/large/system-files/footer_logo.png) no-repeat; padding:8px 0 8px 40px; }
#footer_right { float:right; padding:8px 0; }
#footer a, #footer a:visited { color:#FFF; text-decoration:none; }
#footer a:hover { color:#FFF; text-decoration:underline; }
/** ARTICLES */
#articles { }
#articles #body_left { }
#articles #body_left .leftnav_list {height:auto;}
#articles #body_right { }
#articles_trail { height:25px; }
#articles #body_right h1 { }
#articles #body_right h2 { padding-bottom:5px;border-bottom: 1px dotted #ccc; }
#articles #body_right h3 { font-size:13px; margin:5px 0px; }
/* Article Category Page */
#articles_category_content { }
#articles_category_recent_list { margin-top:20px; }
#articles_category_full_list { margin-top:20px; }
.articles_list_title { }
.articles_list_info { }
.articles_list_date { font-style:italic; }
.articles_list_author { }
.articles_list_comments_link { }
.articles_list_summary { margin-top:5px; }
.articles_list_link { }
/* Article Item Page */
#articles_print { float: right; }
.articles_item_info { }
.articles_item_text { }
.articles_item_comments { margin-top:20px; }
.articles_comment_box TEXTAREA {width:255px; border: solid 1px #B4B4B4; color: #7A7A7A; padding: 4px; }
#articles_comment_forgot_link { font-size:11px; }
.articles_comment_captcha input { border: solid 1px #B4B4B4; color: #7A7A7A; padding: 4px; }
/* Article Comment List */
.article_comment { padding-bottom:10px; }
.article_comment_header { font-size:11px; }
.article_comment_details { float:left; }
.article_comment_date { font-style:italic; }
.article_comment_author { font-weight:bold; }
.article_comment_report_link { float:right; }
.article_comment_text { }
.articles_report_comment_preview { border-left: 2px solid #b4b4b4; padding-left: 10px; margin-bottom:10px; }
/* hide sections not needed to print */
.print-view-table #body_left { display:none; }
.print-view-table #articles_print { display:none; }
.print-view-table #articles_trail { display:none; }
/*
#articles_categories_title { text-transform:uppercase;font-size:13px;font-weight:bold;}
#articles_categories_title a,#articles_categories_title a:visited {display:inline;text-decoration:none;}
#articles_categories_title a:hover {}
.articles_list_title {font-size:13px;font-weight:bold;}
div.articleActiveTab { padding-right: 4px; }
div.articleActiveTab a { font-weight: bold; display: block; background-color: #878787; padding: 1px 8px; color: #FFFFFF; text-decoration: none; }
div.articleInactiveTab { padding-right: 4px;}
div.articleInactiveTab a { display: block; background-color: #F3F3F3; padding: 1px 8px; color: #000000; text-decoration: none;}
div#articles_wrapper blockquote { margin-left: 12px; }
*/
/* MY ACCOUNT / REGISTRATION */
div.registration-message { padding:5px; border:1px solid #d50303; max-width:430px; border-radius:5px; margin-bottom:16px; }
div.registration-message-img { float:left; width:25px; }
div.registration-message-text { float:left; max-width:400px; }
div.registration-field-checkbox input[type=checkbox] { cursor:pointer; }
div.registration-caption-checkbox label { cursor:pointer; }
div.registration-field-list select { min-width:200px; padding:4px; }
div.registration-field-suburb { max-width:300px; }
div.registration-field-suburb input[name=client_suburb] { width:190px; }
div.registration-field-suburb select[name=client_suburb] { margin-bottom:4px; }
div.checkout-registration div.registration-field-suburb input[name=client_suburb_OTHER] { width:190px; }
div.myaccount-registration div.registration-field-suburb input[name=client_suburb_OTHER] { width:110px; }
div.registration-caption-heading { font-weight:bold; }
div.registration-caption-statictext { /*font-size:11px;*/ padding-bottom:4px; }
div.registration-subtitle-fname { float:left; width:124px; }
div.registration-subtitle-lname { float:left; }
td.registration_field_subtitle_cell { padding-top:0; }
img.registration-captcha-image { border: 1px solid #c0c0c0; }
div.registration-field-shippingaddress td { padding: 2px 8px 2px 0; }
/*tr.registration-shippingaddress-name-row { display:none; }*/
div.registration-field-shippingaddress .registration-shipaddr-name input { width:140px; }
div.registration-field-shippingaddress .registration-shipaddr-address input { width:200px; }
div.registration-field-shippingaddress .registration-shipaddr-suburb input { width:140px; }
div.registration-field-shippingaddress .registration-shipaddr-state input { width:140px; }
div.registration-field-shippingaddress .registration-shipaddr-ctry select { min-width:145px; }
div.registration-field-shippingaddress .registration-shipaddr-postcode input { width:60px; }
div.registration-submit { margin-top:10px; text-align:right; }
div.account-fileaccess-row { }
div.account-fileaccess-info { float:left; width:530px; }
div.account-fileaccess-image { float:left; width:140px; }
div.account-fileaccess-image img { max-width:130px; }
/* My Account Login Page */
#myaccount-login-form { }
.myaccount-login-row { margin-bottom:10px; }
#login-username-caption { float:left; width:160px;}
#login-password-caption { float:left; width:150px; }
#login-username-field { float:left; width:160px; }
#login-password-field { float:left; width:150px; }
#login-username-field input, #login-password-field input { height:13px; width:140px;}
#login-submit-button { float:left; }
#login-pwrecovery-link { padding-top:15px; }
#myaccount-pwrecovery-form { }
#pwrecovery-caption { float:left; line-height:26px; }
#pwrecovery-field {float:left; margin-left:10px; }
#pwrecovery-field input { height:18px; width:200px;}
#pwrecovery-button { float:left; margin-left:10px; }
/* Video */
/* Video Galleries Main Index Page */
#video-gallery-list-container {}
.video-gallery-list-row { margin-bottom: 10px; }
.video-gallery-list-row-image { float:left; width:260px; overflow:hidden; }
.video-gallery-list-row-detail { margin-left:260px; }
.video-gallery-list-title { font-weight:bold; }
/* Video Gallery Page */
#video-list-container {}
#video-gallery-title { font-size: 13px; font-weight:bold; }
#video-gallery-description { padding: 8px 0; }
#video-list-container { }
.video-list-row { margin-bottom: 10px; }
.video-list-row-image { float:left; width:260px; overflow:hidden; }
.video-list-row-detail { float:left; }
.video-list-row-detail h3 { font-weight:bold; font-size: 13px; }
.video-list-row-detail .video-list-row-summary { }
/* Video Page */
#video-details-container { }
#video-details-trail { height:20px; font-family: verdana; font-size: 10px; }
#video-details-container h1 { margin-bottom:5px; }
#video-details-bg {}
#video-details-left { float:left; width:440px; }
#video-details-title { margin-top: 20px; font-size: 13px; font-weight:bold; }
#video-details-description { padding: 10px 0; }
#video-details-tags { font-size: 11px; }
.flash-video-control { width:440px; height:275px; }
#video-details-right { float:right; width:270px; padding:1px 0px 10px 10px; }
#video-details-right .video-list-row { position:relative; margin-bottom: 10px; }
#video-details-right .video-list-row-image { float:left; width:110px; overflow:hidden; }
#video-details-right .video-list-row-image img { width:100px; }
#video-details-right .video-list-row-detail { float:left; width:160px; font-size:12px; line-height:14px; }
#video-details-right h3 { margin-top:0px; margin-bottom:2px; }
#video-details-right .video-list-row-summary { }
/* MOBILE */
#mobile_bg { position:relative; min-height:100%; background: #FFFFFF url(../images/pictures/large/mobile/mobile_header.png) repeat-x; }
#mobile { width:640px; padding-bottom:70px; margin:0px auto; font-size:24px; line-height:30px; }
#mobile h1{ font-size:40px; line-height:46px; }
#mobile h2{ font-size:30px; line-height:36px; }
#mobile_header { height:120px; padding-top:13px; text-align:center; }
#mobile_topnav { height:32px; padding-top:8px; text-align:center; font-size:20px; line-height:16px; }
#mobile_topnav ul { margin:0; padding:0; list-style:none; }
#mobile_topnav ul li { margin:0; padding:0px; display:inline-block; }
#mobile_topnav ul li a { display:block; padding:6px 14px; }
#mobile_topnav ul li a:hover { }
#mobile_topnav a, #mobile_topnav a:visited { color:#101010; text-decoration:none; }
#mobile_topnav a:hover { color:#101010; text-decoration:none; }
#mobile_content { margin:0px auto; width:640px; margin-top:0px; padding-bottom:70px; background-color:#000000; }
#mobile_content_inner { margin:0px auto; width:484px; padding-top:15px; }
.mobile_home_button { margin:10px 0px; }
#mobile_footer_bg { position:absolute; width:100%; bottom:0px; height:72px; background:#000000; font-size:17px; line-height:22px; }
#mobile_footer { width:560px; margin:0px auto; padding-top:15px; font-size:17px; line-height:22px; color:#bebebe; }
#mobile_footer_left { float:left; }
#mobile_footer_right { float:right;text-align:right; }
#mobile_footer a, #mobile_footer a:visited { color:#bebebe; text-decoration:none;}
#mobile_footer a:hover { color:#bebebe; text-decoration:none;}
/* DEBUG */
/*
#footer { border:1px dashed silver; }
#footer_left { border:1px dashed red; }
#footer_right { border:1px dashed blue; }
#header_top_left { border:1px dashed orange; }
#header_top_right { border:1px dashed cyan; }
#home_left { border-top:2px dashed orange; }
#home_mid { border-top:2px dashed green; }
#home_right { border-top:2px dashed teal; }
#home_top_left { border-top:2px dashed orange; }
#home_top_right { border-top:2px dashed teal; }
*/
/* RESPONSIVE STYLES */
/* X-Large */
@media (max-width: 1199px) {
}
/* X-Large (for home page fix) */
@media (max-width: 1135px) {
}
/* Large */
@media (max-width: 980px) {
#header_wrapper { height:auto; }
#header { width:100%; margin:0; height:auto; }
#header_top { padding: 0px 10px; }
#header_top_right { padding: 0px 10px; font-size:18px; }
#header_mid { padding: 0px 10px 0px 0px; height:auto; }
#header_mid_left { width:45%; }
#header_mid_right { width:auto; }
#header_social { margin-top:10px; }
#login_wrapper { clear:both; }
#header_mid_right_text { margin-top:10px; }
#topnav { width:100%; background-size:110% 100%; background-position:center center; }
/*
#header_top_left { padding-left:0px; }
#header { width:100%; margin:0; }
#header_mid { padding:0 15px; }
#header_mid_left { width:40%; }
#header_mid_left img { width:99%; }
#header_mid_right { width:59%; }
#topnav { width:100%; border-radius:5px 5px 0 0; }
*/
#body_wrapper { padding:0px; }
#body_top { width:auto; margin:0; padding:0px; }
#body_top img { width:31% !important; height: auto !important; margin:1% 1% !important; }
#body { width:auto; margin:0; }
#body.whitebg { width:auto; }
#body.wide { width:auto; }
#featured_products { width:auto; }
#home_top { padding:0px; }
#home_top_left { float:none; width:100%; }
#subscribe { width:64%; margin:0px 1%;}
#subscribe_title { width:39%; margin:0 1%; }
#subscribe_name { width:20%; margin:0 1%; }
#subscribe_email { width:20%; margin:0 1%; }
#subscribe_btn { width:13%; margin:0; }
#subscribe_name input, #subscribe_email input{ width:100%; }
#search { float:left; width:31%; margin:0px 1%;}
#search_field {width:85%; margin:0;}
#subscribe_btn { width:15%; margin:0; }
#home_top_right { display:none; }
#home { }
#home_left { width:31%; margin:0 1%; }
#home_mid { width:31%; margin:0 1%; }
#home_right { width:31%; margin:0 1%; }
#contact_left { width:100%; }
#contact_right { width:100%; margin-top:20px; }
#contact_right table.contact-table { max-width:100% !important; }
#contact_right table.contact-table td { max-width:80% !important; }
#contact-form INPUT.fld, #contact-form TEXTAREA.fld { max-width:100% !important; }
#footer_wrapper { position:relative; margin-top:20px; }
#footer { width:auto; margin:0; }
#footer div { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; }
#footer_left { width:67%; padding-left:55px; background-position:15px 0; }
#footer_right { padding-right:15px; }
}
/* 900px */
@media (max-width: 900px) {
/*
#home_top_right { width:18%; margin-right:10px; }
#home_right { width:17%; margin-right:10px; }
}
/* 800px */
@media (max-width: 800px) {
/*
#home_top_right { display:none; }
#home_left { width:38%; margin-left:15px; display:block; }
#home_mid { width:50%; float:right; margin-left:0px; margin-right:15px; display:block; }
#home_right { float:none; clear:both; width:auto; margin:0 15px; padding:20px 0; display:block; }
#home_top_left { float:none; width:100%; padding:0 10px 0 10px; display:block; }
#home_top_left_row1 img { width:100%; }
#home_top_right { float:none; width:auto; }
#featured_products { margin-top:0; padding:15px; }
*/
}
/* Medium */
@media (max-width: 768px) {
/*
#header_top_left { padding-left:10px; }
#phone_number { font-size:19px; }
#header_top_right { padding-top:5px; }
/* #header_top_right img.logo-signart { width:82px; } 103 */
/* #header_top_right img.logo-dsignart { width:94px; } 117 */
/* #header_top_right img.logo-marketing { width:124px; } /* 155 */
/*
#header_mid_left { padding-top:18px; }
#body_top { }
#body_top img { width:32%; margin:4px; }
#contact_left { width:40%; }
#contact_right { width:56%; }
#contact-form INPUT.fld { }
#contact_right table.contact-table { width:340px; }
#contact_right td.leftcol { width:100px; }
#footer_left { width:63%; }
#footer_right { }
*/
}
/* Medium */
@media (max-width: 767px) {
#header_top_right { font-size:12px; }
#account_link { clear:both; }
#topnav .nav-show-button { display:block; }
#menu { height:auto; background-color:#3D3A3C; border-radius:5px 5px 0 0; }
#menu .sf-menu { padding-bottom:10px; }
#menu-slide { display:none !important; }
#body_top { width:auto; margin:0; }
#body_top img { width:48% !important; height: auto !important; margin:1% 1% !important; }
#home_top { padding:0px; }
#home_top_left { float:none; width:100%; }
#subscribe { width:98%;}
#subscribe_title { width:39%; margin:0 1%; }
#subscribe_name { width:20%; margin:0 1%; }
#subscribe_email { width:20%; margin:0 1%; }
#subscribe_btn { width:13%; margin:0; }
#subscribe_name input, #subscribe_email input{ width:100%; }
#search { display:none; }
#home { margin-top:10px; }
#home_left { width:96%; margin:5px 2%; }
#home_mid { width:96%; margin:5px 2%; }
#home_right { width:96%; margin:5px 2%; }
#footer_wrapper {}
#footer {}
#footer_left { float:none; width:auto; }
#footer_right { float:none; width:auto; padding-left:55px; }
}
/* Small */
@media (max-width: 640px) {
#header_mid_left { float:none; width:auto; text-align:center; }
#header_mid_right { float:none; width:auto; text-align:center; }
#header_social { float:none; width:auto; text-align:center; margin:0px; }
#login_wrapper { float:none; width:auto; text-align:center; }
#account_link { clear:none; }
#header_mid_right_text { float:none; width:auto; text-align:center; }
#topnav { margin-top:20px; }
/*
#header_top_left { }
#phone_number { font-size:17px; }
#header_top_right { padding-top:16px; }
#topnav .nav-show-button { display:block; }
#menu { height:auto; background-color:#3D3A3C; border-radius:5px 5px 0 0; }
#menu .sf-menu { padding-bottom:10px; }
#menu-slide { display:none !important; }
#body_top { padding-top:0; }
#body_top a { width:50%; float:left; display:block; padding:6px 6px 0 0; max-height:145px; overflow:hidden; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; }
#body_top img { float:none; width:100%; margin:0px; }
#body { }
#body.whitebg { padding:20px 15px; }
#body.wide { padding:20px 15px; }
#subscribe { float:none; width:100%; max-width:470px; margin:0 auto; }
#search { float:none; width:450px; padding-top:10px; margin:0 auto; }
#home_left { width:27%; }
#home_mid { width:63%; }
#contact_left { width:auto; float:none; }
#contact_right { width:auto; float:none; }
#contact_right table.contact-table { width:400px; }
#footer_left { width:60%; }
#footer_right { width:39%; }
*/
}
/* Small */
@media (max-width: 600px) {
}
/* Small */
@media (max-width: 550px) {
}
/* 480px */
@media (max-width: 480px) {
#contact_right table.contact-table td { display:block; }
/*
#search { width:auto; }
#header_top { height:auto; background-color:#231F20; }
#header_top_left { width:auto; float:none; padding:0 0 0 42px; }
#phone_number { font-size:24px; }
#header_top_right { width:auto; float:none; padding:0px; text-align:center; }
#header_top_right img.logo-signart,
#header_top_right img.logo-dsignart,
#header_top_right img.logo-marketing { width:auto; float:none; }
#header_wrapper { height:auto; background-image:none; }
#header { height:auto; }
#header_mid { height:auto; padding-bottom:15px; }
#header_mid_left { float:none; width:auto; padding:0 0 0 0; }
#header_mid_left img { width:99%; max-width:330px; }
#header_mid_right { float:none; width:auto; padding:0 0 0 0; }
#body_wrapper { padding-bottom:180px; }
#body_top { text-align:left; padding-top:6px; }
#body_top a { width:100%; float:none; display:block; padding:0 0 6px 0; max-height:none; }
#body_top img { float:none; width:100%; min-width:none; max-width:466px; margin:0px; }
#home_left { float:none; width:auto; padding:0 10px; margin:0; }
#home_mid { float:none; width:auto; padding:0 10px; margin:0; }
#footer_left { width:auto; float:none; }
#footer_right { width:auto; float:none; padding-right:0; padding-left:55px; }
#contact_right table.contact-table { width:100%; }
#contact_right td.leftcol { width:80px; }
#contact-form INPUT.fld { width:90%; }
#contact-form textarea { width:90% !important; }
*/
}
/* 360px */
@media (max-width: 360px) {
}
/* iPhone 4/4s */
@media (max-width: 345px) {
/*
#header_top_left { width:auto; float:none; padding:0 10px; }
#phone_number { font-size:22px; }
#header_top_right { width:auto; float:none; padding:0px; text-align:center; }
#header_top_right img { margin-left:10px; }
#body_top { }
#body_top a { padding:0 6px 6px 0; }
#body { }
#body.whitebg { padding:10px; }
#body.wide { padding:10px; }
.gallery-container .gallery-image { width:290px; height:200px; }
.gallery-container .gallery-image .gallery-image-inner { width:290px; height:200px; }
#subscribe { width:280px; margin:0 auto; }
#search { width:264px; margin:0 auto; }
*/
}
/* Adjustment by height */
@media (max-height: 320px) {
}