@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-image: url('images/bg.png'); background-color: #ebe8f0; background-repeat: repeat-y; background-position: center; font-family: Arial; font-size: 9pt; color: #333333; margin: 15px}

/*

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

main color: #630063
sub color: #E0CCE0

*/


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

#main {margin: auto; width: 950px}

#left {width: 230px; float: left; margin-right: 10px}

#right {width: 710px; float: left}
#header {width: 710px; border-bottom: 5px solid #fff; clear: both; background-color: #1b105F }
#subheader {width: 710px; border-bottom: 5px solid #fff; clear: both}

.basket { background:url('images/trashcan.gif'); width:26px; height:26px; border:0; margin:0; padding: 0; cursor:pointer }

#content {width: 710px; clear: both}
#content_left_cont { width: 514px; float:left; margin-right: 10px; }
#content_left2 {float: left; width: 514px; background-color: #FFFFFF;}
#content_leftwhite {float: left; width: 514px; background-color: #fff; border: 1px solid #99A7BE}
#content_left {width: 710px; float: left; margin-right: 10px; background-color: #FFF; border: 1px solid #ddd}
#content_right {width: 182px; float: left}

#footer {width: 950px; clear: both; border-top: 5px solid #fff; background-color: #1b105F; height: 35px}
#footer_left {width: 400px; float:left}
#footer_right {width: 550px; float:left; text-align:right}

.grey_box { background-color: #ccc; }
.grey_boxlt { background-color: #eee }

.servhome { width: 220px; float:left; margin: 0 5px 0 5px; border: 1px solid #ccc; padding: 6px  }

.featprod { float:left; width: 120px }
.prodimg { height: 120px; overflow: hidden; margin: auto; }

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}

th { text-align:left; height:20px; background: #FFFFFF url('images/th_bgrd.gif') top left repeat-x; border-bottom: 1px solid #CCCCCC }


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

h1 {font-weight: bold; font-size: small; font-family: Arial; padding: 5px; color: #ffffff; background-color: #1b105F; margin:0}
h2 {font-weight: bold; font-size: small; font-family: Arial; padding: 5px 0 5px 5px; color: #ffffff; background-color: #1b105F; margin:0 }
h3 {font-weight: bold; font-size: small; font-family: Arial; padding: 4px 0 4px 6px; color: #ffffff; background-color: #1b105F; border-bottom: 1px solid #fff; margin:0}
h4 {font-weight: bold; font-size: medium; font-family: Arial; padding: 4px 0 4px 6px; color: #FFFFFF; background-color: #1b105F; border-bottom: 1px solid #fff; margin:0 0 5px 0 }
h5 {font-weight: normal; font-size: ; font-family: Arial; color: ; background-color:  }
#content h5 {font-weight: bold; font-size: ; font-family: Arial; color: ; margin-bottom:6px; margin-top: 10px }
h6 {font-weight: normal; font-size: ; font-family: Arial; color: ; background-color: }

#content p {font-size: 9pt; font-family: Arial; color: #333333; margin: 0; padding: 0; background-color: }
#header p {font-size: xx-large; color: #fff; padding: 20px}
#header p em {color:#fffffff}
#footer p {padding: 10px; color: #fff}

.errorbox { border:1px solid #999999; color:#FF0000; font-size:medium; padding: 6px; background-color: #FFFFFF }

.largeprice { font-weight:bold; font-size:medium }

.managebut { background-color:#FFDD66 }
.buybut { background-color:#FEDE75; font-size: 8pt; padding:0; margin:0 }

.basket { font-size: 8pt }
.basket_pre { font-size: 7pt; }
.basket_pre p { font-size: 7pt }
.grey_boxlt p { font-size: 8pt }

.footcards img { padding:3px }

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

a:link, a:visited {text-decoration: none; color: #666666; font-size:9pt; font-family: Arial; background-color: ; border:0}
a:hover {text-decoration: underline}
a:active {text-decoration: none}

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

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

.grey_boxlt a:link, .grey_boxlt a:visited {text-decoration: none; color: #000; font-weight:bold; margin: 0; padding: 0}
.grey_boxlt a:hover {text-decoration: underline}
.grey_boxlt a:active {text-decoration: none}

.basket a:link, .basket a:visited {text-decoration: none; color: #000; font-size:8pt }
.basket a:hover {text-decoration: underline }
.basket a:active {text-decoration: none }

.basket_pre a:link, .basket_pre a:visited {text-decoration: none; color: #000; font-size:7pt }
.basket_pre a:hover {text-decoration: underline }
.basket_pre a:active {text-decoration: none }

/* form */

.wrap {border-top: 1px dashed #ddd}
form {margin:0; padding:0}
input, select, textarea {font-size: 9pt; font-family: Arial; color: P_FONT_COLOR }
.button { color: #1b105F; background-color: #fffffff; font-family: Arial; font-size: 9pt;  }
#basket input { font-size: 9pt  }

.delete_icon { background:url('images/delete_icon.gif'); width:11px; height:11px; border:0; margin:0; padding: 0; cursor:pointer }

/* Christmas Style */
#header { background:url(images/header_bg.jpg) }
h1 { background:url(images/h1_blue.jpg) }
h4 { background:url(images/h1_blue.jpg) }
h2 { background:url(images/h2_blue.jpg) }
#footer { background:url(images/footer_blue.jpg) repeat-x; }