/* CSS Document */


body {
	background:#757575;
	background-color:#ccdce9;
	color: #000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:10px 0 0 0;
}


#head-container {
	height:25px;
	margin:0 auto;
	width:785px;
}

input, form {
	margin:0;
	padding:0;
}

#account {
	color:#1a76b7;
	display:none;
	float:right;
	font-size:11px;
	line-height:12px;
	letter-spacing:1px;	
	padding-top:5px;
	text-align:right;
	width:350px;
}

#account a {
	display:none;
	color:#1a76b7;
	font-size:11px;
	line-height:12px;
	letter-spacing:1px;	
}

#breadcrumbs {
	background-color:#1a76b7;
	border:1px inset #ccc;
	color:#fff;
	display:none;
	font-size:11px;
	line-height:18px;
	padding:2px 8px;
	position:absolute;
	right:0px;
	text-align:right;
}

#breadcrumbs a {
	color:#fff;
}

.boxText {  font-size: 11px; }

.phone {
	float:left;
	font-size:15px;
	font-style:italic;
	font-weight:bold;
	line-height:15px;
	padding-top:3px;
	width:350px;
}

.accountNavigation {
}

.cart {
	border:0;
	margin:0 7px;
}

img {
	border:0;
}

span.imgtxt {
	display:none;
}

#wrapper {
	background-image:url('/catalog/images/css-images/left-shadow.png');
	
	background-position:left top;
	background-repeat:repeat-y;
	border-top:1px solid #5e5e5e;
	margin:0 auto;
	position:relative;
	width:785px;
}

#main-wrapper {
	background-image:url('/catalog/images/css-images/right-shadow.png');
	
	background-position:right;
	background-repeat:repeat-y;
	padding-top:55px;
}

#container {
	background-color:#fff;
/*	background-color:#cfdfe1;*/
	background-image:url(/catalog/images/css-images/container-shadow.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	border-bottom:1px solid #c0c0c0;
	border-left:1px solid #8e9ea1;
	border-right:1px solid #8d9ea1;
	height:720px;
	margin:0 auto;
	position:relative;
	width:751px;
}

#content-container {
	background-image:url(/catalog/images/css-images/sample-2.jpg);	background-repeat:no-repeat;
	border-bottom:2px solid #666460;
	float:left;
	height:310px;
	position:relative;
	z-index:20;
}

#content-container-2 {
	background-color:#c6dff0;	
	background-repeat:no-repeat;
	border-bottom:2px solid #666460;
	float:left;
	height:695px;
	position:relative;
	width:570px;
	z-index:20;
}

#content .whole h1, TD.pageHeading, DIV.pageHeading {
	color:#1a76b7;
	font-size:16px;
	font-weight:bold;
	margin-bottom:0;
	padding-bottom:0;
}

#content .whole h2 {
	color:#1a76b7;
	font-size:12px;
	letter-spacing:1px;
	margin:0 20px;
	padding:0;
}

#archway {
	background-image:url('/catalog/images/css-images/archway.png');
	height:310px;
	width:570px;
}

td.category_desc {

}

td.category_desc p {
	padding-right:20px;
}

#footer {
	background-image:url(/catalog/images/css-images/footer-shadow.jpg);
	background-position:top;
	background-repeat:repeat-x;
	height:5px;
	margin:0 auto;
	overflow:hidden;
	width:753px;
}

TD.footer {
	font-size: 11px;
}

#footer2 {
	margin:0 auto;
	position:relative;
	width:755px;
}

#header {
	background-image:url('/catalog/images/css-images/header.png');
	height:55px;
	left:-7px;
	position:absolute;
	top:0px;
	width:797px;
}

#sample-work {

	border:1px solid #cc0000;
	height:310px;
	position:absolute;
	width:425px;
	z-index:10;
}

#sidebar {
	background-color:#1a76b7;
	background-image:url(/catalog/images/css-images/sidebar-arrow-blue.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	border-bottom:2px solid #666460;
	border-right:1px solid #000;
	float:left;
	position:relative;
	height:695px;
	width:180px;
}

#sidebar2 {
/*	background-color:#84a144;
	border-left:3px solid #666460;*/
	float:right;
	height:200px;
	padding:0 10px;
	width:218px;
}

#sidebar2 .main {
	color:#333;
	font-size:11px;
}

#sidebar2 .main p {
	margin:10px 0;
	padding:0;
}


a {
	color:#333;
	text-decoration:none;
}


h1,h2, h3, h4, h5 {
	color:#f5f5f5;
	font-size:20px;
	padding:10px 20px;
	margin:0;
}

#cart-box {
	background-color:#cfdfe1;
	border:2px outset #608c95;
	opacity:.8;
	filter:alpha(opacity=80);
	margin-left:5px;
	margin-right:5px;
	margin-top:10px;
}

#cart-box .infoBoxContents, #cart-box .infoBox  {
	background:none;
}

#cart-box .infoBoxHeading {
	background-color:#eee;
	color:#333;
	font-size:11px;
	font-weight:bold;
	height:18px;
	margin:0;
	padding-left:5px;
	padding-right:5px;
} 

#cart-box .infoBoxHeading img {

}

span.greetUser {
	color:#f5f5f5;
	font-size:13px;
	font-weight: bold;
	padding-right:5px;
}

#information {
	background-color:#cfdfe1;
	border-bottom:1px solid #333;
	border-top:1px solid #333;
	margin-top:5px;
	padding:10px 5px;
}

#information .infoBoxContents a {
	font-size:12px;
}

#information .infoBoxHeading {
	font-size:12px;
	font-weight:bold;
	text-align:center;
}

span.newItemInCart {
  color: #fff;
  font-size: 10px;
}

#main-categories {
	background-color:#cfdfe1;
	float:left;
	font-size:12px;
	width:570px;
}	

#main-categories2 {
	color:#333;
	font-size:12px;
}

#main-categories2 a {
	color:#fff;
	font-size:12px;
	letter-spacing:.75px;
	padding-top:2px;
}

#main-categories2 h2 {
	color:#f5f5f5;
	font-size:12px;
	margin:0 auto;
	padding:5px 5px 0 5px;
	position:relative;
	text-align:center;
}

#main-categories .infoBoxContents {
	border-bottom:1px solid #333;
	background-color:#cfdfe1;
}

#main-categories .infoBox {
	background:none;
}

#productList {
	margin:0 auto;
	width:95%;
}

.productListing-heading {
	display:none;
}


#productList .product-info {
font-weight:bold;
}

.product-row {
border-bottom:1px dashed #333;
margin:20px 0;
position:relative;
height:70px;
width:530px;
}


#productList .product-row {
border-bottom:1px dashed #333;
margin:10px 0;
position:relative;
height:70px;
width:530px;
}

#productList .product-image {
float:left;
margin-right:5px;
width:185px;
}

#productList .model {
float:left;
margin:8px 0;
position:relative;
width:80px;
}

#productList .price {
font-weight:bold;
float:left;
width:80px;
text-align:left;
position:relative;
left:-79px;
top:27px;
}

#productList .attributes {
	right:110px;
	margin:0 10px;
	position:absolute;
	top:18px;
}

.buy_now {
	float:right;
	margin:5px;
	text-align:right;
	width:100px;
}

.buy_now input {
	padding-top:3px;
	position:relative;
}

#productList .qty {
	display:none;
	float:left;
	left:0px;
}


#specialfriend {
	background-color:#878075;
	bottom:0px;
	padding:12px 7px;

}

#specialfriend .infoBoxContents a {
	font-size:12px;
}

#specialfriend .infoBoxHeading {
	font-size:12px;
	font-weight:bold;
	padding-bottom:7px;
	position:relative;
	text-align:center;
}

#specialfriend input {
	top:-7px;
	position:relative;
}

.qty {
	display:none;
	width:20px;
	text-align:center;
}

.attributes .options {
	display:none;
}

#options {
	display:none;
}

.attributes select {
	margin:0 0 2px 0;
	width:120px;
}

/*NAVIGATION*/
.button-short {
	color:#333;
	display:block;
	font-weight:bold;
	height:22px;
	padding-top:3px;
	position:relative;
	text-align:center;
	text-decoration:none;
	width:70px;
}

.button-long {
	color:#333;
	display:block;
	font-weight:bold;
	height:22px;
	padding-top:3px;
	position:relative;
	text-align:center;
	text-decoration:none;
	width:115px;
}

a.button-short:hover, a.button-long:hover {
	background-color:#e4e4e4;
	color:#a2a2a2;
	height:15px;
	margin-top:5px;
	text-decoration:none;
}

#nav, #nav ul { /* all lists */
	left:18px;
	list-style:none;
	margin:0 0 0 0;
	padding:0;
	position:absolute;
	top:8px;
	width:760px;
	z-index:25;
}

#nav ul li {
}

#nav ul li a {
	color:#333;
	display:block;
	text-align:center;
	text-decoration:none; 
}

#nav ul li a:hover {
	background-color:#3366cc;
	color:#fff;
}

#nav li { /* all list items */
	float: left;
	margin:0 1px;
	padding:0;
}

#nav li ul { /* second-level lists */
	position:absolute;
	width:101px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
	
#nav li ul ul { /* third-and-above-level lists */
	display:none;
	margin:0px 0 0 103px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}




.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  

  background: #bbc3d3;
  color: #ffffff;
  font-weight : bold;
}


TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}



.infoBox {

}

.infoBoxContents {

}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  
  font-size: 10px;
}

TD.infoBoxHeading {

}

TD.infoBox, SPAN.infoBox {
  
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {

}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.productListing-heading {
  
  font-size: 10px;
  background: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  

}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}


TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  
  font-size: 10px;
  color: #000000;
}



TD.accountCategory {
  
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  
  font-size: 12px;
}

TD.tableHeading {
  
  font-size: 12px;
  font-weight: bold;
}


CHECKBOX, INPUT, RADIO, SELECT {
  
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  
  font-size: 11px;
}



TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

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

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  
  color: #ff0000;
}

SPAN.errorText {
  
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo {  font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent {  font-size: 10px; color: #000000; }

/* message box */

.messageBox {  font-size: 10px; }
.messageStackError, .messageStackWarning {  font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess {  font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement {  font-size: 10px; color: #ff0000; }

#watermark {
	background-image:url('/catalog/images/css-images/undercovereyewear-gaskets4.png');
	height:261px;
	position:absolute;
	right:0px;
	top:35px;
	width:300px;	
}


/*NAVIGATION*/

dl, dt, dd, ul, li {
	list-style-type:none;
	margin:0;
	padding:0;
}

#menu {
	left:0;
	margin:0 auto;
	position:relative; /* Menu position that can be changed at will */
	top:0;
}

#menu {
	width:150px;
}

#menu dt {
/*	background:#f5f5f5;*/
	border:1px solid gray;
	border-right:2px solid gray;
	cursor:pointer;
	margin:4px 0;
	height:20px;
	line-height:20px;
	text-align:center;
}

#menu dd {
	border:1px solid gray;
}

#menu li {
	background:#fff;
	text-align:center;
}

#menu li a, #menu dt a {
	border:0 none;
	color:#000;
	display:block;
	height:100%;
	text-decoration: none;
}

#menu li a:hover, #menu dt a:hover {
	background: #eee;
}

.parent {
	display:none;
}

#toplevel {
	display:none;
}

.question {
	margin-bottom:5px;
	padding-bottom:0;
}

.answer {
	margin-top:0;
	padding-top:0;
}

.question strong, .answer strong {
	font-size:14px;
}

.installation {
	width:550px;
	height:665px;
	overflow:auto;
	padding:0 10px;
}

.choosethis {
	margin:0 20px;
}

.choosethis li {
	list-style:disc;
	padding:3px 0;
}

.step, .step4, .step5 {
	float:left;
	font-size:12px;
	height:120px;
	margin:7px 5px;
	width:255px;
}

.step p, .step4 p, .step5 p {
	margin-top:0;
}

.step img, .step4 img, .step5 img {
	margin-right:7px;
	margin-bottom:15px;
}

.step strong, .step4 strong, .step5 strong {
display:block;
}

.step4 img {

}

.step5 {
	height:100px;
	width:480px;
}



.installation td {
	padding:0;
	margin:0;
}

h1 {
	padding:10px;
	text-align:left;
}

.installation h2 {
	text-align:center;
}

.default {
	padding:0 10px;
}

div.remove input {
	background-color:#ccc;
	float:left;
	position:relative;
	top:25px;
	width:20px;
}


.qty-shop input {
	float:right;
	margin-left:20px;
	position:relative;
	top:-27px;
	text-align:center;
	width:20px;
}

.price-shop {
	float:right;
	position:relative;
	right:-10px;
	top:-25px;
}

.productListing-heading-remove {
	font-weight:bold;
	position:absolute;
	top:40px;
}

.productListing-heading-products {
	position:absolute;
	left:75px;
	font-weight:bold;
	text-align:center;
	top:40px;
	width:350px;
}

.productListing-heading-total {
	font-weight:bold;
	position:absolute;
	right:65px;
	top:40px;
	width:40px;
	text-align:center;
}

.productListing-heading-qty {
	display:none;
	font-weight:bold;
	position:absolute;
	right:15px;
	top:40px;
	width:40px;
}


.shopping-cart-container {
	overflow:auto;
	height:580px;
}

#login-page {
	padding-left:10px;
	width:550px;
}

#login-page .smallText {
	
}

#AutoNumber1 {
background-color:#cfdfe1;
border:1px inset #ccc;
float:left;
height:140px;
padding:7px;
position:relative;
width:250px;
}

#AutoNumber1 td {
position:relative;
}

#AutoNumber1 .infoBoxHeading .main {
	display:block;
	font-weight:normal;
	font-size:11px;
	text-align:center;
}


#login-page .infoBoxHeading {
	font-weight:bold;
	text-align:center;
}

#login-page .main {
padding:5px 5px 5px 3px;
}

#login-page .smalltext input {
position:relative;
left:120px;
top:7px;
}