/* Styles common to the MIX html editor and the website are entered here */
@import url(main_editor_styles.css);
/* Styles for the public site are entered here */
span.small{
font-size: 80%;
}
#body {
color:#000000;
margin:0;
padding:0;
}
.bx-wrapper, .bx-viewport {
max-height: 410px !important; //provide height of slider
}
.yellow{
background-color: yellow;
}
#top_bar{
position: relative;
padding: 10px 10px 10px 10px;
margin-left: auto;
margin-right: auto;
text-align:center;
background: white;
max-width: 1100px;
}
div.article{
max-width: 700px;
margin-right: auto;
margin-left: auto;
}
p.quote{
text-align: center;
font-style: italic;
line-height: 200%;
max-width: 400px;
margin-right: auto;
margin-left: auto;
}
.text-vcenter{
max-height:100%;
}
#christmasDisplay{
position: absolute;
z-index: 100;
width: 100%;
height: 100%;
text-align: center;
color: white;
}
#christmasDisplay img{
width: auto;
max-height: 100%;
}
div.xmasstext{
background-color:rgba(6,60,46,1);
background-repeat: no-repeat;
background-position: center top;
background-image: url('../images/xmass2.png');
background-position: bottom;
position: absolute;
top:0px;
left: 0%;
margin: 0px 00% 0px 00%;
padding: 20px 10px 10px 10px;
font-size: 120%;
width: 100%;
height: 100%;
}
img.find{
float: left;
height: 40px;
margin-right: -40px;
}
.menulogo{
float: left;
width: 42px;
margin-top: 13px;
margin-right: 2px;
margin-left: 2px;
}
select.masterspec{
width: 15em;
padding: 3px 0px;
}
ul.tick{
list-style-image: url('../images/black-tick4.png');
}
.orange-bg{
background-color: #f79646;
}
.logo-left{
float: left;
left: 20px;
top: 12px;
margin: 10px;
cursor: pointer;
}
.logo-right{
float: right;
right: 20px;
top: 12px;
margin: 10px;
cursor: pointer;
}
button.contact{
float: right;
background-color: #ea7b24;
margin-top: 5px;
margin-right: 20px;
height: 40px;
color: white;
cursor: pointer;
}
.linkedin-button{
width: 40px;
height: 40px;
background:url(../images/linkedin.png) left no-repeat;
cursor: pointer;
float: right;
margin: 5px;
}
.linkedin-button:hover{
background:url(../images/linkedin.png) right no-repeat;
}
.padded-md{
padding: 10px 30px ;
}
.fb-button{
width: 40px;
height: 40px;
background:url(../images/facebook.png) left no-repeat;
cursor: pointer;
float: right;
margin: 5px;
}
.fb-button:hover{
background:url(../images/facebook.png) right no-repeat;
}
.Flipped, .Flipped .Content
{
transform:rotateX(180deg);
-ms-transform:rotateX(180deg); /* IE 9 */
-webkit-transform:rotateX(180deg); /* Safari and Chrome */
}
.panel {
opacity: 0.85;
border-color: #1e559e;
margin-bottom: 20px;
background-color: #1e559e;
border: 1px solid #1e559e;
border-radius: 8px;
box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
box-sizing: border-box;
text-align: center;
font-size: 140%;
padding: 0px;
width: 300px;
height: 40px;
line-height: 40px;
position: absolute;
margin: auto;
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
z-index: 100;
cursor: pointer;
color: white;
}
.panel:hover{
background-color: #3b5d81;
border-color: #3b5d81;
}
img.left{
float: left;
width: 60px;
}
img.right{
float: right;
}
div.right{
margin-top: 20px;
float: right;
}
.parallax {
perspective: 1px;
height: 100vh;
overflow-x: hidden;
overflow-y: auto;
perspective-origin-x: 100%;
}
.parallax__layer {
transform-origin-x: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.parallax__group {
transform: translate3d(700px, 0, -800px) rotateY(30deg);
}
.parallax__layer--base {
transform: translateZ(0);
}
.parallax__layer--back {
transform: translateZ(-1px);
}
span.italic{
font-size: 90%;
font-style: italic;
}
.blue-bold{
margin-top:0;
font-size:15px;
line-height:120%;
font-weight:600;
color:#005099;
}
.dbl-spaced{
line-height: 200%;
}
.italic{
font-style: italic;
}
div.linkedin{
margin-top: -36px;
margin-bottom: 15px;
}
span.tiny{font-size: 80%;}
a { color:#1e559e; text-decoration:none; }
a:hover { text-decoration:underline; }
#header .content, #main, #footer { min-width:320px; margin:0 auto; }
.inputfile{
display: none;
}
/* header */
.indent{
clear: both;
margin-top: 60px;
text-indent: 50px;
}
.footerNew {
background:top center repeat url(../images/header-bgnd3.gif);
bottom:0;
}
#header { min-width:320px; }
#header .content {
position:relative;
padding: 8px 0 8px 0;
text-align:center;
background:top center repeat url(../images/header-bgnd3.gif);
}
#header .search { position:absolute; bottom:10px; right:10px; }
#header .search input { width:158px; height:27px; color:#FFFFFF; border:1px solid #FFFFFF; background-color:#4e79af; }
#header .search input.submit { width:30px; height:30px; margin-left:10px; text-indent:-9999px; cursor:pointer; border:0; background:top left no-repeat url(../images/search-icon2.png); }
#header a.menu { position:absolute; bottom:10px; left:30px; width:34px; height:31px; display:block; text-indent:-9999px; background:top left no-repeat url(../images/menu-button2.png); }
#menu { display:none; }
#header ul { float:none; width:100%; text-align:left; background:#ea7b24; }
#header li { float:none; display:block; }
#header li:hover { background:none; }
#header li a {
padding:20px 22px 20px 22px;
display:block; font-size:14px; line-height:120%; font-weight:normal;
color: white;
text-transform:uppercase;
border-bottom:1px solid #3b5d81; }
#header ul ul { display:none; position:relative; top:0; left:0; margin-top:0; background-color:#27476f; text-align:left; }
#header li:hover ul { display: block; }
#header li li { width:100%; margin:0; border:0; padding:0; }
#header li li a { padding:20px 22px 20px 22px; border:0; border-bottom:1px solid #3b5d81; }
#header li li a:hover { background-color:#27476f; }
#header ul ul ul { left:0; margin-left:0; background-color:#4e79af; }
#header li:hover ul ul{ display: none; }
#header li li:hover ul{ display: block; }
#header li li li a:hover { background-color:#4e79af; }
#header li.hidden {display:none; }
#header .shopmenu .category { background-color:#10335e; }
#header .shopmenu .subcategory { background-color:#4e79af; }
#header .shopmenu .trigger { width:100%; height:42px; display:block; color:#FFFFFF; text-align:center; }
#header .shopmenu .trigger span { padding:8px 23px 0 23px; display:inline-block; background:100% 16px no-repeat url(../images/cat-trigger-arrow.gif); }
#header .shopmenu .subcategory .trigger span { background-image:url(../images/subcat-trigger-arrow.gif); }
#header .shopmenu ul { margin:0; padding:0; font-size:0; }
#header .shopmenu li { vertical-align:top; padding:0; }
#header .shopmenu li a { height:30px; padding:12px 10px 0 10px; text-align:center; text-decoration:none; text-transform:none; border:0; border-top:1px solid #3b5d81; }
#header .shopmenu .category li a:hover, #header .shopmenu .category li.selected a { background-color:#29486e; }
#header .shopmenu .subcategory ul { background:none; }
#header .shopmenu .subcategory li a { border-top:1px solid #FFFFFF; }
#header .shopmenu .subcategory li a:hover, #header .shopmenu .subcategory li.selected a { background-color:#7194bf; }
#category { display:none; }
#subcategory { display:none; }
/* banner */
#banner { min-width:320px;position:relative; overflow: hidden; }
#banner .bx-wrapper { position:relative; }
#banner ul.bxslider, #banner .bxslider li { margin:0; padding:0; line-height:100%; list-style:none; }
#banner img.banner { min-width:320px; min-height:118px; width:100%; height:auto; position:relative; left:0; }
/* main */
#main { padding:0px 0 44px 0; max-width:1100px; }
#main .content { padding:0 10px; }
/* home */
#main ul.feature, #main .feature li { margin:0; padding:0; list-style:none; }
#main ul.feature { padding-bottom:12px; margin-bottom:20px; text-align:center; }
#main .feature li { width:100px; padding:0 3px 6px 3px; display:inline-block; vertical-align:top; text-align:center; color:#585856; }
#main .feature li .image { width:92px; height:75px; padding:2px; margin-bottom:4px; border:2px solid #dddddc; background-color:#FFFFFF; }
#main .feature li .image img { width:100%; height:auto; border:0; }
#main .feature li h3 { margin-bottom:3px; font-family:abel; font-size:16px; line-height:120%; font-weight:normal; color:#585856; }
#main .feature li h3 a { text-decoration:none; color:white; }
#main .homeleft { padding-bottom:20px; }
#main .homeright ul.links, #main .homeright .links li { margin:0; padding:0; list-style:none; }
#main .homeright .links li a { width:264px; height:38px; padding:18px 0 0 11px; margin:0 auto 4px auto; display:block; font-family:"nimbus-sans", sans-serif; font-size:14px; line-height:120%; font-weight:400; color:#FFFFFF; text-transform:uppercase; text-decoration:none; }
/* product */
#main .prodleft { padding:0 10px 20px 10px; }
#main .prodright { padding:0 10px; }
#main .prodleft .headingleft h1 { margin-bottom:0; }
#main .prodleft .headingright { padding-bottom:30px; }
#main .prodleft .detail h3 { margin:0; height:22px; padding:2px 0 0 8px; font-family:"nimbus-sans", sans-serif; font-size:14px; line-height:120%; font-weight:400; color:#FFFFFF; text-transform:uppercase; border:1px solid #dddddc; border-bottom:0; background:top left repeat url(../images/heading-bgnd.gif); }
#main .prodleft .detail ul, #main .prodleft .detail li { margin:0; padding:0; list-style:none; }
#main .prodleft .detail li { border:1px solid #dddddc; }
#main .prodleft .detail li.first { border-top:0; }
#main .prodright .ui-accordion { margin-bottom:14px; }
#main .prodright h3 a { color:#e87a23; }
#main .prodright h2.accordion { margin:5px 0 2px 0; font-family:Arial,Helvetica,Sans-serif; font-size:17px; line-height:120%; font-weight:normal; color:#e46c0a; }
#main .prodright h3.accordion { margin:0; font-size:12px; line-height:150%; font-weight:normal; color:#000000; }
#main .prodright h3.ui-accordion-header { position:relative; padding-left:22px; margin:0; font-size:12px; line-height:150%; font-weight:normal; color:#000000; cursor:pointer; }
.ui-accordion-header-icon { position:absolute; left:0; top:50%; margin-top:-5px; }
.ui-icon { width:11px; height:11px; display:block; overflow:hidden; text-index:-99999px; }
.ui-state-default .ui-icon { background:top left no-repeat url(../images/icon-arrow.gif); }
.ui-state-active .ui-icon { background:top left no-repeat url(../images/icon-arrow-active.gif); }
.headingleft h1 { margin-bottom:0; }
.headingright { padding-bottom:30px; }
.detail h3 { margin:0 0 20px 0; height:22px; width: 330px; padding:5px 0 0 8px; font-family:"nimbus-sans", sans-serif; font-size:14px; line-height:120%; font-weight:400; color:#FFFFFF; text-transform:uppercase; border:1px solid #dddddc; border-bottom:0; background:top left repeat url(../images/heading-bgnd.gif); }
.detail li { border:1px solid #dddddc; }
.detail li.first { border-top:0; }
.ui-accordion { margin-bottom:14px; }
/* applicator */
#main .applicatorleft { padding:0 10px 20px 10px; }
#main .applicatorright { padding:0 10px; }
#main .applicatorleft svg { min-width:300px; min-height:484px; width:100%; height:auto; max-width:486px; max-height:784px; }
#main .applicatorleft svg a path:hover, #main .applicatorleft svg a rect:hover, #main .applicatorleft svg a polygon:hover { fill:#E67824; cursor:pointer; }
#main .applicatorright form { margin:0; padding:0; }
#main .applicatorright .form_inline strong { margin-top:8px; font-family:abel; font-size:18px; line-height:120%; font-weight:normal; color:#ea7b24; }
#main .applicatorright select, #main .applicatorright input { width:97%; height:40px; border:2px solid #dddddc; }
#main .applicatorright input { width:94%; }
#main .applicatorright input[type="text"] { -webkit-appearance:none; border-radius:0; }
#main .applicatorright input.checkbox { clear:left; float:left; width:auto; height:auto; margin:3px 10px 0 0; }
#main .applicatorright label.cblabel { float:left; width:auto; margin:2px 0 16px 0; font-size:14px; line-height:120%; }
#main .applicatorright input.submit { clear:left; float:left; width:119px; height:56px; font-family:"nimbus-sans", sans-serif; font-size:14px; line-height:120%; font-weight:400; color:#FFFFFF; text-transform:uppercase; cursor:pointer; border:0; background:top left repeat url(../images/heading-bgnd.gif); }
#main .applicatorright .results { padding-top:9px; border-top:1px solid #dddddc; }
#main .applicatorright .results h2 { margin-bottom:5px; }
#main .applicatorright .results p { margin-bottom:22px; }
#main .applicatorright .results .orange { margin:0; color:#e87923; }
/* portfolio */
#main .portfleft { padding:0 10px 20px 10px; }
#main .portfright { padding:0 10px; }
#main .portfleft h1 { margin:0; }
#main .portfleft svg { min-width:300px; min-height:484px; width:100%; height:auto; max-width:486px; max-height:784px; }
#main .portfleft svg a path:hover, #main .portfleft svg a rect:hover, #main .portfleft svg a polygon:hover { fill:#E67824; cursor:pointer; }
#main .portfright h1 { margin:0; }
#main .portfright .search form{ margin:0; padding:0; }
#main .portfright .search label { margin-top:0; width:100%; font-family:abel; font-size:18px; line-height:120%; font-weight:normal; color:#ea7b24; }
#main .portfright .search select { top:0; left:0; width:98%; height:40px; border:2px solid #dddddc; background-color:#f8f8f8; }
#main .logo { padding:10px 0 30px 0; }
#main ul.portfcat, #main .portfcat li { margin:0; padding:0; list-style:none; }
#main ul.portfcat { text-align:center; }
#main .portfcat li { display:inline-block; vertical-align:top; width:300px; height:212px; padding:0 11px; text-align:center; }
#main .portfcat li a { font-family:abel; font-size:16px; line-height:120%; color:#585856; text-decoration:none; }
#main .portfcat li .image { width:290px; height:146px; padding:5px 4px; margin-bottom:5px; border:1px solid #dddddc; }
#main .portfcat li .image img { max-width:100%; max-height:100%; }
#main .portfdetailleft { padding:0 10px 20px 10px; }
#main .portfdetailright { padding:0 10px; }
#main .portfdetailright p { margin:0 0 6px 0; clear:both; }
#main .portfdetailright p strong { float:left; width:100px; font-family:abel; font-size:18px; line-height:120%; font-weight:normal; color:#ea7b24; }
/* menupage */
#main ul.menupage, #main .menupage li { margin:0; padding:0; list-style:none; }
#main ul.menupage { text-align:center; }
#main .menupage li { display:inline-block; vertical-align:top; width:300px; height:212px; padding:0 11px; text-align:center; }
#main .menupage li a { font-family:abel; font-size:16px; line-height:120%; color:#585856; text-decoration:none; }
#main .menupage li .image { width:290px; height:146px; padding:5px 4px; margin-bottom:5px; border:1px solid #dddddc; }
#main .menupage li .image img { max-width:100%; height:auto; }
#main .menupage li.normal, #main .menupage li.normal_over { width:auto; height:auto; padding:0; text-align:left; }
/* staff */
#main .staffleft { padding:0 10px 20px 10px; }
#main .staffright { padding:0 10px; }
#main .staffright .headings h1 { margin:0; font-size:45px; line-height:100%; }
#main .staffright .headings h3 { margin-bottom:14px; color:#e46c0a; }
#main .staffright a.back { display:none; }
/* contact */
#main .contactleft { padding:0 10px; }
#main .contactright { padding:0 10px; }
#main .contactright form { margin:0; padding:46px 0 0 0; }
#main .contactright label { margin-top:0; width:100%; font-family:abel; font-size:18px; line-height:120%; font-weight:normal; color:#ea7b24; }
#main .contactright input, #main .contactright select, #main .contactright textarea { top:0; left:0; width:98%; height:39px; margin-bottom:8px; border:2px solid #dddddc; background-color:#f8f8f8; }
#main .contactright select { height:44px; padding:10px 0; }
#main .contactright textarea { height:188px; }
#main .contactright .captcha { clear:none; float:left; margin:-6px 0 0 142px; width:244px; }
#main .contactright .captcha .cbrgroup { left:0; top:0; width:244px; }
#main .contactright .captcha .cbrgroup img { float:left; margin-right:5px; }
#main .contactright .captcha label { margin:0; }
#main .contactright .captcha input { width:236px; top:0; left:0; }
#main .contactright .captcha .error_text { left:0; top:0; }
#main .contactright .submit input {
top:0; width:120px; height:56px;
color:#FFFFFF; text-transform:uppercase;
text-align:center;
cursor:pointer; border:0;
background-size: 100% 100%;
background: url('../images/testbutton.png') center center ;
background-repeat: no-repeat;
}
#main .contactright .submitcap input { top:-6px; left:114px; width:120px; height:56px; color:#FFFFFF; text-transform:uppercase; text-align:center; cursor:pointer; border:0;
background: url('../images/testbutton.png') center center ;
background-repeat: no-repeat;
}
#main .contactright div.error_text { width:auto; left:0; top:0; }
.error_text{display: none;}
/* login */
#main .login { padding:0 10px; }
#main .login p { font-size:14px; line-height:156%; }
#main .login form { margin:0; padding:0; }
#main .login label { margin-top:0; width:100%; font-family:abel; font-size:18px; line-height:120%; font-weight:normal; color:#ea7b24; }
#main .login input, #main .login select, #main .login textarea { top:0; left:0; width:98%; height:39px; margin-bottom:8px; border:2px solid #dddddc; background-color:#f8f8f8; }
#main .login textarea { height:188px; }
#main .login .hint { top:0; left:0; margin-bottom:8px; }
#main .login .cbrgroup { left:0; top:0; width:auto; }
#main .login .cbrgroup input { width:auto; height:auto; margin:3px 5px 0 0; border:0; }
#main .login input.submit { position:relative; top:0; width:120px; height:56px; color:#FFFFFF; text-transform:uppercase; text-align:center; cursor:pointer; border:0;
background: url('../images/testbutton.png') center center ;
background-repeat: no-repeat;
}
/* registration */
#main .registration { padding:0 10px; }
#main .registration form { margin:0; padding:0; }
#main .registration form p { font-family:abel; font-size:18px; line-height:120%; color:#ea7b24; }
#main .registration label { margin-top:0; width:100%; font-family:abel; font-size:18px; line-height:120%; font-weight:normal; color:#ea7b24; }
#main .registration input, #main .registration select, #main .registration textarea { top:0; left:0; width:98%; height:39px; margin-bottom:8px; border:2px solid #dddddc; background-color:#f8f8f8; }
#main .registration textarea { height:188px; }
#main .registration .radio { left:0; top:0; width:auto; }
#main .registration .radio label { color:#585856; }
#main .registration .radio input { float:left; width:auto; height:auto; margin:3px 5px 0 0; border:0; }
#main .registration .radio span { float:left; }
#main .registration input.submit { position:relative; top:0; width:120px; height:56px; color:#FFFFFF; text-transform:uppercase; text-align:center; cursor:pointer; border:0;
background: url('../images/testbutton.png') center center ;
background-repeat: no-repeat;
}
#main .registration div.error_text { width:auto; left:0; top:0; }
/* warranty */
#main .warranty { padding:0 10px; }
#main .warranty form { margin:0; padding:0; }
#main .warranty form p { font-family:abel; font-size:18px; line-height:120%; /*color:#ea7b24;*/ }
#main .warranty label { margin-top:0; width:100%; font-family:abel; font-size:18px; line-height:120%; font-weight:normal; color:#ea7b24; }
#main .warranty input, #main .warranty select, #main .warranty textarea { top:0; left:0; width:98%; height:39px; margin-bottom:8px; border:2px solid #dddddc; background-color:#f8f8f8; }
#main .warranty select.inline { display:inline; width:auto; height:auto; top:auto; left:auto; }
#main .warranty textarea { height:188px; }
#main .warranty .radio { left:0; top:0; width:auto; }
#main .warranty .radio label { margin:0 0 4px 0; color:#585856; }
#main .warranty .radio input { float:left; width:auto; height:auto; margin:3px 5px 0 0; border:0; }
#main .warranty .radio span { float:left; max-width:280px; }
#main .warranty input.submit { position:relative; top:0; width:auto; height:56px; color:#FFFFFF; text-transform:uppercase; text-align:center; cursor:pointer; border:0;
background: url('../images/testbutton.png') center center ;
background-repeat: no-repeat;
}
#main .warranty div { width:auto; }
#main .warranty div.error_text { left:0; top:0; }
/* order */
#main .order { padding:0 10px; }
#main .order form { margin:0; padding:0; }
#main .order form p { font-family:abel; font-size:18px; line-height:120%; color:#ea7b24; }
#main .order label { margin-top:0; width:100%; font-family:abel; font-size:18px; line-height:120%; font-weight:normal; color:#ea7b24; }
#main .order .qty {clear:none; float:left; width:80px; }
#main .order .prod {clear:none; float:left; width:118px; text-align:center; }
#main .order .size { clear:none; float:left; width:100px; text-align:right; }
#main .order .small label { margin-top:0; width:100%; font-family:Arial,Helvetica,Sans-serif; font-size:12px; line-height:120%; color:#585856; }
#main .order .small input { float:left; left:0; top:0; width:50px; margin-bottom:10px; }
#main .order .small .input { clear:none; float:left; width:80px; }
#main .order .small .label { clear:none; float:left; width:118px; }
#main .order .small .size { clear:none; float:left; width:100px; text-align:right; }
#main .order input, #main .order select, #main .order textarea { top:0; left:0; width:98%; height:39px; margin-bottom:8px; border:2px solid #dddddc; background-color:#f8f8f8; }
#main .order textarea { height:188px; }
#main .order input.submit { position:relative; top:0; width:auto; height:56px; color:#FFFFFF; text-transform:uppercase; text-align:center; cursor:pointer; border:0; background:top left repeat url(../images/heading-bgnd.gif); }
#main .order div.error_text { width:auto; left:0; top:0; }
/* shop category */
#main .shopcat { text-align:center; }
#main .shopcat ul, #main .shopcat li { margin:0; padding:0; list-style:none; }
#main .shopcat li { text-align:left; }
#main .shopcat ul.heading { display:none; }
#main .shopcat .subheading li { display:none; font-family:abel; font-size:20px; line-height:120%; color:#e77922; }
#main .shopcat .subheading li.detail { display:block; padding:10px 0 4px 10px; }
#main .shopcat ul.proddetail { padding:5px 0 9px 0; border-bottom:1px solid #58595b; background:top left repeat-y url(../images/mobile-category-heading-bgnd.png); }
#main .shopcat ul.proddetail.bgnd { background-color:#f5f4f4; }
#main .shopcat .proddetail li { clear:both; }
#main .shopcat .proddetail li span { padding:2px 0; margin-left:140px; display:block; font-size:12px; line-height:120%; }
#main .shopcat .proddetail li span.heading { float:left; width:120px; padding-left:10px; margin:0; color:#FFFFFF; text-transform:uppercase; }
#main .shopcat li.add input { float:left; width:76px; height:28px; padding:0; margin-right:4px; text-align:center; border:1px solid #58595b; }
#main .shopcat li.add a { float:left; width:56px; height:22px; padding-top:8px; display:block; font-size:13px; line-height:120%; color:#FFFFFF; font-weight:bold; text-align:center; background-color:#e87923; }
#main .shopcat a.complete { height:34px; padding:11px 24px 0 24px; margin:28px auto 0 auto; display:inline-block; zoom:1; *display:inline; color:#FFFFFF; text-transform:uppercase; background:top left repeat url(../images/heading-bgnd.gif); }
/* footer */
p.blog{
max-width: 792px;
}
#footer { padding:32px 0 28px 0; border-top:1px solid #dddddc; }
#footer a { color:#585856; }
#footer .left { min-width:300px; padding:0 10px 32px 10px; text-align:center; }
#footer img { max-width:100%; height:auto; }
#footer ul.logos, #footer .logos li { margin:0; padding:0; list-style:none; }
#footer ul.logos { text-align:center; }
#footer .logos li { display:inline-block; padding:0 12px 12px 12px; }
#footer .logos li img { max-width:100%; }
#footer p { margin:16px 0 0 0; font-size:11px; line-height:120%; text-align:center; }
/* warranty pdf form */
.formouter { position:relative; border:6px solid #05539a; padding:2px; }
.forminner { border:3px solid #e97924; padding-top:18px; }
.forminner img.topleft { position:absolute; top:-26px; left:-24px; }
.forminner img.topright { position:absolute; top:-26px; right:-24px; }
.forminner img.bottomleft { position:absolute; bottom:-26px; left:-24px; }
.forminner img.bottomright { position:absolute; bottom:-26px; right:-24px; }
.formhead, .formbody, .formcontent { max-width:740px; margin:0 auto; }
.formhead { text-align:center; }
.formhead img { margin-bottom:20px; width:320px; height:56px; }
.formhead h1 { font-size:38px; line-height:120%; }
.formbody .section { padding-bottom:18px; margin-bottom:18px; border-bottom:1px solid #3b78b0; }
.formbody .left { float:left; width:362px; padding-right:16px; }
.formbody .right { float:left; width:362px; }
.formbody label { clear:left; float:left; }
.formbody span { float:left; padding-top:5px; font-family:abel; font-size:16px; line-height:120%; color:#05539a; }
.formbody input { float:left; height:24px; width:auto; margin-bottom:1px; font-size:12px; line-height:120%; color:#000000; -moz-border-radius:5px; border-radius:5px; border:1px solid #b0b1b2; }
.formbody .one span { width:92px; }
.formbody .one input { width:266px; }
.formbody .two span { width:155px; }
.formbody .two input { width:203px; }
.formbody .three span { width:142px; }
.formbody .three input { width:216px; }
.formbody .four span { width:93px; }
.formbody .four input { width:265px; }
.formbody .five span { width:143px; }
.formbody .five input { width:215px; }
.formbody .six span { width:162px; }
.formbody .six input { width:196px; }
.formbody .seven span { width:168px; }
.formbody .seven input { width:190px; }
.formbody .eight span { width:155px; }
.formbody .eight input { width:203px; }
.formbody .nine span { width:143px; }
.formbody .nine input { width:215px; }
.formbody .ten span { width:102px; }
.formbody .ten input { width:256px; }
.formbody .eleven span { width:156px; }
.formbody .eleven input { width:202px; }
.formbody .twelve span { width:173px; }
.formbody .twelve input { width:185px; }
.formbody .twelve select { width:168px; }
.formbody .thirteen span { width:126px; }
.formbody .thirteen input { width:232px; }
.formbody .fourteen span { width:162px; }
.formbody .fourteen input { width:78px; }
.formbody label.fifteen { clear:none; }
.formbody .fifteen span { width:49px; padding-left:5px; }
.formbody .fifteen input { width:60px; }
.formbody .sixteen span { width:122px; }
.formbody .sixteen input { width:236px; }
.formbody .seventeen span { width:106px; }
.formbody .seventeen input { width:252px; }
.formbody .eighteen span { width:169px; }
.formbody .eighteen input { width:189px; }
.formcontent { font-size:12px; line-height:120%; padding-top:20px; }
.formcontent .section { padding-bottom:12px; margin-bottom:18px; border-bottom:1px solid #b0b1b2; }
.formcontent p { font-size:12px; line-height:120%; }
.formcontent h2 { margin-top:0; font-family:abel; font-size:24px; line-height:120%; font-weight:normal; color:#010101; text-align:center; }
.formcontent h3 { margin-top:0; font-family:abel; font-size:18px; line-height:120%; font-weight:normal; color:#010101; }
.formcontent li { margin-bottom:8px; }
.formcontent label { clear:left; float:left; }
.formcontent span { float:left;margin-right:4px; padding-top:5px; font-family:abel; font-size:16px; line-height:120%; color:#05539a; }
.formcontent input { float:left; height:24px; width:auto; margin-bottom:1px; font-size:12px; line-height:120%; color:#000000; -moz-border-radius:5px; border-radius:5px; border:1px solid #b0b1b2; }
.formcontent .checklist { margin-bottom:20px; }
.formcontent .checklist label { padding-top:5px; font-family:abel; font-size:16px; line-height:120%; color:#05539a; }
.formcontent .checklist input { height:auto; margin-right:8px; -moz-border-radius:0; border-radius:0; border:0; }
.formcontent .applicant input { width:260px; }
.formcontent button.left { float:left; }
.formcontent button.right { float:right; }
/*.formcontent li { margin-bottom:18px; }
.formcontent ol ol { margin-top:18px; }*/
/*
.formhead { text-align:center; }
.formhead img { margin-bottom:20px; }
.formhead h1 { font-size:56px; line-height:120%; }
.formbody .section { padding-bottom:24px; margin-bottom:24px; border-bottom:1px solid #3b78b0; }
.formbody .left { float:left; width:520px; padding-right:26px; }
.formbody .right { float:left; width:520px; }
.formbody label { clear:left; float:left; }
.formbody span { float:left; padding-top:7px; font-family:abel; font-size:21px; line-height:120%; color:#05539a; }
.formbody input { float:left; height:36px; width:auto; margin-bottom:1px; color:#000000; -moz-border-radius:5px; border-radius:5px; border:1px solid #b0b1b2; }
.formbody .one span { width:132px; }
.formbody .one input { width:384px; }
.formbody .two span { width:223px; }
.formbody .two input { width:293px; }
.formbody .three span { width:204px; }
.formbody .three input { width:312px; }
.formbody .four span { width:131px; }
.formbody .four input { width:385px; }
.formbody .five span { width:204px; }
.formbody .five input { width:312px; }
.formbody .six span { width:234px; }
.formbody .six input { width:282px; }
.formbody .seven span { width:243px; }
.formbody .seven input { width:273px; }
.formbody .eight span { width:223px; }
.formbody .eight input { width:293px; }
.formbody .nine span { width:205px; }
.formbody .nine input { width:311px; }
.formbody .ten span { width:146px; }
.formbody .ten input { width:370px; }
.formbody .eleven span { width:223px; }
.formbody .eleven input { width:293px; }
.formbody .twelve span { width:249px; }
.formbody .twelve input { width:267px; }
.formbody .thirteen span { width:181px; }
.formbody .thirteen input { width:335px; }
.formbody .fourteen span { width:234px; }
.formbody .fourteen input { width:115px; }
.formbody label.fifteen { clear:none; }
.formbody .fifteen span { width:70px; padding-left:7px; }
.formbody .fifteen input { width:86px; }
.formbody .sixteen span { width:175px; }
.formbody .sixteen input { width:341px; }
.formbody .seventeen span { width:150px; }
.formbody .seventeen input { width:366px; }
.formbody .eighteen span { width:242px; }
.formbody .eighteen input { width:274px; }
.formcontent { font-size:14px; line-height:120%; padding-top:20px; }
.formcontent li { margin-bottom:24px; }
.formcontent ol ol { margin-top:24px; }
*/
/* responsive code */
@media screen and ( min-width: 320px){}
@media screen and ( min-width: 480px){
/* header */
#header img.logo { margin-bottom:0; width:537px; height:84px; border:0; float: left;}
/* home */
#main .container-fluid { padding-top:25px; margin-bottom:30px; background: top center repeat url(../images/header-bgnd3.gif);}
#main .container-fluid h1 {color: white; font-family: abel; text-align: center;}
#main .feature li { width:128px; padding:0 5px 10px 5px; }
#main .feature li .image { width:120px; height:97px; }
#main .feature li h3 { font-size:20px; line-height:120%; }
/* applicator */
#main .applicatorright select, #main .applicatorright input { width:325px; }
#main .applicatorright input.checkbox { clear:none; margin-top:13px; }
#main .applicatorright label.cblabel { width:122px; margin:11px 65px 0 0; }
#main .applicatorright input.submit { clear:none; margin-left:100px; }
/* portfolio */
#main .portfright .search label { float:left; width:140px; padding-top:8px; }
#main .portfright .search select { clear:both; position:relative; top:-29px; left:140px; width:315px; padding-left:10px; }
#main .portfcat li { width:340px; height:240px; }
#main .portfcat li .image { width:330px; height:166px; }
/* menupage */
#main .menupage li { width:340px; height:240px; }
#main .menupage li .image { width:330px; height:166px; }
/* contact */
#main .contactright label { margin-top:-8px; width:142px; }
#main .contactright input, #main .contactright select, #main .contactright textarea { top:-34px; left:142px; width:300px; margin:0; }
#main .contactright .submit input { top:-6px; }
#main .contactright div.error_text { top:-24px; width:428px; }
/* login */
#main .login p { margin-bottom:34px; }
#main .login label { margin-top:-8px; width:142px; }
#main .login input, #main .login select, #main .login textarea { top:-34px; left:142px; width:300px; margin:0; }
#main .login .hint { top:-34px; left:142px; margin:0; }
#main .login .cbrgroup { left:142px; top:-12px; max-width:300px; }
#main .login input.submit { top:-6px; }
/* registration */
#main .registration label { margin-top:-8px; width:142px; }
#main .registration input, #main .registration select, #main .registration textarea { top:-34px; left:142px; width:300px; margin:0; }
#main .registration .first label { margin-top:12px; }
#main .registration .wide label { margin-top:0; width:442px; }
#main .registration .wide input, #main .registration .wide textarea { left:0; top:0; width:442px; margin-bottom:10px; }
#main .registration .radio { left:142px; top:-12px; max-width:300px; }
#main .registration .radio label { width:auto; }
#main .registration .radio input { left:0; top:0; }
#main .registration input.submit { left:0; top:0; }
#main .registration div.error_text { top:-24px; width:428px; }
#main .registration .wide div.error_text { top:0; }
/* warranty */
#main .warranty label { margin-top:-8px; width:142px; }
#main .warranty input, #main .warranty select, #main .warranty textarea { top:-34px; left:142px; width:300px; margin:0; }
#main .warranty .first label { margin-top:12px; }
#main .warranty .wide label { margin-top:0; width:442px; }
#main .warranty .wide input, #main .warranty .wide textarea { left:0; top:0; width:442px; margin-bottom:10px; }
#main .warranty .radio { left:142px; top:-12px; }
#main .warranty .radio label { width:auto; }
#main .warranty .radio input { left:0; top:0; }
#main .warranty .radio span { max-width:420px; }
#main .warranty input.submit { left:0; top:0; }
#main .warranty div.error_text { top:-24px; width:428px; }
#main .warranty .radio div.error_text { top:0; }
/* order */
#main .order label { margin-top:-8px; width:142px; }
#main .order input, #main .order select, #main .order textarea { top:-34px; left:142px; width:300px; margin:0; }
#main .order .first label { margin-top:12px; }
#main .order .qty { width:100px; }
#main .order .prod { width:240px; text-align:left; }
#main .order .small label { margin-top:0; width:100%; }
#main .order .small input { float:left; left:0; top:0; width:50px; margin-bottom:10px; }
#main .order .small .input { width:100px; }
#main .order .small .label { clear:none; float:left; width:240px; }
#main .order .radio { left:142px; top:-12px; max-width:300px; }
#main .order .radio label { width:auto; }
#main .order .radio input { left:0; top:0; }
#main .order input.submit { left:0; top:0; }
#main .order div.error_text { top:-24px; width:428px; }
#main .order .wide div.error_text { top:0; }
}
@media screen and ( min-width: 600px){
/* warranty */
#main .warranty label { width:220px; }
#main .warranty input, #main .warranty select, #main .warranty textarea { left:220px; }
#main .warranty .radio span { max-width:100%; }
#main .warranty form div.error_text { width:506px; }
/* order */
#main .order .prod { width:300px; }
#main .order .size { width:200px; text-align:left; }
#main .order .small label { font-size:14px; line-height:120%; }
#main .order .small .label { width:300px; }
#main .order .small .size { width:200px; text-align:left; }
}
@media screen and ( min-width: 960px){
p { margin-top:0; }
h1 { margin-top:0; font-family:abel; font-size:45px; line-height:120%; font-weight:normal; color:#010101; }
h2 { margin-top:0; font-family:abel; font-size:30px; line-height:120%; font-weight:normal; color:#010101; }
h3.blue { margin-top:0; font-size:18px; font-weight:700; color:#005099; }
h3 { margin-top:0; font-family:abel; font-size:20px; line-height:120%; font-weight:bold; color:#e87a23; }
h4 { margin-top:0; font-size:17px; line-height:120%; font-weight:normal; color:#e46c0a; }
h6 { margin-top:0; font-size:15px; line-height:120%; font-weight:600; color:#005099; }
#header .content, #main, #footer { margin:0 auto; }
.fullwidth{ width:100%;}
/* header */
#header .search { float: right; padding-bottom: 0px;}
#header .search input { height:17px; }
#header .search input.submit { width:auto; height:auto; font-family:"nimbus-sans", sans-serif; font-size:14px; line-height:120%; font-weight:400; color: #005099; text-transform:uppercase; cursor:pointer; text-indent:0; border:0; background:none; }
#header .search input.submit:hover{ background:#4e79af; color: white; border-radius: 5px; }
#header a.menu { display:none; }
#menu { display:block !important; }
#header ul { width:auto; height:auto; padding-top:0px; margin-top:0; background:none; text-align:center; }
#header li {
display:inline-block;
padding:0 23px;
background-size: 100% 100%;
background: url('../images/testbutton.png') center center ;
background-repeat: no-repeat;
margin-right: 8px;
}
#header li a {
width:auto;
height:auto;
padding: 12px 0px 12px 0px;
border:0; }
#header li:hover { background: #ea7b24; }
#header ul ul { position:absolute; top:100%; left:0; padding-top:0; margin-left:0px; background-color:#ea7b24; text-align:left; }
#header ul ul li {background-color:#ea7b24;}
#header li li { width:350px; padding:0; border-top:1px solid #ffffff; border-bottom:0; }
#header li li.first { border-top:0; }
#header li li a { padding:20px 12px 18px 12px; border:0; }
#header li li.first a { border:0; }
#header li li a:hover { background-color:#27476f; }
#header ul ul ul { top:0; left:300px; background-color:#ea7b24; }
#header li li li a:hover { background-color:#27476f; }
#header .shopmenu li a { border:0; }
#header .shopmenu .subcategory li a { border:0; }
#header .shopmenu .trigger { display:none; }
#category { display:block !important; }
#subcategory { display:block !important; }
/* main */
#main .content { padding:0; }
/* home */
#main .feature li { padding:0 0 10px 10px; }
#main .feature li.first { padding-left:0; }
#main .homeleft { float:left; width:763px; padding:0 28px 0 0; }
#main .homeright { float:right; width:275px; }
#main .homeright .links li a { margin:0 0 4px 0; }
/* product */
#main .prodleft { float:left; width:682px; padding:0 20px 0 0; }
#main .prodright { float:left; width:345px; padding:0 0 0 18px; border-left:1px solid #4e4b4c; }
#main .prodleft .headingleft { float:left; }
#main .prodleft .headingleft h1 { margin-bottom:30px; }
#main .headingright { float:right;}
#main .prodleft .detail h3.left { float:left; width:330px; border-right:0; }
#main .prodleft .detail h3.right { float:left; width:333px; }
#main .prodleft .detail li .left { float:left; width:322px; padding:0 8px; }
#main .prodleft .detail li .right { float:left; width:341px; padding:0; border-left:1px solid #dddddc; }
/* applicator */
#main .applicatorleft { float:left; width:523px; padding:22px 20px 0 0; }
#main .applicatorright { float:left; width:523px; padding:24px 0 0 0; }
#main .applicatorright .search { padding:0 0 55px 0; }
/* portfolio */
#main .portfleft { float:left; width:523px; padding:22px 20px 0 0; }
#main .portfright { float:left; width:523px; padding:24px 0 0 0; }
#main .portfleft svg a path:hover, #main .portfleft svg a rect:hover, #main .portfleft svg a polygon:hover { fill:#E67824; cursor:pointer;}
#main .logo { padding:10px 0 30px 0; }
#main .portfcat li { float:left; padding:0 0 0 22px; }
#main .portfcat li:first-child, #main .portfcat li:nth-child(3n+1) { padding-left:0; }
#main .portfdetailleft { float:left; width:223px; padding:0 58px 0 0; }
#main .portfdetailright { float:left; width:783px; padding:0; }
#main .portfdetailright p { margin:0 0 6px 0; clear:both; }
#main .portfdetailright p strong { float:left; width:120px; font-family:abel; font-size:18px; line-height:120%; font-weight:normal; color:#ea7b24; }
/* menupage */
#main .menupage li { float:left; padding:0 0 0 22px; }
#main .menupage li:first-child, #main .menupage li:nth-child(3n+1) { padding-left:0; }
/* staff */
#main .staffleft { float:left; width:348px; padding:28px 36px 0 0; }
#main .staffright { float:left; width:682px; padding:36px 0 0 0; }
#main .staffright .headings { float:left; width:602px; }
#main .staffright a.back { float:right; width:60px; height:56px; text-indent:-9999px; display:block; background:top left no-repeat url(../images/button-back.gif); }
/* contact */
#main .contactleft { float:left; width:384px; padding:0 60px 0 0; }
#main .contactright { float:left; width:622px; padding:0; }
#main .contactright input, #main .contactright select, #main .contactright textarea { width:476px; }
#main .contactright div.error_text { width:600px; }
/* shop category */
#main .shopcat ul.heading { display:block; height:21px; padding-top:7px; color:#FFFFFF; background:top left repeat url(../images/heading-bgnd.gif); }
#main .shopcat .heading li { text-transform:uppercase; }
#main .shopcat .subheading li { display:inline-block; zoom:1; *display:inline; padding-top:18px; }
#main .shopcat .subheading li.detail { display:inline-block; zoom:1; *display:inline; padding:18px 0 0 8px; }
#main .shopcat .subheading li:nth-child(2n+1) { background-color:#f5f4f4; }
#main .shopcat li { display:inline-block; zoom:1; *display:inline; vertical-align:bottom; font-size:12px; line-height:120%; }
#main .shopcat li.code { width:116px; padding-left:8px; }
#main .shopcat li.detail { width:521px; padding-left:8px; }
#main .shopcat li.varone { width:84px; padding-left:8px; }
#main .shopcat li.vartwo { width:110px; padding-left:8px; }
#main .shopcat li.varthree { width:86px; padding-left:8px; }
#main .shopcat li.add { width:99px; padding-left:8px; }
#main .shopcat ul.proddetail, #main .shopcat ul.proddetail.bgnd { background:none; }
#main .shopcat ul.proddetail { padding:0; border:0; }
#main .shopcat .proddetail li { min-height:21px; border-bottom:1px solid #dddbdb; }
#main .shopcat .proddetail li:nth-child(2n+1) { background-color:#f5f4f4; }
#main .shopcat .proddetail li span { padding:0; margin:0; font-size:14px; line-height:156%; }
#main .shopcat .proddetail li span.heading { display:none; }
#main .shopcat .proddetail li.add { border-bottom:1px solid #FFFFFF; }
#main .shopcat li.add input { float:left; width:50px; height:18px; margin:0; }
#main .shopcat li.add a { float:right; width:37px; height:19px; padding-top:1px; font-size:13px; line-height:156%; font-weight:normal; }
#main .shopcat a.complete { float:right; margin:40px 0 0 0; display:block; }
/* footer */
#footer { padding-bottom:40px; }
#footer .left { float:left; width:362px; padding:0; text-align:left; }
#footer .right { float:right; width:704px; }
#footer ul.logos { text-align:right; }
#footer .logos li { padding:0 0 0 50px; }
}
/*
* MIX Default Common Elements/Layout
*/
#brand_wrapper { float: left; width:75%; padding:0; margin:0.2em; }
#brand_wrapper h1 { font-family:'arial narrow'; }
#currency_wrapper { float:right; width:20%; padding:0; }
#basket_wrapper {float:right; width:20%; padding:0; margin:0.2em; }
#basket_wrapper h1 { font-size: 1em; }
#crumb_wrapper { clear:both; padding:0.5em; margin:0.2em; }
#nav_wrapper { clear:both; padding:0.5em; margin:0.2em; }
#content_wrapper { clear:both; padding:0; margin:1em; }
#basket_summary_products { margin:0; padding: 0; list-style:none; }
#basket_summary_products li { margin:0; padding:0.1em; }
#basket_summary_footer { margin:0; padding: 1em 0 0 0; list-style:none; }
#basket_summary_footer li { margin:0; padding:0.1em; }
#footer_wrapper { clear:both; padding:0; margin:5em 0.2em 0.2em 0.2em; text-align: center; font-size:75%; }
/*#login_register .login { float:left; width:49%; }
#login_register .register { float:left; width:49%; }*/
/*
* Some handy common styles
*/
.html a { }
.html a:hover { }
.html img[align=right] {
clear:right;
margin:0 0 2px 10px;
}
.html img[align=left] {
clear:left;
margin:0 10px 2px 0;
}
.clear { clear:both; }
.clear2 { clear:both; margin-bottom: 4px; }
.clear3 { clear:both; margin-bottom: 80px; }
/* Calendar */
.calendar-day-short { display:none; }
.calendar-day-abbr { }
.calendar-day-full { display:none; }
/* Standard Form Layout */
.form_standard fieldset { display: block; border: none; margin:0; padding: 0; }
/* Radio button groups */
.form_standard fieldset fieldset { clear: left; }
.form_standard fieldset.radio { margin-bottom: 1em; }
.form_standard fieldset.radio legend { font-weight:bold; }
.form_standard fieldset.radio div.cbrgroup { position: relative; top: -1.6em; left: 11em; display: block; margin:0; padding:0 0 1em 0; font-weight:normal; width:30em; }
.form_standard fieldset.radio div.cbrgroup input { position: static; clear: none; width:auto; float: left; }
.form_standard fieldset.radio div.cbrgroup label { float:left; clear:none; position:relative; top: 0.5em; display: inline; margin:0; font-weight: normal; }
.form_standard fieldset.radio div.cbrgroup span { position: relative; top: 0.3em; }
.form_standard fieldset.radio div.cbrgroup span span { position: normal; top: 0; }
/* List items */
.form_standard fieldset ul { position:relative; top: -1.6em; left: 11em; width:18em; list-style:none; }
.form_standard fieldset li { text-align: left; margin:0; padding:0.1em;}
/* Labels */
.form_standard fieldset legend { color:black; font-weight: normal; padding:0 0 1.6em 0; margin: 5px 0 0.6em 0; }
.form_standard fieldset legend + * { -webkit-margin-top-collapse: separate; margin-top: 2em; } /* fix for chrome */
.form_standard fieldset legend.bold { font-weight: bold; }
.form_standard label { clear: both; float: left; display: block; width: 11em; /*margin-top:-0.8em;*/ font-weight:bold; }
.form_standard legend + label { margin-top: 0.6em; }
.form_standard label.no_input { position: relative; top: -1.6em; left: 11em; display: block; margin:0; padding:3px 0 3px 0; font-weight:normal; width: 18em;}
.form_standard div.hint, .form_standard div.error_text { position: relative; top:-1em; left:11em; font-weight:normal; margin-bottom:1em; }
/* Normal inputs */
.form_standard input { position: relative; top: -1.6em; left: 11em; width:15em; display: block; }
.form_standard textarea { position: relative; top: -1.6em; left: 11em; display: block; width:15em;height:100px;}
.form_standard span.text { position: relative; top: -1.1em; left: 11em; display: block; width: 15em; }
.form_standard input.submit { clear: both; top: 0; left:11em; width:auto; cursor:pointer;}
.form_standard input.left { left: 1em; }
.form_standard select { position: relative; top: -1.6em; left: 11em; display: block; }
.form_standard div.cbrgroup { position: relative; top: -1.6em; left: 11em; display: block; width:25em; }
.form_standard div.cbrgroup label { float:left; clear:none; font-weight:normal; width:12em; margin:0.5em 0 0.5em 0; }
.form_standard div.cbrgroup input { position: static; width:auto; float: left; margin:0 0.5em 0 0.5em; }
.form_standard div.cbrgroup select { position: static; width:auto; float: left; margin:0 0.5em 0 0.5em; }
.form_standard div.nolabel { left:0; width:36em; }
/* Smarty Date inputs - used in additional fields */
.form_standard div { clear:both; width:250px; }
.form_standard div select.month { display:inline; margin-right: 4px; }
.form_standard div select.day { display:inline; margin-right: 4px; }
.form_standard div select.year { display:inline; }
.form_standard div.date_range { width: 300px; }
.form_standard div.date_range div { float:left;clear:both; margin-left: 5px; font-weight:normal; }
/* Delete Checkbox */
.form_standard div.delete_checkbox{ padding:4px; }
.form_standard div.delete_checkbox label {position: relative; top: -2.3em; left: 11em; display: block;font-weight:normal;}
/* User Image Upload */
.form_standard div.user_image_upload { float:left; margin:0 8px 8px 0; border:1px solid #EBDAC7; padding:10px; width:130px; height:180px; background-color:#FFFFFF }
.form_standard div.user_image_upload:hover, .form_standard div.user_image_upload.selected { border:2px solid #FFCC00; padding:9px; background-color:#FFFFCC }
.fieldset_checkbox_scroll { width:350px;height:250px;overflow:auto; }
.error_text { border:1px solid red; background-color:pink; color:red; padding:0.5em; }
.form_inline strong, strong.form_inline, label.form_inline { clear:left; float:left; display:block; width:100px; }
/* Randoms */
.signup_text_label { float:left; clear:left; display:block; width:120px; font-weight:bold; }
div.album_picker form{float:right;margin-top:10px;}
div.album_picker h1{float:left;}
div.alert {padding:10px;background:#f4eedf;border:1px solid #ead6af;} /*where is this? */
li.alert, p.alert {font-style:italic;font-weight:bold;}
form p{font-size:10px;}
.checklabel{ float:left; width:110px;}
.cbr_group { position: relative; top: -1.6em; left: 11em; width:15em; display: block; }
.cbr_group img {vertical-align:middle;}
.cbr_group input{ position:static; clear:both; float: left; width:auto; margin-left:0; }
.cbr_group label{ position:inline; display:block; font-weight:normal; margin-left:1.6em; margin-top:-1.4em;}
.mix_cat_tree {
margin: 0 0 0 1em;
padding: 0;
}
.mix_cat_tree ul {
margin: 0;
padding: 0;
padding-left: 20px;
background: url(../admin/images/shop_tree_menu.gif) no-repeat left top;
}
.mix_cat_tree li {
list-style: none;
margin: 0;
padding: 0;
}
.mix_cat_tree span {
position: relative;
top: -0.3em;
}
.form_standard ul.mix_cat_tree { position: relative; left: 11em; margin:-1.6em; padding:0; }
.form_standard ul.mix_cat_tree input { position: static; width:auto; float: left; margin:-0.1em 0.25em 0.5em 1.6em; padding:0; }
.form_standard ul.mix_cat_tree label { position:relative; display:inline; font-weight:normal; width:auto; padding:0; margin:0; top:0.25em;}
select.styled_select{
-webkit-appearance: button;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
-webkit-padding-end: 20px;
-webkit-padding-start: 2px;
-webkit-user-select: none;
background-image: url(../../i62.tinypic.com/15xvbd5.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
background-position: 97% center;
background-repeat: no-repeat;
border: 1px solid #AAA;
color: #000;
font-size: inherit;
margin-left: 20px;
overflow: hidden;
padding: 2px 5px;
text-overflow: ellipsis;
white-space: nowrap;
}
tr.bottomborder td{
text-align: left;
border-bottom: 2px solid blue;
margin-bottom: 50px;
vertical-align: top;
}