/*
	InfoSite Default Style Sheet
	Yorganic.com - 2010
	Musical World 2010
*/

body {
	background:url(images/containerbg.jpg) repeat-x #fdfdfe;
	background-position:0px 1px;
	font-family: Arial, Helvetica, sans-serif;
	margin:0px auto; font-size:12px;
	text-align:center;
}

h1 { color:#000000; font-size:26px; margin: 5px 0px 5px 0px; font-weight:normal; }
h2 { color:#000000; font-size:22px; margin: 5px 0px 5px 0px; font-weight:normal; }
h3 { color:#000000; font-size:20px; margin: 5px 0px 5px 0px; }
h4 { color:#000000; font-size:18px; margin: 5px 0px 5px 0px; }
h5 { color:#000000; font-size:16px; margin: 5px 0px 5px 0px; }
p { font-size:12px; color:#000000;}
ul,ol { font-size:12px; color:#000000; }
hr { color: #b1afaf; background-color: #b1afaf; height: 1px; border:0px; }

/* LAYOUT SECTION */

#whitetopside {
	width:50%;
	background:#ffffff;
	height:98px;
	position:relative;
	top:0px;
	float:left;
	z-index:-200;
	border-bottom:1px solid white;
}

#colourtopside {
	width:50%;
	background:#dedfe4;
	height:98px;
	position:relative;
	top:0px;
	float:right;
	z-index:-200;
	/*border-bottom:1px solid white;*/
}

#maincontainer {
	width:980px;
	text-align:left;
	margin:0px auto;
}

.headerbar {
	background:#252525;
	height:10px; font-size:10px;
	color:#738b29; padding:6px; text-align:right;
}

.headerbar a { color:#738b29; }
#headercont {
	height:99px; z-index:10;
	width:980px;
		/*border-bottom:1px solid white;*/
		background: url(images/header.jpg) no-repeat left;
		float:left;
		position:relative; top:0px;
		margin-top:-100px;
}

#headercont .searchbox {
	float:left; width:300px;
	top:63px; position:relative;
	left:20px;
}

#headercont #topnav {
	float:right;
	position:relative;
	width:510px;
	top:60px;
	left:5px;
}

.centralcol { padding-left:2px; padding-right:6px; padding-top:8px; padding-bottom:40px; }
.centralcontainer {
	/*background-color:#ffffff;*/
	padding-left:10px; padding-right:10px;
	padding-bottom:10px;
}

.centralcontainer a { color:black; }
.centralcontainer a:hover { color:#2C2E63; }

/* BESPOKE */
#ReqCallBack { border:1px solid silver; background:white; width:488px; }
#ReqCallBack h2 { font-size:18px; color:gray; font-weight:bold; }
#ReqCallBack td { padding: 4px 15px 4px 15px; font-size:14px; font-weight:bold;}

#topdeal {
	background:url(images/topdealbg.jpg) no-repeat;
	height:360px; width:980px;
	margin-bottom:14px;
}

#topdeal .dealdetails h1 {
	font-size:22px;
}

#topdeal .dealdetails .buttons {
	margin-bottom:10px;
	border:0px;
}

#topdeal .dealdetails {
	padding:5px; float:right;
	margin-right:70px;
	width:280px; margin-top:10px;
	text-align:right;
}

#topdeal .productcontainer
{
	background:url(images/topdeal-prodbg.png) no-repeat;
	height:330px; width:510px;
	position:relative;
	left:55px; top:20px;
	float:left;
}

#topdeal .productcontainer img {
	margin-left:10px; margin-top:-170px;
	width:355px;
	z-index:10;
	position:relative; top:0px;
}

#topdeal .productcontainer .hole {
	background:url(images/topdeal-hole.png) #c9c9c9 no-repeat;
	height:34px; width:32px;
	z-index:100;
	top:0px;
	left:324px;
	top:20px;
	position:relative; margin:0px;
}

#topdeal .productcontainer .tag {
	background:url(images/topdeal-ltag.png) no-repeat;
	height:147px; width:44px;
	z-index:100;
	top:0px;
	left:326px;
	top:18px;
	position:relative; margin:0px;
}

/*ENDS*/

#news .sep,#blog .sep { border-bottom:1px dashed silver; margin-bottom:10px; clear:both;}
#news .h2,#blog .h2 { margin: 5px 0px 0px 0px;  }
#news .title a,
#blog .title a { color:#4884c1; font-size:16px; text-decoration:none;}
#blog .small,#news .small  { font-size:10px; color:#2c2c2c; margin-top:0px; }

#news h1 { font-size:14px; }
/* LEFT RIGHT NAV */

.menuheader {
	background-color:#8a8a8a;
	height:14px; padding-left:6px; padding-top:3px; padding-bottom:3px;
}

.menuheader h1 {
	font-family: "Tahoma",Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#FFFFFF; font-size:11px; margin:0px;
}

.menuspace {
	/*background-color:#f4f9fa;*/
	width:180px;
	padding-left:15px; padding-right:10px; padding-top:10px;
	padding-bottom:20px;
}

.menubox {
	background-color:#cfd0d7;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-bottom:10px;
}

.menubox2 {
	background-color:#cfd0d7;
	padding: 4px 8px 4px 8px; color:#2a2a2a;
}

.menubox2 a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px; text-decoration:none; color:#2a2a2a;
}

.menubox p,.menubox2 p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px; color:#2a2a2a;
}

.menurow { padding:0px; margin:0px; }
.menurow a { color:#2b2b2c; font-size:11px; background:#cfd0d7; display:block; padding:4px; text-decoration:none;}
.menurow a:hover { background:#c8c8ce; display:block; padding:4px;}
.menurow li { list-style:none; color:#776d2f; }
.menurow .endmore a { background:#c8c8ce; }

/* ENDS */

.footer {
	background-color:#a5a5a5;
	padding:10px;
	clear: right;
}

.footer p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px; color:white;
}

.footer a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px; color:white; text-decoration:none;
}

.footer a:hover {
	text-decoration:underline;
}

/* FORMS */

form { margin:0px; }

/* INFO SITE CONTENT */

.contenthead h1 { color:#4884c1; margin:0px; font-size:18px; font-weight:normal;}

.productcol { border:1px solid #CCCCCC; }

.productcol p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px; color:black;
}

.productcol a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px; color:black;
}

.productcol a:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px; color:red;
}
/* COMPETITION */

.listings {
	border:1px solid silver;
}

.listings td {
	background-color:#E7E7E7;
	border-bottom:1px solid #CDCBCB;
	border-top:1px solid #FBF9F9;
	padding:3px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.listings th {
	background-color:#D1D1D1;
	border-bottom:1px solid #CDCBCB;
	border-top:1px solid #FBF9F9;
	padding:3px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px; text-align:left;
}

/* LATEST PRODUCTS */

#products li {
	display:block;
	float:left;
	width:200px;
}

#latest a {
	display:block;
	background:#b9b9b9;
	color:#d2d2d2; text-decoration:none;
	padding:6px;
}

#latest a:hover {
	background:#8a8a8a;
	color:white;
}

#latest .selected {
	background:#8a8a8a;
	font-weight:bold;
	color:white;
}
.producthead {
	background:#186AB4; padding:6px; color:white;
	font-size:11px; font-weight:bold; text-transform:uppercase;
	text-align:center;
}

.producthead a { font-size:11px; color:white; }
.producthead a:hover { font-size:11px; color:white; }

.preorder { background:green; color:white; padding:2px; font-size:11px;}
.specialoffer { background:red; color:white; padding:2px; font-size:11px; height:28px;}

/* Comments */
.commentsbox {
	border:1px solid silver;
	background:#E7E7E7;
	margin:4px; padding:10px;
}

.commentsbox .date {
	color:#8A8A89;
}
/* JS Live Validation */

.LV_validation_message{ font-weight:bold; margin:0 0 0 5px;}
.LV_valid { color:#00CC00; }
.LV_invalid { color:#CC0000; }   
.LV_valid_field,input.LV_valid_field:hover, input.LV_valid_field:active,textarea.LV_valid_field:hover, textarea.LV_valid_field:active { border: 1px solid #00CC00; }  
.LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active,textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active { border: 1px solid #CC0000; }

.isformerror { border:2px solid red; background:#FCF7C1; padding:5px; }
.isformok { border:2px solid #FAD426; background:#FCF7C1; padding:5px; }
/* ENDS */

/* Ticker Boxes */
#marqueecontainer{
position: relative;
background:#1A619D;
height: 200px;
overflow: hidden;
padding: 2px;
padding-left: 4px;
}

.ResultsHighLight {
	background:#23639C; color:white;
}

#searchresults
{
	border-top:1px solid silver;
	margin-top:10px;
	text-align:right;
	padding-top:6px;
}

#searchresults a {
	padding-left:3px; padding-right:3px;
	margin-right:2px; color:#3B5998; font-weight:bold;
}

#searchresults .pagecurrent {
	border-top:2px solid #3B5998;
}

#searchresults .pagelink {
}

#bookmarks .social
{
	float:left;
	width:500px;
	color:#444444; font-size:11px;
}
#bookmarks .social img {
	border:1px solid silver;
	margin:1px; width:16px; height:16px;
	padding:3px; background:white;
}

#bookmarks .right{
	text-align:right;
	width:400px;
}

.product {
	margin:5px; padding:4px;
	text-align:left;
	border-bottom:1px dotted silver;
}
.productname {
	font-size:1.4em;
	font-weight:bold;
}

.productprice {
	font-size:1.4em;
	font-weight:bold;
	color:#DE4B1D;
}

.productimg img { border:0px; background:url(images/spinner-med.gif) no-repeat; background-position: center; margin: 4px 10px 0px 0px; max-height:100px;}
.ofwproduct { border:1px solid silver; padding:4px; text-align:center;}
.product p { font-size:11px; }
.productdt {  height:55px; }
.product a { text-decoration:none; color:#000000;}
.product a:hover { text-decoration:underline; }
.productstop {
	border-top:1px solid silver;
	border-left:1px solid silver;
	border-right:1px solid silver; text-align:center;
	padding: 5px 3px 3px;
}

.productsmid {
	border-left:1px solid silver;
	border-right:1px solid silver; text-align:center;
	padding-left:3px; padding-right:3px;
}

productsmid p {
	margin:0px;
}
.productspace {
	width:5px; height:10px;
}
.productsend {
	border-left:1px solid silver;
	border-bottom:1px solid silver;
	border-right:1px solid silver; text-align:center;
	padding-left:2px; padding-right:2px;
	padding-bottom:4px;
}

.prodbuttons {
	display:block;
	color:#909090;
}

.prodbuttons a {
	font-weight:bold; color:#909090;
}

/* CSS Buttons */

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.gbutton {
    background: transparent url(images/bg_button_a.gif) no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.gbutton span {
    background: transparent url(images/bg_button_span.gif) no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

a.gbutton:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.gbutton:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

/* Ajaxed Twitter START */

div#twitter {
	background-color:#1A609A;
	color:white;
	margin-bottom:5px;
}

div#twitter a { color:#ffffff; }

p#preloader {
	margin: 0;
	padding: 1em 1em 1em 3em;
	background: transparent url("images/loader-small.gif") 1em center no-repeat;
}

ul#twitter_update_list {
	margin: 0;
	padding: 0 1em 0.5em 1em;
	list-style-type: none;
}

ul#twitter_update_list li {
	margin: 0;
	padding: 0.8em 0 1em 0;
	border-bottom: 1px solid #154B78;
}

ul#twitter_update_list li a {
	/* timestamp link */
	color: #ffffff;
}

ul#twitter_update_list li span {
	display: block;
}

ul#twitter_update_list li span a {
	/* links in tweet */
	color: #ffffff;
}

ul#twitter_update_list li.firstTweet {
}

ul#twitter_update_list li.lastTweet {
	border-bottom: none;
}

a#profileLink {
	display: block;
	padding: 0.3em 1em;
	color: #fff;
	background-color: #888;
}
/* Ajaxed Twitter END */

/* Horizontal Table */

.ISTable
{ font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
background-color: #fafafa;
border: 1px #6699CC solid;
border-collapse: collapse;
border-spacing: 0px;
margin-top: 0px;}

.ISTable td.header
{
border-bottom: 2px solid #6699CC;
background-color: #BEC8D1;
text-align: left;
font-family: Verdana;
font-weight: bold;
font-size: 11px;
color: #404040;
}

.ISTable td {
	border-bottom: 1px dotted #6699CC;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 11px;
color: #404040;
background-color: white;
text-align: left;
padding: 5px 3px 5px 3px;
}

.ISTable td.left { border-left: 1px dotted #CEDCEA; }

/* Vertical Table */

.formrow {
	background-color:#B4C9D6;
	border-bottom: 1px solid #D7E2ED;
	border-top:1px solid White;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px; padding:3px;
}

.formcell1 
{
	background-color:#E4E4E4;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px; color:#343433; font-weight:bold;
	border-top:1px solid #EBEBEB;
	border-bottom:1px solid #D1D1D1;
	padding:6px;
}

.formcell2
{
	background-color:#E3E2E2;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;	color:black;
	border-top:1px solid #EBEBEB;
	border-bottom:1px solid #D1D1D1;
	padding:6px;
}

/* Members Control Panel */

#members a {
	display:block;
	background:#8399be;
	color:white; text-decoration:none;
	padding:6px;
}

#members a:hover {
	background:#164491;
}

#members .selected {
	background:#164491;
	font-weight:bold;
}

#AvatarGallery img {
	border:1px solid silver;
	padding:2px; background:white;
}

#AvatarGallery img:hover {
	border:1px solid black;
	padding:2px; background:white;
}

#messagecenter .box {
	background:#ffffe5;
	border:1px solid #f5e082;
	padding:8px;
	font-size:11px;
}