html {
overflow-y:scroll;
}
body {
width:100%; 
margin:0; 
padding:0; /* needed for opera */
background:#fdfdf5 url(../img/bodyBkg.gif) 0 0 repeat-x !important;
}
a {
font-size:inherit;
}
a:link {
color:#ea6942;
background-color:inherit; 
}
a:visited {
color:#ea6942;
background-color:inherit; 
}
a:hover {
color:#ea6942;
background-color:inherit; 
}
a:active {
color:#ea6942;
background-color:inherit; 
}
a img {
border:none;
}
strong a, li a {
text-decoration:none;
}
h1, h2, h3, p, li {
font:400 75% verdana,arial,helvetica,sans-serif;
margin:10px 20px;
padding:0;
line-height:1.3;
}
h1 {
font:normal 150% "Trebuchet MS",verdana,arial,helvetica,sans-serif;
color:#00a1b0;
margin:0;
}
h1 strong {
margin-left:20px;
font-weight:400;
}
h2 {
color:#00a1b0;
font-weight:700;
font-size:85%;
}
h3 {
color:#ff53ac;
font-weight:700;
font-size:85%;
}
p {
color:#6a4a3c;
}

/* Page layout styles  */
#content {
background-color:#fff;
clear:both;
border:1px solid #e9e5dc;
margin:15px auto 5px auto ;
width:704px;
}
#content #c {
border:1px solid #bbaaa3;
background-color:#fff;
float:left;
width:702px;
}

#header {
width:100%;
background:#fff url(http://www.banglebangle.co.uk/img/banglebangle.jpg) 0 0 no-repeat;
height:102px;
margin-bottom:20px;
}
#header h1 {
float:left;
}
#header h1 a {
float:left;
width:350px;
height:100px;
outline:none;
}
#header h1 a span {
position:absolute;
top:-9999px;
left:-9999px;
}
#header span {
float:right;
padding:77px 10px 0 0;
}
#header span a {
font:700 75% verdana,arial,helvetica,sans-serif;
color:#fff !important;
background:#432b21 url(http://www.banglebangle.co.uk/img/navGrad.gif) left bottom repeat-x !important;
display:inline;
text-decoration:none;
float:left;
border-right:1px solid #fff;
border-bottom:1px solid #432b21;
border-left:1px solid #fff;
padding:7px 10px;
margin-left:5px;
}
#header span a.sel, #header span a:hover {
color:#ff53ac !important;
}
.subscribe {
background-color:#ffdffd !important;
border:1px solid #ccc;
margin:10px 50px;
width:600px;
text-align:center;
}
.subscribe h2 {
font-size:120%;
font-weight:400;
color:#ff53ac;
margin:10px;
}
.subscribe a {
color:#6a4a3c;
}

#samplebox {
margin:0 5%;
width:89.9%;
text-align:center;
clear:both;
}
#samplebox div {
margin:0 0 5px 0;
text-align:center;
float:left;
position:relative;
clear:both;
width:100%;
}
#samplebox div img {
border:1px solid #e6d9d3;
position:relative;
border:none;
top:-10px;
float:left;
margin:0 10px 0 0;
}
#samplebox div h2 {
font:400 150% Georgia, "Times New Roman", Times, serif;
color:#ff53ac;
margin:0;
}
#samplebox div h2 em {
font-style:normal;
background-color:#ff0;
}
#samplebox img {
border:1px solid #e6d9d3;
margin:0 3px 6px;
}
#fatcol {
float:left;
width:450px;
}
.bangle {
float:left;
display:inline;
margin:0 0 20px 20px;
}
.bangle img {
border:1px solid #e6d9d3;
float:left;
margin:10px 10px 0 0 ;
}
.bangle h1 {
font-family:Georgia, "Times New Roman", Times, serif;
color:#ff53ac;
font-size:220%;
font-weight:400; 
margin:0;
}
.bangle p {
float:left;
display:inline;
text-align:left;
margin:5px 0;
width:430px;
}
.bangle p strong {
color:#00a1b0;
background-color:#fff;
}
.bangle p strong span {
color:#999;
font-weight:700;
}
.bangle p span {
color:#00a1b0;
}
.bangle div {
border:1px solid #ccc;
float:left;
padding-top:10px;
width:430px;
}
.bangle div p {
width:100%;
margin:0 10px 10px;
width:410px;
}
.bangle form {
float:left;
display:inline;
margin:0;
width:430px;
}
.bangle form img {
margin:0;
}
#skinnycol {
float:right;
display:inline;
width:220px;
margin-right:20px;
}
#skinnycol div {
border:1px solid #e6d9d3;
padding-bottom:10px;
margin:0 0 10px 20px;
}
#skinnycol div h2 {
color:#fff;
background:#432b21 url(../img/h2BrownBkg.jpg) 0 0 repeat-x !important;
margin:0;
padding:6px 10px;
}
#skinnycol div h3 {
margin:10px;
}
#skinnycol div img {
margin:0 !important;
}
#skinnycol div form {
margin:10px 0 0 10px;
padding:0;
}
#skinnycol div p {
margin:10px;
}
#skinnycol div p strong {
color:#ff53ac;
}
#skinnycol div img {
margin:10px 10px 0;
border:1px solid #e6d9d3;
}
#skinnycol p {
margin:10px 0;
}
#contact label {
float:left;
width:120px;
}
.links table {
margin:10px 20px;
width:650px;
}
.links table table {
margin:0;
}
.links td {
font:400 75% verdana,arial,helvetica,sans-serif;
padding:0;
}
.links td td {
font-size:100%;
}
.links td td a {
margin-bottom:5px;
display:block;
}
.links .redtext, .links .fine, .links .tblcel_sl_header {
display:none;
}
.links td p {
font-size:100%;
margin:0;
text-align:left;
}
.links td p a {
font-weight:400;
}
.links br, .links .sl_url_and_date {
display:none;
}
.clear {
clear:both;
}
#footer {
font:400 75% verdana,arial,helvetica,sans-serif;
color:#b9aaa7;
background:#fff url(../img/footerBkg.gif) 0 0 repeat-x !important;
clear:both;
margin-top:30px;
padding:7px 20px;
}
#footer a {
color:#ec6744;
background-color:transparent;
text-decoration:none;
}
#footer span {
float:right;
color:#bba9a7;
}
#footer span a {
color:#bba9a7;
padding:0;
}

#footbanner {
clear:both;
margin:10px auto 0;
text-align:center;
}
#footbanner p {
font:normal 120% "Trebuchet MS",verdana,arial,helvetica,sans-serif;
color:#930;
margin:0;
}
/* generic classes */
