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

img, form, 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: #000; font-family: Arial, Helvetica, sans-serif; font-size: x-small; color: #000;}

/*

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

purple color: #80c
pink color: #f39
blue color: #3af

*/


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

#main {margin: auto; width: 950px; border: 2px solid #fff; background-color:#fff}

#supheader {width: 940px; padding: 5px; border-bottom: 1px solid #E0CCE0; clear: both; background-color: #849DAA}
#header {width: 950px; height: 100px; clear: both; background-color: #000; border-bottom: 2px solid #fff}
#menu {width: 400px; clear: both; background-color: #80c;  float:right }
#basketheader { width:400px; background-color: #80c; float:left}
#holding { width:950px; background-color:#80c; float:left}
#search {width: 170px; clear: both }

.search_top { width:950px; background-color:#f39; height: 22px }

#left {float: left; width: 170px; border-left: 10px solid #fff; border-right: 10px solid #fff}
.box {border: 1px solid #000; border-top: none; padding: 5px}
.box2 {border: 1px solid #000; border-top: none; border-bottom: none}

#center {float: left; width: 570px}
#center2 {float: left; width: 570px}

#right {float: left; width: 750px; border-right: 10px solid #fff}
#right2 {float: left; width: 170px; border-right: 10px solid #fff; border-left: 10px solid #fff}
.basketpreview {border: 1px solid #000; background: #fff url('images/basketbg.jpg') top left no-repeat; padding: 5px}

#footer {width: 950px; clear: both; background-color: #80c}
#subfooter { padding:2px }

.prod_table { background-color:#e5f6fd; border-bottom: 1px solid #00a5ed; border-right: 1px solid #00a5ed; border-left: 1px solid #00a5ed }

.prod_price { font-size:medium }

tr.header td {font-size: small; background-color: #ddd; border-bottom: 1px solid #000}
tr.item td {border-bottom: 1px solid #eee}
tr.footer td {border-top: 3px solid #630063; padding-top: 5px}

form {margin:0; padding:0; border:0 }


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

h1 {font-weight: normal; font-size: large; font-family: Arial, Helvetica, sans-serif; color: #3af; margin-bottom:10px}
h2 {font-weight: bold; font-size: small; font-family: Arial, Helvetica, sans-serif; color: #000; padding-bottom: 10px}
h3 {font-weight: bold; font-size: small; font-family: Arial, Helvetica, sans-serif; color: #fff; padding: 5px; border: 1px solid #000; border-bottom: none; background-color: #000}
h4 {font-weight: normal; font-size: small; font-family: Arial, Helvetica, sans-serif; color: #000; padding: 5px 0 5px 0; background: #ddd; border-bottom: 1px solid #000}
h5 {font-weight: normal; font-size: small; font-family: Arial, Helvetica, sans-serif; color: #849DAA}
h6 {font-weight: bold; font-size: small; font-family: Arial, Helvetica, sans-serif; color: #f00}

h3.h3purple {background-color: #80c}
h3.h3pink {background-color: #f39}
h3.h3blue {background-color: #3af}

p {font-size: small; font-family: Arial, Helvetica, sans-serif; color: #000}
.box p, .box2 p {font-size: x-small}


select {font-size: x-small}

.extra_image { padding: 2px; float:left }

input { font-size: 9pt; font-weight:normal; color:#000; background-color:#FFF; height:19px; padding: 0 3px 2px 4px; border:0; border: 1px solid #999 }

.item input { font-size: 9pt; font-weight:normal; color:#000; background-color:#FFF; padding: 4px 0 0 2px; border: 1px solid #999999 }

.buybut { font-size: 9pt; font-weight:normal; background: url('images/buy_but.gif') top left no-repeat; width: 100px; height:19px; color:#FFFFFF; border:0; text-align:left; padding: 0 0 0 10px }
.backbut { font-size: 9pt; font-weight:normal; background: url('images/buy_but.gif') top left no-repeat; width: 100px; height:19px; color:#FFFFFF; border:0; text-align:left; padding: 0 0 2px 6px; cursor:pointer}
.checkbut { font-size: 9pt; font-weight:normal; background: url('images/button_new.gif') top left no-repeat; width: 130px; height:19px; color:#FFFFFF; border:1px solid #FFFFFF; text-align:left; padding: 0 0 2px 10px; cursor:pointer; margin:0}
.but { font-size: 9pt; font-weight:normal; background: url('images/button_new.gif') top left no-repeat; width: 130px; height:19px; color:#FFFFFF; border:0; text-align:left; padding: 1px 0 0 4px; cursor:pointer; margin:0}
.lgbut { font-size: 9pt; font-weight:normal; background: #000000 url('images/button_new.gif') top right no-repeat; width: 160px; height:19px; color:#FFFFFF; border:0; text-align:left; padding: 1px 0 0 4px; cursor:pointer; margin:0}
.go_but { font-size: 9pt; font-weight:normal; color:#FFFFFF; background-color:#000000; height:19px; padding: 0 3px 2px 4px; }

.search_field { height: 16px; padding: 2px 0 0 5px; background-color:#FFFFFF; border: 1px solid #999; color:#000; width:100px }

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

a:link, a:visited {text-decoration: none; color: #80c; font-weight:normal}
a:hover {text-decoration: underline; color: #80c}
a:active {text-decoration: none; color: #80c}