/* General Settings */
* {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
html,body {
height:100%;
margin:0;
font-size:1em;
line-height:1.4;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%;
}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {
display:block;
}
figure {
margin:1em;
padding:1em;
text-align:center;
position:relative;
}
blockquote {
margin:1em 40px;
}
p,pre {
margin:1em 0;
}
pre {
white-space:pre;
white-space:pre-wrap;
word-wrap:break-word;
}
/* Fonts */common.css
.italic,.it {
font-style:italic;
}
.tleft,.tl {
text-align:left;
}
.tright,.tr {
text-align:right;
}
.tcenter,.tc {
text-align:center;
}
.heading,.bold,.bt,b,strong {
font-weight:700;
}
small,.small {
font-size:.9em;
}
/* Links */
.a,a {
text-decoration:underline;
cursor:pointer;
}
a:focus {
outline:thin dotted;
}
a:active,a:hover {
outline:0;
}
/* Images */
img {
border:0;
-ms-interpolation-mode:bicubic;
}
/* Forms */
form {
margin:0;
}
button,input,select,textarea {
margin:0;
vertical-align:baseline;
}
button,input {
line-height:normal;
}
button,input[type="button"],input[type="submit"],input[type="reset"] {
-webkit-appearance:button;
-moz-appearance:button;
}
button,input[type="button"],input[type="submit"],input[type="reset"],.btn,.btn_primary,.btn_active,.btn_inactive,.btn_secondary {
display:inline-block;
height:2em;
padding:0 1em;
vertical-align:top;
text-align:center;
text-decoration:none;
font-size:1em;
line-height:1.75em;
-webkit-transition:background-color 200ms ease-out;
transition:background-color 200ms ease-out;
cursor:pointer;
}
.btn,.btn_primary,.btn_active,.btn_inactive,.btn_secondary {
margin:0;
}
button:-moz-focus-inner,input:-moz-focus-inner {
padding:0;
border:0;
}
input[type="search"] {
-webkit-appearance:textfield;
-moz-appearance:textfield;
}
input[type="search"]:-webkit-search-cancel-button,input[type="search"]:-webkit-search-decoration {
-webkit-appearance:none;
-moz-appearance:none;
}
input[type="text"],input[type="password"],input[type="search"],input[type="email"],input[type="number"] {
height:2em;
padding:.35em .4em;
border:1px solid #A7A9AC;
outline:0;
font-size:1em;
color:#6D6E71;
}
input[type="text"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="email"]:focus {
-webkit-transition:all .175s ease-in 0;
-moz-transition:all .175s ease-in 0;
-ms-transition:all .175s ease-in 0;
-o-transition:all .175s ease-in 0;
transition:all .175s ease-in 0;
}
label[for],input[type="checkbox"],input[type="radio"] {
cursor:pointer;
}
fieldset {
margin:0 2px;
padding:.35em .625em .75em;
border:1px solid #C0C0C0;
}
input[type="checkbox"],input[type="radio"] {
padding:0;
}
textarea {
overflow:auto;
vertical-align:top;
}
.placeholder {
color:#CCC !important;
}
/* Lists */
ol,ul {
margin:1em 0;
padding:0 0 0 40px;
}
nav ul,nav ol {
margin:0;
padding:0;
list-style:none;
list-style-image:none;
}
dl {
display:inline-block;
padding:0 0 0 2.5em;
}
dl dt,dl dd {
margin:0;
}
/* Display Classes */
.inline {
display:inline;
}
.ib,.inline_block {
display:inline-block;
}
.hidden {
display:none;
}
/* Clear Fixes */
#container:before,#container:after,.group:before,.group:after,.clear:before,.clear:after {
content:"";
display:table;
visibility:hidden;
}
#container:after,.group:after,.clear:after {
clear:both;
}
#submenu {
padding:0 2.5% 0 0;
position:relative;
}
#submenu,#submenu .wrapper,#submenu .main_nav,#submenu .icon_tray {
height:40px; // TODO: SCSS parameterize by using $my-nav-height value
}
/* Main Navigation */
.main_nav li {
border-right:1px solid #FFF;
}
.main_nav li:first-child {
border-left:1px solid #FFF;
}
.main_nav li,.main_nav a {
float:left;
height:25px;
}
.main_nav a {
padding:0 1.2em;
text-decoration:none;
font-size:1em;
line-height:25px;
color:#FFF;
}
.main_nav a:visited {
color:#FFF;
}
/* Icon Tray */
#submenu .icon_tray {
background:#FFF;
border:0 solid #FFF;
border-width:0 5px;
position:absolute;
right:0;
}
#submenu .icon {
background-color:#A7A9AC;
float:left;
height:100%;
padding:0 1.5em 0 3em;
border-left:5px solid #FFF;
text-decoration:none;
font-size:1.1em;
line-height:25px;
color:#FFF;
}
#submenu .icon:first-child {
border:0;
}
#submenu .icon.active,#submenu .icon:hover {
background-color:#6D6E71;
}
#cart_preview,#help_drop {
background:#6D6E71;
display:none;
clear:both;
}
/* Browser Warnings */
.js-on #js_warning {
display:none;
}
#browser_warning {
margin:0;
}
/* Container */
#container {
min-height:100%;
margin:0 auto;
}
/* Collapsing Box */
.collapser {
margin:.31em 0;
}
.collapser.close * {
display:none;
}
.collapser.close .bar:first-child,.collapser.close .arrow:first-child {
display:block;
margin:0;
}
.arrow {
cursor:pointer;
}
.arrow:before,.arrow:after {
content:'';
border:9px solid transparent;
border-top:none;
-webkit-transition:all .175s ease-in;
-moz-transition:all .175s ease-in;
-ms-transition:all .175s ease-in;
-o-transition:all .175s ease-in;
transition:all .175s ease-in;
position:absolute;
top:.6em;
right:1em;
z-index:2;
}
.arrow:before {
margin-right:-8px;
border:21px solid transparent;
z-index:1;
}
.collapser.close .arrow:before,.collapser.close .arrow:after {
border-top:0;
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-ms-transform:rotate(180deg);
-o-transform:rotate(180deg);
transform:rotate(180deg);
top:.5em;
}
.collapser.close .arrow:before {
border:21px solid transparent;
}
.lt-ie9 .collapser.close .arrow:before,.lt-ie9 .collapser.close .arrow:after {
border-top:21px solid #FFF;
border-bottom:0;
top:0;
bottom:auto;
}
/* Notifications */
#notify_lane {
position:fixed;
top:95px;
right:1em;
}
#notify_lane a {
background:#FFF;
float:left;
width:100%;
margin:0 0 1em;
padding:2em;
border:1px solid #6D6E71;
text-decoration:none;
font-size:.9em;
opacity:.75;
}
#notify_lane a:hover {
opacity:1;
}
#notify_lane strong {
text-transform:capitalize;
}
.ellipsis {
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.js_on #js_required {
display:none;
}
/* Tooltips */
.tooltip {
cursor:pointer;
}
.qtip-default {
background-color:#E1E1E1 !important;
border-color:#6D6E71 !important;
}
.text-light {
font-weight:normal;
font-size:12px;
color:#AAA;
}
/* Table Styling */
.table {
background-color:transparent;
width:100%;
max-width:100%;
margin-bottom:20px;
border:1px solid #CCC;
}
.table th,.table td {
text-align:left;
}
.table > thead > tr > th,.table > tbody > tr > th,.table > tfoot > tr > th,.table > thead > tr > td,.table > tbody > tr > td,.table > tfoot > tr > td {
padding:10px 12px;
border:0;
vertical-align:top;
}
.table > thead > tr th,.table > tbody > tr th,.table > tfoot > tr th {
padding:6px 12px;
font-size:14px;
}
.table > thead > tr > th {
border-bottom:2px solid #CCC;
vertical-align:bottom;
}
.table > caption + thead > tr:first-child > th,.table > colgroup + thead > tr:first-child > th,.table > thead:first-child > tr:first-child > th,.table > caption + thead > tr:first-child > td,.table > colgroup + thead > tr:first-child > td,.table > thead:first-child > tr:first-child > td {
border-top:0;
}
.table > tbody + tbody {
border-top:2px solid #CCC;
}
.table .table {
background-color:#FFF;
}
.table-bordered {
border:1px solid #CCC;
}
.table-bordered > thead > tr > th,.table-bordered > tbody > tr > th,.table-bordered > tfoot > tr > th,.table-bordered > thead > tr > td,.table-bordered > tbody > tr > td,.table-bordered > tfoot > tr > td {
border:1px solid #CCC;
}
.table-bordered > thead > tr > th,.table-bordered > thead > tr > td {
border-bottom-width:2px;
}
.table-striped > tbody > tr:nth-child(odd) > td,.table-striped > tbody > tr:nth-child(odd) > th {
background-color:#E1E1E1;
}
.table-hover > tbody > tr:hover > td,.table-hover > tbody > tr:hover > th {
background-color:#CDCDCD;
}
.table > tbody > tr > td.table-checkbox {
width:35px;
text-align:center;
}
html.no-responsive body {
min-width: 960px;
}
.preserve-case {
text-transform:none !important;
}
.banner {
text-align:center;
margin:1em 0 1.5em;
height:10em;
padding:1em;
}
.banner .banner_tagline {
margin:0;
padding:0;
}
.banner .banner_title {
font-size:2.75em;
margin:.25em 0;
padding:0;
}
.identity {
text-transform:none;
}