@charset "UTF-8";
/* CSS Document */

/*Notes:  you can see this is basically simple html UL/LI  structure.  

sidebarmenu class currently specificed as the following but feel free to completely replace or modify to suit your design*/


h2 {margin-bottom:10px;}
h3 {margin-bottom:10px;}
h5 {margin-bottom:5px;}



/* sidemenu */


div#mainnav {
	background:#555555;
	width:940px;
	height:40px;
	margin-bottom:20px;
	}
	
	div#mainnav ul{
	color:#fff;
	padding-left:20px;
	padding-top:10px;
	}
	
div#mainnav ul li{
	color:#fff;
	text-transform:uppercase;
	font-size:14px;
	display:inline;
	margin-right:25px;
	
	}
	div#mainnav ul li a{
	color:#fff;
	text-decoration:none;
	}
	
/* Grid View*/

.gridview
{	
    margin-bottom:20px;
	
}
.gridview th
{	
	color:#fff;
	background-color:#ccc;
	letter-spacing: 0;
    padding:10px 5px 10px 10px;
	text-align: left;
}
.gridview td {
	background: white;
	font-size:11px;
	font-family:Verdana,Arial,sans-serif;
	padding:10px 5px 10px 10px;
	text-align: left;

}
tr.alt td
{
    background-color:#f4f4f4;
}

tr.desc td
{
   font-family:Arial,sans-serif;
   font-size: 12px;
font-weight: normal;
line-height: 18px;
margin-bottom: 9px;
}



.gridview a:link 
{
	color:#666;
    margin-left:5px;
	font-size:12px;
	text-decoration:underline;
}
.gridview a:hover {
	color:#666;
	font-size:12px;
	text-decoration:underline;
}
.gridview tr.even td{
	background: #E7E7E7;
	font-size:11px;
	color: #000000;
	font-family:Verdana,Arial,Sans-Serif;
}
.gridview tr.pager td{
	background-color:#FAFAFA;
	color:#000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-color:#FAFAFA;	
	border-bottom-color:#FAFAFA;
	
}

.gridview tr.title_head th{
	font-size:16px;
	
}

.gridview tr.largetext td{
	font-size:12px;
	
}

.gridview td input.submit {
  background:#333;
  padding:10px;
  color:#fff;
  border:none;
  text-transform:uppercase;
   -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-weight:bold;
  
}



.accountinfo td {
	
	padding:20px 20px 20px 20px;
	font-size: 18px;}
	
.accountinfo td span {
	
	float:left;}
	
.accountinfo td label {
  padding-top: 0px;
  font-size: 18px;
  line-height: 12px;
  float:none;
  text-align: right;
  color: #ccc;
}

.accountinfo td input.submit_btn{
  float:right;
  background:#333;
  padding:10px;
  color:#fff;
  border:none;
  text-transform:uppercase;
   -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-weight:bold;
  
}


.searchbox td {
	
	padding:20px 20px 20px 20px;
	font-size: 14px;}
	
.searchbox td span {
	
	float:left;}
	
.searchbox td label {
  padding-top: 0px;
  font-size: 18px;
  line-height: 12px;
  float:none;
  text-align: right;
  color: #ccc;
}

.searchbox td input.submit_btn{
  float:right;
  background:#333;
  padding:10px;
  color:#fff;
  border:none;
  text-transform:uppercase;
   -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-weight:bold;
  margin-top:15px;
  
}

.searchbox th
{	
	color:#fff;
	background-color:#ccc;
	letter-spacing: 0;
    padding:10px 5px 10px 10px;
	text-align: left;
}

.searchbox tr.title_head th{
	font-size:16px;
	
}

input[type=text],
input[type=password],
textarea,
select,
.uneditable-input {
  display: inline-block;
  width: 120px;
  margin-top:10px;
    color: black;
}

.product {
	/*width:218px;    NEW DESIGN EDIT  */
    width: 205px;
	height:92px;
	text-align:center;
	border:1px solid #eee;
	padding-top:20px;
}

.details 
{
    /*width:200px;    NEW DESIGN EDIT */
    width:187px;
height:17px;
background:#f4f4f4;
padding:10px 10px 10px 10px;}

.details img{float:right; margin-left:5px;}

.big_product {float:left;
width:240px;
height:160px;
border:1px solid #ccc;
text-align:center;
padding-top:20px;}

.productdetails
{float:left;
background:blue;}

input.btn {background:#333;
  padding:10px;
  color:#fff;
  border:none;
  text-transform:uppercase;
   -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-weight:bold;}

/* ------  User registration  -------------- */
  
 
     
span.cbContactError
{
    color:red;
}
 

label.error
{
    font-family: Verdana,Arial,sans-serif;
    color: red;
    margin-left:5px;
    vertical-align: middle;
    float: right;
}
    
#MainContent_FullDetails1_cbTandCs label.error
{
    font-family: Verdana,Arial,sans-serif;
    color: red;
    float: left;
}
    
 

/* ------ --------------- -------------- */

/* simple css-based tooltip */
.tooltip {
	background-color:#000;
	border:1px solid #fff;
	padding:10px 15px;
	width:200px;
	display:none;
	color:#fff;
	text-align:left;
	font-size:12px;

	/* outline radius for mozilla/firefox only */
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
}