html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, #footer, #header, hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  
article, aside, figure, #footer, #header, hgroup, nav, section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;outline: 0;}
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }


body { font:13px sans-serif; *font-size:small; *font:x-small; line-height:1.22; }
table { font-size:inherit; font:100%; }
select, input, textarea { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }
 
body, select, input, textarea { color:#444; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering: optimizeLegibility; }
html { -webkit-font-smoothing: antialiased; }
a:hover, a:active { outline: none !important; }
a { color: #005580;}
a:active { color:#AD2017; }
a:visited {color: #0f2f40;}
a:hover { color:#ad2017; }
a:visited:hover { color:#AD2017; }
ul { margin-left:30px; }
ol { margin-left:30px; list-style-type: decimal; }
.small { font-size:85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align:top; } 
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }

pre { padding: 15px; white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; }

input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }

::-moz-selection{ background: #ffffcc; color:#663333; text-shadow: none; }
::selection { background:#ffffcc; color:#663333; text-shadow: none; } 

a:link { -webkit-tap-highlight-color: #FF5E99; } 

html { overflow-y: scroll; }
button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

.ir { display:block; text-indent:-999em; overflow:hidden; background-repeat: no-repeat; }
.hidden { display:none; visibility:hidden; } 
.visuallyhidden { position:absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); }
.invisible { visibility: hidden; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

.error {background: #AD2017; color: #fff; font-size: 12px;  padding: 5px;}
.notvalid {border: solid 1px #AD2017;}


/* TOUCAN CSS RESET | v0.1.7 */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;}
p,blockquote,q,pre,address,hr,code,samp,dl,ol,ul,form,table,fieldset,menu{margin-bottom:1.5em;}
html{font-size:100%;}
body{font-family:verdana, Tahoma, helvetica, arial,sans-serif;font-size:.875em;line-height:1.5; color: #282724; font-family: helvetica,helvetica neue,arial,sans-serif;}
/* body{font-family:arial,helvetica,sans-serif;font-size:.875em;line-height:1.5;} */
h1{font-size:41px;line-height:1.1;margin-bottom:.138em; color: #282724;letter-spacing: -1px;}
h2{font-size:27px;line-height:1.15;margin-bottom:.357em; color: #ad2017;}
h3{font-size:1.5em;line-height:1.2;margin-bottom:.476em; }
h4,h5,h6{margin-bottom:.571em;}
h4{font-size:1.25em;line-height:1.25;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
code,kbd,pre,samp,tt{font-family:"andale mono",consolas,monaco,"lucida console","courier new",courier,monospace;line-height:1.3;}
pre{white-space:pre-wrap;}
abbr,acronym,dfn{border-bottom:1px dotted;cursor:help;font-variant:normal;font-style:normal;}
var{font-style:normal;}
center{text-align:center;}
a:focus{outline:none;}
img{border:0;}
ul{list-style:disc outside none;}
ol{list-style:decimal inside none; margin-left: 40px;}
li{margin-left:0;}
li ul,li ol{margin-bottom:0;}
dd{margin-bottom:1em;}
hr{border:0;border-bottom:1px solid;}
big{font-size:1.25em;}
small,sub,sup{font-size:.85em;}
sub,sup{line-height:1;}
sub{vertical-align:bottom;}
sup{vertical-align:top;}
del,s,strike{text-decoration:line-through;}
ins{text-decoration:none;border-bottom:1px dotted;}
bdo{border-bottom:1px dotted;}
u{text-decoration:underline;}
fieldset{padding:1em;}
legend{font-weight:bold;padding:0 .25em;}
input,textarea,select,button{font-family:inherit;font-size:1em;}
input[type=button],input[type=file],input[type=image],input[type=reset],input[type=submit],button[type=button],button[type=reset],button[type=submit]{cursor:pointer;line-height:1;}
input[type=text],input[type=password],textarea{padding:8px 5px;}
textarea{text-align:left;line-height:1.25;}
table{border-collapse:collapse;border-spacing:0;border:0;line-height:1.3;}
caption,th,td{text-align:left;vertical-align:top;}
th,td{border:1px solid;padding:.5em 1em;}
caption{padding-bottom:1em;}
h1,h2,h3,h4,h5,h6,strong,b,dt,th{font-weight:bold;}
h5,h6{font-size:1em;}
em,i,blockquote,q,cite{font-style:italic;}

 /* Primary Styles
    Author: David Couillard
 */

/*
 * lists
 */

.list.inline .item {
	display: inline-block;
	margin-bottom: 10px;
}

.list.inline .item .radio-group {
	margin-top: -20px;
}

.list.inline .item .radio-group input {
	margin: 0 6px 0 2px;
	position: relative;
	top: -2px;
}

.list.inline .item .item-title {
	color: #005580;
	text-align: center;
}

.place-order .item {
	width: 16%;
}

.place-order .item img {
	width: 100%;
}

.place-order #table-models .item.selected {
	border: 2px solid black;
	padding: 3px;
}

/* Fieldsets */

fieldset.address [class^="line"] {
	font-size: 0;
	width: 100%;
}

fieldset.address [class^="line"] > div {
	display: inline-block;
	font-size: 14px;
	position: relative;
	vertical-align: middle;
}

.place-order fieldset {
	padding: 0;
}

legend {
	display: block;
	padding: 0;
}

.place-order #step-1 > legend,
.place-order #step-2 > legend,
.place-order #step-3 > legend {
	font-family: Impact, sans-serif;
	font-size: 23px;
}

.place-order legend em.button {
	background: url(../images/btn-yellow-bg.png) repeat-x;
	display: inline-block;
	font-style: normal;
	font-size: 26px;
	line-height: 44px;
	margin: 0 20px 0 0;
	padding-bottom: 7px;
	position: relative;
	white-space: nowrap;
	/* padding: 10px 0px; */
}

.place-order legend em.button:before,
.place-order legend em.button:after {
	content: '';
	display: block;
	height: 51px;
	position: absolute;
	top: 0;
	width: 20px;
}

.place-order legend em.button:before {
	background: url(../images/btn-yellow-left.png);
	left: -20px;
}

.place-order legend em.button:after {
	background: url(../images/btn-yellow-right.png);
	right: -20px;
}

.place-order form > fieldset {
	background: url(../images/sep.png) no-repeat center bottom;
	padding-bottom: 30px;
	margin-top: -44px;
}

.place-order form > fieldset:first-child {
	margin-top: 0;
}

.place-order form > fieldset:nth-child(3),
.place-order form > fieldset:nth-child(4) {
	background: none;
}

.place-order form > fieldset:nth-child(4) {
	margin-top: 0;
}

#step-4 .info {
	font-size: 16px;
	margin-bottom: 10px;
	word-spacing: -2px;
}

.control-group.select,
fieldset.address,
.place-order .totals,
#table-model-input,
#post-errors,
.place-order .discounts {
	-moz-border-radius: 5px;
	border-radius: 5px;

	background: #ececec; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #ececec 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ececec)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#ececec 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#ececec 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#ececec 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#ececec 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */

	border: 1px solid #ccc;

	padding: 4px 10px;
}

fieldset.address {
	margin-bottom: 4px;
}

fieldset.address [class^=line] {
	-moz-box-sizing: border-box;
         box-sizing: border-box;

	background: #fff;
	border: 1px solid #ccc;
	border-top-width: 0;
	padding: 4px;
	position: relative;
	white-space: nowrap;
	width: 100%;
}

fieldset.address [class^=line]:nth-child(1) {
	border-top-width: 1px;
}

fieldset.address [class^=line] input {
	border: 0;
	padding: 0;
}

fieldset.address .line2 .control-group:nth-child(1),
fieldset.address .line2 .control-group:nth-child(2) {
	width: 35%;
}

fieldset.address .line2 .control-group:nth-child(3) {
	width: 28%;
}

fieldset.address .line3 .control-group:nth-child(1),
fieldset.address .line3 .control-group:nth-child(2) {
	width: 24%;
}

#name {
	width: 560px;
}

#street {
	width: 150px;
}

#city {
	width: 150px;
}

#postal-code {
	width: 80px;
}

#telephone {
	width: 120px;
}

#mobile {
	width: 120px;
}

#best-time-to-call {

}

#email {
	width: 560px;
}

fieldset.address .line3 .control-group:nth-child(3) {
	width: 50%;
}

#step-3 article .control-group.select {
	width: 86%;
}

.control-group.select select {
	min-width: 100%;
}

#shipping {
	margin-bottom: 4px;
}

#shipping legend {
	font-size: 16px;
	font-weight: normal;
}

#shipping .help {
	font-size: 12px;
	line-height: normal;
	margin-bottom: 4px;
}

.place-order .totals table,
.place-order .discounts table {
	background: #fff;
	border: 1px solid #ccc;
	margin-bottom: 0;
	width: 100%;
}

.place-order .totals table td, 
.place-order .totals table th,
.place-order .discounts table td,
.place-order .discounts table th {
	border: 0;
	border-top: 1px solid #ccc;
	font-weight: normal;
	padding: 4px 10px;
}

.place-order .totals,
.place-order .discounts {
	margin-bottom: 1.5em;
}

.place-order .discounts {
	margin-bottom: 4px;
}

.place-order .totals table th:last-child,
.place-order .totals table td:last-child,
.place-order .discounts table th:last-child,
.place-order .discounts table td:last-child {
	text-align: right;
}

.btn-blue {
	-moz-box-sizing: border-box;
         box-sizing: border-box;

    padding: 0 10px;
}

.btn-blue button,
.btn-blue a {
	-moz-border-radius: 0;
	     border-radius: 0;

	   -moz-box-shadow: none;
    -webkit-box-shadow: none;
            box-shadow: none;

	border: 0;
	background: url(../images/btn-blue-bg.png) repeat-x;
	color: #FFF;
	display: inline-block;
	font-style: normal;
	font-size: 26px;
	font-weight: normal;
	line-height: 42px;
	margin: 0 10px 0 0;
	padding: 0;
	position: relative;
	text-decoration: none;
	text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
	text-transform: none;
	white-space: nowrap;
}

.btn-blue button:hover,
.btn-blue a:hover {
	background: url(../images/btn-blue-bg.png) repeat-x;
	color: #FFF;
}

.btn-blue button:before,
.btn-blue a:before,
.btn-blue button:after ,
.btn-blue a:after {
	content: '';
	display: block;
	height: 42px;
	position: absolute;
	top: 0;
	width: 10px;
}

.btn-blue button:before,
.btn-blue a:before {
	background: url(../images/btn-blue-left.png);
	left: -10px;
}

.btn-blue button:after,
.btn-blue a:after {
	background: url(../images/btn-blue-right.png);
	right: -10px;
}

#table-model-input {
	float: right;
	min-width: 24%;
}

#table-model-input .input {
	background: #fff;
	border: 1px solid #ccc;
	height: 1.5em;
	line-height: 1.5em;
	padding: 0 4px;
}

#post-errors {    
	border: 1px solid #AD2017;
}

#post-errors .error {    
	background: none;
    color: #AD2017;
}


/*
 * Column groups
 */

.colgroup {
	font-size: 0;
	width: 100%;
}

.colgroup > div {
	display: inline-block;
	font-size: 14px;
	position: relative;
	vertical-align: top;
}

.colgroup > .maincol {
	-moz-box-sizing: border-box;
         box-sizing: border-box;

	padding-right: 30px;
	width: 75%;
}

.colgroup > .sidecol {
	width: 25%;
}

/* page Place order */

#page.place-order #content {
	-moz-box-sizing: border-box;
         box-sizing: border-box;

	background: #fefefe url(../images/bg-page-content-radial.jpg) no-repeat;

	padding: 10px 30px 40px;
}

.place-order #step-2 {
	height: 288px;
}

.place-order #step-2 .maincol {
	font-size: 0;
}

.place-order #step-2 .maincol > div {
	vertical-align: top;
}

.place-order .sidecol select,
.place-order .sidecol button {
	width: 100%;
}

.place-order #step-2 .sidecol {
	height: 100%;
}

.place-order #step-2 .bottom {
	bottom: 0;
	/* position: absolute; */
}

.place-order #step-3 .top .maincol {
	font-size: 0;
	/* height: 320px; */
	position: relative;
	/* text-align: center; */
}

.place-order #step-3 .top article {
	display: inline-block;
	font-size: 14px;
	position: relative;
	text-align: center;
	vertical-align: top;
	width: 25%;
}

.place-order #step-3 .top article .image {
	/* height: 160px; */
	overflow: hidden;
	position: relative;
}

.place-order #step-3 .top article img {
	display: block;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.place-order #step-3 .top article img.spacer {
	height: 50%;
	position: relative;
	width: 100%;
}

.place-order #step-3 .top article label {
	color: #777;
	font-family: Impact, sans-serif;
	font-size: 19px;
}

/*
.place-order #step-3 .top article {
	display: inline-block;
	font-size: 14px;
	position: relative;
	vertical-align: top;
	width: 33%;
}
*/

/*
.place-order #step-3 .top article img {
	display: inline-block;
	width: 100%;
}

.place-order #step-3 .top article {
	position: absolute;
	width: auto;
}

.place-order #step-3 .top article:nth-child(1) {
	left: 0;
	top: 0;
	width: 33.3333%;
}

.place-order #step-3 .top article:nth-child(2) {
	right: 0;
	text-align: right;
	top: 0;
	width: 60%;
}

#options-conversion-top .pitch span {
	display: block;
}

.place-order #step-3 .top article:nth-child(3) {
	bottom: 0;
	left: 0;
	width: 33.3333%;
}

.place-order #step-3 .top article:nth-child(3) img {
	max-height: 150px;
	width: auto;
}

.place-order #step-3 .top article:nth-child(4) {
	bottom: 0;
	left: 33%;
	text-align: center;
	width: 33.3333%;
}

.place-order #step-3 .top  article:nth-child(4) img {
	max-height: 190px;
	width: auto;
}

.place-order #step-3 .top article:nth-child(5) {
	bottom: 0;
	right: 0;
	text-align: right;
	width: 33.3333%;
}

.place-order #step-3 .top article h1 {
	font-size: 19px;
}
*/

/* Control groups */
.control-group.checkbox {
	position: relative;
}

.control-group.checkbox input[type="checkbox"] {
	left: auto;
	position: absolute;
	top: 0;
}

.control-group.checkbox label span {
	display: inline-block;
	padding-left: 30px;
}

/* Felt colours */

#feltcolors .basic-green        { background-color: #10704c; } 
#feltcolors .championship-green { background-color: #02652a; } 
#feltcolors .dark-green         { background-color: #0a432a; } 
#feltcolors .red                { background-color: #911515; } 
#feltcolors .olive              { background-color: #504a31; } 
#feltcolors .taupe              { background-color: #705644; } 
#feltcolors .bottle-green       { background-color: #213d1e; } 
#feltcolors .electric-blue      { background-color: #3943ac; } 
#feltcolors .golden             { background-color: #b7813d; } 
#feltcolors .khaki              { background-color: #a6845a; } 
#feltcolors .camel              { background-color: #ab7a4a; } 
#feltcolors .academy-blue       { background-color: #636378; } 
#feltcolors .purple             { background-color: #45136c; } 
#feltcolors .euro-blue          { background-color: #292983; } 
#feltcolors .navy               { background-color: #1c2633; } 
#feltcolors .brown              { background-color: #330000; } 
#feltcolors .burgundy           { background-color: #872d2d; } 
#feltcolors .wine               { background-color: #6c2f2f; } 
#feltcolors .steel-gray         { background-color: #7b7b84; } 
#feltcolors .titanium           { background-color: #23252c; } 
#feltcolors .charcoal           { background-color: #34343a; } 
#feltcolors .black              { background-color: #23252c; } 
#feltcolors .aztec              { background-color: #8d4819; } 
#feltcolors .brick              { background-color: #742d27; }

/* Lamp widget */
#lampchooser {

}

.place-order #step-3 .top #lampchooser img {
	bottom: 0;
	height: auto;
	position: relative;
	width: 100%;
}

#lampchooser .images {
	height: 124px;
	position: relative;
	width: 100%;
}

#lampchooser .images div {
	display: none;
	height: auto;
	left: 0;
	position: absolute;
	bottom: 0;
}

#lampchooser .images div.current {
	display: block;
}

#lampchooser .colors {
	font-size: 0;
	height: 45px;
	margin: 0;
	padding: 0;
	position: relative;
}

#lampchooser .colors li {
	display: inline-block;
	font-size: 14px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.place-order #step-3 .top #lampchooser .colors a {
	background: url(../images/colors-lamps-small.png) no-repeat 0 -89px;
	display: block; 
	float: left; 
	height: 42px;
	margin: 0;
	padding: 1px;
	text-indent: -99999px; 
	width: 42px; 
}

.place-order #step-3 .top #lampchooser .colors li#color-leather a           { background-position:    -51px -44.5px; }
.place-order #step-3 .top #lampchooser .colors li#color-leather a.current   { background-position:    -51px       0; }
.place-order #step-3 .top #lampchooser .colors li#color-walnut a            { background-position: -148.5px -44.5px; }
.place-order #step-3 .top #lampchooser .colors li#color-walnut a.current    { background-position: -148.5px       0; }
.place-order #step-3 .top #lampchooser .colors li#color-mahogany a          { background-position:        0 -44.5px; }
.place-order #step-3 .top #lampchooser .colors li#color-mahogany a.current  { background-position:        0       0; }
.place-order #step-3 .top #lampchooser .colors li#color-stainless a         { background-position:   -101px -44.5px; }
.place-order #step-3 .top #lampchooser .colors li#color-stainless a.current { background-position:   -101px       0; }
.place-order #step-3 .top #lampchooser .colors li#color-honey a             { background-position: -196.5px -44.5px; }
.place-order #step-3 .top #lampchooser .colors li#color-honey a.current     { background-position: -196.5px       0; }

#post-errors {    
    margin-bottom: 60px;
}

body { background: url(../images/bg.jpg) repeat-x #d9d2c8; color: #212121; }
#container { margin: 10px auto; width: 960px; }
#content { background: #fff;-moz-box-shadow:0px 0 3px #838079;-webkit-box-shadow:0px 0 3px #838079;box-shadow:0px 0 3px #838079; float: left; display: inline; width: 960px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomleft:0px;-moz-border-radius-bottomright:0px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-left-radius:0px;-webkit-border-bottom-right-radius:0px;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;}
#main {-moz-border-radius-topleft: 5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomleft:0px;-moz-border-radius-bottomright:0px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-left-radius:0px;-webkit-border-bottom-right-radius:0px;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:0px;border-bottom-right-radius:0px; background: #fff;}
#header {-moz-box-shadow:0px 0 3px #838079;-webkit-box-shadow:0px 0 3px #838079;box-shadow:0px 0 3px #838079;-moz-border-radius-topleft: 5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
#header, #bottom { background: #282724; color: #bfbfbf; }
#bottom {-moz-border-radius-topleft: 0px;-moz-border-radius-topright:0px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-webkit-border-top-left-radius:0px;-webkit-border-top-right-radius:0px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;-moz-box-shadow:0px 0px 3px #838079;-webkit-box-shadow:0px 0px 3px #838079;box-shadow:0px 0px 3px #838079;}

a.edit {font-size: 11px; display: block; margin: 0 0 0 10px; padding: 2px 10px; background: #ad2017; color: #fff;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; position: fixed;}
a.edit:hover {background: #282724;}

#header { height: 150px; background: url(../images/bg-header.png) no-repeat; margin-bottom: 10px; position: relative; overflow: hidden;}
#logo { display: block; width: 400px; height:111px; text-indent: -9999px;}
#topmenu { position: absolute; top: 30px; right: 30px; font-size: 12px; line-height: 16px;}
#topmenu ul, #footer li { margin: 0; padding: 0; list-style-type: none;  }
#topmenu a { color: #fff; text-decoration: none; border-right: solid 1px #5c5a53; padding: 0 8px 0 5px;}
#topmenu a:hover { text-decoration: underline; }
#topmenu li { display: inline; padding: 0; }
#topmenu li.first a { padding-left: 0; }
#topmenu li.last a{ border-right: 0; padding-right: 0; }
#phone { position: absolute; color: #fff; font-size: 21px; right: 100px;top: 57px; }

#nav, #nav li { margin: 0; padding: 0; list-style-type: none;background: #ad2017;  height: 40px; }
#nav li { float: left; display: inline; }
#nav li a { display: block; width: 120px;  height: 40px;background: url(../images/bg-header.png) no-repeat 0 -111px; text-indent: -9999px; }
#nav li#nav-home a { width: 103px; }
#nav li#nav-home a:hover, #nav li#nav-home a.here { background-position: 0 -150px;}
#nav li#nav-tables a { background-position: -103px -111px; width: 121px;  }
#nav li#nav-tables a:hover, #nav li#nav-tables a.here { background-position: -103px -150px; width: 121px;  }
#nav li#nav-construction a { background-position: -224px -111px; width: 137px;  }
#nav li#nav-construction a:hover, #nav li#nav-construction a.here { background-position: -224px -150px; width: 137px;  }
#nav li#nav-installation a { background-position: -361px -111px; width: 128px;  }
#nav li#nav-installation a:hover, #nav li#nav-installation a.here { background-position: -361px -150px; width: 128px;  }
#nav li#nav-shipping a { background-position: -489px -111px; width: 91px;  }
#nav li#nav-shipping a:hover, #nav li#nav-shipping a.here { background-position: -489px -150px; width: 91px;  }
#nav li#nav-accessories a { background-position: -580px -111px; width: 120px;  }
#nav li#nav-accessories a:hover, #nav li#nav-accessories a.here { background-position: -580px -150px; width: 120px;  }
#nav li#nav-warranty a { background-position: -700px -111px; width: 109px;  }
#nav li#nav-warranty a:hover, #nav li#nav-warranty a.here { background-position: -700px -150px; width: 109px;  }
#nav li#nav-order a { background-position: -809px -111px; width: 151px;  }
#nav li#nav-order a:hover, #nav li#nav-order a.here { background-position: -809px -150px; width: 151px;  }

#home #content { position: relative; background-color: #b12326; }

#introduction { background: url(../images/bg-intro.jpg) no-repeat; width: 640px; height: 720px; display: block; text-align: center; position: relative; top: 0; left: 0; float: left;}
#introduction h1, #introduction h2 { text-indent: -99999px; }
#introduction p { font-size: 15px; line-height: 24px; position: absolute; padding: 0 40px; top: 125px; left: 20px;}
#introduction p.testimonial { top: 650px; font-size: 13px; line-height: 18px;color: #fff; margin-left: 40px; }

#home #secondary { background: #fff url(../images/bg-tables-home.png) no-repeat; position: static; top: 0; left: 640px;width: 320px; float: left; }

/* Clear fix pour la colonne de droite */
#home #content:after {
  content: "";
  display: table;
  clear: both;
}

#home #secondary h2 { display: none; }
.smalltable { text-align: center; list-style-type: none; padding: 0; margin: 0; font-size: 12px; float: left; display: inline; width: 160px; }
.smalltable a { display: block; width: 160px; height: 115px; text-decoration: none;position: relative; }
.smalltable a span { display: block; position: absolute; top: 80px;left: 0; width: 159px; text-align: center;}
.smalltable a:hover span { text-decoration: underline; }
.firsttable { display: block; width: 320px; height: 142px; margin-top: 12px;}
.firsttable a { width: 320px; height: 145px; position: relative;}
.firsttable img { position: absolute; top: 0; left: 8px; }
.firsttable span { position: absolute; top: 100px; left: 80px; display: block; width: 160px; height: 30px; text-align: center;  }

#page #content { background: url(../images/bg-page-content.jpg) no-repeat #fff; padding: 40px 0 0 0;}
.construction #content { background: url(../images/bg-construction-content.jpg) no-repeat #fff !important;}
#page #content h1, #page #content h2, #page #content p.intro { /*text-align: center;*/ text-shadow: 0 1px 0 #fff; }

p.intro { padding: 0 30px; font-size: 17px;}

.construction .introduction { height: 640px; position: relative; text-align: center;}
#main .block {float: left; display: inline; width: 900px; margin-left: 30px; clear: both; background: url(../images/sep.png) no-repeat bottom center; padding-bottom: 30px; margin-bottom: 20px; }
#main .block:last-child {background: none !important; padding-bottom: 0;}
img.floatleft {float: left; display: inline; margin-right: 30px;}
img.floatright {float: right; display: inline; margin-left: 30px;}

#lens a#lens-slate {position: absolute; top: 250px; left: 700px;}
#lens a#lens-wood {position: absolute; top: 315px; left: 400px;}
#lens a#lens-beams {position: absolute; top: 190px; left: 290px;}
.tooltip {display:none;background:transparent url(../images/bg-tooltip.png) no-repeat top center;font-size:12px;width:350px;padding:20px 0 45px 0;height: 110px;color:#fff;	text-align: center;}
.tooltip span {padding: 0 35px;display: block;}
.tooltip strong {color: #d5271c;}
#lens img {border:0;cursor:pointer;margin:0;}

#page.pool-tables #content {background: url(../images/header-pooltables.jpg) no-repeat #fff;}
.pool-tables .introduction {height: 185px; text-align: center;}
.pool-tables .introduction .intro {width: 760px; text-align: center; margin-left: 65px;}
.pool-tables #main .block {clear: both; padding: 0; margin: 0; position: relative; height: 450px;width: 960px;}
.pool-tables #main .block .description {position: absolute; top: 40px; left: 515px; width: 400px;}
.pool-tables #main .block .description h3 {font-size: 1.4em;}
.pool-tables #main .block .description h3 a {color: #282724; text-decoration: none;}
.angletable {position: absolute; left: 0; top: 0;}
.sidetable {position: absolute; right: 40px; top: 220px;}
.pool-tables .bottomtext {margin: 0 40px 0 40px; padding: 20px 0 0 0; clear: both;}
.introduction h2 {color: #AD2017 !important;font-size: 19px !important;}

#page #content { background: url(../images/bg-page-content.jpg) no-repeat #fff; padding: 40px 0;}
#page #content h1, #details .introduction h2, #details #content p.intro {text-shadow: 0 1px 0 #fff; }
#page #content h2 { font-weight: 17px;color: #212121;}
#page #content p.intro { margin: 0 auto 20px auto;}

#details .introduction {height: 505px; clear: both; position: relative;padding: 40px 0 0 0;}
#details #priceinfo {position: absolute; top: 390px; left: 315px; width: 320px; text-align: center;}
#priceinfo .specialprice {font-size: 35px; color: #ad2017; font-weight: bold; margin-bottom: 0; padding-bottom: 0; line-height: 35px;}
#priceinfo .small {font-size: 13px; color: #282724; margin-bottom: 10px;}
#priceinfo a.btn-order {background: url(../images/btn-howtoorder.png) no-repeat; display: block; width: 245px; height: 42px; text-indent: -9999px; margin: 0 auto;}
#priceinfo .retail {text-decoration: line-through;}
#priceinfo .save {font-weight: bold; color: green;}

#details .column {float: left; display: inline; position: relative;}
#details .maincol {width: 615px;}
#details .maincol .description {padding-left: 30px;}
#details .maincol .description h2 { color:#212121;font-size:17px;text-align:left; }
.picangle {height: 425px; width: 610px;}
.picangle .accessoires { position: absolute; top: 426px; left: 0; z-index: 10;}
#details .sidecol {width: 345px; background: url(../images/bg-sidecol.png) no-repeat; min-height: 625px;}
#details .sidecol h3 {font-size: 17px;}
.sidecol .gallery, .sidecol .colorsamples {padding-left: 50px; clear: both; margin-bottom: 20px;}
.sidecol .gallery {float: left; display: inline; width: 260px;}
.sidecol .gallery li { float: left; display: inline; width: 117px; height: 85px; background: #000; border: solid 5px #d9d9d9; margin: 0 6px 6px 0; list-style-type: none; padding: 0;}
.sidecol .gallery li img {opacity: 0.8;}
.sidecol .gallery li:hover img {opacity: 1;}
.sidecol .gallery li:hover {border: solid 5px #212121;}
.sidecol .gallery li.last {margin-right: 0;}
.sidecol .colorsamples {width: 260px;}
.sidecol .colorsamples h3 span {font-size: 13px;}
.sidecol .colorsamples  .logo {float: right; display: inline;}

.place-order .colorsamples {
	display: inline-block;
	font-size: 14px;
	margin-bottom: 0;
	padding-left: 0;
	width: 40%;
}

#feltcolors {margin: 0 0 10px 0; padding: 0; list-style-type: none; height: 170px;}
#feltcolors li {float: left; display: inline;margin: 0; padding: 0; list-style-type: none;}
#feltcolors a { border: solid 1px #fff; display: block; width: 41px; height: 41px;float: left; overflow: hidden; text-indent: -9999px;-webkit-transition: all 0.5s ease-in; }
#feltcolors a span { display: none; }
#feltcolors a:hover,#feltcolors a:focus,#feltcolors a:active,#feltcolors li.active a { border: solid 1px #212121;}
#feltcolors li.active a { -webkit-transform: rotate(0deg) scale(1.15);-moz-transform: rotate(0deg) scale(1.15);transform: rotate(0deg) scale(1.15); }
.main_image {width: 615px;height: 350px;float: left;position: relative;overflow: hidden;}
.main_image .desc{position: absolute;bottom: 40px;left: 40px; width: 100%;display: none; font-size: 16px;}
.main_image .desc .first { font-size: 13px; }
.main_image a.show {background-position: left bottom;}
.main_image img { position: absolute; left: -48px; top: 0; }

.place-order .main_image {
	display: inline-block;
	float: none;
	font-size: 14px;
	width: 60%;
}

.place-order .main_image img {
	height: auto;
	left: auto;
	position: relative;
	top: auto;
	width: 100%;
}

.notecolors { font-size: 11px; text-align: center; color: #ad2017; }
#details .tooltip {display:none;background:transparent url(../images/bg-tooltip-felts.png) no-repeat top center;font-size:12px;width:142px;padding:5px 0 27px 0;height: 10px;color:#fff;text-align: center; margin-top: 20px;}
.frame {width: 400px;}


#roomsize { margin-bottom: 0 !important; padding-bottom: 0;}
#roomsize table { margin-bottom: 0; padding-bottom: 0; }
#roomsizetable thead td {background: #212121;color: #fff; border: solid 1px #212121;}

.other {clear: both; margin:0; padding: 45px 30px 0 30px; background: url(../images/sep.png) no-repeat;}
.other h2 {margin-bottom: 20px; color: #ad2017 !important;font-size: 21px !important;}
.productlist {float: left; display: inline; width: 900px; clear: both;}
.productlist .product {float: left; width: 435px; display: inline; margin-right: 30px; position: relative;}
.product .name {font-size: 13px; text-align: center; position: absolute; top: 130px; left: 110px; width: 205px; display: block; }
.productlist .last {margin-right: 0 !important;}

#constructiondetails {width: 900px; float: left; display: inline; clear: both;}
#constructiondetails .item {float: left; display: inline; clear: both; margin-bottom: 20px; width: 900px;}
#constructiondetails .item img { float: left; display: block; margin: 0 20px 20px 0; width: 345px; height: 210px;}
#legs.block { background: none; margin-bottom: 0; padding-bottom: 0; }

.shipping #content {background: url(../images/bg-shipping.jpg) no-repeat !important;}
.shipping .introduction {width: 610px; margin: 275px 0 0 30px; text-align: left;}
.shipping .introduction h1, .shipping .introduction h2, .shipping .introduction .intro {text-align: left !important;}
.shipping .introduction p.intro {padding-left: 0;}
.shipping .introduction h2 {font-size: 22px; margin-bottom: 0.957em;}
.shipping #content p.intro {margin-bottom: 70px !important;}
.shipping .introb {width: 400px;}
.shipping .columns {clear: both; width: 960px; padding: 0;}
.shipping .col { float: left; display: inline; width: 435px; margin-left: 30px;}
.shipping .columns h3 {font-size: 14px;}

.warranty #content {background: url(../images/bg-warranty.jpg) no-repeat !important;}
.warranty .introduction {width: 535px; margin: 0 0 0 30px; text-align: left;}
.warranty .introduction h1, .shipping .introduction h2, .shipping .introduction .intro {text-align: left !important;}
.warranty .introduction h1 span {font-size: 80%;}
.warranty .introduction p.intro {padding-left: 0;}
.warranty .columns {clear: both; width: 960px; padding: 0;}
.warranty .col { float: left; display: inline; width: 435px; margin-left: 30px;}

/*.privacy-statement #content {background: url(../images/bg-warranty.jpg) no-repeat !important;}*/
.privacy-statement .introduction {width: 900px; margin: 0 0 0 30px; text-align: left;}
.privacy-statement .introduction h1, .shipping .introduction h2, .shipping .introduction .intro {text-align: left !important;}
.privacy-statement li { margin-left: 20px; }

.installation #content {background: url(../images/bg-installation.jpg) no-repeat !important; text-align: left important; padding: 40px 30px !important; width: 900px;}
.installation #content .introduction h1 {font-size: 45px;text-align: left important;}
.installation h2 {font-size: 23px !important; color: #ad2017;}
.installation .introduction {margin-bottom: 425px;}
.installation .intro {padding-left: 0 !important; margin: 0 0 20px 0 !important; width: 435px;}
.installation .col {width: 445px;}
.installationvideoblock {background: url(../images/bg-dvdinstallation.jpg) no-repeat; display: block; clear: both; height:300px; width: 840px; color: #fff;
padding: 30px; position: relative;text-shadow: 0 1px 0 #181715; margin-bottom: 20px;}
.installationvideoblock h3 {color: #ad2017; font-size: 32px;}
.installationvideoblock p {font-size: 17px;}
.installationvideoblock .video a {display: block; position: absolute; top: 30px; left: 470px; width: 403px; height: 267px; background: url(../images/bg-video-installation.jpg) no-repeat; text-indent: -9999px;}
.installation .block2 {width: 425px;}
#diy {background: url(../images/bg-installation-diy.jpg) no-repeat; margin: 0 -30px; padding: 0 30px 0 495px; height: 600px;}

.accessories #content {background: url(../images/bg-accessories.jpg) no-repeat !important; text-align: left important; padding: 40px 0 !important; width: 960px;}
.accessories li {list-style-type: none;}
.accessories .introduction {text-align: center; margin-bottom: 225px;}
.accessories .introduction h1 {font-size: 48px;}
.accessories .introduction h2 {font-size: 24px !important;}
.accessories .introduction p {font-size: 17px; width: 784px; margin-left: 80px;}

#basickit {position: relative; clear: both; display: block; height: 635px; background: url(../images/bg-basic-accessory-kit.jpg) no-repeat center bottom; margin-bottom: 40px; padding: 0 30px;}
#basickit .desc {width: 425px;}
#basickit .price span {font-size: 19px; font-weight: bold;}
#basickit .price strong {color: #ad2017 ;}
#basickit .details {position: absolute; top: 100px; left: 500px;}
#basickit .details h3 {font-size: 17px;}

#upgradedkit {position: relative; clear: both; display: block; height: 1100px; background: url(../images/bg-upgraded-accessory-kit.jpg) no-repeat center bottom; margin-bottom: 40px; padding: 0 30px;}
#upgradedkit h2 strong {color: #ad2017 ;}
#upgradedkit .desc {width: 610px;position: absolute; top: 0; left: 320px;}
#upgradedkit .price span {font-size: 19px; font-weight: bold;}
#upgradedkit .price strong {color: #ad2017 ;}
#upgradedkit .details {position: absolute; top: 400px; left: 30px;}
#upgradedkit .details h3 {font-size: 17px;}

#lights {width: 960px; height: 560px; position: relative; display: block; z-index: 10;}
#lights .block { position: absolute; width: 800px; top: 20px; left: 5px; text-align: center; }
#lights .block h2, #lights .block p { margin-left: 70px; }
#racks {width: 960px; height: 830px; display: block;position: relative; background: url(../images/bg-billard-racks.jpg) no-repeat left bottom; z-index: 9;}
#racks .block { position: absolute; width: 420px; top: 140px; left: 425px; }
#tablecovers {position: relative; clear: both; display: block; height: 500px; background: url(../images/bg-table-covers.jpg) no-repeat center bottom; margin-bottom: 20px; padding: 40px 30px 0 70px;}
#tablecovers p {width: 400px;}
#racks .block .prices, #tablecovers .prices { font-size: 16px; }
#racks .block .prices strong, #tablecovers .prices strong { font-weight: bold; }

.tabs { margin-left: 210px; height: 85px; margin-bottom: 0; }
.tabs li a {display: block; float: left; width: 85px; height: 85px; text-indent: -99999px; background: url(../images/colors-lamps.png) no-repeat 0 -89px; margin: 0 5px; }
.tabs li#color-leather a { background-position:  -102px -89px; }
.tabs li#color-leather a.current { background-position:  -102px 0; }
.tabs li#color-walnut a { background-position:  -297px -89px; }
.tabs li#color-walnut a.current { background-position:  -297px 1px; }
.tabs li#color-mahogany a { background-position:  0 -89px; }
.tabs li#color-mahogany a.current { background-position:  0 1px; }
.tabs li#color-stainless a { background-position: -202px -89px; }
.tabs li#color-stainless a.current { background-position: -202px 1px; }
.tabs li#color-honey a { background-position:  -393px -89px; }
.tabs li#color-honey a.current { background-position:  -393px 1px; }
#lights .panes p { margin-left: 0; }

.panes { height: 230px; position: relative; width: 900px; display: block; }
.panes div { height: 230px; position: relative;  }
.panes div h3 { text-align: center; }
.panes div p { text-align: center; }

.contact-us #content {background: url(../images/bg-contact.jpg) no-repeat !important; width: 900px; padding: 40px 30px !important;}
.contact-us h1 {text-align: left !important;}
.contact-us h2#phonenumber {font-size: 72px; color: #ad2017 !important; margin-bottom: -9px;}
p.emailadd { margin-bottom: 10px; }
.contact-us .hours {display: block; padding-left: 140px; margin-bottom: 45px;}
.contact-us .hours span {color: #ad2017;}
.contact-us .intro {padding-left: 0;}
.contact-us .columns {clear: both; width: 900px; float: left; display: inline;}
.contact-us .columns .col {float: left; width: 435px; margin-right: 30px; display: inline;}
.contact-us .columns .lastcol {margin-right: 0;padding-top: 200px;}
.contact-us .columns .lastcol address {font-size: 17px; font-style: normal; background: url(../images/bullet-map.png) no-repeat; padding-left: 55px; line-height: 22px;}

#contact-form {background: #282724;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; color: #fff; padding: 10px 30px 0 30px;}
#contact-form label {clear: both; width: 100%; display: block; font-weight: bold;}
#contact-form div {margin-bottom: 20px;}
#contact-form .field {width: 330px;}
#contact-form .note {font-size: 11px; color: #b0ac9e;}
#contact-form #question {width: 330px; height: 100px;}
#contact-form h3 {color: #ad2017; margin-bottom: 20px;}

button {background: #ad2017;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;  -moz-box-shadow: 0 2px 0 0 #141412;-webkit-box-shadow: 0 2px 0 0 #141412;box-shadow: 0 2px 0 0 #141412;border:  solid 1px #ad2017;color: #fff;font-size: 13px;font-weight: bold;line-height: 1;padding: 8px 0 8px 0;text-align: center;text-shadow: 0 1px 0 #780f0b;width: 150px;cursor: pointer;text-transform: uppercase;}
button:hover {background: #c7251a;}
button:active {background: #6f150f;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;padding: 9px 0 7px 0;}

.confirmation #content {background: url(../images/bg-contact-confirmation.jpg) no-repeat !important; height: 400px; width: 900px; padding: 40px 30px !important;}
.confirmation #content p {width: 500px;}

.free-sample-kit #content {background: url(../images/bg-freesample.jpg) no-repeat !important; width: 900px; padding: 40px 30px !important; min-height: 400px;}
.free-sample-kit #contact-form {width: 450px; margin-top: 30px;}
.free-sample-kit #content h2 {color: #ad2017 !important; font-size: 21px; }

.bottomlinks {clear: both; width: 900px; margin-left: 30px; float: left; display: inline; background: url(../images/bg-bottomlinks.jpg) no-repeat; height: 15px; padding: 60px 0 0 0;}
.bottomlinks a {padding: 3px 0;}
.bottomlinks .next {display: block; float: right; background: url(../images/bg-bottomlinks.png) no-repeat -128px -3px; padding-right: 35px;}
.bottomlinks .next:hover {background-position: -128px -37px;}
.bottomlinks .previous { float: left;display: block;  background: url(../images/bg-bottomlinks.png) no-repeat 0 -3px; padding-left: 35px;}
.bottomlinks .previous:hover {background-position: 0 -37px;}
.installation .bottomlinks { margin-left: 0; }
.installation .bottomlinks .next { padding-right: 50px; }
.accessories .bottomlinks .next {background: url(../images/bg-bottomlinks.png) no-repeat -142px -3px;}
.accessories .bottomlinks .next:hover {background-position: -142px -37px;}

#bottom { background: url(../images/bg-bottom.png) no-repeat; clear: both; height: 135px;}
#bottom p { margin: 0; padding: 0; }
#bottom .bottomblock a { display: block; float: left; width: 320px; height: 135px; text-indent: -9999px; }

#footer, #footer a { color: #57544e;font-size: 13px; position: relative; padding: 0;}
#footer ul, #footer li { margin: 0; padding: 0; list-style-type: none;  }
#footer ul { padding-top: 30px; }
#footer a { text-decoration: underline; color: #282724; }
#footer a:hover { text-decoration: underline; color: #57544e; }
#footer li { display: inline; padding: 0 5px; border-right: solid 1px #aea89e;}
#footer li.first { padding-left: 0; }
#footer li.last { border-right: 0; }
.footertext { border-top: solid 1px #ceccc4; padding-top: 20px;margin-top: 20px; }
#footer #facebook { display: block; width: 100px; height: 35px; background: url(../images/facebook-logo.png) no-repeat; text-indent: -9999px; position: absolute !important; right: 0; top: 30px; }

/*  Shadowbox */ 


#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%; opacity: 0.8 !important;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:5px solid #1f1f1f;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(../images/close.png);}
#sb-nav-next{background-image:url(../images/next.png);}
#sb-nav-previous{background-image:url(../images/previous.png);}
#sb-nav-play{background-image:url(../images/play.png);}
#sb-nav-pause{background-image:url(../images/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}

.popup {
	-moz-box-shadow: 0 0 20px #000000;
	-webkit-box-shadow: 0 0 20px #000000;
	box-shadow: 0 0 20px #000000;
	background-color: #fff;
	border-radius: 10px;
	left: 50%;
	margin: -127px 0 0 -314px;
	position: fixed;
	top: 50%;
}

.popup.hidden {
	display: none;
}

.popup .btn-group {
	padding: 0 0.5em;
	text-align: right;
}

.popup .btn-group > * {
}

@media (max-width:680px) {
	.popup {
		-moz-box-shadow: 0 0 20px #000000;
		-webkit-box-shadow: 0 0 20px #000000;
		box-shadow: 0 0 20px #000000;
		background-color: #fff;
		border-radius: 10px;
		left: 0;
		margin: 0;
		position: fixed;
		top: 33%;
		width: 100%;
	}
	
	.popup img {
		width: 100%;
	}
}

/* 
 * print styles
 */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}