/* CSS Document */

/* basic elements */
html {
	margin: 0;
	padding: 0;
	}
body { 
	font: 10pt verdana, sans-serif;
	line-height: 1.5;
	color: #FFFFFF; 
	background: #8e908b url(/001/blossoms.jpg) no-repeat bottom; 
	margin: 0; 
	padding: 0;
	}
	
img {border-style: none;}

p { 
	margin:0; 
	clear: both;
	}

hr {
  border: 1px solid white;
}	

h1 {
  clear: both;
  font-size: 25px;
  margin: 0;
  margin: 0 0 10px 0;
  border-bottom: 2px solid #FFFFFF;
}

h2 {
  background: #B53D3E url("../img/h2back.jpg") repeat-x;
  clear: both;  
  font-size: 20px;
  border: 1px outset #000000;
  padding-left: 10px;
  margin: 0 0 10px -3px;
  line-height: 1.8
}

h3 { 
	font: italic normal 1.4em georgia, sans-serif;
	letter-spacing: 1px; 
	margin-bottom: 5px; 
	color: #FFFFFF;
	}
a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #FFFFFF;
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #FFFFFF;
	}
a:hover, a:active { 
	text-decoration: none; 
	color: #dddddd;
	}
acronym {
	border-bottom: none;
	}

input, select {
  border-style: solid;
  border-width: 1px;
  border-color: #000;
  float: left;
}

.radio {
  border: none;
}
input:focus, input.s
{
border-style: solid;
border-width: 1px;
border-color: #DAAF01;
background-color: #FFFCEF;
}

label
{
width: 9em;
float: left;
text-align: left;
margin-right: 0.5em;
display: block;
}

.submit input
{
margin-left: 4.5em;
}

textarea {
  width: 250px;
  border-style: solid;
  border-width: 1px;
  border-color: #000;
  overflow: auto;
}

form div {
  clear: both;
}

form td div {clear: none}

form {
  line-height: 1.88889;
} 

fieldset
{
border: 2px solid #FFFFFF;
margin-top: 10px;
float: left;
clear:both;
width: 95%;
}

legend
{
color: #ffffff;
background: #B53D3E url("../img/h2back.jpg") repeat-x;
border: 1px solid #FFFFFF;
padding: 2px 6px;
font-weight: bold;
margin-bottom: 10px;
} 



/* layout divs */

#header {
  height: 167px;
  background: url(../img/top.jpg) no-repeat top center; 
}

a.logo {
  display:block;
  float:left;
  height:120px;
  margin-left:26px;
  width:540px;
}

#flashMessage, #authMessage {
  background-color: #CE171B;
  line-height: 2;
  border: 2px solid #fff;
  text-align: center;
}

.submit {
  margin: 0 auto;
}

.submit input {
  background:#E0BC28 url(../../img/goldbg.jpg) repeat-x scroll center bottom;
  border:1px outset #DAAF01;
  color:black;
  cursor:pointer;
  display:inline-block;
  font-size:14px;
  font-weight:bold;
  height:30px;
  margin:0 auto;
  padding:0 6px 2px;
  text-decoration:none;
  margin-top: 10px;
  clear: both;
}

.goldbutton {
  background:#E0BC28 url(../../img/goldbg.jpg) repeat-x scroll center bottom;
  border:1px outset #DAAF01;
  color:black;
  cursor:pointer;
  display:inline-block;
  font-size:20px;
  font-weight:bold;
  height:30px;
  margin:0 auto;
  padding:0 6px 2px;
  text-decoration:none;
  margin-top: 10px;
}

a.goldbutton, a:visited.goldbutton, a:active.goldbutton {
  display:block;
  height:33px; /*28px*/
  text-align: center;
  color: #000 !important;
  padding-top: 2px      /*7px*/
}

a:hover.goldbutton {
  color: #333333 !important;
	}

.redsubmit {
  background: #C31B00 url(../img/redback.jpg) repeat-x center center;
  display:block;
  height:35px;
  font-weight: bold;
  border: 4px #AF0400 double;
  text-align: center;
  color: white !important;
  margin: 0 auto;
  cursor: pointer;
}

a.button, a:visited.button, a:active.button {
  background: #C31B00 url(../img/redback.jpg) repeat-x center center;
  display:block;
  height:20px;
  border: 4px #AF0400 double;
  text-align: center;
  color: white !important;
}

a:hover.button { 
  background: #E84327 url(../img/redbackh.jpg) repeat-x center center;
  display:block;
  height:20px;
  border: 4px #AF0400 double;
  color: white !important;
	}

#navigation {
  margin: 0 auto;
  width: 970px;
}
  /* NAVIGATION MENU */	
    #menu {
    	background: #333;
    	float: left;
    	list-style: none;
    	margin: 1px 0 0 0;
    	padding: 0;
    	width: 780px;
    	float: left;
    	clear: both;
    }
    #menu li {
    	float: left;
    	font: 90% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    	margin: 0;
    	padding: 0;
    }
    #menu a {
    	background: #333 url("../img/seperator.gif") bottom right no-repeat;
    	color: #ccc;
    	display: block;
    	float: left;
    	margin: 0;
    	padding: 8px 12px;
    	text-decoration: none;
    	font-weight:normal;
    }
    #menu a:hover {
    	background: #B53D3E url("../img/hover.gif") top center no-repeat;
    	color: #fff;
    	padding-bottom: 8px;
    	}
#login {
  float:right;
  margin-right:29px;
  margin-top:110px;
}

#craftysyntax {
  float: left;
  height: 20px;
  width: 50px;
  background-color: blue;
}

.usermenuleft {
  float: left;
  height: 22px;
  width: 12px;
}
#usermenuleft {
  background: url("../img/usermenuleft.gif") no-repeat;
}

#smallusermenuleft {
  background: url("../img/smallusermenuleft.gif") no-repeat;  
}


#usermenucontent {
float: left;
background-color: #B53D3E;
height: 22px;
}

#usermenuright {
background: url("../img/usermenuright.gif") no-repeat;
 float: left;
 height: 22px;
  width: 12px;
}

  .usermenu {
    background: url("../img/usermenu.gif") right top no-repeat;
    display: block;
    float: left;
    height: 22px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
  }
  
  .usermenu span {
    
  }

#wrapper {
  margin: 0 auto;
  width: 100%;
  background: #8e908b url(../img/gradient.jpg) repeat-x;
  clear: both; 
}

#container { 
	margin: 0 auto;
  width: 945px;
  min-height: 800px;
  overflow: auto;
  background: #000000 url(../img/containerbg.jpg) repeat-x;
  border-left: 2px solid #90928D;
  border-right: 2px solid #90928D;
  padding: 15px;
}
  #container a:link {color:#DAAF01; }      /* unvisited link */
  #container a:visited {color:#BF9800}  /* visited link */
  #container a:hover {color:#FFD34F}  /* mouse over link */
  #container a:active {color:#000000}  /* selected link */

#footer {
  margin: 0 auto;
  width: 977px; 
	text-align: right; 
	font-size: 10px;

}

#footer p {
  float: right;
  clear: both;
}

/* page specific divs */

.carttable {
 
}

.carttable th {
  background: #B53D3E url("../img/h2back.jpg") repeat-x;
  border-right: 1px solid #fff;
}

#lastcartth {
  border: none;
}

.productstable tr {
  border-bottom: 1px solid #FFFFFF;
}

.productstable td {
  width: 50%;
  vertical-align: top;
  line-height: 1.5;
  
}

.productstable p {
  text-align: left;
  float: left;
}

.productstablercol {
  padding-right: 10px;
}

.productstablelcol {
  border-left: 1px solid #FFFFFF;
  padding-left: 10px;
}

.smallProducts td {
}

.suppliestable {
  border: 1px solid red;
}

.suppliestable td {
  border: 1px solid blue;
}

.suppliesCell {
  width: 150px;
}

.productdiv {
  float:left;
  width: 150px;
  margin-left: 3px;
  clear: both;
}



.productTitle {
  text-decoration: underline;
}
/* TABLES */

.infoTable {
  background-color: #333333;
}

.infoTable th {
  background-color: #3C3F37; 
}

.infoTable td {
  background-color: #B8B8B6;
  color: #1D1F1A;
  font-weight: bold;
  text-align: center; 
}


  /* Membership Page Styles */
#calcForm {
  width: 256px;
  float: left;
}
  
#membershipsContainer {
  width: 688px;
  float: left;
  color: #000;
  line-height: 1.3;
}

#couponForm div {
  clear: none;
}

#membershipsContainer hr {
  border: 1px solid black;
  width: 205px;
}
#membershipsContainer ul {
  margin: 0;
  padding: 0 0 0 20px;
}
.memberBox {
  float: left;
  width: 235px;
  background-color: white;
  margin-left: 15px;
  border: 1px outset #000;
  padding-bottom: 15px;
}
#goldMember {
}
.memberHeader {
  height: 36px;
  font-size: 20px;
  padding-top: -3px;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid #000;
  line-height: 1.7;
}

.priceHeader {
  text-align: center;
}

.priceText {
  font-size: 17px;
  font-weight: bold;
}

.priceSubText {
}

.memberTableTitle {
  font-weight: bold;
}

.goldcell {
  background-color: #DAAF01;
  color: #FFF;
  text-align: center;
  border: 1px solid #000;
}

.silvercell {
  background-color: #AAA8A9;
  color: #FFF;
  text-align: center;
  border: 1px solid #000;
}

.bronzecell {
  background-color: #8C7853;
  color: #FFF;
  text-align: center;
  border: 1px solid #000;
}

.startuptable {
  border: 1px solid #000000;
  text-align: center;
  margin: 7px auto;
  width: 150px;
}

.startuptable td {
  padding: 1px;
}

.startuptable p {
  padding: 0;
}

.displayPackageHeader {
  height: 36px;
  border-bottom: 1px solid #000;
  font-weight: bold;
  text-align: center;
  border: 1px solid #000;
}

#goldbg {
  background: #DAAF01 url("../../img/goldbg.jpg") repeat-x;
}

#silverbg {
  background: url("../../img/silverbg.jpg") repeat-x;
}

#bronzebg {
  background: url("../../img/bronzebg.jpg") repeat-x;
}

.savings {
  font-weight: bold;
  color: red;
}

.displayPackageDiv {
  text-align: center;
  width: 200px;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 10px;
}

.displayPackageDiv hr {
  width: 90px !important;
}

.blockListDiv {
  margin: 0 auto;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  padding-bottom: 10px;
  font-weight: bold;
}

.blockList {
  margin: 0 auto;
  list-style-type: none;
  padding: 0 !important; 
}

.blockList li {
  display: block;
  padding-top: 3px;
}
/* Tooltips & Overlays */

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	text-align: center;
	max-width: 500px;
	}
pre{
	display:block;
	font:100% "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	overflow:auto;
	width:800px;
	color: black;
}


#tooltip {
	position:absolute;
	border:1px solid #FFF;
	background:#B53D3E;
	padding: 10px 10px;
	color:#FFF;
	display:none;
	width: 250px;
	font-size: 8pt;
	font-weight: bold;
	text-align:left;
	}
  
/* tooltip styling */ 
.tooltip { 
    display:none; 
    background:url(http://static.flowplayer.org/tools/img/tooltip/black_arrow_big.png); 
    height:163px; 
    padding:40px 30px 10px 30px; 
    width:310px; 
    font-size:11px; 
    color:#fff; 
} 	

a.tooltip:link {
  color: #E84C33;
  text-decoration: none;
}

a.tooltip:visited {color:#E84C33; text-decoration: none;}
a.tooltip:hover {color:#DFDFDF; text-decoration: none;}
a.tooltip:active {color:#E84C33; text-decoration: none;} 

.simple_overlay { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#333; 
     
    width:645px;
    height: 513px;     
    min-height:200px; 
    border:1px solid #666;
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 
 
/* close button positioned on upper right corner */ 
.simple_overlay .close { 
    background-image:url(/img/close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
    z-index: 20000;
}

.template_overlay { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#333; 
     
    width:645px;
    height: 513px;     
    min-height:200px; 
    border:1px solid #666;
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 
 
/* close button positioned on upper right corner */ 
.template_overlay .close { 
    background-image:url(/img/close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px;
    cursor:pointer; 
    height:35px; 
    width:35px; 
    z-index: 20000;
}

#templateimage {
  clear:both;
  height:468px;
  overflow:scroll;
}
	
/* Drop-Down Menu*/
.menu{
	/*border-top: 2px solid #fff; */
	border-bottom: 2px solid #fff;
	margin:0px;
	padding:0px;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	}
.menu ul{
	
	height:35px;
	list-style:none;
	margin:0;
	padding:0;
	}
	.menu li{
		float:left;
		padding:0px;
		}
	.menu li a{
		background: url("images/seperator.gif") bottom right no-repeat;
		color:#DAAF01;
		display:block;
		font-weight:normal;
		line-height:35px;
		margin:0px;
		padding:0px 25px;
		text-align:center;
		text-decoration:none;
		}
		.menu li a:hover, .menu ul li:hover a{
		
			color:#FFD34F;
			text-decoration:none;
			}
	.menu li ul{
		background:#1F1F1F;
    display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:150px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:150px;
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		height:35px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			background:#000;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			}
	.menu p{
		clear:left;
		}
    
label.error {
  color: #DEB618;
  width: 250px;
}

input.error {
  border:1px dotted red;
}