/* CORE */

html {
}

body {
 margin:0px 10px 10px 10px;
 color: #000000;
 background-color:#ffffff;
 padding:0px;
}
/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}
a { 
  color: #333333;
}
a:hover {
  color: #669966;
}
:focus {
  -moz-outline-style:none;
}
p, li, ul, ol, h1, h2, h3, h4, h5, h6 {
 font-family: Georgia, Times New Roman, Times, serif;
 text-align: left;
}

.outer {
 text-align: center;
}

.outer-table {
 margin-left: auto;
 margin-right: auto;
 width: 1000px;
}

.category {
 text-align: left;
}

.top_menu {
 font-size: 12px;
 font-weight: normal;
 padding: 0px 0px 0px 5px;
 color: #666666;
}

.top_menu_on {
 font-size: 12px;
 font-weight: normal;
 padding: 0px 0px 0px 5px;
 background:white;
 color: #333333;
}

.sub_menu {
 font-size: 12px;
 font-weight: normal;
 padding: 0px 0px 0px 10px;
 color: #666666;
}

.sub_menu_on {
 font-size: 12px;
 font-weight: normal;
 padding: 0px 0px 0px 10px;
 background:white;
 color: #333333;
}

.sub_menu2 {
 font-size: 12px;
 font-weight: normal;
 padding: 0px 0px 0px 15px;
 color: #666666;
}

.sub_menu2_on {
 font-size: 12px;
 font-weight: normal;
 padding: 0px 0px 0px 15px;
 background:white;
 color: #333333;
}

td {
 font-family: Georgia, Times New Roman, Times, serif;
}

th {
 font-family: Georgia, Times New Roman, Times, serif;
 color: 666666;
 background-color: #e1e1e1;
 font-size: 12px;
 font-weight: bold;
 padding: 5px;
 text-align: center;
}

h1, h1 a:link, h1 a:visited {
 margin: 0px 4px 0px 4px;
 padding: 0;
 font-size: 24px;
 letter-spacing: 1pt;
 font-weight: bold;
 color: #004e34;
 text-decoration: none;
}

h1 a:hover, h1 a:active {
 margin: 0px 4px 0px 4px;
 padding: 0;
 font-size: 24px;
 letter-spacing: 1pt;
 font-weight: bold;
 color: #000066;
 text-decoration: underline;
}

h2 {
 text-align: left;
 border-top: 0px solid #CCC;
 border-right: 0px solid #000000;
 border-bottom: 0px solid #CCC;
 border-left: 0px solid #000000;
 font-size: 14px;
 letter-spacing: 0pt;
 font-weight: bold;
 margin: 0px 0px 0px 0px;
 padding: 5px 5px 5px 5px;
 color: #000000;
 background: #e1e1e1;
}

h3 {
 text-align: left;
 border-top: 0px solid #000000;
 border-right: 0px solid #000000;
 border-bottom: 0px solid #000000;
 border-left: 0px solid #000000;
 font-size: 18px;
 letter-spacing: 1pt;
 font-weight: bold;
 margin: 0px 0px 0px 0px;
 padding: 2px 2px 2px 0px;
 color: black;
}

h4 {
 font-family: Georgia, Times New Roman, Times, serif;
 color: #333333;
 font-size: 12px;
 font-weight: bold;
 padding: 5px;
 text-align: center;
}

h5 {
 margin-top: 0px;
 margin-bottom: 12px;
 margin-left: 0px;
 margin-right: 0px;
 font-size: 0.85em;
 letter-spacing: 1pt;
 padding: 0px;
 font-weight: bold;
}

h6 {
 margin-top: 0px;
 margin-bottom: 0px;
 margin-left: 8px;
 margin-right: 8px;
 font-size: 1.25em;
 letter-spacing: 3pt;
 padding: 0px;
 font-weight: bold;
}

img {
 border:0;
}

.inline {
 display: inline;
 border:0;
 vertical-align:middle;
}
#area_top {
 border-bottom: 0px solid #666666;
 background-color: #FFFFFF;
}

#area_middle_left {
 border-top: 1px solid #666666;
 border-left: 0px solid #666666;
 border-bottom: 0px solid #666666;
 border-right: 0px solid #666666;
 text-align: left;
 padding: 0px 20px 0px 0px;
 font-weight: bold;
 line-height: 1.5;
 width: 250px;
}

#area_middle_right {
 border-top: 1px solid #666666;
 border-bottom: 0px solid #000000;
 border-right: 0px solid #000000;
 border-left: 0px solid #000000;
 padding: 0px 0px 0px 0px;
 text-align:left;
}

#area_middle_right p {
 text-align: left;
 font-weight: normal;
 line-height: 1.5;
 padding: 0px 0px 0px 0px;
}

/*.category_button {
 text-align: left;
}

.category_button_on {
 text-align: left;
}*/

input {
 vertical-align:middle;
}

.sitesearch_btn {
 text-align: center;
 width:auto;
 display:inline; display:inline-block;
 margin:0.0em; padding:0px 2px 0px 2px;
 font-size:11px;
 font-family: Georgia, Times New Roman, Times, serif;
 font-weight:normal;
 text-decoration:none;
 background:#666;
 color:white;
 border: 1px solid #333;
 vertical-align:middle;
 cursor:default; cursor:pointer;
}

.addtocart_btn {
 display:inline; display:inline-block;
 width:100px;
 margin:0.0em; padding:0px;
 font-size:11px;
 font-family: Georgia, Times New Roman, Times, serif;
 font-weight:normal;
 text-decoration:none;
 text-align:center;
 background:#00735e;
 color:#ffffff;
 border:1px solid #333333;
 vertical-align:middle;
 white-space:nowrap;
 cursor:default; cursor:pointer;
 padding: 3px;
}

.addtocart_btn[class] {
 width:auto;
 color: white;
}

.addtocart_btn:hover { background:#00735e; color:#afdfc6; text-decoration: none;}
.addtocart_btn:hover strong { background:#00735e; color:#afdfc6; border: 1px solid #333333}

.btnstyle1 { background:#00735e; color:#ffffff; text-decoration: none;}

.btnstyle2 { background:#00735e; color:#ffffff; text-decoration: none;}

.btnloud a:link .btnloud a:active .btnloud a:visited { background:#990000; color:#ffffff; border: 1px solid #ffffff; text-decoration: none;}

.btnloud a:hover { background:#00735e; color:#afdfc6; border: 1px solid #333333}

.product_panel .buy_button {
 padding: 8px 8px 8px 8px;
 text-align: right;
}

.product_panel .price, .units {
 padding: 0px 8px 0px 8px;
 font-size: 85%;
 font-weight: bold;
 letter-spacing: 1pt;
}

#prev_next {
 text-align: left;
 padding: 0px;
 font-size: 12px;
 font-weight: normal;
}

#prev_next a:link, #prev_next a:visited {
 font-size: 12px;
 font-weight: normal;
 color: blue;
 text-decoration: underline;
}

#prev_next a:hover, #prev_next a:active {
 font-size: 12px;
 font-weight: normal;
 color: blue;
 text-decoration: none;
}

.product_panel {
 padding: 8px 8px 8px 8px;
 border-top: 0px solid #000000;
 border-bottom: 0px solid #000000;
 border-left: 0px solid #000000;
 border-right: 0px solid #000000;
}

.product_thumbnail {
 padding: 8px 8px 8px 8px;
 border-right: 1px dotted #000000;
 width: 150px;
}

.strike {
 text-decoration: line-through;
 font-size: 12px;
 font-weight: normal;
 color: grey;
}

.productprice {
 text-decoration: none;
 font-size: 12px;
 font-weight: normal;
 color: black;
 background: transparent;
 }

.prodshipweight {
  font-size: 12px;
 font-weight: normal;
 color: black;
 background: transparent;
}

.largetext {
 font-size: 16px;
 font-weight: bold;
 color: black;
}

.normaltext {
 font-size: 11px;
 font-weight: normal;
 color: black;
 text-align:left;
}
.normaltext a {
 font-size: 11px;
 font-weight: normal;
 color: #333;
 text-align:left;
}
.normaltext a:hover {
 color: #000;
}
.formtext {
 font-size: 12px;
 font-weight: normal;
 color: 666666;
 /*border:1px solid #CCC;*/
}

.smalltext {
 font-size: 11px;
 font-weight: normal;
 color: black;
}

.xsmalltext {
 font-size: 10px;
 font-weight: normal;
 color: black;
}

#checkoutPanel {
 padding: 16px 16px 16px 16px;
}

#checkoutPanel td{
 padding: 5px 5px 5px 5px;
}

#checkoutPanelBar{
 padding: 5px 5px 5px 5px;
 border-top: 5px solid #000000;
 border-bottom: 5px solid #000000;
 border-left: 5px solid #000000;
 border-right: 5px solid #000000;
 background-color: #000066;
 color: #ffffff;
 font-size: 0.95em;
 font-weight: bold;
}

#checkoutPanelBar2{
 padding: 5px 5px 5px 5px;
 border-top: 5px solid #000000;
 border-bottom: 5px solid #000000;
 border-left: 5px solid #000000;
 border-right: 5px solid #000000;
 background-color: #000066;
 color: #ffffff;
 font-weight: bold;
}

#checkoutPanelWarning {
 color: white;
 background-color: #ff0000;
}

#checkout_panel table{
 padding: 0px 0px 0px 0px;
 border-top: 1px solid #000000;
 border-bottom: 1px solid #000000;
 border-left: 1px solid #000000;
 border-right: 1px solid #000000;
}

#cartHelpText{
 font-size: 12px;
 font-weight: normal;
 color: black;
}

#area_middle_wholesale {
 border-top: 1px solid #000000;
 border-bottom: 1px solid #000000;
 border-right: 1px solid #000000;
 border-left: 1px solid #000000;
 padding: 8px 8px 8px 8px;
}

.wholesaleMainTable {
 border: 1px solid #aaa;
}

.wholesaleMainCatRow {
 color: black;
 background: #aaa;
}

#wholesaleTableBorder {
 border-top: 0px solid #aaaaaa;
 border-bottom: 1px solid #aaaaaa;
 border-left: 1px solid #aaaaaa;
 border-right: 1px solid #aaaaaa;
}

.wholesaleCategoryRow {
 border: 0px solid #000000;
 background-color: #aaa;
 color: #000;
 font-size: 0.95em;
 font-weight: bold;
 text-align: center;
}

.wholesaleSubcategoryRow {
 border: 0px solid #aaa;
 background-color: #ccc;
 color: #000;
 font-size: 0.80em;
 font-weight: bold;
 text-align: left;
}

.wholesaleProdChildRow {
 font-weight: normal;
 font-size: 0.75em;
}

.wholesaleProductTitleRow {
 padding: 3px 3px 3px 3px;
 border: 0px;
 background: #ddd;
 color: #000;
 font-weight: bold;
 font-size: 0.75em;
}

.wholesaleProdParentRow {
 border-top: 1px solid #aaa;
 color: #000;
 font-size: 0.75em;
 font-weight: normal;
}

#wholesaleText {
 background-color: #ffffff;
 color: #666666;
 font-size: 0.75em;
 font-weight: bold;
}

#wholesaleHeaderText{
 background-color: #ffffff;
 color: #666666;
 font-size: 0.85em;
 font-weight: bold;
}

#footer_text {
 font-size: 12px;
 font-weight: normal;
 color: #666666;
 text-align:center;
}

a:link,a:visited {
 color: #336699;
 text-decoration: none;
 font-size:12px;
}

a:hover,a:active {
 color: #3366FF;
 font-size:12px;
}

A.menu_links:link,A.menu_links:visited {
 color: #666666;
 text-decoration: none;
 font-size:11px;
 font-weight:bold;
}

A.menu_links:hover,A.menu_links:active {
 color: #333333;
 text-decoration: none;
 font-size:11px;
 font-weight:bold;
}

A.top_links:link,A.top_links:visited {
 color: #000066;
 text-decoration: none;
 font-size:11px;
 font-weight:normal;
}

A.top_links:hover,A.top_links:active {
 color: blue;
 text-decoration: underline;
 font-size:11px;
 font-weight:normal;
}

.prod_links {
 padding:5px 0px 5px 0px;
}

.prod_links a:link, .prod_links a:visited {
 color: blue;
 text-decoration: none;
 font-size:12px;
 font-weight:bold;
}

.prod_links a:hover, .prod_links a:active {
 color: blue;
 text-decoration: underline;
 font-size:12px;
 font-weight:bold;
}

A.mainarea_links:link,A.mainarea_links:visited {
 color: #000066;
 font-size: 12px;
 font-family: Georgia, Times New Roman, Times, serif;
 text-decoration: none;
}

A.gateway_links:link,A.gateway_links:hover,A.gateway_links:active,A.gateway_links:visited {
 color: #cccccc;
 font-size: 11px;
 font-family: Georgia, Times New Roman, Times, serif;
 text-decoration: underline;
}

.dynamic_qty {
 background: transparent;
 border: 0px;
 width: 60px;
 font-weight: bold;
 font-size: 12px;
 color: black;
}

#popitmenu{
 position: absolute;
 background-color: white;
 border:1px solid black;
 font: normal 12px Verdana;
 line-height: 18px;
 z-index: 100;
 visibility: hidden;
}

#popitmenu a{
 text-decoration: none;
 padding-left: 6px;
 color: black;
 display: block;
}

#popitmenu a:hover{ /*hover background color*/
 background-color: #e1e1e1;
}

#parentcat { line-height: 2;}
#catimg { vertical-align: top;}
#siteprod { color: black; font-weight: normal;}
#subcat { font-weight: normal;}

.suggestion {
 background-color: #FFFFFF;
 padding: 2px 6px 2px 6px;
}

.suggestion_hover {
 background-color: #e1e1e1;
 padding: 2px 6px 2px 6px;
}

.suggestions {
 font-size: 12px;
 font-weight: normal;
 background-color: #FFFFFF; 
 text-align: left; 
 border: 1px solid #000000;
}
ul.topnav {
	list-style: none;
	padding: 0 0px;	
	margin: 0;
	float: right;
	background: #FFFFFF;
}
ul.topnav li {
	float: left;
	margin: 0;	
	padding: 0 0px 0 20px;
	position: relative; /*--Declare X and Y axis base--*/
	font-size: 14px;
}
ul.topnav li a{
	padding: 10px 5px;
	color: #333333;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	color: #669966;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	background: url(/images/subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #ccc;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border: 1px solid #666666;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #e4e4e4; /*--Create bevel effect--*/
	border-bottom: 1px solid #cccccc; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
        z-index: 5000;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
        background: #eaeaea url(/images/dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
        background: #99CC99 url(/images/dropdown_linkbg.gif) no-repeat 10px center;
        color: #333333
}
.float_left {
float:left;
}

.float_right {
float:right;
}

.container_head {
height:30px;
background-image:url(/images/sidebar_center.jpg);
}

/* To Center align the title add: text-align:center; */
.container_head_text {
text-align:left;
height:23px;
padding:7px 0 0 0;
font-family:Georgia, Times New Roman, Times, serif;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
}

#breadcrumb a:link, #breadcrumb a:visited {
text-align:left;
height:23px;
padding:7px 0 0 0;
font-family:Georgia, Times New Roman, Times, serif;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
}

#breadcrumb a:hover {
text-align:left;
height:23px;
padding:7px 0 0 0;
font-family:Georgia, Times New Roman, Times, serif;
color:#cccccc;
font-size:14px;
font-weight:bold;
}

.container_content {
font-family:Georgia, Times New Roman, Times, serif;
font-size:11px;
padding:10px;
color:#666666;
background-color: #FFFFFF;
border-width: 1px 1px 1px 1px;
border-spacing: 0px;
border-style: none solid solid solid;
border-color: #333333;
}

.catimages {
border: solid 1px #333333;
}
.collections_text {
	position: absolute;
	top: 150px;
	right: 350px;
	z-index: 1000;
	padding: 20px 15px 10px 10px;
	width: 375px;
	font-size: 15px;
	line-height: 20px;
	color: #333;
	font-family: Georgia, Times New Roman, Times, serif;
}
.collectionCol {
	width:450px;
	margin:5px 15px 0 0;
	display:inline;
	text-align:left;
	color:#333;
	font-size:12px;
	line-height:20px;
	font-family:Georgia, Times New Roman, Times, serif;
	word-spacing:.3em;
}
.colSec {
        width:100%;
	font-size:14px;
	line-height:16px;
	font-family:Georgia, Times New Roman, Times, serif;
	word-spacing:.2em;
        color:#666;
}
.leftCol {
	float:left;
	/*margin:173px 0 0 40px;*/
        padding: 173px 40px;
	background: url(/images/feature_collection.jpg) no-repeat top left;
	width:425px;
	text-align:center;
	display:inline;
	color:#fff;
	font-size:14px;
	line-height:19px;
	font-family:Georgia, Times New Roman, Times, serif;
	word-spacing:.2em;
}
.leftCol p {
	margin:0 0 20px 0;
	padding:0;
}
.leftColnw {
	float:left;
	/*margin:173px 0 0 40px;*/
        padding: 123px 40px;
	background: url(/images/neckwear-about-us.jpg) no-repeat top left;
	width:425px;
	text-align:center;
	display:inline;
	color:#fff;
	font-size:14px;
	line-height:19px;
	font-family:Georgia, Times New Roman, Times, serif;
	word-spacing:.2em;
}
.leftColnw p {
	margin:0 0 20px 0;
	padding:0;
}
.static_text {
	font-size: 12px;
	line-height: 19px;
	color: #333;
	font-family:Georgia, Times New Roman, Times, serif;
}
.row1 {
 background-color: #eceffc;
}
.row2 {
 background-color: #eceffc;
}
.prodAtt {
 vertical-align: baseline;
}

/* FOOTER AREA STYLES */
#gitman-footer {
	margin:0 auto;
	width:980px;
	font-size:12px;
	font-family:Georgia, Times New Roman, Times, serif;
	color:#666666;
	vertical-align:top;
	text-align:left;
}
#gitman-footer a:link, #gitman-footer a:visited {
	color: #007ec7;
	text-decoration:none;
}
#gitman-footer a:hover {
	color: #ff0000;
	text-decoration: underline;
}
.CollapsiblePanel {
	margin: 0px;
	padding: 0px;
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:11px;
	color:#666666;
	text-align:left;
}
.CollapsiblePanelTab {
	font: bold 11px;
sans-serif;
	border-bottom: solid 0px #CCC;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	outline:none;
	text-align:center;
}
.CollapsiblePanelContent {
	margin: 0px;
	padding: 0px;
	font: normal 11px;
sans-serif;
}
.CollapsiblePanelTab a {
	color:#666666;
	text-decoration: none;
}
.CollapsiblePanelOpen .CollapsiblePanelTab {
}
.CollapsiblePanelClosed .CollapsiblePanelTab {
}
.CollapsiblePanelTabHover, .CollapsiblePanelOpen .CollapsiblePanelTabHover {
}
.CollapsiblePanelFocused .CollapsiblePanelTab {
}
/* END AREA STYLES */
#around-fb
        {
            border: 0;
            z-index: 10;
            overflow: hidden;
            position: relative;
            /*
            top: 0px;
            left: 0px;
            */
        }
        #around-fb-iframe
        {
            overflow: hidden;
            position: relative;
            top: -1px;
            left: -1px;
           
        }


	
.Footer {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	color: #999;
	text-align:center;
}
.bow {
	float:right;
	padding:10px;
}
#visualization {
        border: 0px;
        font: 10px Arial;
}
#lightbox{
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 100;
  text-align: center;
  line-height: 0;
}
#lightbox img{width: auto; height: auto;}
#lightbox a img{border: none;}

#outerImageContainer{position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}
#imageContainer{padding: 10px;}

#loading{position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#hoverNav{position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
#imageContainer #hoverNav{left: 0;}
#hoverNav a{outline: none;}

#prevLink, #nextLink{width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block;}
#prevLink {left: 0; float: left;}
#nextLink {right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover {background: url(images/lightbox/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {background: url(images/lightbox/nextlabel.gif) right 15% no-repeat;}

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
