/*********************************************************/
/***           	SYLES FOR DELIVERY PRICE GRID          ***/
/*********************************************************/
.del-header {
	color: #333;
	text-align: left;
	margin-left: 3px;
	margin-top:0.5em;
	}
.white-col {
	background-color: #fff;
	color: #666;
	padding:3px 0px;
}
.reddel-col {
	background-color: #666;
	color: #fff;
	padding:3px 0px 3px  3px;
}
/*********************************************************/
/***           	SYLES FOR DELIVERY PRICE GRID          ***/
/*********************************************************/	
.sizefont{
	margin: 3px auto; 
	line-height: 12px;  
	width: 23px; 
	height:auto; 
	text-align: center;
	font-size:9px;
	}

li.colimagegreen {
	background-color:#00BB55;
	cursor: pointer;
	display: block;
	float: left;
	border: solid 2px #fff;
	height:30px;
	width:25px;
	margin: 2px;
	text-align: center;
	font-size: 1.2em;
	color:#fff;
	font-weight:bold;
}

li.colimagegreen:hover {
	background-color:#00BB55;
	font-size: 1.2em;
	border: solid 2px #fff;
	display: inline;
}


li.colimagegrey {
	background-color:#9e9e9e;
	cursor: pointer;
	display: block;
	float: left;
	border: solid 2px #fff;
	height:30px;
	width:25px;
	margin: 2px;
	text-align: center;
	font-size: 1.2em;
	color:#fff;
	font-weight:bold;
		cursor:text;
}

li.colimagegrey:hover {
	background-color:#9e9e9e;
	font-size: 1.2em;
	display: inline;
	border: solid 2px #fff;
}

li.colimageblue {
	background-color:#00adbb;
	cursor: pointer;
	display: block;
	float: left;
	border: solid 2px #fff;
	height:30px;
	width:25px;
	margin: 2px;
	text-align: center;
	font-size: 1.2em;
	color:#fff;
	font-weight:bold;

}

li.colimageblue:hover {
	background-color:#00adbb;
	font-size: 1.2em;
	display: inline;
	border: solid 2px #fff;
}


li.colimageorange {
	background-color:#9E9E9E;
	cursor: pointer;
	display: block;
	float: left;
	border: solid 2px #FE6731;
	height:30px;
	width:25px;
	margin: 2px;
	text-align: center;
	font-size: 1.2em;
	color:#fff;
	font-weight:bold;
}

li.colimageorange:hover {
	background-color:#FE6731;
	font-size: 1.2em;
	border: solid 2px #fff;
	display: inline;
}

li.colimagered {
	background-color:#00BB55;
	cursor: pointer;
	display: block;
	float: left;
	border: solid 2px #fff;
	height:30px;
	width:25px;
	margin: 2px;
	text-align: center;
	font-size: 1.2em;
	color:#fff;
	font-weight:bold;
}

li.colimagered:hover{
	background-color:#00BB55;
	font-size: 1.2em;
	border: solid 2px #fff;
	display: inline;
}

#productgrid-preorder {
	color: #BB1B00; 
	text-align: center;
	background-color:#ffffff;
	font-weight: bolder; 
	font-size:1.1em;
	padding: 2px 2px;
	width: 241px;
	text-align:center;
	height: 28px;
}


#productgrid-preorder p {
	margin: 0;
	padding: 0;
}


div#tableproductgrid1,
div#tableproductgrid2 {
	width:250px;
	z-index: 100;
	padding-top:3px;
}




/*********************************************************/
/***           	SYLES FOR TABS         				   ***/
/*********************************************************/

div#TabViewContainer {
	background-color: #cccccc;
	clear: left;
	height: 1%;
	width: 577px;
}

div.TabView div.Tabs
{
	height: 24px;
	overflow: hidden;
}

div.TabView div.Tabs a
{
	float: left;
	display: block;
	height: 24px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: center;
	text-decoration:none;
	font-weight:bold;
	padding:5px 7px 0px 7px;
	vertical-align: middle;
	color: #fff;
	text-transform: capitalize;
	border-top-style: none;
	border-left-style: solid;
	border-bottom-style: none;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-color: #666;
	border-bottom-color: #666;
	border-left-color: #fff;
	border-right:1px solid #ccc;	
	background: url(/content/ebiz/cloggseu/resources/images/tab-grey.jpg) #fff repeat-x;

}
div.Tabs a:hover
{
	background-image: url(<venda_pageadd>/tab.jpg);
	background-repeat: repeat-x;
	text-decoration:underline;	
}
div.TabView
{
	display: table;
	float: left;
	width:301px;
	padding:1px 0px 0px 5px;
	background-color:#ccc;
	}
div.Tabs a.Active
{
	background:url(/content/ebiz/cloggseu/resources/images/tab.jpg) repeat-x !important;
}
div.TabView div.Pages
{
	clear:both;
	border:1px solid #c1c1c1;
	overflow: hidden;
	height:350px;
	background-color:#FFF;
	color:#666;
}

div.TabView div.Pages div.Page
{
	overflow:auto;
	height:350px;
	padding:3px 6px 0px 6px;
	display:block;	
}

div.TabView div.Pages div.Page-uncoloured {
	padding: 0;
}

div.TabView div.Pages div.Page div.Pad,
div.TabView div.Pages div.Page div.Pad-uncoloured,
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:3px 3px 0px 3px;
	color: #666;
	line-height: 15px;
	background-color:#fff;
}

div.TabView div.Pages div.Page div.Pad-uncoloured {
	background-color: transparent;
	padding: 2px 0 0 0;
}

/*********************************************************/
/***           	SYLES FOR TABS         				   ***/
/*********************************************************/

div.TabView2 div.Tabs2
{
	border:1px solid #CCC;
	height: 24px;
	overflow: hidden;

	}

div.TabView2 div.Tabs2 a
{
	float: left;
	display: block;
	width: auto;
	height: 24px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: center;
	text-decoration:none;
	font-weight:bold;
	padding:5px 7px 0px 7px;
	vertical-align: middle;
	color: #fff;
	text-transform: capitalize;
	border-top-style: none;
	border-left-style: solid;
	border-bottom-style: none;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-color: #666;
	border-bottom-color: #666;
	border-left-color: #fff;
	border-right:1px solid #ccc;	
		background: url(/content/ebiz/cloggseu/resources/images/tab-grey.jpg) #fff repeat-x;

}
div.Tabs2 a:hover
{
	background-image: url(<venda_pageadd>/tab.jpg);
	background-repeat: repeat-x;
	text-decoration:underline;	
}
div.TabView2
{
	display: table;
	width:260px;
	float: left;
	margin-left: 4px;
	padding:0px 0px 0 2px;
}
div.TabView2 div.Tabs2 a.Active
{
	background:url(/content/ebiz/cloggseu/resources/images/tab.jpg) repeat-x !important;
}
div.TabView2 div.Pages2
{
	clear:both;
	overflow: hidden;
	height:350px;
	width:259px;
	background-color:#FFF;
}

div.TabView2 div.Pages2 div.Page2
{
	overflow:auto;
	height:350px;
	display:block;	
}

div.TabView2 div.Pages2 div.Page2 div.Pad2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left:2px;
	color: #666;
	line-height: 15px;
	background-color:#fff;

}	

/*********************************************************/
/***           	SYLES FOR INVT TITLE   				   ***/
/*********************************************************/
.itdesc ul li h1{
color:#fff;
font-size:1em;
padding:3px 0px 10px 0px;
width:454px;
height:19px;
}
html>/**/body .itdesc ul li h1{
padding:3px 0px 9px 0px;
}
.itdesc-bg{
background:#B11A00 none repeat scroll 0% 0%;
margin-left:22px;
margin-right:10px;
width:390px;
height: 35px;
}
.itdesc ul li{
display: inline;
float:left;
}

.itdesc ul {
padding: 0 0 2px 0;
}

html>/**/body.itdesc-bg{
height: 36px;
}
/*********************************************************/
/***           	SYLES FOR INVT TITLE   				   ***/
/*********************************************************/
div.itdesc {padding:6px 0px 0px 6px; background-color:#ccc;}

#blogo {
	float:left;
	width:113px;
	height:36px;
	background:#B11A00;
}
#pname {
	text-align:center;
	font-weight:bold;
	font-size:1.2em;
	color:#fff;
	float:left;
	width:454px;
	margin:0px;
	padding:7px 0px 10px 0px;
	height:19px;
	background:#B11A00;
}
#sprice{
	font-weight:bold;
	font-size:1.2em;
	color:#FFFFFF;
	float:left;
	width:64px;
	padding:7px 0 10px 0px;
	margin:0px;
	height:19px;
	background:#B11A00;
}
html>/**/body .itdesc #pname{
width:454px;
height:20px;
padding:7px 0px 9px 0px;
}
html>/**/body .itdesc #sprice{
width:64px;
height:20px;
padding:7px 0px 9px 0px;
margin:0px;

}

/* STYLES FOR TELL A FRIEND SECTION */
div#tafWrap {width:577px; padding-top:10px; background-color:#f2f2f2; font-family: Verdana, Arial, Helvetica, sans-serif; color:#666; font-size:0.85em; text-align:center;}

#emaildiv, .TAF-content, .WAR-content {
	background: #fff;
	margin: 0;
	padding: 1px 8px 0 12px !important;
	padding: 1px 8px 2px 12px;
	font-size: 1.1em;
	color: #000;
	border: 2px #666 solid;
}


#thankyouv4{
	background-color:#666;
	margin: 0px 0 0 0;
	/*padding: 6px 18px 0 12px;*/
	padding: 4px 18px 5px 12px;
	font-size: 1.1em;
	color: #000;
	}


#thankyou #emwbis_thankyou {
	background: #fff;
	padding: 4px 18px 5px 12px;
	font-size: 1.1em;
	color: #000;
	border: 2px #666 solid;
}

#thankyou #emwbis_thankyouv4 {
	background:#fff;
	padding: 4px 18px 5px 12px;
	font-size: 1.1em;
	color: #000;
	height:89px;
}

#emaildiv fieldset {
	margin: 0;
	padding: 10px 0 5px 0 !important;
	padding: 8px 0 3px 0;

}

#emaildiv fieldset label {
	width: 104px;
	margin: 0;
	padding: 1px 0 0 0 !important;	
	padding: 3px 0 0 0;
	/*border: 1px solid red;	*/
}
#emaildiv fieldset input.emwbis-submit {
	/*border:1px solid red;*/
	padding: 6px 0 0 1px;
}

#emaildivv4, .TAF-contentv4, .WAR-contentv4{
	/*background: url(../images/bg_productgrid_g1.gif) repeat-y;  */
	margin: 0;
	padding: 2px 12px;  !important;
	padding: 2px 12px; 
	font-size: 1.1em;
	color: #000;
	border:1px #666 solid;	
	background:#fff;
}
#thankyouv4 #emwbis_thankyou {
	background: #fff;
	margin: 0px 0 0 0;
	/*padding: 6px 18px 0 12px;*/
	padding: 4px 10px 5px 10px;
	font-size: 1.1em;
	color: #000;
	height:96px;
}

#emaildivv4 fieldset {
	margin: 0;
	padding: 10px 0 5px 0 !important;
	padding: 8px 0 3px 0;

}

#emaildivv4 fieldset label {
	width: 100px;
	margin: 0;
	padding: 1px 0 0 0 !important;	
	padding: 3px 0 0 0;
	/*border: 1px solid red;	*/
}
#emaildivv4 fieldset input.emwbis-submit {
	/*border:1px solid red;*/
	margin:2px 0 0 206px;
}

#email, #name, #field1, .WARinputbox-width #field1, .WARinputbox-width #from {
	border: 1px solid #353535;
	background: #E0E0E0;
	width: 146px;
	color: #666;
}
.end-div {
	background: url(../images/bottom_productgrid_g1.gif) no-repeat bottom;	
	margin: 0;
	padding: 3px;
}
.nm_emwbis {margin: 0 0 0 11px}
.nm-end-div {
	background: url(../images/bottom_productgrid_g1.gif) no-repeat left bottom;	
	margin: 0;
	padding: 3px;
}

/* Product Grid -- Tell a Friend */
.TAF-content {padding-top: 2px !important; padding-top: 2px;}
.TAF-content fieldset {margin:0;padding:0;}
.TAFformL-width {
	width:254px !important;
	width:259px;	
}
.TAFformL {
	float:left;
	margin: 0;
	padding: 4px 0 0 0;
}
.TAFinputbox-width {
	width: 100%;
	padding: 0 0 3px 0 !important;
	padding: 0 0 1px 0;
}
.TAFinputbox-width label {
	width:95px;
	padding: 1px 0 0 0 !important;
	padding: 3px 0 0 0;
}
.TAFtextarea-width {width: 160px;}
.TAFformL textarea#field1 {						
	width: 147px !important;
	width: 145px;
	height: 35px !important;
	height: 37px;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Verdana, sans-serif;		
}
.TAFformLtextarea {width: 50%;}
#tellafriend .TAF-content #buttons {						
	width: 42px;
	margin: 0;
	padding: 0;
	float: left;						
}
#tellafriend .TAF-content #buttons input {	
	/*padding: 24px 0 0 0 !important;
	padding: 27px 0 0 0;*/
	margin: 24px 0 0 0 !important;
	margin: 27px 0 0 0;
}
/* Product Grid -- Write a Review */
.WAR-content fieldset {margin:0;padding:0;}
.WARformL-width {
	width:254px !important;
	width:259px;
}
.WARformL {
	float:left;
	margin: 0;
	padding: 4px 0 0 0;
}
.WARinputbox-width {
	width: 100%;
	padding: 0 0 3px 0 !important;
	padding: 0 0 1px 0;
}
.WARinputbox-width label {
	width:95px;
	padding: 1px 0 0 0 !important;
	padding: 3px 0 0 0;
}
.WARinputbox-width #field6  {
	border: 1px solid #353535;
	/*background: #E0E0E0;*/
	width: 148px !important;
	width: 150px;
	/*color: #666;*/
}
.WARformLtextarea {width: 51%;}
.WARtextarea-width {width: 218px;}
.WARformL textarea#field3 {						
	width: 216px !important;
	width: 218px;
	height: 55px !important;
	height: 57px;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Verdana, sans-serif;		
	border: 1px solid #343434;
	background: #E0E0E0;
}
#writereview .WAR-content div#buttons {	
	width: 52px;
	margin: 0;
	padding: 0;
	float: left;		
}
#writereview .WAR-content #buttons input {
	/*padding: 45px 0 0 10px !important;
	padding: 47px 0 0 10px;*/
	margin: 45px 0 0 10px !important;
	margin: 47px 0 0 10px;		
}

#eastereggbg {
	background:#FF3 !important;
	color:#bb1b00;
	}