Deluxe Showcase Jewelry Standard Tray for display Jewelry

/ FONTS AND COLORS /
body
font-family: Arial,sans-serif;
font-size: 14px;
line-height: 1.428571429;
color: #333;
background-color: white;

h1, h2, h3, h4, h5, h6
color: black;

.navbar a, .navbar a:active, .navbar a:hover, .navbar a:visited
color: #333;


.product-specs
background-color: #f1f1f1;
padding: 1em;

.product-specs td
font-size:12px;

.attr-left
min-width:6em;
font-weight:bold;
vertical-align:top;

.attr-right
vertical-align:top;


div.footer
border-top: 1px solid #f1f1f1;


.navbar-default
background-image: -webkit-linear-gradienttop, #ffffff 0%, #f2f2f2 100%;
background-image: linear-gradientto bottom, #ffffff 0%, #f2f2f2 100%;
background-repeat: repeat-x;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba255, 255, 255, 0.15, 0 1px 5px rgba0, 0, 0, 0.075;
box-shadow: inset 0 1px 0 rgba255, 255, 255, 0.15, 0 1px 5px rgba0, 0, 0, 0.075;


.navbar-default .navbar-nav > .active > a
background-image: -webkit-linear-gradienttop, #ebebeb 0%, #f3f3f3 100%;
background-image: linear-gradientto bottom, #ebebeb 0%, #f3f3f3 100%;
background-repeat: repeat-x;
-webkit-box-shadow: inset 0 3px 9px rgba0, 0, 0, 0.075;
box-shadow: inset 0 3px 9px rgba0, 0, 0, 0.075;


/ LAYOUT - CHANGING THESE WILL AFFECT THE SIZE AND LAYOUT OF YOUR AD TEMPLATE /

/ Responsive Columns /
.col-md-6width:100%;
.col-md-12width:100%;
.containermargin:auto;width:100%;

media min-width:768px
.containerwidth:750px;
.col-md-12, .col-md-6float:left;
.col-md-6width:48%; margin:1%;

media min-width:992px
.containerwidth:970px;
.col-md-12,.col-md-6float:left;
.col-md-6width:48%; margin:1%;

media min-width:1200px
.containerwidth:1170px;
.col-md-12,.col-md-6float:left;
.col-md-6width:48%; margin:1%;

.img-responsivedisplay:block;height:auto;max-width:100%;

/ Responsive Navigation Bar /
.navpadding-left:0;margin-bottom:0;list-style:none;
.nav:before, .nav:afterdisplay:table;content:" ";
.nav:afterclear:both;
.nav:before, .nav:afterdisplay:table;content:" ";
.nav:afterclear:both;
.nav > liposition:relative;display:block;
.nav > li > aposition:relative;display:block;padding:10px 15px;
.nav > li > a:hover, .nav > li > a:focustext-decoration:none;background-color:#eeeeee;
.nav > li > a > imgmax-width:none;
.navbarposition:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent;
media min-width:768px.navbarborder-radius:4px;

.navbar-header:before, .navbar-header:afterdisplay:table;content:" ";
.navbar-header:afterclear:both;
.navbar-header:before, .navbar-header:afterdisplay:table;content:" ";
.navbar-header:afterclear:both;
media min-width:768px.navbar-headerfloat:left;

.navbar-collapsemax-height:340px;padding-right:15px;padding-left:15px;overflow-x:visible;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba255,255,255,0.1;-webkit-overflow-scrolling:touch;
.navbar-collapse:before,...