/*:::::::::::::::::::::::::::::::::::::::::::::Your Cup 'O Tea::::::::::::::::::::::::::::::::::::::::::::::::*/

										

/*:::::::::::::::::::::::::General Rules:::::::::::::::::::::::::::::::::::*/



body {
 	font-family:Verdana, Arial, Helvetica, sans-serif;
 	font-size: 75%;
 	color:#696969;
	background-color:#DCDDDF;
	margin:0px auto;
}

    
h2, h3 {
    font-weight: normal;
    font-size: 1.2em;
}

form {
    margin: 0;
    padding: 0;
    
}


img {
    border: none; 
}

a:active, a:link, a:visited {
    color: #696969;
    text-decoration: none;
}

a:hover{
    color: #696969;
}

fieldset, form {
    border: none;
    margin: 0;
    padding: 0;
}

#wrapper { 
	 margin: 0px auto;
	 width: 960px;
	 background-color:#FFFFFF;
}


/******************************Buttons***************************************/
.button,
input#btnShppingEqBilling, input#btnContinueCheckout, 
input#btnContinueShoppingTop, input#btnCheckOutNowTop, 
input#btnContinueShoppingBottom, input#btnCheckOutNowBottom, 
input#btnSignInAndCheckout,input#RegisterAndCheckoutButton, input#btnUpdateAccount, 
input#btnContinueShopping1,input#btnContinueShopping2, input#btnContinueCheckOut1,input#btnContinueCheckout2,
input#btnSaveAddress, input#btnDeleteAddress, input#btnSaveAddress,input#LoginButton, input#btnRequestNewPassword,#btnSubmit  {
     background-color: #c0c0c0;
     border: 1px solid #cecece;
     color: #ffffff;
     font-family: verdana;
     font-weight: normal;   
}

/******************************Header Begin***************************************/

#header { 
 	float: right;
 	color: #333333;
 	background: #FFFFFF;
 	width: 808px;
 	display: inline;
 	text-align:right;
 	margin:10px 0px 0px 0px;
}

#header ul {
	font-size:0.9em;
	color:#636363;
}

#header ul li {
	display: inline;
}

#header ul li.vline {
	border-left: 1px solid #636363;
}

#header ul a {
	padding:0 10px;
	color:#636363;
	text-decoration:none;
}


/******************************Header End***************************************/



/******************************Navigation Begin***************************************/
#navbar {
    width:770px;
    float:left;
    margin-top:65px;
}


#navbar a {
	float:left;
	margin:0px;
	padding:0px;
	text-decoration:none; 
	background:#FFFFFF url('') no-repeat left bottom;
}


#navbar a.home_yr {
	background-image:url('../images/home_yr.jpg');
	width:112px;
	height:40px; 
} 

#navbar a.discover_yr {
	background-image:url('../images/discover_yr.jpg');
	width:128px;
	height:40px; 
} 

#navbar a.create_yr {
	background-image:url('../images/create_yr.jpg');
	width:180px;
	height:40px; 
} 

#navbar a.about_yr {
	background-image:url('../images/about_yr.jpg');
	width:126px;
	height:40px; 
} 


#navbar a.mycup {
	background-image:url('../images/mycup.jpg');
	width:180px;
	height:40px; 
} 

#navbar a:hover {
	background-position:left center;
}

#navbar ul {
	margin:0px;
	padding:0px;
}

#navbar li {
	display:inline;
	list-style-type: none;
	margin:0px;
	padding:0px;
}

#navbar li.selected a, #navbar li.selected a:hover { 
	background-position:left top;
}


/******************************Navigation End***************************************/




/******************************Left Column Begin***************************************/

#leftcolumn { 
 	background: #FFFFFF;
 	width: 152px;
 	float: left;	
 	overflow:hidden;
}



#leftcol2 { 
 	color: #333333;
 	background: #ffffff;
 	width: 152px;
 	float: left;
	clear:left;
}



#leftnav {
  width:157px;
}

#leftnav ul {
    margin: 84px 0 0 0;
    padding: 0 0 0 20px;
    line-height: 2.2em;
    display: list-item;
    list-style: none;
  
}

#leftnav ul li {
  line-height: 1.8em;
}

#leftnav ul li ul {
    margin: 0 0 0 10px;
    padding: 0;
}

    


/******************************Left Column End***************************************/






/******************************Content Begin***************************************/
#content { 
	float: right;
 	color: #666666;
 	background: #FFFFFF;
 	width: 806px;
 	min-height:440px;
 	display: block;
 	margin: 20px 0px 60px 0px;
 	overflow:hidden;
}



#content a {
    text-decoration:none;
}

 #wrapper .home_content {
    margin-top: 20px;
}

#left {
   float:left;
   width:372px;
   padding:0px 16px 0px 36px;
   text-align: justify;
}
#left2 {
   float:left;
   width:432px;
   padding:0px;
   
}

p.p_highlight {
    font-size: 1.2em;
}

.content_column {
   float:left;
   width:600px;
   padding:0px 16px 0px 44px;
}

#content .content_column a {
    text-decoration: underline;
}

h2.case_study {
    margin: 12px 0 0 0;
    font-weight: normal;
    font-size: 16px;
}

h2.case_study a {
    color: #5fc19a;
}

#right {
  float:left;
  width:356px;

}


#chateau {
   width:320px;
   color:#5F96D6;
   background: #FFFFFF;
   text-align: left;
   float:left;
}
#chateau ul {
	font-size:0.85em;
	color:#5F96D6;
}

#chateau ul li {
	display: inline;
}

#chateau ul li.vline {
	border-left: 1px solid #5F96D6;
}

#chateau ul a {
    padding:0px 10px 0px 10px;
	color:#5F96D6;
	text-decoration:none;
}

/******************************Create Form Begin***************************************/


table#gridView_gridView{
    background-color: #eee;
}

table#rblProducts{
    margin-top:20px;
    font-weight: bold;
}


 #pnlForm {
  width:650px;
  margin-left:30px;
 }
 
 .form_background {
    margin: 30px 0 0 0;
    background-color: #eee;
 }
 
 .form_label {
    background-color: #fff;
 }
 
 .GroupName {
    background-color: #fff;
    text-transform:uppercase;
 }
 
  
.form_block_first {
    float:left;
    margin: 10px 0 0 0;
}
 
.form_block {
    float:left;
    margin: 10px 0 0 20.5px;
 }
 
 .form_flavour {
    margin: 5px 0 0 0;
 }
 
 .form_contact_details {
    margin: 5px 0 0 0;
 }
 
 #btnSubmit {
    margin: 10px 0 0 0;
}

#thanks {
    margin: 70px 0 0 110px;
}
 
/******************************Create Form End***************************************/


/******************************Content End***************************************/



/******************************Footer Begin***************************************/

#footer { 
 	width: 960px;
 	clear: both;
 	color: #333333;
 	background: #FFFFFF;
	text-align: center;
	
}

#footer ul {
    margin: 0 0 20px 0;
	font-size:0.85em;
	color:#636363;
}

#footer ul li {
	display: inline;
}

#footer ul li.vline {
	border-left: 1px solid #636363;
}

#footer ul a {
	padding:0px 20px 0px 20px;
	color:#636363;
	text-decoration:none;
}

#copyright { 
 	width: 960px;
 	color: #636363;
 	background: #DCDDDF;
	text-align:center;
	font-size:0.85em;
	padding:10px 0px 0px 0px;
}


/******************************Footer End***************************************/

    /******************************Extras***************************************/
 
#wrapper2 {
    width:660px;
    margin:10px 0px 10px 140px;
    clear:both;
}

#contact {
    width:300px;
    float:left;  
}


/*
#comments {
    width:300px;
    margin:50px 0px 0px 10px;
    float:left;
}
*/
#newspress {
    width:300px;
    float:left;
    margin:10px 30px 10px 140px;
}

/******************************General Classes***************************************/

.center {
	text-align:center;
}

.left {
	text-align:left;
}

.right {
	text-align:right;
}

.floatright {
	float:right;
}

.floatleft {
	float:left;
}

.clearleft {
	clear:left;
}

.clearright {
	clear:right;
}

.clear,
.clearboth {
	clear:both;
}

.container {
  width:800px;
  clear:both;
  margin-left:60px;
}  
.ps {
   font-size:0.85em;
   font-style:italic;
}

ul.grey a {
    color:#666666;
} 

ul.grey a.disc_select {
    color: #f24f90;
}

.marginleft {
    margin-left:15px;
}
.marginleft_create_ttl {
    margin-left:35px;
}

.margintop {
    margin-top: 25px;
}

.marginbottom {
    margin-bottom: 10px;
}

.minleft {
    margin-left: 4px;
}

.minleft2 {
    width: 170px;
    margin-left: 4px;
}

.create_link {
    margin: 10px 0 0 20px;
    width: 250px;
    font-size: 0.85em;
    text-align: center;
    color: #8278b7;
}

.narrow {
    margin: 20px 0px 0px 30px;
    width: 400px;
}

.smaller {
    font-size: 1em;
}

.links_list {
    margin: 10px 0;
    padding: 0 10px;
    list-style: none;
}

.links_list li a {
    color: #4f91cd;
}

/******************************Link Colour Classes Begin***************************************/

li.grey a,
a.grey {
  color:#666666;
}

li.blue a,
a.blue {
  color:#5F96D6;
}

li.pink a,
a.pink {
  color:#EE4F8F; 
}

li.yellow a,
a.yellow {
  color:#FDD55B;
}

li.green a, li.green,
a.green {
  color:#5FC19A;
}

li.purple a, li.purple,
a.purple {
    color: #8278b7;
}

 /******************************Link Colour Classes End***************************************/

 
 
 /******************************Table/Form Styles Begin***************************************/

table {
    border-collapse: collapse;
	font-family:helvetica, sans-serif;
	font-size: 0.9em;
	margin: 0px;
	padding: 0px;
}


input {
    font-size:1em;
   
}

caption {
	font-size: 1.4em;
	/*font-stretch: condensed;*/
	font-weight: bold;
	padding-bottom: 5px;
	text-align: left;
	text-transform: uppercase;
}

textarea {
    font-family:helvetica, sans-serif;
    font-size:1em; 
}

th, td {
	border-bottom: 1px solid #666;
	border-top: 1px solid #666;
	padding: 0.6em;
	vertical-align: 4px;
}
th {
	text-align: left;
	text-transform: uppercase;
}
thead th, tfoot th, tfoot td {
	background-color: #cc9;
	font-size: 1.1em;
}
tbody th {
	/* background: url('../images/bullet_vacancy.gif') no-repeat 6px 0.8em; */
	padding-left: 24px;
}
tbody th, td {
	background-color:#E4E4E4;
}
tbody tr:hover td, tbody tr:hover th {
	background-color: #b9d5ed;
}
tr.odd td, tr.odd th {
	background-color: #ddd;
}
tbody a {
	color: #333;
}
tbody a:visited {
	color: #999999;
}
tbody a:hover {
	color: #33c;
}
tbody a:active {
	color: #33c;
}
tbody td+td+td+td a {
	background: url('../images/external.gif') no-repeat right 0.4em;
	padding-right: 12px;
}
tfoot th {
	text-align: right;
}
tfoot th:after {
	content: ":";
}

#create_form {
    width:705px;
    margin: 0 0 0 35px;
}
#create_form tbody tr:hover td, tbody tr:hover th {
	background-color: #e1d8e9;
}

 /******************************Table Styles End***************************************/


#content .contactus_form th,
#content .contactus_form th td,
#content .contactus_form tr td,
#content .contactus_form {
 background-color: #fff;
 border: 0 none;
}