@charset "UTF-8";
/* CSS Document */


/* Browser Resets
============================================================================= */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	text-align: center;
	text-align: left;
}
img {
	border-style: none;
	display: block;
}
body {
	color: #3f4444;
	margin: 0px;
	padding: 0px;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(../images/bg-images/main-bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #FFF;
}
*:focus {
	outline:none;
}
p {
	font-size: 12px;
	line-height: 20px;
	color: #3f4444;
	padding-top: 0px;
	padding-bottom: 15px;
	font-weight: normal;
	margin: 0px;
}
.clear {
	clear: both;
}
a:link {
	color:#233842;
	text-decoration: none;
}
a:visited {
	color:#233842;
	text-decoration: none;
}
a:hover {
	color:#233842;
	text-decoration: underline;
}
a:active {
	color:#233842;
	text-decoration: none;
}
/* Font */
h1 {
	font-size: 23px;
	font-weight: bold;
	color: #254b4b;
	padding-bottom: 10px;
	line-height: 32px;
}
h2 {
	font-size: 18px;
	font-weight: bold;
	color: #346061;
	padding-bottom: 10px;
	line-height: 25px;
}
h3 {
	font-size: 16px;
	font-weight: bold;
	color: #346061;
	padding-bottom: 10px;
}
h4 {
	font-size: 19px;
	font-weight: bold;
	color: #346061;
	padding-bottom:10px;
	line-height: 23px;
}
h5 {
	font-size: 15px;
	font-weight: bold;
	color: #3c7a7b;
	padding-bottom:5px;
	margin-bottom:5px;
	line-height: 21px;
	border-bottom:1px solid #94baba;
}
/* Structure Header
============================================================================= */
#wrapper {
	width: 100%;
	clear: both;
	float:left;
}
#container {
	padding: 0px;
	width: 1070px;
	margin: 0px auto;
	height: 102px;
}
.logo {
	float:left;
	width: 229px;
	height: 92px;
	margin-top: 5px;
}
.payment-logos {
	float:left;
	width: 384px;
	height: 58px;
	margin-top: 5px;
	margin-left: 100px;
}
.top-basket {
	float: right;
	width: 290px;
	height: 60px;
	background-color: #dbe1e2;
	border-top: 0px solid #FFF;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #FFF;
}
.top-contact-container {
	float: right;
	width: 450px;
	text-align: right;
	margin-top: 10px;
	font-size: 18px;
	font-weight: bold;
	color: #5d696c;
}
/* Structure Main Content
============================================================================= */
#container-main-content {
	padding: 0px;
	width: 1070px;
	margin: 0px auto;
}
.menu-bg-ext {
	background-image: url(../images/bg-images/menu-bg-ext.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	width: 1070px;
}
.main-menu-container {
	float: left;
	width: 190px;
	padding: 10px;
}
.main-content-container {
	float: right;
	width: 820px;
	padding-top: 15px;
}
/* Structure Content Two
============================================================================= */
#wrapper-two {
	width: 100%;
	clear: both;
	background-color: #FFF;
	float:left;
	border-top: 1px solid #FFF;
	background-image: url(../images/bg-images/content-two-bg-container.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
#container-two {
	padding: 0px;
	width: 1070px;
	margin: 0px auto;
}
#content-two-bg {
	background-color: #FFF;
	float: left;
	width: 1070px;
	background-image: url(../images/bg-images/content-two-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.main-menu-two {
	width: 190px;
	padding: 10px;
	float: left;
}
.main-content-container-two {
	width: 820px;
	padding-top: 15px;
	float: right;
}
/* Footer
============================================================================= */
#wrapper-footer {
	width: 100%;
	clear: both;
	background-color: #FFF;
	float:left;
	border-bottom: 7px solid #D5DADA;
	background-image: url(../images/bg-images/content-two-bg-container.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	border-top: 1px solid #FFF;
}
#container-footer {
	padding: 0px;
	width: 1070px;
	margin: 0px auto;
}
#footer-bg {
	background-color: #FFF;
	float: left;
	width: 1070px;
	background-image: url(../images/bg-images/content-two-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.main-menu-footer {
	float: left;
	width: 190px;
	padding: 10px;
}
.main-content-container-footer {
	float: left;
	width: 210px;
	padding-top: 15px;
	padding-left: 40px;
}
.footer-contact {
	float: right;
	width: 250px;
	padding-top: 15px;
	padding-left: 30px;
}
.footer-contact p {
	font-size: 18px;
	line-height: 30px;
	font-weight: bold;
	text-align: right;
	color: #737e82;
}
.footer-contact img {
	float: right;
	clear:both;
}
.footer-contact a:link {
	color:#737e82;
	text-decoration: none;
}
.footer-contact a:visited {
	color:#737e82;
	text-decoration: none;
}
.footer-contact a:hover {
	color:#737e82;
	text-decoration: underline;
}
.footer-contact a:active {
	color:#737e82;
	text-decoration: none;
}
.main-content-container-footer a:link {
	color:#849194;
	text-decoration: none;
	line-height: 24px;
}
.main-content-container-footer a:visited {
	color:#849194;
	text-decoration: none;
}
.main-content-container-footer a:hover {
	color:#233842;
	text-decoration: underline;
}
.main-content-container-footer a:active {
	color:#849194;
	text-decoration: none;
}
/*layout
============================================================================= */
.column-container {
	width: 820px;
	float: left;
	clear:both;
}
.column-container h2 {
	margin: 0px 0px 12px 0px;
	padding: 0px;
}
.column-one {
	width: 400px;
	float: left;
	margin: 0px 20px 0px 0px;
}
.column-two {
	width: 400px;
	float: left;
}
.column-two img {
	float:right;
	border: 4px solid #fff;
	-moz-box-shadow:    0px 0px 5px 3px #ccc;
	-webkit-box-shadow: 0px 0px 5px 3px #ccc;
	box-shadow:         0px 0px 5px 3px #ccc;
	margin: 0px 0px 30px 65px;
	clear:both;
}
.column-container ul li {
	padding:5px;
	margin: 0px 5px 0px 0px;
	line-height: 18px;
}
.contant-break-image {
	background-image: url(../images/content-images/full-length-shadow-small.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	height: 44px;
	width: 820px;
	float: left;
	clear: both;
}
/*Content Contact Style
============================================================================= */
.contact-content-container {
	width: 380px;
	background-color: #EDF3F3;
	padding: 10px;
	border: 1px solid #D2D7D7;
	margin: 10px 0px;
}
.contact-content-container h4 {
	font-size: 14px;
	font-weight: bold;
	color: #5d696c;
	padding-bottom:10px;
	line-height: 20px;
}
.contact-content-container h5 {
	font-size: 18px;
	font-weight: bold;
	color: #5d696c;
	padding:10px 0px 0px 0px;
	line-height: 23px;
}
/* testimonial style
============================================================================= */
.testimonial-container {
	width: 820px;
	background-image: url(../images/bg-images/full-length-shadow.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin: 5px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
}
.testimonial-text-container {
	width: 790px;
	padding: 0px 15px 15px 15px;
}
.testimonial-text-container p {
	padding: 0px;
	margin: 0px 0px 7px 0px;
}
.testimonial-text-container a {
	font-weight: bold;
}
/* Main Navigation
============================================================================= */

ul.button, ul.button ul {
	list-style-type:none;
	margin: 0;
	padding: 0;
	width: 190px;
}
ul.button a {
	display: block;
	text-decoration: none;
}
ul.button li {
	margin-top: 0px;
}
ul.button li a, ul.button ul.button li a {
	color: #fff;
	padding: 12px 10px 13px 20px;
	background-image: url(../images/buttons/main-button.png);
	background-repeat: no-repeat;
	background-position: center 0px;
	height: 12px;
	Font-weight: normal;
}
ul.button li a:hover, ul.button ul.button li a:hover {
	background-image: url(../images/buttons/main-button.png);
	background-repeat: no-repeat;
	background-position: center -38px;
}
ul.button-dark, ul.button-dark ul {
	list-style-type:none;
	margin: 0;
	padding: 0;
	width: 190px;
}
ul.button-dark a {
	display: block;
	text-decoration: none;
}
ul.button-dark li {
	margin-top: 0px;
}
ul.button-dark li a, ul.button-dark ul.button-dark li a {
	color: #fff;
	padding: 12px 10px 13px 20px;
	background-image: url(../images/buttons/Button-dark.png);
	background-repeat: no-repeat;
	background-position: center 0px;
	height: 12px;
	Font-weight: normal;
}
ul.button-dark li a:hover, ul.button-dark ul.button-dark li a:hover {
	background-image: url(../images/buttons/Button-dark-hover.png);
	background-repeat: no-repeat;
	background-position: center top;
}
ul.cart-button-dark, ul.cart-button-dark ul {
	list-style-type:none;
	margin: 0;
	padding: 0;
	width: 190px;
}
ul.cart-button-dark a {
	display: block;
	text-decoration: none;
}
ul.cart-button-dark li {
	margin-top: 0px;
}
ul.cart-button-dark li a, ul.cart-button-dark ul.cart-button-dark li a {
	color: #fff;
	padding: 12px 10px 13px 60px;
	background-image: url(../images/buttons/Add-to-cart-button.png);
	background-repeat: no-repeat;
	background-position: center 0px;
	height: 12px;
	Font-weight: normal;
}
ul.cart-button-dark li a:hover, ul.cart-button-dark ul.cart-button-dark li a:hover {
	background-image: url(../images/buttons/Add-to-cart-button.png);
	background-repeat: no-repeat;
	background-position: center top;
}
/* Customers Exhibition Button
============================================================================= */
ul.button-exhibition, ul.button-exhibition ul {
	list-style-type:none;
	margin: 20px 0px 0px 0px;
	padding: 0;
	width: 190px;
}
ul.button-exhibition a {
	display: block;
	text-decoration: none;
}
ul.button-exhibition li {
	margin-top: 0px;
}
ul.button-exhibition li a, ul.button-exhibition ul.button-exhibition li a {
	color: #fff;
	padding: 20px 10px 45px 12px;
	background-image: url(../images/buttons/Customers-Exhibitions-Button.png);
	background-repeat: no-repeat;
	background-position: center 0px;
	height: 12px;
	Font-weight: normal;
}
ul.button-exhibition li a:hover, ul.button-exhibition ul.button-exhibition li a:hover {
	background-image: url(../images/buttons/Customers-Exhibitions-Button.png);
	background-repeat: no-repeat;
	background-position: center -75px;
}
.menu-spacer {
	height:20px;
	width: 190px;
}
.twitter-logo {
	float: left;
}
.facebook-logo {
	float: left;
}
.fineart-logo {
	margin-top: 5px;
	float: right;
}
.more-info {
	width: 130px;
}
.more-info a {
	padding: 10px 2px 2px 20px;
	color: #FFF;
	Font-weight: normal;
	display: block;
	background-image: url(../images/buttons/dark-grey-button.png);
	height: 24px;
	width: 130px;
	background-repeat: no-repeat;
	background-position: -3px 0px;
}
.more-info a:hover {
	background-image: url(../images/buttons/dark-grey-button.png);
	background-repeat: no-repeat;
	background-position: -3px -35px;
}
/* Promo Banners
============================================================================= */
.slideshow {
}
.slideshow img {
	border: 1px solid #FFF;
}
.main-banner-container {
	float: left;
	width: 820px;
	margin: 0px 0px 10px 0px;
}
/* homepage promo boxes styling
============================================================================= */
.homepage-promo-box-container {
	float: left;
	width: 235px;
	padding-right: 55px;
	padding-bottom: 10px;
}
.homepage-promo-box-container img {
	border: 1px solid #FFF;
	margin-bottom: 15px;
}
.homepage-promo-box-container h1 {
	font-size: 19px;
	font-weight: bold;
	color: #5a6568;
	padding-bottom: 0px;
}
.homepage-promo-box-container p {
	padding: 12px 0px;
}
.homepage-promo-box-container-last {
	float: right;
	width: 235px;
	padding-bottom: 10px;
}
.homepage-promo-box-container-last img {
	border: 1px solid #FFF;
	margin-bottom: 15px;
}
.homepage-promo-box-container-last h1 {
	font-size: 19px;
	font-weight: bold;
	color: #5a6568;
	padding-bottom: 0px;
}
.homepage-promo-box-container-last p {
	padding: 12px 0px;
}
.right-promo-boxes {
	width: 263px;
	float: right;
	margin: 0px 0px 0px 20px;
}
.right-promo-boxes img:hover {
	/* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	/* IE 5-7 */
  filter: alpha(opacity=70);
	/* Netscape */
  -moz-opacity: 0.7;
	/* Safari 1.x */
  -khtml-opacity: 0.7;
	/* Good browsers */
  opacity: 0.7;
}
/* table styling
============================================================================= */

table, th, td {
	border: 1px solid #fff;
	padding: 3px;
}
/* online online
============================================================================= */
ul.order-online, ul.order-online ul {
	list-style-type:none;
	margin: 0;
	padding: 0;
	width: 210px;
}
ul.order-online a {
	display: block;
	text-decoration: none;
	font-size:14px;
}
ul.order-online li {
	margin-top: 0px;
}
ul.order-online li a, ul.order-online ul.order-online li a {
	color: #fff;
	padding: 10px 10px 13px 20px;
	background-image: url(../images/buttons/order-online.png);
	background-repeat: no-repeat;
	background-position: center 0px;
	height: 15px;
	Font-weight: bold;
	text-align:center;
}
ul.order-online li a:hover, ul.order-online ul.order-online li a:hover {
	background-image: url(../images/buttons/order-online.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.order-box {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	background-color: #cfe4e4;
	padding: 10px 20px;
	margin: 0px 0px 20px 0px;
	width: 85%;
	border:1px solid #bdd2d2;
}
/* online online
============================================================================= */
table {
	width:100%;
	vertical-align:top;
	margin:15px 0px 15px 0px;
	border:1px solid #CCCCCC;
	float: right;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}
table thead th {
	color:#FFFFFF;
	background-color:#5f9b9c;
	border:1px solid #ffffff;
	border-collapse:collapse;
	text-align:center;
	table-layout:auto;
	vertical-align:middle;
}
table tbody td {
	vertical-align:top;
	border-collapse:collapse;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	color:#3a4444;
	line-height: 19px;
}
table thead th, table tbody td {
	padding:7px;
	border-collapse:collapse;
}
table tbody tr.light {
	color:#666666;
	background-color:#d0e6e6;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}
table tbody tr.dark {
	color:#666666;
	background-color:#e5f5f5;
}