@charset "utf-8";
/* CSS Document */


body {
	background: url(../images/mainglobal_bg.png) repeat-y top center #2B2B2B;
	padding: 0px;
	margin: 0px;
	color: white;
	font-family: Georgia, "Times New Roman", Times, serif;
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 0.8em;
	line-height: 1.3em;
}
H1.product {
	font-size: 16px;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	text-align:center
}
h3{
	margin: 10px 0px 5px 0px;
	padding: 0px;
}
A {
	color: #99ccff;
	text-decoration:none;
}
A:hover {
	text-decoration:underline;
}
H2 {
	font-size: 1.2em;
	margin: 0px;
	padding: 0px;
}
HR {
	height: 1px;
	background: #999;
}

#wrapper {
	position:relative;
		width: 914px;
	margin: 0px auto;
}

.logo {
	float:left;
	margin-top: 10px;
	background: url(../images/crystal-classics-logo.gif);
	width: 206px;
	height: 122px;
	margin-left: 20px;
	text-indent: -2000px;
}

.clearer {
	clear:both;
	height: 1px;
}
#noDot{
	list-style: none;
	}
.error
{
color: #CC0000;
font-weight: bold;
}
.dotclearer {
	border-bottom: 1px dotted #616161;
	margin-bottom: 20px;
	margin-top: 0px;
	display: block;
	height: 10px;
	font-size: 1px;
	clear:both;
}

#header {
	height: 154px;
}

#leftcolumn {
	float:left;
	width: 170px;
	font-size: 90%
}

#right {
	padding: 25px 0px;
	float:right;
	width: 715px;
}

#content {
	background:url(../images/gif/background.png) top left no-repeat #1C1C1C;
}

#footer {
	clear:both;
	width: 904px;
	font-size: 85%;
	border-top: 1px dotted #616161;
	float: left;
	margin: 0px 0px 20px 0px;
	background: #1c1c1c;
	padding: 5px 5px 10px 5px;

}

.mainnav {
	margin: 0px;
	height: 18px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	background: #3b3b3b;
	padding: 10px 10px;
	font-size: 14px;
	clear:both;
}

.mainnav a {
	font-weight: bold;
}

.mainnav li {
	margin-right: 14px;
	padding-right: 30px;
	float:left;
	list-style:none;
	background: url(../images/gif/nav_bg.gif) no-repeat right;
}
.mainnav li.last{
	padding-right: 0px;
	float:left;
	background: none;
	list-style:none;
}

.headerright {
	text-align: right;
	float:right;
}

.headerright img {
	margin: 0px 0px 1px 1px;
}

.greyheader {
	font-weight: bold;
	padding: 5px;
	background: #999;	
	margin-top: 1px;
}

.greyheader a {
	color: white;
}

.greyheader img {
}

.closed {
	cursor: pointer;
}

/*.open {
	background: #999 url(../images/gif/arrow-up.gif) no-repeat top right;
	cursor: pointer;
}*/
form
{
margin: 0px;
padding: 0px;
}
.textbox {
	font-size: 100%;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: none;
	border-right: none;
	float: left;	
}
.itemImg
{
border: 1px solid #999;
padding: 1px;
}

.inner {
	padding: 10px 8px;
}

.viewall {
	cursor: pointer;
	text-indent: -2000px;
	background: url(../images/gif/view-all-specimens.png);
	width: 155px;
	height: 94px;
}

.brightblue {
	color: #6699ff;
}

.breadcrumb {
	padding-bottom: 10px;
	font-size: 80%;
	border-bottom: 1px dotted #616161;
}

.col3 {
	margin-right: 20px;
	float:left;
	width: 218px; 
}

.col2 {
	margin-right: 20px;
	float:left;
	width: 345px; 
}

.col1 {
	float:left;
	width: 690px;
}

.yellow {
	color: #f9fe66;
}
.yellowLarge {
	color: #f9fe66;
	font-size: 16px
}

.arrows {
	padding: 5px;
	margin-left: 12px;
	list-style-image:url(../images/gif/arrow.gif);
}

.small {
	font-size: 85%;
}

.med {
	font-size: 88%;
}

.hpimg {
	margin-top: 5px;
	float:left;
	margin-right: 10px;
}

.hptxt {
	margin-top: 5px;
}

.searchbox {
	padding: 7px;
	background: #cccccc;
	border: 1px solid white;
}

.cards {

}


/* navigation options */

.navigation {
	padding: 0px;
	margin: 0px;
	list-style: none;	
}

.subnavigation {
	list-style-image:url(../images/gif/arrow.gif);
	margin-left: 21px;
	padding: 8px 0px;
}

/* end navigation options */

.button {
	font-size: 11px;
	height: 24px;
	float:left;
	margin-right: 5px;
	background: url(../images/buttons/button-right.gif) no-repeat right top;
}

.button a 
{
	color: #ffffff;
	text-decoration: none;
	display: block;
	background: url(../images/buttons/button-left.gif) no-repeat left top;
	padding: 3px 10px 8px 8px;
}

.button a:hover {
	color: #99ccff;
}

.imgborder img {
	border: 1px solid white;
}

.tab {
	float:left;
	display: block;
	width: 80px;
}

/********
Form
********/

FORM {
	margin: 0px;
	padding: 0px;
}
INPUT.signup {
	padding: 4px;
	background: #3b3b3b;
	border: 1px solid #999999;
	width: 430px;
	vertical-align: middle; 
	height: 20px;
		font-size: 13px;
		color: #999999;
	margin: 5px 10px 5px 0px;
}
INPUT.signupMid {
	padding: 4px;
	background: #3b3b3b;
	border: 1px solid #999999;
	width: 180px;
	vertical-align: middle; 
	height: 20px;
		font-size: 13px;
		color: #999999;
	margin: 5px 10px 5px 0px;
}
INPUT.signupShort{
	padding: 4px;
	background: #3b3b3b;
	border: 1px solid #999999;
	width: 100px;
	vertical-align: middle; 
	height: 20px;
		font-size: 13px;
		color: #999999;
	margin: 5px 10px 5px 0px;
}
INPUT.contactform1 {
	padding: 4px;
	background: #3b3b3b;
	border: 1px solid #999999;
	width: 430px;
	vertical-align: middle; 
	height: 20px;
	display: block;
		font-size: 13px;
		color: #999999;
	margin: 5px 0px 5px 0px;
}
TEXTAREA.contactform2 {
	font-family: Arial, Helvetica, sans-serif;	
	padding: 4px;
	background: #3b3b3b;
	border: 1px solid #999999;
	width: 430px;
	height: 92px;
			color: #999999;
	display: block;
	margin: 5px 0px 5px 0px;
	font-size: 13px;
}
.searchtextbox {
	padding: 4px;
	background: #3b3b3b;
	border: 1px solid #999999;
	width: 110px;
	float:left; 
	vertical-align:middle; 
	height: 20px;
			color: #999999;
	margin: 0px 5px 3px 0px;
	font-family: Arial, Helvetica, sans-serif;	
		font-size: 13px;
}

/********
Basket Table
********/

TABLE.basket TH {
	background-color: #99CCFF;
	color: #3B3B3B;
	font-size: 14px;
	padding: 3px 6px 3px 6px;
}
TABLE.basket TD {
	padding: 3px 6px 3px 6px;
	background-color: #3B3B3B;
}

/********
Mini Basket
********/

.minibasket TD {
	border-bottom: 1px dotted #999999;
}

/****
NEWS CLASSES
*****/
.linkPic {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}
.newspic {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}
.thumbPic {
	border: 1px solid #FFFFFF;
}

/********
CSS MENU 
*******/

#dropmenudiv {
	position: absolute;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
	margin-top: 11px;
	line-height: 18px;
	z-index: 100;
	width: 230px;
}

#dropmenudiv A {
	width: 100%;
	display: block;
	text-indent: 3px;
	border-top: 1px solid #CCCCCC;
	padding: 1px 0;
	text-decoration: none;
	color: #FFFFFF;
	line-height: 21px;
	font-size: 12px;
}

#dropmenudiv A:hover { /*hover background color*/
	color: #99CCFF;
}

/********
SLIDES 
*******/
#slideshow {
	position: relative;
	width: 355px;
	height: 275px;
	border: 1px solid #CCCCCC;
}


#videocontent {
	left: -999em;
	position:absolute;
}