@import "http://www.bevivid.co.uk/core_stylesheet.css";

img, h1, h2, h3, h4, h5, h6, p, body {border: 0; padding: 0; margin: 0}

/* set background to white and set the default font style. */
body {background-image: url('http://www.allthelittleshops.co.uk/images/bg.png'); background-color: #ebe8f0; background-repeat: repeat-y; background-position: center; font-family: Arial, Helvetica, sans-serif; font-size: x-small; color: #000; margin: 10px}

/*

color scheme
------------

main color: #630063
sub color: #E0CCE0

*/

/*////////////////////		General		////////////////////*/

#main {margin: auto; width: 970px}
#left {width: 232px; float: left; margin-right: 16px}
#right {width: 717px; float: left}
#nav { background-color:#293f6f; margin-bottom: 1px; padding: 4px 6px 4px 0; text-align:right }
#top_left { background-image: url('http://www.allthelittleshops.co.uk/prod_images/left_bgrd.jpg'); background-repeat: no-repeat; color:#FFFFFF; padding: 5px }
#top_left_outer { background-image: url('http://www.allthelittleshops.co.uk/prod_images/left_bgrd_tile.jpg'); background-color: #ffffff; background-repeat: repeat-y; }
#content {width: 717px; clear: both;  background-image: url('http://www.allthelittleshops.co.uk/prod_images/main_bgrd2.jpg'); background-repeat:no-repeat; height: 700px; }
#content_without {width: 717px; clear: both; background-image: url('http://www.allthelittleshops.co.uk/prod_images/bottom_bgrd2.jpg'); background-position:bottom; background-repeat:no-repeat}
#content_outer {width: 717px; height: 1490px; background-image:url('http://www.allthelittleshops.co.uk/prod_images/main_bgrd_tile.jpg'); background-repeat: repeat }
#footer {width: 960px; clear: both; border-top: 5px solid #fff; background-color: #031e51;padding: 4px 6px 4px 0; text-align:right}
#sub_footer {width: 966px; clear: both; border-top: 5px solid #fff; background-color: #FFFFFF }
#bot_left { background-color:#d9dde5; padding: 5px }

.fields {border: 1px solid #fff; width:200px}
select { font-size:8pt; width:200px }
form {margin:0; padding:0; float: right; font-size: 12px; color: #fff;}

form.register {
width: 310px;
margin: 20px 10px;
float: right;
}
form.register { color:#fff}

.register label {
color: #FFFFFF;
float: left;
}

.fields {
width: 172px;
float: right;
border: 1px solid #fff;
margin-bottom: 10px;
}

#shop_products {
width: 172px;
float: right;
}

#shop_type {
width: 172px;
float: right;
}
.sub {
float: right;
}

.imageborder { border:1px solid #999; padding:2px }

/*////////////////////		Text		////////////////////*/

h1 {font-weight: normal; font-size: medium; font-family: Arial, Helvetica, sans-serif; padding: 5px; color: #fd6; background-color: #000}
#top_left h2 {font-weight: normal; font-size: 12pt; font-style:italic; font-family: Arial, Helvetica, sans-serif; padding: 5px; color:#FFFFFF; border-bottom: 1px solid #FFFFFF}
#bot_left h2 {font-weight: normal; font-size: 12pt; font-style:italic; font-family: Arial, Helvetica, sans-serif; padding: 5px; color:#333333; border-bottom: 1px solid #333333}
h3 {font-weight: bold; font-size: medium; font-family: Arial, Helvetica, sans-serif; padding: 4px 0 4px 6px; color: #000; margin:0}
h4 {font-weight: bold; font-size: medium; font-family: Arial, Helvetica, sans-serif; padding: 4px 0 4px 6px; color: #000; background-color: #000000; border-bottom: 1px solid #fff; margin:0 0 5px 0; color:#FFFFFF }
h5 {font-weight: normal; font-size: small; font-family: Arial, Helvetica, sans-serif; color: #849DAA}
#content h5 {font-weight: bold; font-size: medium; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; margin-bottom:6px; margin-top: 10px }
#content_without h5 {font-weight: bold; font-size: medium; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; margin-bottom:6px; margin-top: 10px }
h6 {font-weight: bold; font-size: small; font-family: Arial, Helvetica, sans-serif; color: #fff}
#bot_left h3 {font-weight: bold; font-size: 10pt; font-style:italic; font-family: Arial, Helvetica, sans-serif; color:#333333; padding:0; margin-bottom: 5px}
p {font-size: 9pt; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF }
#content p {font-size: 9pt; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; padding: 110px 25px 0 365px}
.style3 {font-size: 9pt; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; padding-left: 365px; padding-top: 25px;}
.style5 {font-weight: bold}
#content ul { padding-left: 380px; }
#content_without p {font-size: 9pt; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF}
#header p {font-size: xx-large; color: #fff; padding: 20px}
#top_left p { color:#FFFFFF; font-size: 9pt }
#bot_left p { color:#000000; font-size: 9pt }
#header p em {color:#fd6}
#footer p {color: #FFFFFF }
#sub_footer p {color:#666666; font-size: 8pt }

ul li {font-size: 9pt; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF }

th { text-align:left; color:#000000; background-image:url(prod_images/th_bgrd.gif) }
.whitetext td { color:#fff }

/*////////////////////		Linkology		////////////////////*/

a:link, a:visited {text-decoration: underline; color: #FFFFFF; font-size:9pt}
a:hover {text-decoration: none}
a:active {text-decoration: none}

#nav a:link, #nav a:visited {text-decoration: none; color: #FFFFFF; font-size:9pt; font-weight:bold}
#nav a:hover {text-decoration: underline}
#nav a:active {text-decoration: none}

#footer a:link, #footer a:visited {text-decoration: none; color: #FFFFFF; font-size:9pt; font-weight:bold}
#footer a:hover {text-decoration: underline}
#footer a:active {text-decoration: none}

#sub_footer a:link,#sub_footer a:visited {text-decoration: none; color: #666666}
#sub_footer a:hover {text-decoration: underline}
#sub_footer a:active {text-decoration: none}

#bot_left a:link, #bot_left a:visited {text-decoration: none; color: #000000; font-weight:bold}
#bot_left a:hover {text-decoration: underline}
#bot_left a:active {text-decoration: none}

input, select, textarea {font-size: 9pt; font-family: Arial, Helvetica, sans-serif; color: #000 }