/***********************************************/
/* HTML tag styles - Twobridges  */
/***********************************************/ 

*{
	padding:0px;
	margin:0px;
}

body{
	font-family: Arial, Geneva, Helvetica, sans-serif;
	background-color: #faeee0;
	line-height: 16px;
	color: #666668;
	font-size: 12px;
}

img{
	border:none;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 5px 0px 10px 0px;	
	font-weight: bold;
}

h1{	
	color:#4c4d52;
	font-size: 110%;
	font-weight: bold;	
}

h2{
	font-size: 110%;
	color: #ffffff;	
	font-weight: bold;	

}

p{
	padding-bottom: 15px;
}

ul{ 
 list-style-type: none; 
}

ul li {padding-bottom: 10px;}

.clear {
	clear:both;
}

label{
 font: bold 100% Arial,sans-serif;
 color: #666;
 display: block;
}

@media screen {
	* html legend {
	margin: -24px 0 0 0;
	position: fixed;
	line-height: 1.4;
	}
}

#wrapper {
	background:#FFFFFF url(images/background.gif) repeat-y scroll 0 0;
	width: 825px;
	margin-left: auto;
	margin-top:0px;
	margin-right: auto;
}

#header {
	width:824px;
	height:151px;
	background-color:#4C3336;
	background-image:url('images/header.jpg');
	background-repeat: no-repeat;
	padding:0px;
	margin:0px;
}

#mainContent {
	width:838px;
}

#vouchers {
	background-color:#313342;
	padding:0px;
	margin:0px;
	width:183px;
	float:left;
}

#vouchers div.giftVouchersButton{
	background:url('images/gift-vouchers-button.png') no-repeat;
	color:#ffffff;
	width:183px;
	height:50px;
}

#vouchers div.menuBasket{
	background:transparent url(images/menu-basket-bg.png) no-repeat scroll 0 0;
	color:#FFFFFF;
	height:54px;
	padding:10px;
	width:161px;	
}

#vouchers a:link,
#vouchers a:visited
{
	text-decoration:none;
	color:#ffffff;
}


#vouchers div.menuItemTitle{
	background:#4B4D5A url(images/menu-basket-bg.png) no-repeat scroll 0 0;
	color:#FFFFFF;
	height:16px;
	padding:6px 7px 7px;
	width:169px;	
	margin-top:5px;
	float:left;
	border-bottom:1px solid #818390;
}


#vouchers div.menuItem a:link,
#vouchers div.menuItem a:visited
{
	text-decoration:none;
	color:#ffffff;
}

#vouchers div.menuItem{
	width:183px;
	padding:0;
	margin:0;
	background:#636572;
	border-bottom:1px solid #818390;
	float:left;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;	
}

#vouchers div.menuItemText{
	float:left;
	margin-top:15px;
	margin-left:20px;	
}

#vouchers div.menuItem:hover
{
	width:183px;
	padding:0;
	margin:0;
	background:#4e505f;
	border-bottom:1px solid #818390;	
	float:left;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}

#vouchers div.selectedMenuItem:hover
{
	width:183px;
	padding:0;
	margin:0;
	background:#313342;
	border-bottom:1px solid #818390;	
	float:left;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}

#vouchers div.selectedMenuItem{
	width:183px;
	padding:0;
	margin:0;
	background:#4e505f;
	border-bottom:1px solid #818390;	
	float:left;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;	
}

#vouchers div.menuBasket a:link,
#vouchers div.menuBasket a:visited
{
	text-decoration:none;
	color:#ffffff;
}

#VoucherContent {
	padding:0px;
	margin:0px;
	width:642px;
	float:left;
	min-height:484px;
	_height:600px;
	background:#ffffff;
}

#footer {
	background-color:#313342;
	padding:22px;
	margin:0px;
	width:780px;
	height:74px;
	background-image: url('images/footer.jpg');
	background-repeat: no-repeat;
	color:#ffffff;
}

#footer p
{
	color:#d0d2de;
}

#footer a:link,
#footer a:visited
{
	color:#ffffff;
	text-decoration:none;
}

/****************** Product Row Styles********************/
#headerImage{
	margin:0px 0px 10px 0px;

}

.prodRow1{
	clear: both;
	display:block;
	background-color: #ffffff;
	height:164px;
	padding-right:22px;
	padding-left:22px;
}

.prodRow2{
	clear: both;
	display:block;
	background-color: #d0d2de;
	height:164px;
	padding-right:22px;
	padding-left:22px;
}

.thumbImg{
	float:left;
}

.prodRow1 img, .prodRow2 img{
	float: left;
	border:4px solid #c0becc;
	margin:30px 0 0;
	padding:0;
}

.prodTitle{
	padding: 40px 0 0 20px;
	margin:0;
	float: left;
	width: 250px;

}

.prodTitle .title1{
	font-family:Arial, Helvetica, sans-serif;	
	color: #4c4d52;
	font-size:1em;
	font-weight:bold;
	padding-bottom:2px;
}

.price{
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #4c4d52;
	width:100px;
	margin:0px;
	margin-top:40px;
	padding:0;
}

.priceContainer{
	float:left;
	width:150px;
	text-align: left;
}

.priceContainer a:link, .priceContainer a:link{
	float:left;
	width:150px;
	color:#4c4d52;
	text-decoration:none;
}

.priceContainer a:hover{
	color:#d0d2de;
}


.prodButtons{
	float: right;
	width: 165px;
	margin: 0px;
	padding: 0px;
}

.prodButtons input{
	float:right;
}


.pageinationCont{
	background-color:#4c4d52;
	padding:20px;
	margin:30px 0px;
	height: 50px;
}

.pageinationCont .searchDrops{
	width:500px;
}

#selText{

}
.pageinationCont .searchDrops select{
	float:left;
	margin-right: 15px;
}

#vouch h1, #det1 h1{
	background-color:#ffffff;
	padding:16px 0 0 22px;
}


.prodDetails h1{
	background-color:#ffffff;
	padding:20px 0 0 22px;
}

input.submit{
	border: 1px solid #500d14;
	padding: 2px;
	background-color: #FFFFFF;
	color: #efefef;
	font-size: 90%;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

input.submit:active{
	border: 1px solid #CCCCCC;
	border-top-color: #999999;
	border-left-color: #999999;
}

#vouch input.submit, .add input.submit, #det1 input.submit{
	background-color:#9e0114;
}

/******************Basket Styles********************/

#basketDetails{
	clear:right;
	margin-top:0;
	padding:0 0 0 22px;
}

#basketDetails h1{
	margin-top:0;
	padding:20px 0 0;
}

#basketContents{
	margin-top:0;
	padding:10px 0 0;
}


#basketContents a:link,
#basketContents a:visited
{
	text-decoration:none;
	color:#ffffff;
}

#basketContents div.menuItemTitle{
	background:#4B4D5A url(images/menu-title.png) no-repeat scroll 0 0;
	color:#FFFFFF;
	height:16px;
	padding:6px 7px 7px;
	width:169px;	
	float:left;
	border-bottom:1px solid #818390;
	text-align:left;
}

.tblTop1 {
	height: 23px;
	background-color: #A10012;	 
	border-top: solid 2px #EDEFF2;
	border-right: solid 2px #EDEFF2;
	border-left: solid 2px #EDEFF2;
		
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 23px;
	font-weight: bold;
	color: #fff;
	letter-spacing: 1px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	padding-right: 10px;
	padding-left: 10px;
}
.white1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	
	background-color: #FFFFFF;
	
	border-right: solid 1px #EDEFF2;
	border-left: solid 1px #EDEFF2;
	border-bottom: solid 1px #EDEFF2;
	
	padding-left: 8px;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	vertical-align: middle;
}
.pk1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	
	background-color: #efefef;
	
	border-right: solid 1px #fff;
	border-left: solid 1px #fff;
	border-bottom: solid 1px #fff;
	
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	vertical-align: middle;
}
.qty1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	border: 1px solid #003300;
	text-align: center;
	vertical-align: middle;
	width: 23px;
}
.grLine1 {
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;	
	text-align: right;
	padding-right: 4px;
	padding-top: 3px;
	padding-left: 3px;
}
.grLine2 {
	
	border-bottom: solid 1px #fff;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;	
	text-decoration: none;
	padding-right: 4px;
	text-align: right;
	padding-top: 3px;
	padding-bottom: 3px;
}
.pk2 {
	background-color: #f26840;
	border: 1px solid #EDEFF2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333;
	text-align: left;
	padding-right: 8px;
	padding-left: 8px;
}
.pk3 {
	background-color: #f26840;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333;
	text-align: left;
	padding-right: 8px;
	padding-left: 8px;
	border-right: 1px solid #EDEFF2;
	border-bottom: 1px solid #EDEFF2;
	border-left: 1px solid #EDEFF2;
}

.pink1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666;
	background-color: #ecf0f3;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #F9FAF8;
	border-left-color: #F9FAF8;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F9FAF8;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	vertical-align: middle;
}
.qty1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	border: 1px solid #BDC2C4;
	text-align: center;
	vertical-align: middle;
	width: 23px;
}
.grLine1 {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #D7DEC4;
	border-bottom-color: #D7DEC4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	text-align: right;
	padding-right: 4px;
	padding-top: 3px;
	padding-left: 3px;
	letter-spacing: 1px;
	background-color:#FFF;
}
.grLine2 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D7DEC4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	text-decoration: none;
	padding-right: 4px;
	text-align: right;
	padding-top: 3px;
	padding-bottom: 3px;
	letter-spacing: 1px;
	background-color:#FFF;
}
.pink2 {
	background-color: #ecf0f3;
	border: 1px solid #D7DEC4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666;
	text-align: left;
	padding-right: 8px;
	padding-left: 8px;
}
.pink3 {
	background-color: #ecf0f3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666;
	text-align: left;
	padding-right: 8px;
	padding-left: 8px;
	border-right: 1px solid #D7DEC4;
	border-bottom: 1px solid #D7DEC4;
	border-left: 1px solid #D7DEC4;
}
.update:link,.update:visited {
	color: #B3C4BB;
	background-image: url(images/ar_update_up.gif);
	background-repeat: no-repeat;
	background-position: right center;
	display: block;
	text-decoration: none;
	text-align: right;
	padding-right: 15px;
	line-height: 20px;
	letter-spacing: 1px;
}
.update:hover {
    color: #7FAA40;
	background-image: url(images/ar_update_over.gif);
	background-repeat: no-repeat;
	background-position: right center;
	display: block;
	text-decoration: none;
	text-align: right;
	padding-right: 15px;
	line-height: 20px;
	letter-spacing: 1px;
}

/* register */
.checkTable{
	background-color:#fff;
	color:#666;
}
/*
.title3 {
	font-size: 12px;
	font-weight: bold;
	color: #517B4F;
	background-image: url(images/bullet4.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	padding-left: 11px;
}
*/
.chkLeftForm1 {
	background-color: #e9edde;
	padding-left: 30px;
	width: 200px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.chkRightForm1 {
	background-color: #F3F3EB;
	padding-left: 20px;
}
.input4 {
	font-size: 11px;
	color: #A6AE98;
	width: 150px;
}
/* register */
.title3 {
	font-size: 12px;
	font-weight: bold;
	color: #333;
	background-image: url(images/bullet_check.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
	display: block;
	/*padding-left: 13px;*/
}

.chkLeftForm1 {
	background-color: #d7e0df;
	padding-left: 30px;
	width: 200px;
	padding-top: 3px;
	padding-bottom: 3px;
	color: #666;
	text-align: left;
}
.chkRightForm1 {
	background-color: #ecf0f3;
	padding-left: 20px;
	text-align: left;
	color: #666;
}
.input4 {
	font-size: 11px;
	color: #666666;
	width: 150px;
}
/* checkout payment */
.step1on {
	color: #5f624d;
	letter-spacing: 1px;
	text-align: center;
	font-weight: bold;
	width:25%;	
}
.step1 {
	color: #C6CDB4;
	letter-spacing: 1px;
	text-align: center;
	width:25%;
}

.stepsTable{
	border-top:solid 2px #ccc;
	border-bottom:solid 2px #ccc;
	margin-top: 10px;
}
/* checkout confirmation */
.leftTxt2 {
	text-align: left;
	vertical-align: top;
	padding: 10px 20px 5px;
}
.leftTxt4 {

	text-align: center;
	vertical-align: top;
	padding: 10px 5px 5px;
}
.rDetCol {

	width: 210px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	vertical-align: top;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #F2F4ED;
	border-bottom-color: #F2F4ED;
	background-color: #FFFFFF;
}
.input5 {
	font-size: 12px;
	color: #333333;
	width: 250px;
}
.sM1:link,.sM1:visited {
	font-weight: bold;
	color: #59B224;
	text-decoration: none;
	letter-spacing: 1px;
	text-align: left;
	vertical-align: middle;
	display: block;
	line-height: 20px;
	height: 20px;
	padding-left: 7px;
	white-space: nowrap;
}
.sM1:hover {
	font-weight: bold;
	color: #999999;
	text-decoration: none;
	letter-spacing: 1px;
	text-align: left;
	vertical-align: middle;
	display: block;
	line-height: 20px;
	height: 20px;
	padding-left: 7px;
	white-space: nowrap;
}
.leftSm {

	text-align: left;
	vertical-align: top;
	padding: 10px 5px 5px 70px;
}


.checkContainer{
	background-color:#fff;
	width: 560px;
	padding: 20px 0 0 22px;
	margin-bottom: 20px;
}


.checkContainer a:link,
.checkContainer a:visited
{
	color:#666;
	text-decoration:none;
}

.checkContainer div.menuItemTitle{
	background:#4B4D5A url(images/menu-title.png) no-repeat scroll 0 0;
	color:#FFFFFF;
	height:16px;
	padding:6px 7px 7px;
	width:169px;	
	border-bottom:1px solid #818390;
	text-align:left;
}


/************** .prodDetails styles ***************/


.prodDetails{
	padding: 0px 0px 10px 0px;
	clear: right;
	margin-top: 10px;
}

.prodDetails #pdImg{
	margin: 10px 0 0 22px;
	float:left;
	width:250px;
}

.prodDetails #detailsContainer{
	float:right;
	width:330px;
	padding:10px 10px 0 0;
	margin:0;
	color:#666668;
}

.prodDetails .title{	
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #666668;	
}

.prodDetails .titlePrice{
	font-size:110%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #666668;	
	text-align: right;
	padding-right: 5px;
}

.prodDetails .wasPrice{
	font-size:85%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #999;	
	text-align: right;
	padding-right: 55px;
	margin-top:10px;
}

.prodCart{
	width:260px;
	margin-left: 25px;


}

.prodCart #qinput{
	size:20px;
	border: solid #006600 1px;
	background-color: #efefef;
	width: 20px;

}

.prodCart .quantity{
	font-weight: bold;
	padding-bottom: 10px;
	width: 100px;
	margin-left: 140px;
	color: #666668;

}

.thumb_quantity{
	font-weight: bold;
	padding-bottom: 10px;
	width: 150px;
	/*margin-left: 5px;*/
	color: #666668;
	float: left;
}

.thumb_quantity .qinput{
	size:20px;
	border: solid #000000 1px;
	background-color: #efefef;
	width: 20px;
	float: left;
	margin-top: -15px;
	margin-left: 55px;
}

.thumb_quantity label{
	/*
	display: inline;
	float: left;
	*/
	color: #666668;
}

.prodCart .add{
	float: right;
	width: 150px;
	margin-bottom:200px;
}
#back{
	width: 150px;
	float: left;
}
.prodOptions{
	padding: 5px 0px 5px 0px;
	font-size: small;
	/*margin-top: 15px;*/
	
	
}

.prodOptions select{
	height: 22px;
	border: 1px solid #000000;
	background-color: #efefef;	
	
}
.prodOptions p{
	
	color: #613823;
		
	
}