/* Style Sheet Created By Kimberley Way for Yoursiteshoppingcart.com */


body {
	text-align: center;
	font-family: Trebuchet MS, Arial, Sans Serif;
	font-size: 10pt;
	font-weight: normal;
	margin-top: 0px;
	background: #FFFFFD;		/* #555 */
}

td { font-family: Trebuchet MS, Arial, Sans Serif; font-size: 10pt; font-weight: normal; }

.bold {	font-weight: bold; }

.red { color: #CD2626; font-weight: bold; }

.largered {	color: #CD2626; font-weight: normal; font-size: 16pt; }

.largeboldred { color: #900; font-weight: bold; font-size: 16pt; vertical-align: -.3em; }

.smallwhite { color: #FFFFFF; font-weight: normal; font-size: 8pt; }

.smallblack { color: #000000; font-weight: normal; font-size: 8pt; }

.clearboth { clear: both; }

.spacer { clear: both; height: 1em; }

.validated a, img { border: none; }	

.floatleft { float: left; margin: 0 1em 1em 1em; }

/***************************************** LAYOUT ELEMENTS*************************************************/



#container {	
	width: 960px;
	margin: 0px auto;
	text-align: left;
	border: none;
	line-height: 130%;
	/* overflow: hidden; */
	background-color: #EEEEE0;		/* white */

}


#leftside {
	width: 15%;
	float:left;
	/* height:1000px; */
	
	margin-left:1%;

}



#rightside {
	/* background-color: green; */
	width: 84%;
	float: right;

}



#container2 {
	width: 90%;	
	margin: 10px auto;
	background-color: #fff;
	text-align: left;
	border: none;
	line-height: 130%;
	overflow: hidden;
}

#login {
	float: right;
	width: 100%;	
	height: 22px;
	text-align: right;
	color: white;
	font-weight: bold;
	background-color: #000000;
	background-image: url(/images/tab_bg.gif);
	background-repeat: no-repeat;
	background-position: top right;
	padding-right: 10px;
	padding-top: 3px;
	border-top: 3px solid #000;
	border-bottom: 1px solid #000;
}

#login a { color: #FFCC00; text-decoration: none; }

#login a:hover { color: black;  }

#login img { position: relative; top: -3px; margin: 0px 5px; border: none; vertical-align: top; }

#top {
	color: #CCCCCC;
	width: 100%;	
	height: 150px;
	margin-top: 0px;		/* removed the top cart thing */
	background-color: #FFFFFF;
	
	background-repeat: no-repeat;
	background-position: top right;
	/*  border-bottom: 1px solid #000000; */
 	border-bottom: none;

}

#top h1 { font-size: 25pt; font-weight: bold; padding: 50px 0px 0px 50px; margin: 0; }

#top2 {	padding-left: 100px; color: #000000; }

/*************************************************** TOP NAVIGATION BAR**********************************************************/


#navbar {
	height: 30px;
	text-align: center;
	color: white;
	margin: 0;
	padding: 0;
	background-color: #778899;
	background: url(/images/navbg2.gif);
 }
 
#navbar ul { margin: 0px; padding: 6px 0px;	list-style-type: none; }

#navbar ul li { display: inline; }

#navbar ul li a {
	font-family: Verdana, Tahoma, sans-serif;
	text-decoration: none;
	margin: 0 5px 0px 0px;
	padding: 2px 15px;
	color: #FFFFFF;	
	font-weight: normal;
	font-size: 9pt;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #777777;
	border-bottom: 1px solid #777777;
	background: url(/images/navbg.gif);
}

#navbar ul li a:hover {	background: url(/images/navhoverbg.gif); }


/***************************************** NEW NAV BY GREG *************************************************/



#nav
{
    PADDING-BOTTOM: 0px;
    LINE-HEIGHT: 100%;
    MARGIN: 0px;
    PADDING-LEFT: 6px;
    PADDING-RIGHT: 6px;
    PADDING-TOP: 7px;

background: #ddd;

/*    BACKGROUND: url(/images/navbg2.gif) #7d7d7d repeat-x 0px -110px; */
    border-radius: 2em;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0, .4)
}

#nav li {
	margin: 0 5px;
	padding: 0 0 8px;
	float: left;
	position: relative;
	list-style: none;

}
/* main level link */
#nav a {
	/* font-weight: bold; */
	text-decoration: none;
	display: block;
	padding:  8px 20px;
	margin: 0;
	/* border: 1px solid #e7e5e5; */
	-webkit-border-radius: 1.6em;
	-moz-border-radius: 1.6em;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
color: #555555;
}

/* main level link hover */

#nav .current a, #nav li:hover > a {

	color: Blue;


}
/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
	background: none;
	border: none;
	color: #666;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;

}
#nav ul a:hover {
	background: #0399d4 !important; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#04acec', endColorstr='#0186ba'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba)) !important; /* for webkit browsers */
	background: -moz-linear-gradient(top,  #04acec,  #0186ba) !important; /* for firefox 3.6+ */
	color: #fff !important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
}
/* level 2 list */
#nav ul {
	background: #ddd; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cfcfcf'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#cfcfcf)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fff,  #cfcfcf); /* for firefox 3.6+ */
	display: none;
	margin: 0;
	padding: 0;
	width: 185px;
	position: absolute;
/* fucks up sub sub menu in ie. without it you have cursor over conflicts so fucked either way	z-index: 100; */
	top: 35px;
	left: 50%;
	border: solid 1px #b4b4b4;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
}
/* dropdown */
#nav li:hover > ul {
	display: block;

}
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;

}
#nav ul a {
	font-weight: normal;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .9);

}
/* level 3+ list */
#nav ul ul {
	left: 181px;
	top: -3px;
	position:absolute;
}
/* rounded corners for first and last child */
#nav ul li:first-child > a {
	-webkit-border-top-left-radius: 9px;
	-moz-border-radius-topleft: 9px;
	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topright: 9px;
}
#nav ul li:last-child > a {
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomleft: 9px;
	-webkit-border-bottom-right-radius: 9px;
	-moz-border-radius-bottomright: 9px;
}
/* clearfix */
#nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#nav {
	display: inline-block;
}
html[xmlns] #nav {
	display: block;
}
* html #nav {
	height: 1%;
}


/*************************************** SEARCH/CATEGORY BAR *******************************************/

#search-cat-bar {
	float: left;
	width: 100%;
	height: 20px;
	color: white;
	padding-top: 3px;
	padding-left: 20px;
	padding-bottom: 3px;
	background-color: #FF9900;
	background: url(/images/scb-bg.gif);
	background-repeat: repeat-x;
	background-position: top right;
	border-top: 5px solid black;
}

#categorylist li { display: inline; padding: 0 .9em; border-right: 1px solid #fff; font-size: .8em; font-weight: bold;}

#categorylist li.last {	border: none; }

#categorylist {
	overflow-x:hidden;
	float: right;
	width: 600px;
	height: 20px;
	font-size: .8em;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 0;
	border: none;
}

#categorylist a { color: #fff; text-decoration: none; }

#categorylist a:hover {	color: #000; text-decoration: underline; }

/*********************************************** LEFT SIDE *****************************************************/
 
#leftnav {
	float: left;
	text-align: center;
	background-color: #555555;	
	width: 210px;
	height: auto;
	margin: 0px 0 -2000px 0px;
	padding: 0px 0px 2000px 0px;
	border-right: 6px solid #777777;
}

#leftnav p { margin: 0 0 1em 0; }

#sectionhead {
	float: left;
	width: 200px;
	color: white;
	font-weight: bold;
	margin-top: 20px;   /*----decrease this number if you want less dark space between the sections-----*/
	padding: 5px;
	background-color: #EE9A00;
	border: none;
}	

#innerleft {
	float: left;
	width: 190px;
	text-align: left;
	background-color: #FFFFFF;	
	border: none;
	padding: 10px;
	margin: 0px 0px;
}

/***************************************** CENTER SECTION*************************************************/

#content {  zoom: 1; text-align: left; margin-top: 10px; margin-bottom: 10px; padding: 20px; border: none; postion:absolute; }

#content h1 {  top: 0px; left: .5em; color: #555555; font-size: 30pt; font-weight: bold; text-shadow: 0.05em 0.05em 0.05em #999999; margin-top: 0px; }

#content h2 { color: #555555; font-size: 16pt; font-weight: bold; margin: 0 0 .5em 0; }

.contentsubhead { float: left; color: #CD2626; font-size: 14pt; font-weight: bold; padding: 0px; margin-top: 0px; margin-right: 2em; }

#content2 {	text-align: center;	background-color: #FFFFCC; padding: 20px; border: 1px solid #666666; }

.innercontent { float: left; margin: 0em 1em; padding: 1em; border: none; }

.innercontent h2 { font-size: 14px; font-weight: bold; }

.innercontent p { width: 400px; }

.innercontent hr { color: #CC0000; }

.centeredcontent { width: 80%; text-align: center; margin: 1em auto; }

.centeredcontent2 { text-align: left; width: 400px; margin: 3em auto 1em; }

.contactform { float: left; width: 400px; padding: 10px; background-color: #ddd; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

.contactform td { padding: 5px; }

.contactforminput { 
	background-color: #FFFFFF;
	color: #000000;
	border-style: dashed;
	border-color: #ccc;
	border-width: 1px;
	font-size: 11pt;
	font-weight: normal;
	padding: 0px;
}	

#pscaption {
	position: relative;
	top: 0px;
	left: .5em;
	color: #EE9A00;
	font-size: 30pt;
	font-weight: bold;
	text-shadow: 0.05em 0.05em 0.05em #999999;	
}

#productspotlight {
	width: 600px;
	height: 294px;
	background-repeat: no-repeat;
	border-left: 50px solid #990000;
	margin-top: 20px;
	margin-left: auto ;
	margin-right: auto ;
	margin-bottom: 0px;

}

#productspotlighttext a {
	float: left;
	position: relative;
	height: 20px;
	top: 10px;
	left: 400px;
	color: #EE9A00;
	font-size: 20pt;
	font-weight: bold;
	text-shadow: 0.07em 0.07em 0.07em #333;	
	background: rgb(112, 128, 144); /* fallback color */
   	background: rgba(112, 128, 144, 0.6);
	padding: 5px 40px 5px 10px;
	margin-bottom: 300px;
	text-decoration: none;
	border: none;	
}

#productspotlighttext a:hover {	color: black; }

.productdisplay { float: left; top: 1.5em; width: 265px; height: 275px; margin: 0em .5em; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #000; padding: 10px; }

.productdisplay img { float: left; margin-right: 10px; }

.productdisplay ul { list-style-type: none; padding: 0; margin-left: 1em; }

.productdisplay li { background-image: url(/images/redaro.gif); background-repeat: no-repeat; background-position: 0 .4em; padding-left: .8em; }

.productdisplayprice { font-size: 12pt; font-weight: bold; float: right; margin-right: 1em; }

.productdisplay select { clear: right; float: right; margin-top: .5em; margin-right: 1em; } 	

.productdisplayleft { float: left; top: 50px; width: 45%; margin-top: 20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 0px solid #000; padding: 10px; }

.productdisplayleft img { float: left; margin-right: 10px; }


.productdisplayleft strong { float: left; }

.productdisplayleft p {	margin-top: 5px; color:#458B74; }

.productdisplayleft a:hover { color: black; }

.productdisplayright { float: right; top: 50px; width: 45%; margin-top: 20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 0px solid #000; padding: 10px; }

.productdisplayright img { float: left;	margin-right: 10px; }

.productdisplayright strong { float: left; }

.productdisplayright p { margin-top: 5px;color:#458B74; }



.productdisplaywide {
	float: left;	
	width: 700px;
	margin-left: 15px;
	margin-bottom: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	/* border: 1px solid #000; */
	padding: 5px;	
}

.productdisplaywide p {color:#458B74;}

.productdisplaywide img { float: left; margin: 5px 10px 0px 10px; width: 50px; height: 50px; }

.productdisplaywide strong { float: right; margin-right: 15px;}

/************************************************************************************************************************************/

.thumbnail { position: relative; z-index: 0; }

.thumbnail:hover { background-color: transparent; z-index: 50; }

.thumbnail span { /*CSS for enlarged image*/
	position: absolute;
	background-color: #fff;
	padding: 5px;
	left: -500px;
	border: 3px dotted #f60;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail span img { border-width: 0; padding: 2px; }

.thumbnail:hover span { visibility: visible; top: -250px; left: 30px; } /*position where enlarged image should offset horizontally */

/*******************************************************************************************************************************************/

.productcaption { color: #8470FF; font-weight: bold; font-size: 12pt; text-decoration: none; }	/* #CD2626  */

.productimage { float: left; width: 300px; margin: 0em 2em 3em 1.5em; }

.productdescription { float: left; width: 350px; margin-right: 0px; }


#productoptions { margin-top: 1em; margin-right: 2em; padding: 3px; background-color: #ddd; }

.productinput { background-color: #FFFFFF; color: #000000; border-style: dashed; border-color: #ccc; border-width: 1px;	font-size: 9pt; padding: 0px; }	

#productoptions td { padding: 5px; }



/************************* Payment Table *****************/

#paymenttable { float: center; margin-top: 1em; margin-right: 2em; padding: 3px; background-color: #ddd; }

#paymenttable td { padding: 5px; }


/******************************************************* Color Swap **********************************************************************/

#colorswap { float: left; width: 225px; height: 320px; margin: 0em 2em 1em 1.5em; position: relative; }

.image-link { display: block; width: 225px; height: 285px; position: absolute; top: 0; left: 0; }

#one { background: url(/images/bread.jpg) no-repeat; z-index: 2; text-align: center; text-decoration: none; }
#two { background: url(/images/bread_red.jpg) no-repeat; text-align: center; text-decoration: none; }
#three { background: url(/images/bread_green.jpg) no-repeat; text-align: center; text-decoration: none; }
#four { background: url(/images/bread_blue.jpg) no-repeat; text-align: center; text-decoration: none; }
#five { Background:  url(/images/bread_purple.jpg) no-repeat; text-align: center; text-decoration: none; }

#one span { position: absolute; left: 0px; bottom: -35px; background: #fff; }
#two span { position: absolute; left: 45px; bottom: -35px; color: #FFF; background: #FF6A6A; }
#three span { position: absolute; left: 90px; bottom: -35px; color: #FFF; background: #cc6; }
#four span { position: absolute; left: 135px; bottom: -35px; color: #FFF; background: #9cc; }
#five span { position: absolute; left: 180px; bottom: -35px; color: #FFF; background: #c9f; }

.image-link span { width: 25px; display: block; height: 19px; padding: 5px; border: 1px solid #000; font-size: 7pt;}
.image-link:hover { z-index: 100; }
.image-link:hover span { background: #ccc; }

/******************************************************* Image Swap *******************************************************************/

#imageswap { float: left; width: 300px; height: 260px; margin: 0em 2em 1em 1.5em; position: relative; }

.imageswap-link { display: block; width: 300px; height: 250px; position: absolute; top: 0; left: 0; }

#oneswap { background: url(/images/melon1.jpg) no-repeat; z-index: 2; text-align: center; text-decoration: none; }
#twoswap { background: url(/images/melon2.jpg) no-repeat; text-align: center; text-decoration: none; }
#threeswap { background: url(/images/melon3.jpg) no-repeat; text-align: center; text-decoration: none; }

#oneswap span { position: absolute; left: 0px; bottom: -35px; color: #fff; background: #B22222; }
#twoswap span { position: absolute; left: 100px; bottom: -35px; color: #fff; background: #EE2C2C; }
#threeswap span { position: absolute; left: 200px; bottom: -35px; color: #fff; background: #EE7621; }

#oneswap span:hover { color: #000; background: #ccc; }
#twoswap span:hover { color: #000; background: #ccc; }
#threeswap span:hover { color: #000; background: #ccc; }

.imageswap-link span { width: 88px; display: block; height: 19px; padding: 5px; border: none; font-size: 9pt;}
.imageswap-link:hover { z-index: 100; }

/********************************************************************************************************************************************/

.prodtable { float: right; width: 98%; margin: 0px auto; border-collapse: collapse; }

.prodtable th { padding: 5px; color: #fff; font-size: 11pt; background-color: #778899; border-bottom: 4px solid #aaa; }

.thl { text-align: left; }

.thr { text-align: right; }

.thc { text-align: center; }

.prodtable td { font-weight: normal; border: 2px  #ccc; padding: 0px 5px; }

.subtotal { text-align: right; border: none; }

.prodtable2 { width: 875px; margin: 0px auto; border-collapse: collapse; }

.prodtable2 td { font-weight: bold; text-align: right; padding: 3px; border-bottom: 2px #ccc; }

.noline { width: 98%; margin: .5em auto; border-collapse: collapse; }

.noline th { color: #fff; font-size: 9pt; padding: 5px; background: #708090; background: url(/images/navbg2.gif); }

.noline td { font-weight: bold; text-align: right; padding: 3px; border: none; }

/*******************************************************************************************************************************************/

.shipping { float: right; width: 98%; margin: 1em auto; border-collapse: collapse; }

.shipping th { padding: 5px; color: #fff; font-size: 11pt; background-color: #778899; border-bottom: 4px solid #aaa; }

.shipping td { font-weight: bold; text-align: right; padding: 3px; border-bottom: 2px  #ccc; }

.shipping input { text-align: right; }

.shipto { float: left; width: 415px; margin: 1em 1em 1em 2em; background-color: #ddd; border: 1px solid #778899; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.shipto h2 { margin: 0;	padding: 5px; color: #fff; font-size: 9pt; background-color: #778899; border-bottom: 4px solid #aaa; }

.shipto table { margin: 0 10px 10px; }

.billto { float: right; width: 415px; margin: 1em 2em 1em 1em; background-color: #ddd; border: 1px solid #778899; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.billto h2 { margin: 0;	padding: 5px; color: #fff; font-size: 9pt; background-color: #778899; border-bottom: 4px solid #aaa; }

.billto table { margin: 0 10px 10px; }

.confirmto { width: 875px; margin: 1em auto; background-color: #ddd; }

.confirmto th { padding: 0px 0px 0px 3px; }

.confirmto td { padding: 0px 0px 0px 3px; background-color: #fff; }

.confirmto input { border: none; padding: 0px; }

#shiptable { width: 450px; margin: 2em auto; border-collapse: collapse; background-color: #ddd; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

#shiptable td { font-weight: bold; padding: 5px 10px; border: none; }

/*******************************************************************************************************************************************/

.paymentinfo { clear: both; width: 415px; margin: 0px auto; background-color: #ddd; border: 1px solid #778899; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.paymentinfo h2 { margin: 0;	padding: 5px; color: #fff; font-size: 9pt; background-color: #778899; border-bottom: 4px solid #aaa; }

.paymentinfo table { margin: 0 10px 10px; }

.paymentinfo img { vertical-align: middle; border: none; }

#approval { width: 500px; margin: 20px auto; border-collapse: collapse; background-color: #ddd; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

.approval { text-align: center; padding: 20px 0px; border-top: 5px dotted #aaa; }

.approval_tdr { text-align: right; padding: 5px; }

.approval_bold { font-weight: bold; text-align: left; padding: 5px; }

#approval a { font-weight: bold; text-decoration: none; }

#approval a:hover { color: #b00; }

#approval img { border: none; }


/****************************************************** UNUSED **************************************************************************/

#prodtable1 td { border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; }

#data1 { border-color: #999999;	background-color: #FFFFFF; border-width: 0 0 1px 1px; border-style: solid; }

#data1 td {	border-color: #999999; border-width: 1px 1px 0 0; border-style: solid; padding: 5px; }	

#browsecategorytable { background-color: #EEEEEE; border: 1px solid black; margin: 10px 0px 20px 0px; padding: 10px 0 10px 0; }

/*******************************************************************************************************************************************/

.register {

	margin-left: 10em;
	margin-right: 1em;
	margin-bottom: 2em;
	padding: 0px;
	color: #000;
	background-color: #ddd;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #778899;
}

.register h2 {
	margin: 0;
	padding: 5px;
	color: #fff;
	font-size: 9pt;
	background-color: #778899;
	border-bottom: 4px solid #aaa;
}

.register table { margin: 0 10px 10px; }

.forminput { background-color: #fff; color: #000; border: 1px solid #789; font-size: 10pt; padding: 2px; }

.forminput:focus { background-color: #ffc; }


.mylogin {
	float: left;
	margin-left: 0em;
	margin-right: 1em;
	margin-bottom: 2em;
	padding: 0px;
	color: #000;
	background-color: #ddd;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #778899;

}

.mylogin h2 {
	margin: 0;
	padding: 5px;
	color: #fff;
	font-size: 9pt;
	background-color: #778899;
	border-bottom: 4px solid #aaa;
}

.mylogin table { margin: 0 10px 10px; }

.mylogin { background-color: #fff; color: #000; border: 1px solid #789; font-size: 10pt; padding: 2px; }

.mylogin:focus { background-color: #ffc; }
	

/*******************************************************************************************************************************************/

.para1 { float: left; width: 45%; padding-right: 2em; padding-left: 1em; margin-bottom: 2em; border-left: 20px dotted #F60; }

.para1 p { margin-top: 0; }

.para2 { float: left; width: 45%; margin-bottom: 2em;}

.para2 p { margin-top: 0; }

.para3 { float: left; width: 60%; padding-left: 1em; margin-bottom: 3em; margin-left: 4em; border-left: 10px dotted #F60; }

.para3 p { margin-top: 0; }

.dropcap { float: left; width: .7em; font-size: 4em; line-height: 83%; }

/*******************************************************************************************************************************************/

#footer{
	clear: both;
position:relative;
	z-index: 1;
	margin-top: 10px;
	padding: 3em;
	text-align: center;
	font-size: 8pt;		
	color: #FFFFFF;
	background-color: #000;
	border-top: 7px solid #708090;
}

#footer a:hover { color: #F60; }

/******************************************* LINK STYLES ********************************************/

a {	color: black; text-decoration: none; }

a:hover { color: blue; text-decoration: none; }

a.companyname {	color: #999999;	font-size: 25pt; font-weight: bold; text-decoration: none; }	

a.smallblack { color: #000000; font-weight: normal; font-size: 8pt; text-decoration: underline; }
		
a.smallblack:hover { color: #b00; text-decoration: none; }

a.smallwhite { color: #FFFFFF; font-weight: normal; font-size: 9pt; text-decoration: none; }
		
a.smallwhite:hover { color: #CD2626; text-decoration: none; }

a.ccv { color: #000000; font-size: 8pt; text-decoration: underline; }

a.ccv:hover { color: #b00; text-decoration: none; }

a.details {
	float: right;
	clear: right;
	background: #708090;
	background: url(/images/navbg2.gif);	
	color: #fff;
	font-family: Arial, Geneva, Helvetica;
	font-size: 9pt;
	font-weight: bold;
	cursor: pointer;
	margin-top: 5px;
	margin-right: 10px;	
	border: 1px solid #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	padding: 3px 15px;
	text-shadow: 0.1em 0.1em 0.07em #333;	
	text-decoration: none;
}

a.details:hover { color: #ee9a00; }

a.details2 {
	float: right;
	background: #708090;
	background: url(/images/navbg2.gif);	
	color: #fff;
	font-family: Arial, Geneva, Helvetica;
	font-size: 9pt;
	font-weight: bold;
	cursor: pointer;
	border: 1px solid #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	margin-right: 10px;
	padding: 3px 15px;
	text-shadow: 0.1em 0.1em 0.07em #333;	
	text-decoration: none;
}

a.details2:hover { color: #00FF00; }	

a.footer { font-size: 10pt;	color: white; padding: 0 5px; text-decoration: underline; }

a.footer:hover { color: black; text-decoration: none; }

.iNavigateSpanLevel1 { color: black; font-weight: bold;	text-decoration: none; }

.iNavigateSpanLevel1:hover { color: #CD2626; text-decoration: underline; }

.iNavigateSpanLevel2 { color: black; font-size: 9pt; font-weight: normal; text-decoration: none; }

.iNavigateSpanLevel2:hover { color: #CD2626; text-decoration: underline; }		

/*************************************** FORM ELEMENTS********************************************/

form { margin: 0px; }

.input {
	background-color: #FFFFFF;
	color: #000000;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
	font-size: 8pt;
	font-weight: normal;
	padding: 0px;
}

.input2 {
	background-color: #FFFFFF;
	color: #000000;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
	font-size: 8pt;
	font-weight: normal;
	padding: 3px 0px 4px;
	margin: 1px;
}

.searchinput {
	background-color: #FFFFFF;
	color: #000000;
	border: 1px solid #000;
	font-size: 15pt;
	padding: 0px;
}

.login {
	background-color: #FFFFFF;
	color: #000000;
	border: 1px solid #000;
	font-size: 10pt;
}

.quan { text-align: right;  padding-right: 3px; border: 1px solid #000; }

.submit {
	background: #708090;
	background: url(/images/navbg2.gif);
	color: #fff;
	font-family: Arial, Geneva, Helvetica;
	font-size: 9pt;
	font-weight: bold;
	cursor: pointer;
	border: 1px solid #000;
	padding: 3px 15px 5px 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-shadow: 0.1em 0.1em 0.07em #333;	
	text-decoration: none;
}

.submit:hover { color: #ee9a00; }

.submit2 {
	height: 28px;
	background: #708090;
	background: url(/images/atcbg.gif) no-repeat top left;
	color: #fff;
	font-family: Arial, Geneva, Helvetica;
	font-size: 9pt;
	font-weight: bold;
	cursor: pointer;
	border: 1px solid #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	padding: 3px 15px 3px 28px;
	text-shadow: 0.1em 0.1em 0.07em #333;	
	text-decoration: none;
}

.submit2:hover { color: #00FF00; }

.addtocart {
	float: right;
	background: #708090;
	color: #fff;
	font-family: Arial, Geneva, Helvetica;
	font-size: 9pt;
	font-weight: bold;
	cursor: pointer;
	border: 2px dotted #FFF;
	margin-right: 2em;	
	padding: 3px 15px;
	text-shadow: 0.1em 0.1em 0.07em #333;	
	text-decoration: none;
}

.addtocart:hover { color: #ee9a00; }

.addtocart2 { 
	clear: right;
	float: right;
	height: 28px;
	background-color: #708090;
	background: url(/images/atcbg.gif) no-repeat top left;	
	color: #fff;
	font-family: Arial, Geneva, Helvetica;
	font-size: 9pt;
	font-weight: bold;
	cursor: pointer;
	border: 1px solid #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top: .5em;
	margin-right: 1em;	
	padding: 3px 15px 3px 28px;
	text-shadow: 0.1em 0.1em 0.07em #333;	
	text-decoration: none;
}

.addtocart2:hover { color: #ee9a00; }

.purchase { 
	height: 28px;
	background-color: #708090;
	background: url(/images/purchasebg.gif) no-repeat top left;	
	color: #fff;
	font-family: Arial, Geneva, Helvetica;
	font-size: 9pt;
	font-weight: bold;
	vertical-align: top;
	cursor: pointer;
	border: 1px solid #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 3px 15px 7px 25px;
	text-shadow: 0.1em 0.1em 0.07em #333;	
	text-decoration: none;
}

.purchase:hover { color: #ee9a00; }