/*  Puregraft EU Styles */
html{width:100%; height:100%; margin:0; font-family:Arial; border:0; 
   background:#fff url(../../App_Themes/Puregraft_EU/Images/bg_body_gradient.jpg) repeat-x top center;}

body {width:100%; height:100%; margin:0 auto; border:0; padding:0; text-align:center; }

table {border:0px; padding:0; margin:0 auto; border-collapse:collapse; vertical-align:top;}

p {}

a {text-decoration:none;}

img {border:0; width:auto; height:auto; }

#content_store_home, #content_store_puregraft, #content_store_works, #content_store_order
{ 
   width:1013px; height:auto; min-height:200px; margin:15px auto 0 auto; padding:0; text-align:center; overflow:auto; 
}

#content_store_home input[type="submit"], #content_store_puregraft input[type="submit"], #content_store_works input[type="submit"], #content_store_order input[type="submit"]
{ 
	color:white !important; font-weight:bold; font-size:13px; border:0 !important; background: transparent url(../../App_Themes/Puregraft_EU/Images/orange-button.png) no-repeat center; *padding-top:3px;
}
#content_store_home
{    
	background: transparent url(../../App_Themes/Puregraft_EU/Images/bg_shopping_notabs.png) no-repeat top center; 
}
#content_store_puregraft
{    
	background: transparent url(../../App_Themes/Puregraft_EU/Images/bg_shopping_left.png) no-repeat top center; 
}
#content_store_works
{    
	background: transparent url(../../App_Themes/Puregraft_EU/Images/bg_shopping_middle.png) no-repeat top center; 
}
#content_store_order
{    
	background: transparent url(../../App_Themes/Puregraft_EU/Images/bg_shopping_right.png) no-repeat top center; 
}

/* Store Top */
/* --------------------------------------------------------------------------------------*/
	#top_store { width:100%; text-align:left; height:135px; padding:0; margin:0; }
	#logo_store { float:left; margin:15px 0 0 -5px; }
	#logo_store img { width:388px; height:103px; }
	#menu_store { float:right; color:#fff; width:500px; height:80px; margin:30px 40px 0 0; padding:20px 0 0 0; font-family:Arial; font-weight:bold; font-size:14px;  text-align:right; *margin:35px 50px 0 0; /* IE7 and below */  }
	#menu_store a { color:#fff; text-decoration:none; } 
	#menu_store a:hover {color:#fff;}
	#menu_store img { width:32px; height:21px; vertical-align:bottom; }
	#menu_store p { font-size:12px; }
	#menu_store div.phone { color:#3B6E8F; margin:0; padding:0; clear:both; margin-bottom:5px; }
	
/* Store Bottom */
/* --------------------------------------------------------------------------------------*/
	#store_tabs  
	{
		width:100%; color: #3A6D8F; font:Arial; font-size:18px; font-weight:bold; text-align:center; 
		letter-spacing:2px; height:40px; margin:0;  padding:8px 0 0 0; float:left; clear:both; 
	}
	#store_tabs img 
	{
		width:235px; height:35px; margin:0; padding:0; border:0; margin-top:-5px;
	}
	
	#store_tabs a { color:#3A6D8F; text-decoration:none; font-weight:bold; }
    #store_tabs a:hover { color:#F8831A; text-decoration:none; }	

	#store_tab1 { width:300px; min-width:300px; float:left; height:30px; margin:0 0 0 38px; }
	#store_tab2  { width:300px; min-width:300px; float:left; position:relative; height:30px; margin:0 0 0 22px;}
	#store_tab3 { width:300px; min-width:300px; float:left;  height:30px; margin:0 0 0 10px; }
	
	/* Home, How It Works, How to Order */
	#bottom_store_home, #bottom_store_puregraft, #bottom_store_works, #bottom_store_order, #bottom_store_default
	{
		width:auto; height:auto; padding:0; margin:0; clear:both; margin-left:1px; /* fixes IE and Safari */
		font-family:arial; color:#666666; font-size:13px; text-align:center; overflow:auto; 
	    background: transparent url(../../App_Themes/Puregraft_EU/Images/bg_content_border_green.png) repeat-y top center; 
	}

	/* Columns */
	#bottom_store_home_cols, #bottom_store_puregraft_cols, #bottom_store_works_cols, _cols, #bottom_store_order_cols, #bottom_store_default_cols
	{ width:auto; height:auto; color:#666666; padding:0 20px; margin:0 auto; min-height:200px; clear:both; text-align:center; overflow:auto; }

	#bottom_store_home_cols, #bottom_store_default_cols { margin-top:10px;	}

	#bottom_store_home_col1 { width:950px; height:470px; margin:10px auto 0 auto; padding:17px 0 0 0; vertical-align:top; text-align:center; 	
		background-image:  url(../../App_Themes/Puregraft_EU/Images/bgbottom_frame1.jpg);  /* for IE to show frame */
		background-repeat:no-repeat;
		background-position: top center;
		background-color:Transparent;
		}

	#bottom_store_default_col1 { width:950px; height:auto; margin:0; padding:10px 0 0 20px; vertical-align:top; text-align:left; }
	#bottom_store_works_col1 { width:940px; height:auto; margin:0; padding:10px 15px 0 20px; vertical-align:top; text-align:left; }
	#bottom_store_puregraft_col1, #bottom_store_order_col1 { width:300px; height:auto; float:left; margin:5px 0 0 5px; padding:0; vertical-align:top; text-align:left; }
	#bottom_store_puregraft_col2, #bottom_store_works_col2, #bottom_store_order_col2 { width:650px; height:auto; float:left; position:relative; margin:15px 0; padding:0 8px 0 0; vertical-align:top; text-align:left; }
 
	/* ContactUs*/
	#bottom_store_contactus_col1 { width:680px; height:auto; float:left; margin:5px 0 0 5px; padding: 0px 0px 0px 10px; vertical-align:top; text-align:left; }
	#bottom_store_contactus_col2 { width:260px; height:auto; float:left; position:relative; margin:20px 0 10px 0; padding:0; padding-left:8px; vertical-align:top; text-align:left; }
  
    /* Common Column Styles*/	
	#bottom_store_puregraft h1, #bottom_store_works_cols h1,  #bottom_store_order_cols h1
	{ color:#663300; font-weight:bold; font:Arial; font-size:18px; font-weight:bold; text-transform:uppercase; margin:2px 0 15px 5px; }	 
	#bottom_store_home_col1 li, #bottom_store_works_col1 li, #bottom_store_works_col2 li, #bottom_store_order_col1 li, #bottom_store_order_col2 li
	{ color:#666666; }
	#bottom_store_puregraft_col1 a, #bottom_store_puregraft_col2 a, #bottom_store_works_col1 a, #bottom_store_works_col2 a, #bottom_store_order_col1 a, #bottom_store_order_col2 a
	{ color:#3B6E8E; text-decoration:none; font-weight:bold; }
    #bottom_store_puregraft_col1 a:hover, #bottom_store_puregraft_col2 a:hover, #bottom_store_works_col1 a:hover, #bottom_store_works_col2 a:hover, #bottom_store_order_col1 a:hover, #bottom_store_order_col2 a:hover
	{ color:#425567; text-decoration:none; }	
	
/* Store Footer - align with bottom_store divs */
/* --------------------------------------------------------------------------------------*/
	#footer_store 
	{
		width:100%; height:auto; min-height:110px; padding:0; margin:0 auto; float:left; clear:both; 
		font-family:arial; color:#666666; font-size:11px; text-align:center; overflow:auto; 
		background: #fff url(../../App_Themes/Puregraft_EU/Images/bg_shopping_footer.png) no-repeat top center; 
	}
	
	#footer_store_middle 
	{
		width:100%; height:auto; color:#3A6D8F; margin:13px auto 0 auto; float:left; clear:both; 
	}
	#footer_store_middle a { color:#3A6D8F; text-decoration:none; } 
	#footer_store_middle a:hover {color:#F8831A;}
	#footer_store_middle img { width:125px; height:16px; max-height:16px; }
	#footer_store_middle .addThis { padding:10px 0 0 0; }

/* --------------------------------------------------------------------------------------*/
/* Fieldset & Button */
/* --------------------------------------------------------------------------------------*/
	fieldset { background-color:#fff; border:1px solid #D6D3D3; padding:0; margin:0; clear:both; }
	fieldset div  { clear:none; }
	fieldset.noborder, fieldset.nopassword {background-color:Transparent; border:0 !important;  clear:both; } 
	fieldset.nopassword { margin-left:30px; } 


/* Column Control */
/* ------------------------------------------------------------------------------------ */
	div.columnContainer  { overflow:hidden; height:1%; margin:0; clear:none;  }
	div.columnContainer div  {float:left; clear:none; margin:0;  }
	div.columnContainer div.column { clear:none; }
	div.column {display:block; float:left; width:360px;  margin-right:10px; }


/* Input controls */
/* --------------------------------------------------------------------------------------*/
	input[type="submit"], input[type="submit"]:hover 
	{
		color:#262626; margin:0 auto; padding:0 0 5px 0; border:1px solid #D6D3D3; width:120px; font-size:12px; height:25px;
	}
	    
	input[type="submit"]:hover { color:#999; }


/* DEFINITION LISTS */
/* ------------------------------------------------------------------------------ */
	dl { position: relative; padding:0; line-height:160%; width:100%; margin:0 0 10px 0; height:auto; }
	
	dt { clear: both; float:left; width: 80px; margin:0; padding-bottom: 2px; text-align: right; font-weight:bold; min-height:1em; }
		
	dd { float: left; width: 500px; margin:0; margin-left:6px; padding-bottom: 2px; height:auto; display:block;	text-align:left; }

	dl.small {height:auto; width:100%; clear:both;}
	dl.small dt { width:80px;   }
	dl.small dd { width:180px; }

	dl.xsmall {height:auto; width:100%; clear:both; overflow:auto;}
	dl.xsmall dt { width:100px;  font-weight:normal; }
	dl.xsmall dd { width:100px; text-align:right; }
	dl.xsmall dd input[type="text"] { text-align:right !important; }

	dl.xsmall1 {height:auto; width:100%; clear:both; overflow:auto;}
	dl.xsmall1 dt { width:130px;  font-weight:normal; }
	dl.xsmall1 dd { width:90px; text-align:right; }
	dl.xsmall1 dd input[type="text"] { text-align:right !important; }

	dl.medium dt { width:160px; }
	dl.medium dd { width:300px;  }

	dl.middle dt { width:225px; }    
	dl.middle dd { width:250px;  }

	dl.wide dt { width:250px; }    
	dl.wide dd { width:450px;  }

	dl dt.hdr
	{
		background:transparent url(../../App_Themes/Puregraft_EU/Images/blue_bar_slice.jpg) repeat-x top center;		
		color:#fff !important; padding:5px 0; margin: 0 0 20px 0;
		text-align:left; width:100%; letter-spacing: 3px; white-space:nowrap;
	} 
	dl dt.hdr span  { padding-left:5px; float:left;  }

	dl dt.hdr-trans
	{
		background-color:transparent; padding:0; margin: 0; text-align:left; width:100%; font-weight:normal;
	}
	dl dt.hdrg
	{
		background:transparent url(../../App_Themes/Puregraft_EU/Images/blue_bar_slice.jpg) repeat-x top center; 
		color:#fff !important; padding:5px 0 0 0; margin:0; display:block;
		text-align:left; width:100%; letter-spacing:3px; white-space:nowrap; 
	}   
	dl dt.hdrg span  { padding-left:5px; float:left;  }

	dl dt.hdrg a { color:#fff !important; } 

	dl dt.hdrg a:hover { color:#D5E7EE !important; text-decoration:none !important; }

	dl dt.hdrg .gridViewAll { float:right; padding-right:5px; letter-spacing:normal; font-size:11px;  }	
	dl dt.hdr .gridCheckAllImg { float:right; margin:0; padding: 0; padding-left:30px; letter-spacing:normal; background: transparent url(../../App_Themes/Cytori/Images/check.png) no-repeat center; cursor:hand; font-size:0px; display:block; text-indent: -999px;}	
	dl dt.hdr .gridCheckAll, dl dt.hdrg .gridCheckAll { float:right; margin:0; padding: 0; padding-right:10px; letter-spacing:normal; display:block; vertical-align:baseline; }	

	dl dt.hdrg .gridNoRows { letter-spacing:normal; font-size:11px; }	

	dl dt.hdrg1
	{
		width:100%; color: #666666; background: #DFEEF5; font-weight: bold; margin:-1px 0 0 0;
		border-bottom: solid 1px #D6D3D3; text-align:left;	padding:0; display:block;
	}  
	dl dt.footer
	{
		width:100%; margin:10px 0 0 0;  padding:0; white-space:nowrap; text-align: left; display:block;
	}   

	dl dt.all { width:98%;	text-align:center; padding:5px 0;	margin:0px;  }
	dl dt.all1 { width:100%;	text-align:center; padding:5px 0;	margin:0px;  }
	dl dt.allLeft { width:100%;	text-align:left; padding:5px;	margin:0px;  }
	dl dd.blank{ width:100%; text-align:left; padding:0; margin:0px; }


	dl dt.failure
	{
		width:98%; text-align:center; padding:5px; margin:0px;
		color:Red; font-size:smaller; line-height:100%;
	}    

	dl dt.buttons { padding: 10px 0; width:100%; text-align:center;  }
	
	dl dt.buttons1 { padding: 0px; margin: 0; margin-right: 15px; width:95%; text-align:right;   }
	
	dl dt.footer1
	{
		width:100%; margin:10px 0 0 0; background-color:#DFEEF5; padding: 0px 0px 0px 10px; white-space:nowrap; text-align: left; display:block;
	}   

	dl dt.button { padding: 10px 0;	}

	dl dd.button { padding: 10px 0;	}
	
	dl dt.shipnote { padding: 1px 0; width:100%; text-align:left; font-size:8pt;   }
	

/* MISC */
/* ------------------------------------------------------------------------------ */
	.hide {display:none; }
	.bold {font-weight:bold;}
	ul li {list-style-type:square; list-style-position:inside; }
	ul li ul {margin-left:10px; }
	.textLeft {text-align:left;	}    
	.textRight {text-align:right; }
	.center {text-align:center;}
	.floatLeft {float:left; }
	.floatRight {float:right;}  
	.img {border:1px solid #D6D3D3; }
	.money { text-align:right; }
	div.inline { display:inline; }
	div.clear {clear:both; height:1px;}
	hr {width:100%; display:block; clear:both; height:1px; border:0; color:#D6D3D3; background-color: #D6D3D3; }
	tr.header td,  tr.header th {font-weight:bold; padding-bottom:5px;}
	tr.footer td {border-top:1px solid #000; font-weight:bold; padding-top:5px; }
	tr.noBottomBorder td { border-bottom:0px solid #fff; }
	.required { clear:both; font-size:11px; text-align:left; width:100%; }
	.checksLeft { float:left; width:35%; margin:0; padding:0;  }
	.checksRight { float:right; width:62%; margin:0; padding:0;  }
	.resImg { padding:3px 1px; }
	.smallFont {font-size:10px; }
	.smallerFont {font-size:9px;}
	.midFont { font-size:16px; }
	.bigFont {font-size:18px; }
	.gray {color:gray;}
	.tallerGrid {max-height:400px !important;}
	.message { width:98%; color:red; float:left; clear:both; margin:0; padding:0; text-align:center; }
	.labelText {text-align:right; width:120px; } 
	.labelTextL {text-align:left; width:200px; border:solid 1px #D6D3D3; height:18px; display:inline-block; } 
	#Error { clear:both; text-align:center; padding:0; margin:5px 0 0 0; }
	.btnOrange { background: transparent url(../../App_Themes/Puregraft_EU/Images/orange-button.png) no-repeat center !important; }
	.btnGray { background: transparent url(../../App_Themes/Puregraft_EU/Images/grey-button.png) no-repeat center !important; } 
	.btnOrange200 { background: transparent url(../../App_Themes/Puregraft_EU/Images/orange-button200.png) no-repeat center !important; }
	.btnOrange150 { background: transparent url(../../App_Themes/Puregraft_EU/Images/orange-button150.png) no-repeat center !important; }
	.btnOrange225 { background: transparent url(../../App_Themes/Puregraft_EU/Images/orange-button225.png) no-repeat center !important; }
	.btnOrange240 { background: transparent url(../../App_Themes/Puregraft_EU/Images/orange-button240.png) no-repeat center !important; }
 
    .privacy_policy, .terms_of_use, .contact_us { margin:15px 0; padding:0 25px; }
     
    .privacy_policy ul li {
	list-style-position:outside;
	list-style-type:disc;
	list-style-image: url(/App_Themes/Puregraft_EU/Images/list_bullet.png);	
		}
    .terms_of_use ul li {
	list-style-position:outside;
	list-style-type:disc;
	list-style-image: url(/App_Themes/Puregraft_EU/Images/list_bullet.png);	
		}
    .contact_us ul li {
	list-style-position:outside;
	list-style-type:disc;
	list-style-image: url(/App_Themes/Puregraft_EU/Images/list_bullet.png);	
		}



/* Validation Summary */
/* --------------------------------------------------------------------------------------*/
	div.validationSummary
	{
		border:1px solid #D6D3D3;
		padding:10px; background:#f3f2e7; 
		margin-bottom:10px;
	}
	div.validationSummary ul li
	{
		list-style:none;
	}

	div.validationSummary ul li
	{
		background: #f3f2e7 url('../Images/Icons/16x16/Warning.png') no-repeat center left;
		padding-left:20px; line-height:2em;
		color:#000;
	}
    
/* Generic Table */
/* --------------------------------------------------------------------------------------*/
    .genericTable
    {
        border:1px solid #D6D3D3;
        width:100%;
        margin:0px;
    }
    .genericTable tr td.hdr
    {
		background-color:#425567; color:#fff !important; padding:5px; margin: 0 0 20px 0;
		text-align:left; width:100%; letter-spacing: 3px; font-weight:bold;
    } 
    
    .genericTable tr td.hdr1
    {
		color: #666666; background: #BEDAE4; font-weight: bold; border-bottom: solid 1px #CCCCCC; text-align: left;	padding:0 5px;	
    }       
    
    .genericTable caption {
        font-weight:bold;
        margin-bottom:5px;
    }
    .genericTable tbody th, .genericTable tbody tr.header td, .genericTable thead th
    {
        background:#eee url("../Images/ButtonBkg2.png") repeat-x bottom center;
        background-color:#fff;
        font-weight:bold;
        border-bottom:1px solid #aca899;
    }
    .genericTable td, .genericTable th
    {
        padding:2px 5px;
        border-bottom:1px solid #ACA899;
        background-color:#fff;
    }
    
    .genericTable tr.highlight td
    {
        background-color:#ffc;
    }
    
    .genericTable th.imageButtonColumn
    {
        width:22px;
    }

    .genericTable table tbody td a
    {
        text-decoration:underline;
    }

    .genericTable tbody tr.pager td
    {
        background-color:#f3f2e7;
        vertical-align:middle;
    }
    
    .genericTable tr.emptyDataRow td
    {
        background-color:#f3f2e7;
        border:0px solid #fff;
    }

	.wrapLabel
	{
	   overflow:hidden;
	}

/* use in home tab page in sitefinity */
table.home {width: 99%; padding: 5px; margin: 0pt; border: 1px solid gray; color:#666666; font-family:Arial; font-size:13px; line-height:160%;}
table.home tr { margin:0; padding:2px; }
table.home tr td {border: 1px solid gray; padding: 8px; vertical-align: top; }
table.home tr td.left { width:20%; }
table.home tr td.middle { width:30%; }
table.home tr td.right { width:55%; }


/* Use in ManageProducts -- Css for Datagrids from Portal.css  */
/* --------------------------------------------------------------------------------------*/
	.divFixedHeader { /* So the overflow scrolls */	overflow:auto; 
		border:none; text-align:left; margin:0; padding:0; width:100%; max-height:200px; 
		float:left; min-height:1px; 
	}
	
	.divFixedHeader table 
	{
		margin:0; padding:0; vertical-align:top; 
	}

	.divFixedHeader table th { /* Keep the header cells positioned as we scroll */ position:relative;
		color: #666666; background: #BEDAE4; font-weight: bold; border-bottom: solid 1px #CCCCCC; text-align: left;	padding:0 5px;		    
	}
	.divFixedHeader table td 
	{
		padding:0 3px; font-size: 12px; vertical-align:top;	
	}

	.divFixedHeader table th a {
		color: #0a2c39;           
	}            

	.divFixedHeader table tbody { /* For alignment of the scroll bar */	overflow-x:hidden;	}  

	.gridStyle,	.altGridStyle, .gridHeaderStyle
	{
		color:#0a2c39; margin:0; border-collapse: separate;	border:hidden 0px #BEDAE4;
	}
	.altGridStyle {	background-color:#D5E7EE;}
	
	.gridHeaderStyle { font-weight:bold;	}

	.gridButtonStyle { color:#666; line-height:100%; }

	a.gridStyle:link, a.gridstyle:hover, a.gridstyle:visited
	{
		color:#BEDAE4; text-decoration:none;
	}
	
	#ManageProduct {width:900px; height:auto; margin: 0 auto; padding:15px 5px; text-align:left; }
	#ManageProductEdit { width:900px; height:600px; margin:0 auto; padding:5px; border:solid 1px #D6D3D3; background-color:#DFEEF5; text-align:left; }
	


/*---------------------------------------------------------------------------------- */
/*  C O N T A C T   F O R M    */
/* --------------------------------------------------------------------------------- */

.contactform { width:488px; margin:5px 0 5px 30px !important; padding:0; }
.contactform h1 {background: url(image/contactForm.gif) no-repeat; background-position:416px 5px;}
.contactform fieldset {padding:10px 0 10px 0 !important; margin:0 0 20px 0; border:solid 1px rgb(220,220,220); background: url(images/contactForm.gif) no-repeat; background-position: 500px 25px;}
.contactform label.left {float:left; width:150px; margin:0 0 0 10px; padding-right:10px; color:#666666; font-family:Arial; font-size:10pt; line-height:160%; white-space:nowrap; text-align:right;}
.contactform input.field {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%; text-align:left;}
.contactform textarea {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.contactform input.button {width:9.0em; padding-right:15px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(150,150,150); font-family:Arial; font-size:10pt; line-height:160%; float:right }
.contactform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}
.contactform .successLabel{color:Green; font-weight:bold; clear:both; float:left; margin-left:145px !important; margin-top: 10px;}
.contactform .failureLabel{color:Red; clear:both; float:left; margin-left:5px !important; margin-top: 10px; font-family:Arial; font-size:12px; line-height:160%; white-space:normal; text-align:left;}
.contactform ul {clear:both; float:left; margin-left:145px !important; margin-top: 15px;}
.contactform .val { margin:0 0 0 10px; padding-right:10px; color:#7D4739; font-family:Arial; font-size:12px; line-height:160%; white-space:normal; text-align:left;}
.contactform .val li {color:Red; display:inline; font-family:Arial; font-size:12px;}
.contactform .val ul {float:left;}
.contactform p {text-align:left; font-family:Arial;}
.contactform .field1 {width:150px; padding:2px; border:solid 1px rgb(200,200,200); font-family:Arial; font-size:12px; text-align:left;}
.contactform .captcha {width:700px; padding-bottom:10px; color:#7D4739; font-family:Arial; font-size:10pt; line-height:160%; white-space:nowrap; text-align:left;}
.contactform .cimage { text-align:left;}
.contactform .All { width:275px; font-size:100%; text-align:left; padding-left:0px; }
.contactform .pnlCaptcha { padding-left:170px; }