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

/* LAYOUT */
html, body {height: 100%;}
body {background-color:#480019; }
a { color:#480019; text-decoration:none;}
a visited { color:#480019; text-decoration:none;}
.clearfix {clear:both; height:1px; font-size:1px;}
#header { width:100%; background-color:#480019; height:92px;margin:0 auto; }
#header-inner { width:955px; margin:0 auto; }
#left-column {background:url(../images/bgleft.jpg) #6A1131 no-repeat; background-position:right top; }
#right-column {background:url(../images/bgright.jpg) #6A1131  no-repeat; background-position:left top;}
#middle-column {background: url(../images/main-bg.jpg) #6A1131  no-repeat; width:955px; height:455px;}
#left-nav { float:left; margin-top:25px; font-size:18px; }
#contact { float:right;  position:relative; top:30px; text-align:right; width:350px;  }
#contact a { color:#FFFFFF; text-decoration:none; }
div#left-nav ul li { list-style-type:none; margin-bottom:15px; text-transform:uppercase; }
#content { float:right; width:780px;}
#content ul li { padding-left:5px; margin-left:20px; line-height:20px; }

table.price { border-spacing:2px; border-collapse:separate;}
table.price td { padding:3px; background-color: #F4F4F4;}

table.contact { border-spacing:2px; border-collapse:separate;}
table.contact td { padding:3px; }
table.contact a { color:#480019; }

#footer{ width:100%; background-color:#480019; padding:10px 0px; }
#footer-inner { width:970px; margin:0 auto; }
#footer-inner a { color:#FFFFFF; text-decoration:none; }


/* GRAPHICAL ELEMENTS */
#logo { position:relative; top:28px;  }


/* TEXT*/
#header h2 { font-size:30px; color:#FFF;}
.pink { color:#A5818D!important;}
.red { color:#480019!important;}
.free { color:#a50000; font-weight: bold; font-size:16px;}
div#left-nav ul li a { color:#FFF; font-size:14px; text-decoration:none; border-bottom:solid 1px transparent;  }
div#left-nav ul li a:hover { border-bottom:#FFF solid 1px;  }
#contact p {font-size:16px; color:#FFF; line-height:20px;}
h2 { font-size:20px; }
h4 { font-size:14px; font-weight:bold;}
.frame-title { font-size:24px; color:#480019; }
.reference { font-size:13px; color:#480019;  }
#footer p {  color:#FFF; font-size:11px;}


/* ELEMENTS */

#product_1 {margin-top:46px;}
.transparent1 { background-image:url(../images/allframes.jpg); background-repeat:no-repeat; width:760px; height:230px; }
.transparent2 { background-image:url(../images/trans.png); background-repeat:repeat;}
.solid {}
.inner { margin:10px 10px 20px 10px; position:relative; z-index:2; padding:5px;}
.centre { text-align:center;} 
#credit-cards { float:right; position:relative; top:10px;}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background-color:#6A1131;
	margin: 0 auto -60px; /* the bottom margin is the negative value of the footer's height */
}
#footer, .push {
	height: 40px; /* .push must be the same height as .footer */
}

#cart {z-index:100; width:250px; position:absolute; top:100px; margin-left:520px; background:#A5818D; color:#fff;}
#cart.fixed {position:fixed; top:0px; -moz-box-shadow:0px 0px 3px 3px #777; -webkit-box-shadow: 0px 0px 3px 3px #777; box-shadow:0px 0px 3px 3px #777;}
#cart #cartheader {height:30px; background: url('../images/cart.png') 5px 5px no-repeat; font-size:16px;}
#cart.active {background:#480019;}
#cart #cartheader h5 {display:inline-block; margin:5px 10px 0px 40px;}
#cart #cartheader #cartsummary {color:#480019; margin:5px 10px 0px 0px; float:right;}
#cart.active #cartheader #cartsummary {color:#A5818D;}
#cart #cartcontents {display:none; z-index:100; position:absolute; width:250px; float:right; background:#A5818D;}
#cart #cartcontents #cartinner {margin:10px;}
#cart #cartcontents #cartinner .product {margin-bottom:10px;}
#cart #cartcontents #cartinner .product:hover {color:#480019;}
#cart #cartcontents #cartinner .product .delete {cursor:pointer; display:inline-block; float:right;}
#cart #cartcontents #checkout {cursor:pointer; display:inline-block; float:right; margin:5px; padding:5px; background:#480019; color:#fff; text-transform:uppercase; font-size:16px;}