@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: #fff; font-family: Arial, Helvetica, sans-serif; font-size: x-small; color: #000; margin: 20px}

/*

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

main color: #630063
sub color: #E0CCE0

*/


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

#main {margin: auto; width: 950px; border: 1px solid #ccc}

#supheader {width: 940px; padding: 5px; border-bottom: 1px solid #E0CCE0; clear: both}
#header {width: 950px;clear: both}
#menu {width: 950px; clear: both; border-top: 1px solid #E0CCE0; border-bottom: 1px solid #E0CCE0; background-color: #505050}

.left {float: left; width: 200px}
.center {float: left; width: 549px; padding: 0 20px 0 20px}
.center2 {float: left; width: 710px; padding: 0 20px 0 20px}
.right {float: left; width: 161px}

#footer {width: 950px; clear: both; border-top: 1px solid #ddd; background-color: #bfc0c2}
#subfooter {width: 950px; clear: both; border-top: 1px solid #ddd}

.top_product {border-left: 1px solid #999; border-bottom: 1px solid #999}
.top_product .tpleft {width: 160px; float: left}
.top_product .tpright {width: 161px; float: right; border-left: 1px solid #999}

.feat_product {width: 33%; float: left }
.feat_product .ftleft {width: 48%; float: left}
.feat_product .ftright {width: 48%; float: left}

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}

.wrap {border-top: 1px dashed #ddd}

input {border: 0; border: 1px solid #999}


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

h1 {font-weight: normal; font-size: medium; font-family: Arial, Helvetica, sans-serif; color: #004811}
h2 {font-weight: normal; font-size: small; font-family: Arial, Helvetica, sans-serif; color: #fff; padding: 5px; border-bottom: 1px solid #000; background-color: #505050}
h3 {font-weight: bold; font-size: small; font-family: Arial, Helvetica, sans-serif; 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: #004811}
h6 {font-weight: normal; font-size: 8pt; font-family: Arial, Helvetica, sans-serif; color: #004811}

.tpleft h2 { font-weight: normal; font-size: small; font-family: Arial, Helvetica, sans-serif; color: #000; padding: 5px; border-bottom: 1px solid #000; background-color: #004811 }
.tpright h2 { font-weight: normal; font-size: small; font-family: Arial, Helvetica, sans-serif; color: #000; padding: 5px; border-bottom: 1px solid #000; background-color: #004811 }

p {font-size: 9pt; font-family: Arial, Helvetica, sans-serif; color: #000}

.top_product h2 {background-color: #ddd; border: none; border-top: 1px solid #999; font-size: x-small}
.top_product h2 span {color: #630063}

.footcards img { margin: 4px }

.center li { font-size: 9pt; font-family: Arial, Helvetica, sans-serif; color: #000}

textarea { font-size: 9pt; font-family: Arial, Helvetica, sans-serif; color: #000 }
/*////////////////////		Linkology		////////////////////*/

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

#menu1 a:link, #menu1 a:visited {text-decoration: none; color: #fff; font-size: small}
#menu1 a:hover {text-decoration: underline; color: #fff}
#menu1 a:active {text-decoration: none; color: #fff}

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

a.button:link, a.button:visited {text-decoration: none; color: #666; padding: 5px; background-color: #ddd}
a.button:hover {text-decoration: underline; color: #fff}
a.button:active {text-decoration: none; color: #fff}

a.top3:link, a.button:visited {text-decoration: none; color: #666; padding: 5px;}
a.top3:hover {text-decoration: underline; color: #004811}

.module { 
width:200px; 
margin:0; 
padding:0;
}

.module_inner { 
border-right:1px solid #999999; 
border-left:1px solid #999999;
border-bottom:1px solid #999999;
}

.twitter_logo img{
margin:10px 0px 10px 48px;
/*
text-align:center;
margin:3px auto;*/
}
.module_spacer { 
height: 10px; 
clear:both 
}

.module_padding { 
padding: 10px 
}
/*---[ Twitter Feed Styles ]------------*/

#twitter_feed, .query {
	font-size: 11px;
}
#twitter_feed .tweet_list,
.query .tweet_list {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow-y: hidden;
}
#twitter_feed .tweet_list .awesome,
#twitter_feed .tweet_list .epic,
.query .tweet_list .awesome,
.query .tweet_list .epic {
	text-transform: uppercase;
}
#twitter_feed .tweet_list li,
.query .tweet_list li {
	overflow-y: auto;
	overflow-x: hidden;
	padding: .5em;
}
#twitter_feed .tweet_list .tweet_avatar,
.query .tweet_list .tweet_avatar {
	padding-right: .5em;
	float: left;
}
#twitter_feed .tweet_list .tweet_avatar img,
.query .tweet_list .tweet_avatar img {
	vertical-align: middle;
}
#twitter_feed .tweet_list .tweet_text {
	/* line-height: 1.4; */
}