/* CSS Document */

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

img {border: 0; padding: 0; margin: 0}
form {border: 0; padding: 0; margin: 0}
/* { margin: 0; padding: 0; border: 0; } */
body {background: #FFFFFF; border: 0; padding: 0; margin: 0 0 10px 0; font: small arial; color: #666}


/*		General Layout		*/

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

#header {width: 996px; height: 190px; clear: both; background: #ffffff}
#logo {width: 250px; float:left; padding: 0 }
#mapheader {width: 996px; float:left; padding: 0; text-align:right }

#menu-header {clear:both; background: #ffffff url(thomas-images/menu-thomas-tank.jpg) top left no-repeat; height: 31px; width: 996px;}
#subheader {width: 540px; height: 20px; float:left; padding: 8px 0 0 30px; }
#subheadright {width: 180px; float:right; padding: 4px 0 0 0; margin: 0 }
#subright {width: 355px; float:right; text-align:right; padding: 0 12px 0 0 }

#content {width: 1020px; background-color:#FFFFFF; margin: 0; padding: 0; }
* html #content { width: 1050px; }
#left {width: 215px; float:left; margin: 10px 0 0 0 }

#middle {width: 530px; float:left; margin: 10px 0 0 15px }
#middle_top {width: 530px; height: 59px; background: #ffffff url(thomas-images/main-header.gif) top left no-repeat}

* html middle_top {
width: 515px;
}
#middle_top2 {width: 530px; height: 85px; background: #ffffff url(images/thomas_products.gif) top left no-repeat; }
#middle_top2 h1 { font: bold medium arial; color: #ffffff; border: 0; text-decoration: none; padding-top: 50px; padding-left: 10px; }
#middle_top3 {width: 530px; height: 203px; background:url(thomas-images/summer_offers_header.jpg) top left no-repeat}
#middle_bot {width: 530px; height: 16px; background: #ffffff url(thomas-images/main-base.gif) top left no-repeat}
.middle_bot2 {width: 530px; height: 195px; background: #ffffff url(thomas-images/main-base2.gif) top left no-repeat;}
#middle_sides {width:525px; border-left:2px solid #05A1E6; border-right:2px solid #05A1E6; background-color:#FFFFFF }

#middle_sides2 {width:530px; background:url(thomas-images/summer_offers_header.jpg) top left no-repeat}


#middlemar {margin: 0 8px 0 8px }


.middlepad {
margin: 0 8px 0 8px 
}

.middlepad2 {background:url(images/latest_offers.gif) top left no-repeat; width:525px; height:150px;}


.middlepad3 {padding: 0 8px 0 8px; width:525px }

.clearboth {clear: both;}

#right {width: 215px; float:left; margin: 10px 0 0 26px; padding:0 }
#right_join{ background: #ffffff url(images/join_bgrd.jpg) top left no-repeat; height: 92px; padding: 78px 6px 6px 6px}
#right_comp{ background: #ffffff url(thomas-images/side-bk.gif) top left repeat-y; padding: 6px; background-color:#ffffff; }
#right_comp2{ background: #ffffff url(thomas-images/side-bk.gif) top left repeat-y; height: 160px; padding: 6px; background-color:#ffffff}
#right_comp3{ background: #ffffff url(thomas-images/side-bk.gif) top left repeat-y; padding: 6px; background-color:#ffffff}
#right_forum{ background: #ffffff url(images/forum_bgrd.jpg) top left no-repeat; height: 156px; padding: 10px}
#right_bask_mid { border-left:2px solid #238DC7; border-right:2px solid #238DC7; width: 211px;}
.tickbox {margin: 0px; padding: 0px;}
#right_bask_mid_pad { padding: 4px }

#footer {width: 996px; height: 25px; clear: both; background-color:#FE1E1E; padding: 0; margin: 8px 0 0 0; border-top: 1px solid #EEECC3}
#footerleft {width: 392px; float:left; padding: 0 0 0 12px; line-height:25px }
#footerright {width: 548px; float:right; text-align:right; padding: 0 8px 0 0; line-height:25px }
#subfooter {width: 960px; height: 25px; clear: both; padding: 0; margin: 8px 0 0 0; text-align:center}

/*		Text			*/


h1 {font: bold medium arial; color: #fe1e1e; border: 0; padding: 3px 0 3px 0; margin: 0 0 10px 0; text-decoration: none}
h2 {font: bold small arial; color:#2790CA; border: 0; padding: 0; margin: 0}
h3 {font: bold medium arial; color: #225F36; border: 0; padding: 1px 0 0 5px; margin: 0; background: #FFFFFF; height: 32px; border-top: 1px solid #225F36; border-bottom: 1px solid #225F36 }
.onlineshoph {font: bold medium arial; color: #ffffff; border: 0; padding: 1px 0 0 5px; margin: 0; background: #fe1e1e; height: 26px; }
h4 {font: bold 8pt arial; color: #ffffff; border: 0; padding: 0; margin: 0 0 66px 0}
h5 {font: bold 8pt arial; color: #ffffff; border: 0; height: 31px; padding: 0 0 0 10px; margin: 0; line-height:20px; background: #ffffff url(thomas-images/side-main-header.gif) top left no-repeat}
.middle_bot2 h1 {font: bold small arial; color: #FF0000; border: 0; padding: 0; margin: 0}
#news {font: bold 8pt arial; color: #ffffff; border: 0; height: 31px; padding: 0 0 0 10px; line-height:28px; background: #ffffff url(thomas-images/side-main-header.gif) bottom left no-repeat}
.prodh5 {font: bold 8pt arial; color: #ffffff; border: 0; width: 205px; height: 70px; padding: 0 0 0 10px; margin: 0; line-height:32px; background: #ffffff url(thomas-images/shopping-basket-header.jpg) top left no-repeat}
.prodh5a {font: bold 8pt arial; color: #FF1D1E; border: 0; width: 205px; padding: 0; margin: 0; }
.feath5 {font: bold 8pt arial; color: #ffffff; border: 0; width: 205px; height: 72px; padding: 0 0 0 10px; margin: 0; line-height: 26px; background: #ffffff url(thomas-images/featured-product-header.jpg) top left no-repeat}
h6 {font: bold x-small arial; color: #A8966B; border: 0; padding: 0; margin: 0}
.prodh7 {font: bold 9pt arial; color: #000000; border: 0; height: 32px; padding: 0 0 0 10px; margin: 0; line-height:40px; background: #ffffff url(thomas-images/product-cats-header.gif) top left no-repeat; width:215px; height:43px}

#content p {font: small arial; color: #000000; border: 0; padding: 0 0 8px 0; margin: 0}
#middle ul li {font: bold x-small arial; color: #0F4F23; border: 0; margin: 0; padding:0; }
#footer p {color: #ffffff; line-height: 25px; padding: 0; margin: 0}
#subheader p {font: 9pt arial; color: #ffffff; line-height: 20px; margin: 0}
#subfooter p {font: 8pt arial; color: #999999; line-height: 20px; margin: 0}

hr { height:1px; color: #0092dd; background-color: #0092dd; border:none;}

.sideline { border-right: 1px solid #0092dd; }
.shop_prod { float:left; width:154px; margin: 1px; padding: 3px }
.shop_prod2 { float:left; width:150px; margin: 8px; padding: 0px;}
.leftbox {padding: 0; margin:0; background-color:#ffffff }
.leftbox h6 {text-decoration:none;}
.leftbox h6:hover {text-decoration:underline;}
.rightbox {padding: 0; margin:0; background-color:#EEE7E8 }
.boxpad { margin: 0; padding: 6px; background-color: #FFFAD0 }
.boxpad img { margin: 0 15px 8px 4px }
.boxpad p { padding:0; margin: 0 }
.box_bot { height:16px; width:215px; background: #ffffff url(thomas-images/product-cats-base.gif) top right no-repeat  }
.box_bot2 { height:16px; width:215px; background: #ffffff url(thomas-images/side-base.gif) top right no-repeat; float: left; margin-bottom: 4px;  }
.left_box_sides { border-left:2px solid #238DC7; border-right:2px solid #238DC7 }
.left_menu img { float:right; padding: 3px 0 0 0; margin: 0 4px 0 0 }
.shop_prod img { float:right; padding: 0; margin: 0 0 0 4px }
.shop_prod img2 { float:right; padding: 0; margin: 0 0 0 4px }
#greenbgrd {width: 193px; padding: 5px 10px 3px 10px; margin:0; background-color:#225F36; border-left:1px solid #9CACAC; border-right:1px solid #9CACAC }
#greenbgrd p { color:#FFFFFF}
.greenbottom {padding: 0; margin:0; height: 16px; background: #ffffff url(images/greenbot.gif) top right no-repeat  }
.white { color: #FFFFFF }
.white { font-weight: bold}
.creambgrd {padding: 0; margin:0; background-color: #FFFAD0; border-bottom:1px solid #225F36; border-top:1px solid #225F36; height:25px; line-height: 25px }


/*		Linkology		*/

a:link, a:visited {text-decoration: none; color: #225F66}
a:hover {text-decoration: underline; color: #666}
a:active {text-decoration: none; color: #225F66}



#middle a:link, #middle a:visited {text-decoration: none; color: #222266}
#middle a:hover {text-decoration: underline; color: #666}
#middle a:active {text-decoration: none; color: #222266}

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

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

#subheader a:link, #subheader a:visited {font: bold x-small arial; text-decoration: none; color: #ffffff }
#subheader a:hover {text-decoration: underline; color: #ffffff }
#subheader a:active {text-decoration: none; color: #ffffff }

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

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

/*		Navigation		*/

.left_menu ul {margin: 0; padding: 0; list-style-type: none; font: 8pt arial;}
.left_menu li {border-top: 1px solid #D4D9DC; background-color: #FFFFFF; }
.left_menu a {display: block; padding: 1px 0 1px 12px; width: 201px; font: 8pt arial; text-decoration: none; color: #333333; line-height:30px; border-left:1px solid #D4D9DC; border-right:1px solid #D4D9DC; font-weight: bold; }
.left_menu a:link {color: #101010; text-decoration: none}
.left_menu a:visited { text-decoration: none; color: #333333}
.left_menu a:hover { color: #101010; text-decoration: none; background-color:#f2c03d;}

.left_menu ul li.sel a { color: #FFFFFF; line-height:30px; background-color:#238dc7;}
.left_menu ul li.sel a:visited { color: #FFFFFF; line-height:30px; background-color:#238dc7;}


/* form */
select { margin: 0; padding: 0; font: x-small arial }
input { margin: 0; padding: 0; font: x-small arial }
textarea { margin: 0; padding: 0; font: x-small arial }

.dustbin {width: 26px; height: 26px; background: transparent url(images/trashcan.gif) top left no-repeat; border: 0; padding: 0 0 0 11px; margin: 0; cursor: hand; cursor: pointer; color: #f00}
.recalculate {background: transparent; border: 0; padding: 0; margin: 0; cursor: hand; cursor: pointer; font: bold x-small arial; color: #841B65; text-align: left}
.textwidth { width: 280px; color:#225F36 }
.radionon { padding: 0; margin: 9px 0 0 0 }
.clearbot { clear: both; }

/* table */
.delivery th { background-color:#efefef; font:small arial; color: #000000; padding:2px}
.delivery td { font: 8pt arial; color: #000000; border-bottom:1px dashed #ccc  }
.delivery tr { }

#middlemar .middle_bot2 a {text-decoration: none; color: #FF1D1F}
#middlemar .middle_bot2 a:link {text-decoration: none; color: #FF1D1F}
#middlemar .middle_bot2 a:visited {text-decoration: none; color: #FF1D1F}
#middlemar .middle_bot2 a:hover {text-decoration: underline; color: #FF1D1F}
#middlemar .middle_bot2 a:active {text-decoration: none; color: #FF1D1F}

#middle_sides .middlepad2 a {text-decoration: none; color: #FFFFFF; font-size: 16pt; font-family:Arial, Helvetica, sans-serif;}
#middle_sides .middlepad2 a:link {text-decoration: none; color: #FFFFFF; font-size: 16pt; font-family:Arial, Helvetica, sans-serif;}
#middle_sides .middlepad2 a:visited {text-decoration: none; color: #FFFFFF; font-size: 16pt; font-family:Arial, Helvetica, sans-serif;}
#middle_sides .middlepad2 a:hover {text-decoration: underline; color: #FFFFFF; font-size: 16pt; font-family:Arial, Helvetica, sans-serif;}
#middle_sides .middlepad2 a:active {text-decoration: none; color: #FFFFFF; font-size: 16pt; font-family:Arial, Helvetica, sans-serif;}

.middlepad ul { margin-top: 3px; margin-bottom:0;}

.textfield_error {
border: solid 1px #FF0000;
}
.quiz input {
width: 480px;
height: 25px;
margin-bottom: 10px;
}

.quiz label {
margin-bottom: 5px;
}

.error {
color: #ff0000;
font-style: italic;
}

a.word {
background: url(images/word-document-icon.gif) no-repeat left center;
padding: 35px;
height: 35px;
}