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

* { margin:0; padding:0;}
img,a { margin:0; padding:0; border:0}
body { background-image: url(../images/bg_main.jpg); background-repeat: repeat; font-family: Arial, Helvetica, sans-serif; font-size:9pt; color: #000; margin:0}
.container {
background-image: url(../images/bg.jpg);
background-repeat: repeat-y;
background-position: center; 
padding-top:23px;
padding-bottom:23px;
}
/* CONTENT */
.main { width:937px; border:1px solid #D8D7DA; margin:auto;}
.noborder { border:0; margin: 0 10px 0 0; padding:0; }
.confirm_but { margin:0; border:0; padding:0; width:100px; height:14px; background:url(../images/confirm_btn.jpg) no-repeat; cursor:pointer; }
.proceed_but { margin:0; border:0; padding:0; width:53px; height:14px; background:url(../images/proceed_btn.jpg) no-repeat; cursor:pointer; }
.price { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight:normal; color:#002478; }

/* HEADER */
.header { width:937px; height:222px; margin:0; padding:0 0 2px 0; border-bottom:6px solid #193B5E; }
#header_left { background:url(../images/header_left.jpg) top left no-repeat; width:595px; height:188px; margin:0; padding:0; float:left; }
#top_navigation { background:url(../images/header_nav.jpg) top left no-repeat; width:595px; height:34px; margin-top:188px; padding:0; }
#header_right { background:url(../images/header_right.jpg) top right no-repeat; width:342px; height:222px; margin:0; padding:0; float:left; }

/* CONTENT - LEFT */
/* .leftContent { padding:0; margin:0; clear:both;}
.leftContainer { width:238px; float:left; border-left: 1px solid #3B667D; border-right: 1px solid #3B667D; border-top: 1px solid #3B667D;}
.leftbox { padding:0; margin:0; clear:both }*/

.leftContent {width:238px; float:left;}
.leftContainer { padding:0; margin:0; clear:both;}
.leftbox { width:238px; float:left; border: 1px solid #3B667D; }

/* CONTENT - CENTRE */
.midContent { width:450px; float:left; }
.midContainer { padding:0; margin:0 10px 0 10px; clear:both; color:#3B667D;}
.midContainer img { float:right; margin: 0; padding: 0 0 10px 10px; clear:both; }

.shop_basketContent { width:695px; float:left; }
.shop_basketContainer { padding:0 15px 0 15px; margin:0; clear:both; color:#3B667D;}

/*.article { width:427px; float:left; margin: 15px 0 0 15px; background:url(/images/article_bgrd.jpg) top left repeat-y; }
.article img { float:right; margin: 0; padding: 0 0 5px 5px; clear:both; }*/

.loadarea {width:200px; float:right; margin: 0 0 10px 10px; padding:0;}

.cat_img_area {width:230px; float:right; margin:-10px 0 5px 5px; padding:0;}

.other_pics { float: left;}	
.other_pics img { display: inline;}

.enlargebox { width:238px; border: 1px solid #3B667D;}
.enlarge img { float: left; margin:5px 0 5px 60px;}	

.top3_descr { padding: 0 5px 0 5px; }

.featured { width:937px; }

.proddetail { margin: 10px 0 10px 0; padding:0;}
.catdetail { margin: 10px 0 10px 0; padding:0;}

.pre_prod { float:left; width: 300px; border: 1px dotted #CCCCCC; margin: 5px 0 0 7px; }

.basket_table{ margin: 0; padding:5px; background-color:#D5E3F0; }
.basket_table td { margin: 0; padding:5px }
.basket_table th { margin: 0; padding:5px; text-align:left; color:#FFFFFF; background-color: #193B5E; border-bottom: 1px dotted #402108}
.basket_table input { margin: 0; padding:2px }
.basket_table p { margin:0; padding:0px }

.price { font: bold 10pt Arial, Helvetica, sans-serif; margin:0; padding:0;  }

/* CONTENT - RIGHT */
.rightContent {width:238px; float:right; border: 1px solid #3B667D; }
.rightContainer {padding:0 margin:0; clear:both;}
.rightbox { padding:0; margin:0; clear:both }

.top_product { width:238px; }
.top_product .tpleft {width: 157px; float: left; padding:0;}
.top_product .tpright {width: 80px; float: left; padding:0; }
.top_product .tpright img {float:left;}

.logbutton { background:url(../images/enews_submit.jpg) no-repeat; width:85px; height:18px; border:0; margin:0; padding: 0; cursor:pointer  }

/* CONTENT - FOOTER */
.footerContent {width: 937px; padding: 4px 0 2px 0; height:20px; background-color:#193B5E}
.footerLeft {float:left; width: 457px; color:#fff; padding:0 0 5px 10px;}
.footerRight { float:left; width: 458px; padding:0 10px 5px 0px; color:#fff; text-align:right;}

/* TITLES AND PARAGRAPHS */
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight:normal; color:#193B5E;}
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 10pt;}
h3 { font-family: Arial, Helvetica, sans-serif;}
h4 { font-family: Arial, Helvetica, sans-serif; font-size:9pt;}
p { font-family: Arial, Helvetica, sans-serif;}

.leftbox h1 { background:url(../images/box_header.jpg) top left no-repeat; width:208px; height: 17px; font:bold 8pt Arial, Helvetica, sans-serif; color:#fff; padding:8px 15px 6px 15px; clear:both; }
.enlargebox h1 { background:url(../images/box_header.jpg) top left no-repeat; width:226px; font:normal 9pt Arial, Helvetica, sans-serif; color:#fff; padding:4px 0 6px 12px; clear:both; }
.rightbox h1 { background:url(../images/box_header.jpg) top left no-repeat; width:208px; height: 17px; font:bold 8pt Arial, Helvetica, sans-serif; color:#fff; padding:8px 15px 6px 15px; clear:both; }
.featured h1 { background:url(../images/long_bar.jpg) top left no-repeat; width:925px; font:bold 10pt Arial, Helvetica, sans-serif; color:#fff; padding:13px 0 0 12px; height:32px; }

.reg_table h2 {font-weight: bold; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; color: #002478; padding: 5px; border-bottom: 1px dotted #33595a; background-color:#fdfdfd; letter-spacing:-0.5pt}
.top_product h2 {background-color: #D5DCE8; border-top: 1px solid #999; font-size: 8pt; font-weight:bold; padding:5px 0 5px 0;}
.top_product h2 span {color: #002478; padding-left: 10px;}

.feat h3 { background:url(../images/feat_h3_bgrd.jpg) top left no-repeat; font:normal 9pt Arial, Helvetica, sans-serif; color:#fff; padding:6px 8px 8px 8px }
.other_articles h3 { font-size:9pt; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#0083AF;}

/* LINKOLOGY */

a {text-decoration: none; color: #325170; cursor:pointer}
a:link {text-decoration: none; color: #325170; cursor:pointer}
a:visited {text-decoration: none; color: #325170; cursor:pointer}
a:active {text-decoration: none; color: #325170; cursor:pointer}
a:hover {text-decoration: underline; color: #325170; cursor:pointer}

.bottomMenu a {	color: #ffffff; text-decoration: none;	font-family: Arial, Helvetica, sans-serif; font-size: x-small;}
.bottomMenu a:link {	color: #ffffff; text-decoration: none;	font-family: Arial, Helvetica, sans-serif; font-size: x-small;}
.bottomMenu a:visited {	color: #ffffff; text-decoration: none;	font-family: Arial, Helvetica, sans-serif; font-size: x-small;}
.bottomMenu a:active {	color: #ffffff; text-decoration: none;	font-family: Arial, Helvetica, sans-serif; font-size: x-small;}
.bottomMenu a:hover { text-decoration:underline;}

.footerLeft a {	color: #ffffff; text-decoration: none;	font-family: Arial, Helvetica, sans-serif; font-size: x-small;}
.footerLeft a:link {	color: #ffffff; text-decoration: none;	font-family: Arial, Helvetica, sans-serif; font-size: x-small;}
.footerLeft a:visited {	color: #ffffff; text-decoration: none;	font-family: Arial, Helvetica, sans-serif; font-size: x-small;}
.footerLeft a:active {	color: #ffffff; text-decoration: none;	font-family: Arial, Helvetica, sans-serif; font-size: x-small;}
.footerLeft a:hover { text-decoration:underline;}

a.thickbox {text-decoration: underline; color: #193B5E; cursor:pointer}
a.thickbox:link {text-decoration: underline; color: #193B5E; cursor:pointer}
a.thickbox:visited {text-decoration: underline; color: #193B5E; cursor:pointer}
a.thickbox:active {text-decoration: underline; color: #193B5E; cursor:pointer}
a.thickbox:hover {text-decoration: none; color: #193B5E; cursor:pointer}

.top_product .tpleft a { font-size:8pt; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#193B5E; text-decoration:none; }
.top_product .tpleft a:link { font-size:8pt; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#193B5E; text-decoration:none; }
.top_product .tpleft a:visited { font-size:8pt; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#193B5E; text-decoration:none; }
.top_product .tpleft a:active { font-size:8pt; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#193B5E; text-decoration:none; } 
.top_product .tpleft a:hover { font-size:8pt; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#193B5E; text-decoration:underline; }

.pre_prod a { font-size:9pt; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#193B5E; text-decoration:none; }
.pre_prod a:link { font-size:9pt; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#193B5E; text-decoration:none; }
.pre_prod a:visited { font-size:9pt; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#193B5E; text-decoration:none; }
.pre_prod a:active { font-size:9pt; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#193B5E; text-decoration:none; } 
.pre_prod a:hover { font-size:9pt; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#193B5E; text-decoration:underline; }

.footerLeft a {	color: #fff; text-decoration: none;	font-family: Arial, Helvetica, sans-serif; font-size: x-small;}
.footerLeft a:hover { text-decoration:underline;}

/* LISTS */
ul li { font-family: Arial, Helvetica, sans-serif;}
ol li { font-family: Arial, Helvetica, sans-serif;}

.bottomMenu ul { padding: 0; margin: 0; list-style: none; padding:20px 0 10px 0;}
.bottomMenu li { float: right; margin: 2px 10px 2px 0; }
.footerRight ul li { list-style:none}

/* FORM */
input { font-family: Arial, Helvetica, sans-serif; font-size:8pt; border: 1px solid #CCCCCC;}
.go_btn { background:url(../images/go_btn.jpg) top left no-repeat; border:0; width: 30px; height: 11px }
.submit_btn { background:url(../images/submit.jpg) no-repeat; width:53px; height:14px; border:0; margin:0; padding: 0; cursor:pointer  }
.reset_btn { background:url(../images/reset.jpg) no-repeat; width:53px; height:14px; border:0; margin:0; padding: 0; cursor:pointer  }
.buy_but { margin:0; border:0; padding:0; width:53px; height:14px; background:url(../images/buy_btn.jpg) no-repeat; cursor:pointer; }
.basket_but { margin:0; border:0; padding:0; width:100px; height:14px; background:url(../images/basket.jpg) no-repeat; cursor:pointer; }
.back_but { margin:0; border:0; padding:0; width:53px; height:14px; background:url(../images/back_btn.jpg) no-repeat; cursor:pointer; }
.home_but { margin:0; border:0; padding:0; width:53px; height:14px; background:url(../images/homepage_btn.jpg) no-repeat; cursor:pointer; }
.contact { line-height: 25px; margin:0; padding:0;}
.contact textarea { border: 1px solid #CCCCCC; }
.product_item {width:300px; padding:10px 15px 0 15px; float:left; text-align:center }
.product_title  { font-size:10pt; font-weight:bold; color:#183756; padding:5px 0 5px 0; }
tr.products {background:url(../images/dt_bg.jpg); padding:3px; height:29px; color:#0D0D0D}
tr.table_title {background:#4B4B4B; padding:3px; height:29px; color:#fff; font-weight:bold;}
div.optionbar {background:#193B5E; padding:5px; width:100%; color:#FFF}
select.options {width:150px};
td {padding:0 5px 0 5px}
.textfield  {
border:1px solid #CCCCCC;
color:#333333;
float:right;
height:18px;
margin-bottom:10px;
padding-top:2px;
width:250px;
}
.textarea  {
border:1px solid #CCCCCC;
float:right;
margin-bottom:10px;
width:250px;
}
.textfield_error  {
border:1px solid #CC0000;
float:right;
margin-bottom:10px;
width:250px;
}