/* 
   Stylesheet for EastCoastHookahs.com
   
   ----------------------------------------------------------
   Stylesheet Author    HookahCartel.com, Inc.
   Version              1.0
   Created              08 May 2005
   Last-Modified        26 May 2005
   Stylesheet URL       http://www.eastcoasthookahs.com/css/ech.css
   --------------------------------------------------------

   Color scheme pivots around blue hues ... cold/industrial.
*/

body, html {
	margin: 8px 0px;
}

body {
	background-color: #000000;
}

/* BEGIN BREADCRUMB STYLES */
div.breadcrumb {
	height: 13pt;

	margin: 0px;
	padding-left: 4px;
	padding-top: 3px;
	padding-bottom: 1px;

	vertical-align: text-top;

	font-family: arial, verdana, tahoma, helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;

	text-align: left;

	color: #A6A6FF;
	background-color: #333333;
	
	border-top: none;
	border-right: 1px solid #444444;
	border-bottom: 1px solid #444444;
	border-left: 1px solid #444444;
}

div.breadcrumb a:link, div.breadcrumb a:visited {
	font-family: arial, verdana, tahoma, helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;

	text-decoration: none;

	color: #A6A6FF;
}

div.breadcrumb a:hover, div.breadcrumb a:active {
	font-family: arial, verdana, tahoma, helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;

	text-decoration: underline;

	color: #A6A6FF;
}
/* END BREADCRUMB STYLES */




/* ***** BEGIN SIDEBAR STYLES ***** */
/* >>> TODO: CONSOLIDATE THE SIDEBARS INTO ONE STYLE SET */

/* BEGIN GENERAL SIDEBAR STYLES */
td.sideBar {
	width: 150px;

	padding-top: 0px;
	padding-left: 0px;
	margin-top: 0px;

	text-align: left;

	background-color: #111111;

	border-bottom: solid 1px #333333;
}

div.sectionHeader {
	height: 13pt;

	vertical-align: text-top;

	margin-bottom: 0px;
	margin-top: 0px;

	padding-top: 4px;
	padding-bottom: 0px;
	padding-left: 5px;

	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 9px;

	text-align: left;

	color: #A6A6FF;
	background-color: #333333;
}

div.sectionHeader a:link, div.sectionHeader a:visited {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 9px;

	text-decoration: none;

	color: #A6A6FF;
}

div.sectionHeader a:active, div.sectionHeader a:hover {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 9px;

	text-decoration: none;

	color: #A6A6FF;
}

div.sectionBody {
	margin-top: 0px;
	margin-bottom: 3px;

	padding-left: 10px;
	padding-top: 2px;

	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-weight: 300;
	font-size: 10px;

	text-align: left;
}

div.accountName {
	margin-top: 4px;
	margin-bottom: 8px;
	margin-left: 0px;

	padding-left: 0px;
	padding-top: 2px;

	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-weight: 300;
	font-size: 9px;

	text-align: center;

	color: #FFFFFF;
}
/* END GENERAL SIDEBAR STYLES */




/* BEGIN LEFT SIDEBAR STYLES */
div.sectionLink {
	padding-top: 3px;
}

div.sectionLink a:link, div.sectionLink a:visited {
	padding-bottom: 3px;

	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;

	text-decoration: none;

	color: #FF9900;
}

div.sectionLink a:active, div.sectionLink a:hover {
	padding-bottom: 3px;

	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;

	text-decoration: none;

	color: #FFFFFF;
}

div.sectionLinkHiLite {
	padding-top: 3px;
}

div.sectionLinkHiLite a:link, div.sectionLinkHiLite a:visited {
	padding-bottom: 3px;

	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;

	text-decoration: none;

	color: #FFCC33;
}

div.sectionLinkHiLite a:active, div.sectionLinkHiLite a:hover {
	padding-bottom: 3px;

	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;

	text-decoration: none;

	color: #FFFFFF;
}
/* END LEFT SIDEBAR STYLES */

/* BEGIN RIGHT SIDEBAR STYLES */
div.infoLink {
	padding-top: 3px;
	color: #FF9900;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
}

div.infoLink a:link, div.infoLink a:visited {
	padding-bottom: 3px;

	text-decoration: none;

	color: #FF9900;
}

div.infoLink a:active, div.infoLink a:hover {
	padding-bottom: 3px;

	text-decoration: none;

	color: #FFFFFF;
}

div.infoLinkHiLite {
	padding-top: 3px;
}

div.infoLinkHiLite a:link, div.infoLinkHiLite a:visited {
	padding-bottom: 3px;

	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;

	text-decoration: none;

	color: #FFCC33;
}

div.infoLinkHiLite a:active, div.infoLinkHiLite a:hover {
	padding-bottom: 3px;

	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;

	text-decoration: none;

	color: #FFFFFF;
}

td.sideBorder {
	width: 1px;
}
/* END RIGHT SIDEBAR STYLES */




/* BEGIN PRODUCT VIEW STYLES */
td.mainContentView {
	margin-left: 0px;
	margin-top: 0px;

	padding-top: 0px;
	padding-left: 0px;

	clear: both;

	border-bottom: solid 1px #333333;
}
/* END PRODUCT VIEW STYLES */



/* BEGIN FORM STYLES */
form.searchForm {
	margin-top: 1px;
	margin-bottom: 3px;

	padding-bottom: 0px;
	padding-top: 3px;

	text-align: right;
}

.formTitle {
	vertical-align: middle;

	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;

	color: #EEEEEE;
}

form.loginForm {
	margin-top: 1px;
	margin-bottom: 3px;

	padding-bottom: 0px;
	padding-top: 3px;

	text-align: right;
}

.inputBox {
	height: 16px;
	width: 70px;

	margin-right: 8px;
	
	padding-left: 3px;

	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;

	color: #000000;
	background-color: #D2E9FF;

	vertical-align: middle;

	border: none;
}
/* END FORM STYLES */

/* BEGIN GRAPHIC ELEMENTS STYLES */
div.goButton {
	margin-right: 8px;
	margin-top: 4px;
}

div.accountButtonGroup {
	margin-right: 8px;
	margin-top: 3px;
	margin-bottom: 3px;

	text-align: right;
}

div.accountViewCart {
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 3px;
	margin-bottom: 3px;

	text-align: center;
}

div.signInButton {
	width: 64px;
	height: 16px;

	margin-right: 8px;
	margin-top: 4px;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;

	text-align: center;

	color: #FFFFFF;

	border: solid 1px #666666;
}

hr.divider {
	height: 1px;
	width: 80%;

	border: 0;

	color: #FF9900;
	background-color: #FF9900;
}
/* END GRAPHIC ELEMENTS STYLES */

/* BEGIN TRAILER COPYRIGHT STYLES */
div.trailer {
	padding-top: 2px;
	padding-bottom: 2px;

	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-variant: normal;

	color: #AAAAAA;

	border-bottom: solid 1px #333333;
}

div.trailer a:link, div.trailer a:visited, div.trailer a:active {
	font-weight: normal;
	font-size: 10px;

	text-decoration: none;

	color:#AAAAAA;
}

div.trailer a:hover {
	font-weight: normal;
	font-size: 10px;

	text-decoration: none;

	color: #FFFFFF;
}
/* END TRAILER COPYRIGHT STYLES */

/* BEGIN GENERAL LINK STYLES */
a:link {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: 700;
	font-variant: normal;

	color: #666666;
}

a:visited {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: 700;
	font-variant: normal;

	color: #666666;
}

a:hover {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: 700;
	font-variant: normal;

	color: #FF9900;

	text-decoration: none;
}

a:active {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: 700;
	font-variant: normal;
	
	color: #666666;
}

/* END GENERAL LINK STYLES */


div.formmail {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	font-variant: normal;
	padding-top: 2px;
	padding-bottom: 0px;
	color: #333333;
	clear: both;
}

div.formmail p, div.formmail td {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	font-variant: normal;
	padding-top: 2px;
	padding-bottom: 0px;
	color: #333333;
}

.link {
  font-family: Tahoma, Tahoma, Arial, Helvetica, sans-serif; 
  font-size: 9px;
  font-weight: bold;
  color: #666666;
  background-color: #EEEEEE;
  padding:0px 0px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  cursor: hand;
}

h1 {
  font-weight: bold;
  font-size: 12px;
  font-family: Verdana, Tahoma, Arial, sans-serif;
}

h1 a {
  display: block;
  text-indent: -9000px;
}