body {text-align: center; font-family: arial, helvetica, verdana, sans-serif; color:#333; background:  #e8c8fe url(images/bg.gif) repeat-x; }


a {color: #353e80;}

#wrap {width: 900px; margin: 0 auto;  text-align: center; background: #fff;}

#wrap2 {width: 900px;   text-align: center; margin: 0 auto; margin-bottom: 30px; }

#wrap3 {width: 900px;  margin: 0 auto; }

#nav { height: 57px;border-top: 2px solid #d6d6d6; border-bottom: 2px solid #d6d6d6; text-align:left; clear: both; width: 900px; font-size: 0.8em; line-height: 1.4;  padding-top:5px;}

#header {height: 190px;  background: url(images/superquiltbg.jpg) no-repeat; background-position: -5px 0px; padding-left: 10px; padding-right: 10px; }

#header h1{display: none;}

#body {width: 900px; clear: both; background: #fff; }

#right {float: left; width: 500px;  margin: 20px 0px 0px 0px;  text-align: left; font-size: 0.9em; line-height: 1.3;}

#right p{padding-bottom:20px;}

#right h3 {color: #553567; font-size: 1.3em; font-weight: bold; padding-bottom: 20px; }

#left {float: right; width: 360px;  text-align: left;}

#footer {clear: both; width: 900px;  font-size:0.8em; padding:10px 0px 10px 0px; color:#fff; background: #fff;}

#footer a {color:#9ba5ec;}

#footer h2{display:inline; font-size: 0.9em; }

#innerheader { padding-left:0px; padding-top: 15px; text-align:left; color:#5a3a83; font-size:1.1em;}

#underlogo {float:left; width: 250px; text-align:center; font-weight: bold; padding-top: 70px;}

#underlogo2 {padding-top:5px; padding-left: 15px;font-size:1.2em;float:left; width: 350px; text-align:center; font-weight: bold; }


#underlogo b{color:#000;}

#delivery {font-size:0.8em; float:right; width: 250px;  background: url(images/superquiltdevlivery.jpg) no-repeat; font-weight: bold; padding-top: 120px; font-style: italic; }


#innerheader h1{display:none;}

#innerheader h2{float: left; font-size: 1.1em; font-family: arial, helvetica,verdana, sans-serif; color: #353e80; padding: 40px 0px 0 110px;}

#callus {width: 200px; float: right; margin-right: 100px; margin-top:10px; background: #7fb8e9; height: 50px; color: #096cc0; font-size: 1.2em;}

#callus b {color: #fff; padding: 0;}

#callus p {padding-top: 5px;}

#callus a {font-size: 0.5em; padding: 0; }


#navigation {padding-left: 7px;}
#navigation li {float:left; padding-left:20px;}
#navigation li a:link{color: #fff; text-decoration: none; float:left; height: 24px; font-weight: bold; margin:0; padding: 5px 15px 0px 15px;} 
#navigation li a:visited{color: #fff; text-decoration: none; float:left; height: 24px; font-weight: bold; margin:0; padding: 5px 15px 0px 15px;} 
#navigation li a:hover{color: #d2d3d4;  float:left; }
#navigation li a:active{color: #fff;  float:left; }

.active {color: #fff; text-decoration: none; float:left; height: 24px; font-weight: bold; margin:0; padding: 0px 0px 0px 0px;} 


#innerleft {margin: 20px 0px 0px 0px; font-size: 0.8em; color: #333;}

#innerleft p {padding-bottom: 15px; line-height: 1.3;}

#innerleft ul{ list-style-type: disc; padding: 10px 0 20px 20px; }

#innerleft h3{ font-size:1.6em; color: #1e2a8e; font-weight: bold; padding-bottom: 10px; }

#innerright {padding: 0px; background: #e0e0e0; width: 250px;}

#innerright ul{list-style-type: disc; font-size: 0.8em; padding-left: 20px; padding-top:10px; font-weight: bold;}

#innerright ul li{padding-bottom:3px;}


#innerright h3{background: #39429d; color:#fff; padding: 6px 5px 4px 6px; font-weight: bold;}

#innerright p{color:#666; font-size: 0.8em; padding-top:10px;}

table td{ padding:5px; }

#mainul {list-style-type:disc; padding-left: 20px;}

#mainul2 {list-style-type:disc; padding-left: 20px;}


#mainul li{padding-bottom: 5px;}

#mainul2 li{padding-bottom: 5px;}

#products {font-size: 0.9em;  width: 900px;}

td.first {width:200px; background: #ffeae5; border-top: 1px solid #de2628; border-bottom: 1px solid #de2628; padding:10px 15px 10px 20px;}
td.first b{color:#de2628; font-size:1.1em; }
td.second {width:250px; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; padding:10px;  }
td.third {width:150px; background: #e8c8fe; border-top: 1px solid #d0a4fe; border-bottom: 1px solid #d0a4fe; padding:10px; font-size: 0.9em;}
td.third b{color: #62477d; font-size: 1.8em; padding-right: 5px;}

td.fourth {width:100px;padding:10px; background:#b78de1; border-top: 1px solid #9460cb; border-bottom: 1px solid #9460cb;}


#flags {padding-top:10px; padding-left:15px; }
#flags li {float:left;}
#flags li a { float:left; width: 70px; height: 55px; padding-right:5px; padding-top:0px; margin-top:0;}

#gb {background: url(images/flags.jpg) no-repeat; }
#eire {background: url(images/flags.jpg) no-repeat;background-position: -75px 0px; }
#eire:hover {background-position: -75px 0px;}
#france {background: url(images/flags.jpg) no-repeat;  background-position: -147px 0px;}
#france:hover {background-position: -147px 0px;}
#four {background: url(images/flags.jpg) no-repeat;background-position:-221px 0px; }
#four:hover {background-position: -221px 0px;}

#enquire {  background: #fff url(images/enquirebg.jpg) no-repeat; float: right; font-size: 1.5em; padding:5px 21px 10px 15px; letter-spacing: 1px;}

#enquire a {text-decoration:none; font-weight: bold; color:#fff;}
#enquire a:hover {text-decoration:none; font-weight: bold; color:#fff; text-decoration: underline;}

#order {width: 700px;  font-size:0.9em; }
tr.headers {font-weight: bold; background: #e8c8fe; color:#333; border-bottom: 1px solid #d0a4fe;border-top: 1px solid #d0a4fe; }
tr.ref {background: #ffeae5; width: 100%;}
tr.total {background: #b78de1; color:#333;  border-top: 1px solid #9460cb; border-bottom: 1px solid #9460cb;}
tr.prod {margin-top:20px; margin-bottom: 20px; }
td.name {padding-top:15px; padding-bottom:15px;}

#details {font-size:0.9em; margin-top:20px;}