/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* 
#f79439 orange
#F04C43 red
#832D74 purple
*/


body {
	margin:0; padding:0;
	}

body, td, th, p {
	font-family: "Souvenir-Light", Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}
img {
border:0;
}
table {
border-collapse:collapse;
}

a:link, li a:link {
	color: #345F81;
}
a:visited, li a:visited {
	color: #002252;
}
a:hover , li a:hover{
	color: #868686;
	text-decoration:none;
}
a:active, li a:active {
	color: #696969;
}

hr{
	color: #696969;
	height: 1px;
	width: 90%;
}

h1 {
	color: #002252;
	font-size: 18px;
	margin: 0px;
	text-transform:uppercase;
}

/*h2 {
	color: #696969;
	font-size: 18px;
}*/

/*Form Elements*/
form {
	margin: 0 0 20px 0;
}

input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 11px;
	color: #002252;
	border: 1px inset #979797;
}

/*Form Styles*/
input.formCheckbox {
	border: none;
	background: transparent;
}

input.formButton , a.formButton{
	background: #441152;
	border-bottom: 1px solid #00357D;
	border-left: 1px solid #00357D;
	border-right: 1px solid #001128;
	border-top: 1px solid #001128;
	color: #FFFFFF;
	font-weight: bold;
	margin: 3px 3px 0px 3px;
	font-size:1em;
	padding:1px;
}
a.formButton{ padding:3px; text-decoration:none !important;}
#cartContent {width: 600px;margin-left:auto;margin-right:auto;}
/* Tables used to display tabular Data. */
/* Apply to <table> tags only. 
Example: <table class="tabulardata">*/
table.tabularData {
	width:600px;
	margin-left:auto;margin-right:auto;
}

table.tabularData, table.tabularData td, table.tabularData th {
	border: 1px solid #832D74;
	border-collapse: collapse;
	font-size:11px;
}
table.tabularData td, table.tabularData th{
	padding: 3px;
}
table.tabularData th, table.tabularData th a:link, table.tabularData th a:visited, table.tabularData th a:hover, table.tabularData th a:active  {
	background: #832D74;
	color: #FFFFFF;
}

/* altRowEven & altRowOdd are used to style alternating table rows. */
.altRowEven {
	background-color: #EECCE8;
}
.altRowOdd{
	background-color: #FAEFF8;
}

/* oldprice is displayed when there is a discount */
.oldprice {
	text-decoration: line-through;
}
.smallprint {
	font-size: 10px;
}

.pagingLinks {
	text-align: center;
}

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


.thumbnail {
	min-width:140px; min-height:140px;/* These are for Safari */
	width:20%!important;
	height:20%!important;
	float:left;}
.cartimage {min-width:30px; min-height:30px;width:15%!important;height:15%!important;}
/* This aligns products to the top of the table cell with horizontal display of results */
table#tableSearchResults td {
	vertical-align:top;
}


#menu {text-align:center;}
.productsizes, .productdescription , #pricelist, #productoptions  {margin:0;padding:0}
#detailsimages {width:100%;}
#detailsimages img {margin: 0 10px;}

body 
{
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:62%;		/* This makes 1em 10px */
	color:#666;
	margin:0px;	padding:0px; height:100%; width:100%;	border:none;

  min-height:675px;
  height:auto !important;
  height:675px;

}

/* stop padding on main form element */
form {padding:0px; margin:0px;}

/* PNG support for older browsers */
img {behavior: url("/cw3/assets/css/pngbehavior.htc");}

a {color:#000000;}
th, td {font-size:1em;}
hr {width:100%;clear:both;color:#999999;margin:0px;padding:0px;height:1px;}

/* BACKGROUND */
#bgcontainer {position:absolute;height:100%;width:100%;z-index:1;visibility:visible;background-color:#FFFFFF;overflow:hidden;}
#bgcontainer2 {position:absolute;height:100%;width:100%;z-index:1;visibility:visible;background-color:Transparent;overflow:hidden;text-align:right;}

#productListHead {height:20px;text-align:center; background-color:#006400;font-size:1.35em;font-weight:bold;padding:3px 0;color:white;}
#productListHead a{text-decoration:none;}
/* OVERLAY FRAME CONTAINERS */
#framecontainer 
{
	position: absolute;
	height: 604px; width: 767px; z-index: 10;
	top:0px; left:0px; 
	visibility: hidden;
	overflow:hidden !important;
}
#framecontainer2
{
	position: absolute;
	height: 604px; width: 767px; z-index: 11;
	top:0px; left:0px; 
	visibility: hidden;
	overflow:hidden !important;
}
#framecontainer2 #fc2table {width:767px; height:578px;}

/* FRAME HEADER */
#framecontainer #fheader_bg {width:767px; height:92px;}
#framecontainer2 #fheader {width:767px; height:92px;}

#framecontainer #fcontent_bg {width:767px;height:464px;}
/* DEFAULT CONTENTCLASS */
#framecontainer2 #fcontent 
{
	padding:0px; 
	width:766px;			/* Main width minus padding widths above!! */
	height:464px;
	overflow:hidden;
}

/* FRAME FOOTER */
#framecontainer #ffooter_bg {width:767px;height:42px;}
#framecontainer2 #ffooter {width:767px;height:42px;padding-left:8px;}
#framecontainer2 #ffooter #left {float:left;margin-left:12px}
#framecontainer2 #ffooter #right {float:right;}

/* PAGE ITEMS */
p {color:#666666; font-size:1.1em;}

#titlebar {background:url(/images/titlebar.gif) top left no-repeat;width:740px;height:24px; font-family: Arial, Helvetica, sans-serif; font-size:1.6em; font-weight:bold;	color: #8D8D8D;	padding-top:6px; padding-left:16px; padding-right:16px; margin-left:10px;}

#titlebar h1 {color:#8D8D8D; z-index:1001}

/* FLASH BUTTON */
.flashbutton {margin:0px;padding:0px;padding-right:7px;}

p a, p a:visited {font-size:1em; color:#666; text-decoration:underline;}
p a:hover {text-decoration:none;}

#verticalscroll2 {width:730px;height:403px;overflow-x:hidden;overflow-y:auto;padding-left:20px;padding-top:10px;padding-right:10px;font-size:10px;}

.righthandimage {float:right;padding-top:0px;padding-left:10px;padding-right:10px;padding-bottom:10px;}

/* sIFR SPECIFICS */
/*h1 {padding:0px;margin:0px;font-size:1.5em; font-weight:bold;}*/
h2 {color:#666666; font-size:1.4em; font-weight:bold;}
h3 {color:#666666; font-size:1.2em; font-weight:bold;}
li , li ul li {padding:1px;margin:0px;color:#666666; font-size:1.1em;text-decoration:none;}
li a {color:#666666; font-size:1em;text-decoration:none;}
li a:hover {text-decoration:underline;}

#homepage {text-align:center;vertical-align:middle;}
#homepage h2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.5em; font-weight:bold;}

.contactform {margin-top:10px;}
.contactform p{
width: 500px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/

}

.contactform label{
font-weight: bold;
float: left;
margin-left: -175px; /*width of left column*/
width: 190px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
display:block; text-align:right;margin-right:10px;
}

.contactform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}
.contactform .buttons {padding-left: 180px; margin-top:30px;}
.contactform textarea{
height: 80px;
font-size: 12px;
width: 360px;
}
.floatleft {float:left;}
.floatright {float:right;}
#tableProductDetails {width:600px;}
#checkout, #continue, #placeorder {float:right;}

#legallinks {z-index:1000;width:100%; text-align:center; font-size:9px; color:black; position:relative; top:630px; margin-left:5%;}
#legallinks a {text-decoration:none;}

.legal p, .legal li {font-size: 11px;}
.legal li {margin-bottom: 5px;}
#divStock {color:red;}
a {text-decoration:underline !important;}
.cartContent {padding-bottom:20px !important;}

ul {margin-left:0;}
/*
.MenuBarHorizontal {
  display:table;           
  padding:0;
  margin:0 auto;
  font-family: arial, helvetica, sans-serif;
  white-space:nowrap;
  list-style-type:none;
  }
* html .MenuBarHorizontal {
  display:inline-block;
  width:1px;
  padding:0 2px;
  }  
.MenuBarHorizontal li {
  display:table-cell;
  padding:0;margin:0;
  }
* html .MenuBarHorizontal li {
  display:inline;
  
}
.MenuBarHorizontal a {
  	display: block;
	cursor: pointer;
	background-color: #f7f8f8;
	padding: 0.25em 0.75em 0.20em 0.25em;
	color: #333;
	text-decoration: none;
  }
* html .MenuBarHorizontal a {
  display:inline;
  width:50px;
  margin:0 -2px;
  padding: 0.25em 0.75em 0.20em 0.25em; 
}
.MenuBarHorizontal a:hover, .MenuBarHorizontal a:focus {
	background-color: #33C;
	color: #FFF;
  }
  */
 

.MenuBarHorizontal {       
  padding:0;
  margin:0 auto;
  font-family: arial, helvetica, sans-serif;
  white-space:nowrap;
  }
.MenuBarHorizontal td {
  padding:0;margin:0;
  }
.MenuBarHorizontal a {
  	display: block;
	cursor: pointer;
	background-color: #f7f8f8;
	padding: 0.25em 0.75em 0.20em 0.25em;
	color: #333;
	text-decoration: none;
  }
.MenuBarHorizontal a:hover, .MenuBarHorizontal a:focus {
	background-color: #33C;
	color: #FFF;
  }
 
/* Menu items that have selected product */
table.MenuBarHorizontal a.selectedProduct
{
	background-color: #006400;
	color: #FFF;
	border-left:1px solid #ccc;border-right:1px solid black;border-bottom:1px solid black;
}