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

* { margin:0; padding:0;}
img,a { margin:0; padding:0; border:0}

#main { width:980px; border:1px solid #999; margin:auto; }

#banner { width:980px; margin:0; padding:0; border:0}
#topmenu { width:980px; background:url(images/topmenu_bgrd.jpg) top left no-repeat }

#left {width:210px; float:left }
.lefttop { background:url(images/leftcat_curve.jpg) top left no-repeat; }
.leftbottom { background:url(images/leftcat_bottom.jpg) top left no-repeat; height:25px }
.leftbox { width:208px; margin-top:20px }

#right { width:178px; float:left; margin:0 }
#basket { background:url(images/basket_bgrd.jpg) top left no-repeat; width:176px; height:130px; margin-top:15px}
.rightbox {  }
#login { background:url(images/customerlogin.jpg) top left no-repeat; height:155px }
#specialoffers { width:178px; margin-top:15px; background:url(images/rightprods.jpg) top left no-repeat }

#center { width:559px; float:left; margin:0 15px 0 15px }
#center2 { width:560px; float:left; margin:0 15px 0 15px }
#prods { background:url(images/prods_bgrd.jpg) top left no-repeat; clear:both }
#pagemain { background:url(images/pagemain.jpg) top left no-repeat; }

#footer { width:980px; background-color:#d21034; border-top:10px solid #fff; clear:both; height:20px; padding-bottom:3px}
#subfooter { width:980px; padding:5px; clear:both}

.addbasket { border:1px solid #000; font: normal 7pt Arial, Helvetica, sans-serif; background-color:#fff; width:100px }
.stockist { font:normal 8pt Arial, Helvetica, sans-serif; color:#000 }
.stockist a { text-decoration:underline; color:#000 }
.stockist a:hover { text-decoration:none }
/******************************** Typography ************************************/
.leftbox h1 { background:url(images/lefth1_bgrd.jpg) top left no-repeat; font:normal 9pt Arial, Helvetica, sans-serif; color:#fff; padding:8px }
.leftbox h2 { font-size:9pt; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#d21034  }

h1 { font: bold 11pt Arial, Helvetica, sans-serif; color:#d21034 }
h2 { font-size:10pt; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#d21034  }
h3 { font-size:small; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#fff; }
h4 { font-size:small; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#000  }
h5 { font-size:small; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#000  }
h6 { font-size:9pt; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#d21034  }

p { font:normal 8pt Arial, Helvetica, sans-serif; color:#000; }
#pagemain p { font:normal 8pt Arial, Helvetica, sans-serif; color:#000; line-height:18px }

#prods a { font:normal 9pt Arial, Helvetica, sans-serif; color:#d21034; text-decoration:none }
#prods a:hover { text-decoration:underline }
#right a { font:normal 9pt Arial, Helvetica, sans-serif; color:#d21034; text-decoration:none }
#right a:hover { text-decoration:underline }
#left a { font:normal 8pt Arial, Helvetica, sans-serif; color:#d21034; text-decoration:none }
#left a:hover { text-decoration:underline }
a { font:normal 8pt Arial, Helvetica, sans-serif; color:#d21034; text-decoration:none }
a:hover { text-decoration:underline }
.leftbox a { font:normal x-small Arial, Helvetica, sans-serif; color:#000; text-decoration:none }
.leftbox a:hover { text-decoration:underline }

#pager_link a { color:#FFFFFF; text-decoration:none }
#pager_link a:hover { text-decoration:underline }


#subfooter a { color:#999; text-decoration:none; font:normal x-small Arial, Helvetica, sans-serif; padding-left:5px }
#subfooter a:hover { text-decoration:underline }

.small { font:normal 9pt Arial, Helvetica, sans-serif; color:#000;}

.area tr { margin-bottom:10px; }
.area a { font: normal 10pt Arial, Helvetica, sans-serif; color:#d21034 }
td {font:normal 8pt Arial, Helvetica, sans-serif; color:#000;}
textarea {font:normal 8pt Arial, Helvetica, sans-serif; color:#000;}
input {font:normal 8pt Arial, Helvetica, sans-serif; color:#000;}