body{
	margin:0;
	border:0;
	font-family:Arial;
	font-size:12px;
	background-image: url(topbck.png);
	background-repeat:repeat-x;
	background-position:top;
	list-style-image:url(list.gif);
}

.error {color:#990000;}

/* link styling*/
a {color: #000000;}
a:link {color: #000000;text-decoration: none;}
a:visited {color: #000000; text-decoration: none;}
a:hover {color: #d7e460; text-decoration: none;}
a:focus {color: #d7e460; text-decoration: none;}


a.headertitlebar {color: #ffffff;}
a.headertitlebar:link {color: #ffffff;text-decoration: none;}
a.headertitlebar:visited {color: #ffffff; text-decoration: none;}
a.headertitlebar:hover {color: #d7e460; text-decoration: none;}
a.headertitlebar:focus {color: #d7e460; text-decoration: none;}

.linerule {
	border-top: 1px solid #d7e460;
	width:90%;
	margin-left:10%;
	margin-bottom: 20px;
}

/* Used throughout */
.container{
	width:900px;
	margin:0 auto;
}

/* Top blue box NB: the blue is page background */
#header{
	position:relative;
	font-size:13px;
	font-weight:bold;
	color:#bff5ff;
	height:311px;
	margin-bottom:30px;
	background-image:url(box.png);
	background-repeat:no-repeat;
	background-position:bottom left;
}

/* Logo */
#header h1{
	text-indent:-3000px;
	height:28px;
	width:188px;
	background-image:url(logo.png);
	background-repeat:no-repeat;
	float:left;
}


/* Menu */
.lavaLamp {
	position:absolute;
	top:-28px;
	margin-left:220px;
    height: 50px;
    width: 680px;
    padding: 15px;
    overflow: hidden;
}
.lavaLamp li {
	border-top:3px solid white;
	padding-top:15px;
    float: left;
    list-style: none;
}
.lavaLamp li.back {
    border-top: 3px solid #fff;
    width: 9px;
    height: 30px;
    z-index: 8;
    position: absolute;
}
.lavaLamp li a {
    font: bold 13px arial;
    text-decoration: none;
    outline: none;
    color:#bff5ff;
    text-align: center;
    top: 7px;
    text-transform: uppercase;
    letter-spacing: 0;
    z-index: 10;
    display: block;
    float: left;
    height: 30px;
    position: relative;
    overflow: hidden;
    margin: auto 10px;
}   
.lavaLamp li a:hover, .lavaLamp li a:active, .lavaLamp li a:visited {
    border: none;
}     


#test-container{
	position: absolute;
	bottom: 25px;
	right: 70px;
	width:600px;
	font-weight:normal;
	margin:208px 0 0 100px;
}
/* Tab */
.testimonials-tab{
	width:109px;
	height:48px;
	padding:15px 15px 12px 15px;
	background-image:url(tab.png);
	background-repeat:no-repeat;
	font: bold 13px arial;
    color:#bff5ff;
}
.bsd46{
	padding:10px 15px 7px 15px;	
	width:109px;
	height:48px;
	background-image:url(tab.png);
	background-repeat:no-repeat;
	font: bold 11px arial;
    color:#bff5ff;
}

.testimonials-tab a, .bsd46 a{
	color:#bff5ff;
	text-decoration:none;
	height:18px;
	padding:10px 0 10px 0;
}

/* Tab contents */
#testimonials{
	display:none;
	background-color:#417c92;
	color:#bff5ff;
	border: 1px solid #5f8ea2;
	height:75px;
	width:600px;
	padding:30px;
}


#content-container{
	position: relative;
	width:100%;
}

/* Main content pane */
#content{
	color:#333;
	font-size:10pt;
	width:100%;
	/*margin-right: 250px;*/
	min-height:350px;
}

#content h1{
	color:#175776;
	font-size:16pt;
	border-bottom:1px dotted #999;
}

#content h2{
	color:#333;
	font-size:12pt;
	font-weight:normal;
}

/* Right column, 'buy now' part */
#rightcol{
	position: absolute;
	top: -250px;
	right: 0;
	margin:0 -75px 0 500px;
	width:250px;
}

#rightcol h1{
	color:#175776;
	font-size:14pt;
	border-bottom:1px dotted #999;
}

#rightcol h2{
	color:#333;
	font-size:12pt;
	font-weight:normal;
}

/*login screen styling*/

#formwrap {
	width: 100%;
	text-align: center;
}
#newcustomers {
	float: left;
 	width: 50%;
}

#existingcustomers {
	float:right;
	width: 50%;
}
	

/* Twitter bar */
#twitter{
	margin-top:50px;
	background-image:url(bottombck.png);
	background-repeat:repeat-x;
	height:78px;
	padding-left: 30px;
}
#twitter div{
	background-image:url(twitter.png);
	background-repeat:no-repeat;
	height:78px;
	padding:5px 0 5px 67px;
	color:#9fd5e3;
	font-style:italic;
	font-size:13pt;
	line-height:11pt;
}
#twitter div h1{
	font-style:normal;
	font-size:15pt;
	font-weight:bold;
	color:#fff;
}

#twitter div h2{
	float:right;
	padding:25px 40px 0 0;
	font-style:normal;
	font-size:10pt;
}

#twitter div h2 a{
	color:#fff;
	font-style:normal;
	font-size:10pt;
	text-decoration:none;
}

/* Footer */
#footer{
	background-image:url(cards.png);
	background-repeat:no-repeat;
	background-position:bottom right;
	height:30px;
	padding:20px 0 0 0;
}

/*some standard Medoc stuff */
select{font-size: 11px; font-weight: 400; color:#000000; width: auto;}

.TotalOrder {border: 1px solid #d7e460;}
.TotalCell {border-bottom: 1px dotted #d7e460; }


input {
	color: #000000;
	border-top-color:#d7e460;
   	border-left-color:#d7e460;
   	border-right-color:#d7e460;
   	border-bottom-color:#d7e460; 
	border-width:1px;
	padding: 2px;
	font-size:11px;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
}

input.btn{
 	background-image: -moz-linear-gradient(top, #9fd5e3, #D1D1D1); /* FF3.6 */
  	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #9fd5e3),color-stop(1, #D1D1D1)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#9fd5e3', EndColorStr='#D1D1D1'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#9fd5e3', EndColorStr='#D1D1D1')"; /* IE8 */     color:#000000;
	font-weight:bold;
	border: 1px solid #5A8EFE;
	cursor: pointer;
	padding: 2px 5px 2px 5px;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;

}

input.btnhov{
 	background-image: -moz-linear-gradient(top, #D1D1D1, #9fd5e3); /* FF3.6 */
  	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #D1D1D1),color-stop(1, #9fd5e3)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#D1D1D1', EndColorStr='#9fd5e3'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#D1D1D1', EndColorStr='#9fd5e3')"; /* IE8 */ 
    color:#333333;
	font-weight:bold;
	border: 1px solid #9fd5e3;
	cursor: pointer;
	padding: 2px 5px 2px 5px;
   	-moz-border-radius: 5px; -webkit-border-radius: 5px;
}

/* these are for the standard products */
.variant1 {background-color:#CCCCCC} /* grey*/
.variant2 {background-color:#CCCCCC}
.price {background-color: #FFFFCC;} /* yellow */

.breadcrumb{
	color: #000066;	
	font-size: 10px;
	font-weight: bold;
	font-variant:small-caps;
}

.breadcrumb a:link {font-family: Helvetica, Arial, Verdana, sans-serif;	font-size: 10px; color: #000066; text-decoration: none; font-weight: bold;}
.breadcrumb a:active {font-family: Helvetica, Arial, Verdana, sans-serif;	font-size: 10px; color: #000066; text-decoration: none; font-weight: bold;}
.breadcrumb a:visited {font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 10px; color: #000066; text-decoration: none; font-weight: bold;}
.breadcrumb a:hover {font-family: Helvetica, Arial, Verdana, sans-serif;  font-size: 10px; color: #d7e460; text-decoration: none; font-weight: bold; cursor: pointer;}

.tabl1 {
	border-left:1px solid #d7e460;}
	
.text {
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
.text1 {
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}