/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

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

BODY {
	color: #999;
	background-color: #000;
	background-image: url("http://www.flyingcoloursclothing.com/img/bg.jpg");
	background-repeat: repeat;
	margin-right: 0px;
	margin-top: 45px;
	margin-bottom: 45px;
	margin-left: 0px;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #999;
}

a:link {
	text-decoration: none;
	color: #FFC;
}
a:visited {
	text-decoration: none;
	color: #FFC;
}
a:hover {
	text-decoration: none;
	color: #A18969;
}
a:active {
	text-decoration: none;
	color: #FFF;
}

FORM {
	display: inline;
}

TR.header {
  background: #000000;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-family: Arial, Helvetica, sans-serif; font-size : 11px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

A.headerNavigation:hover {
  color: #ffffff;
}

TR.headerError {
  background: #ff0000;
}

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

TR.headerInfo {
  background: #00ff00;
}

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

.infoBox {
	border: 0;
}

.infoBoxContents {
	font-family: Arial, Helvetica, sans-serif; font-size : 11px;
	border: 0;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Arial, Helvetica, sans-serif; font-size : 11px;
}

TD.infoBoxHeading {
  font-family: Arial, Helvetica, sans-serif; font-size : 11px;
  font-weight: bold;
  background: #bbc3d3;
  color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
  font-family: Arial, Helvetica, sans-serif; font-size : 11px;
}

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

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: #000000;
}

TR.productCart-odd, TR.productCart-even {
	background-image: url(http://www.flyingcoloursclothing.com/img/line-dotsbg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

TABLE.productListing {
  border: 0px;
}

.productListing-heading {
  font-family: Arial, Helvetica, sans-serif; font-size : 11px;
  background: #333;
  color: #ffffff;
  font-weight: bold;
  height: 30px;
  padding: 4px;
}

TD.productListing-data {
  font-family: Arial, Helvetica, sans-serif; font-size : 11px;
}

A.pageResults {
  color: #0000FF;
}

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

TD.pageHeading {
	font-family: "Times New Roman", Times, serif;
	font-size: 17px;
	font-weight: normal;
	color: #FFF;
	text-transform: uppercase;
}

DIV.pageHeading {
	font-family: "Times New Roman", Times, serif;
	font-size: 17px;
	font-weight: normal;
	color: #FFF;
	text-transform: uppercase;
}

.pageHeadingClass {
	font-family: "Times New Roman", Times, serif;
	font-size: 17px;
	font-weight: normal;
	color: #FFF;
	text-transform: uppercase;
	background-image: url(http://www.flyingcoloursclothing.com/img/product-head-lines.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Arial, Helvetica, sans-serif; font-size : 11px;
  color: #000000;
}

TD.main, P.main {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Arial, Helvetica, sans-serif; font-size : 11px;
}

TD.accountCategory {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Arial, Helvetica, sans-serif; font-size : 11px;
  color: #A18969;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

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

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

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

SPAN.productSpecialPrice {
  font-family: Arial, Helvetica, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Arial, Helvetica, sans-serif;
  color: #ff0000;
}

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

.checkoutBarFrom, .checkoutBarTo { font-family: Arial, Helvetica, sans-serif; font-size : 11px; color: #8c8c8c; line-height:18px; }
.checkoutBarCurrent { font-family: Arial, Helvetica, sans-serif; font-size : 11px; color: #fff; font-weight: bold; line-height:18px; }

/* message box */

.messageBox {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 11px;
	padding: 6px;
	margin-top: 5px;
	margin-bottom: 15px;
}
.messageStackError, .messageStackWarning {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 11px;
	background-color: #990000;
}
.messageStackSuccess {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 11px;
	background-color: #006600;
}

/* input requirement */

.inputRequirement { color: #A18969; }


.NewDropDown {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	color: #707070;
	height: 20px;
	width: 100%;
	border-top-color: #707070;
	border-right-color: #707070;
	border-bottom-color: #707070;
	border-left-color: #707070;
}

.ProductHead {
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	color: #FFF;
	text-transform: uppercase;
	line-height: 17px;
}
.ProductPrice {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #A18969;
	line-height: 20px;
}

.mainBlack {
	color: #000000;
}
.SizingChart {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 11px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-color: #96814C;
	border-right-color: #96814C;
	border-bottom-color: #96814C;
	border-left-color: #96814C;
}


.HeaderLinks:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	color: #FFFFFF;
	text-decoration: none;
}
.HeaderLinks:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	color: #FFFFFF;
	text-decoration: none;
}
.HeaderLinks:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
	padding-top: 4px;
	padding-bottom: 4px;
	font-weight: bold;
}
.HeaderLinks:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	color: #FF8800;
	text-decoration: none;
}
.ProductListingText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
}

/****** Sidebar Menu links **********/
table.menu a { 
	width: 218px;		
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #A18969;
	text-indent: 8px;
}
div.menu	a:link {
	color: #A18969;
	line-height: 30px;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	height: 31px;
	background-image: url(../images-old/shop-bar.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
div.menu	a:visited {
	color: #A18969;
	line-height: 30px;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	height: 31px;
	background-image: url(../images-old/shop-bar.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
div.menu	a:active { 
	color: #FF8800;
	line-height: 30px;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	height: 31px;
	background-image: url(../images-old/shop-bar.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
div.menu	a:hover {
	color: #FFFFFF;
	line-height: 30px;
	text-decoration: none;
	font-weight: bold;
	background-color: #000000;
	margin: 0px;
	padding: 0px;
	height: 31px;
	background-image: url(../images-old/shop-bar.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

textarea, form, input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	background-color: #000;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 22px;
	color: #FFF;
	text-transform: uppercase;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	margin-top: 10px;
	font-weight: bold;
}
h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	line-height: 22px;
	color: #FFF;
	text-transform: uppercase;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: double;
	border-bottom-color: #333;
	margin-top: 10px;
	font-weight: bold;
	text-indent: 2px;
}
h3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 22px;
	color: #FFF;
	text-transform: uppercase;
	margin-bottom: 5px;
	margin-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: double;
	border-bottom-color: #333;
	margin-top: 5px;
	font-weight: 400;
	text-indent: 2px;
}
h5 {
	font-size: 11px;
	font-weight: normal;
	line-height: 28px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	margin: 0px;
}
.CartPrice {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #FFF;
	background-color: #333;
	padding-right: 10px;
}
.TrackListing {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 12px;
}


.Tabs:link {
	border: 1px solid #5B543A;	
}
.Tabs:visited {
	border: 1px solid #5B543A;	
}
.Tabs:hover {
	border: 1px solid #FF8800;	
}
.Tabs:active {
	border: 1px solid #FFFFFF;	
}
.LineVert {
	background-image: url(http://www.flyingcoloursclothing.com/img/line-vert.gif);
	background-repeat: repeat-y;
	background-position: center;
}

img.front-thumb:hover {
	opacity:0.8;
}
img.front-menu:hover {
	opacity:0.5;
}
.Button {
	opacity:0.8;
}
.Button:hover {
	opacity:1.0;
}

img.LineWing {
	background-image: url(http://www.flyingcoloursclothing.com/img/line-wing.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 23px;
	width: 100%;
}

/****** Footer links **********/
.Footer:link {
	color: #666666;
	text-decoration: none;
}
.Footer:visited {
	color: #666666;
	text-decoration: none;
}
.Footer:hover {
	color: #A18969;
	text-decoration: none;
}
.Footer:active {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}

/****** Fresh Shit Links **********/
.NewShit:link {
	color: #EEE;
	text-decoration: none;
	font-weight: bold;
}
.NewShit:visited {
	color: #EEE;
	text-decoration: none;
	font-weight: bold;
}
.NewShit:hover {
	color: #A18969;
	text-decoration: none;
	font-weight: bold;
}
.NewShit:active {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}

/****** Newsletter **********/
.Newsletter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	background-color: #000;
	border: 1px solid #2A2A2A;
	width: 100%;
	line-height: 20px;
	vertical-align: middle;
	text-indent: 8px;
}
.NewsletterButton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCC;
	background-color: #000;
	border: 1px solid #2A2A2A;
	width: 100%;
	line-height: 24px;
	vertical-align: middle;
}


/****** Blog **********/
.PostSmall {
	color: #888888;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
}

.PostHead {
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;	
}
.PostDate {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 20px;	
}
.PostDateMonth {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 14px;
}


.PostBox {
	margin-bottom: 8px;
	padding-bottom: 8px;
	margin-top: 20px;
	padding-top: 8px;
	border: 1px dotted #333;
}

.BottomBar {
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
}
.BottomBarMiddle {
	margin-bottom: 8px;
	padding-bottom: 8px;
	padding-top: 8px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
}
.PostBox-Lines {
	background-image: url(http://www.flyingcoloursclothing.com/img/bloghead-lines.gif);
	background-repeat: no-repeat;
	background-position: right center;
}


/****** Product Page **********/
 .ProductListingBox:link, .ProductListingBox:visited
{
	float: left;
	background: #000;
	text-align: center;
	text-decoration: none;
	width: 190px;
	border: 1px dotted #333;
	font-size: 11px;
	color: #666;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 6px;
	vertical-align: middle;
	padding-top: 6px;
	padding-bottom: 6px;
}

.ProductListingBox:hover
{
	border: 1px solid #333;
	background-image: url(http://www.flyingcoloursclothing.com/img/productlisting-bg.gif);
	font-weight: bold;
	color: #FFC;
}

.ProductListingBox:active
{
	background: #eeeeee;
}

.ProductListingBorder {
	padding-bottom: 14px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5e5e5e;
}

.ProductHeadLines {
	background-image: url(http://www.flyingcoloursclothing.com/img/product-head-lines.gif);
	background-repeat: repeat-x;
	background-position: center;
	height: 30px;
}
.ProductListingHead {
	font-weight: bold;
	color: #FFF;
}

.ProductListingImage:hover {
	opacity:0.8;
}

.ProductAttributes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	background-color: #000;
	border: 1px solid #2A2A2A;
	width: 100%;
	line-height: 20px;
	height: 20px;
	vertical-align: middle;
	text-indent: 8px;
	width: 125px;
	text-align: left;
}
.ProductBG {
	background-image: url(products-images/hood-happy-white-3.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.TellFriend {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	background-color: #000;
	border: 1px solid #2A2A2A;
	width: 100px;
	line-height: 16px;
	vertical-align: middle;
	text-indent: 4px;
}

/****** Shopping Cart Box **********/
.CartBoxItem {
	padding-top: 4px;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 4px;
	background-color: #111;
}

.CartBoxPrice {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #A18969;
}



.ProductQty {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	background-color: #000;
	border: 1px solid #2A2A2A;
	line-height: 16px;
	vertical-align: middle;
	text-align: center;
}

.GlobalForm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	background-color: #000;
	border: 1px solid #2A2A2A;
	line-height: 20px;
	vertical-align: middle;
	text-indent: 8px;
}

input.GlobalForm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	background-color: #000;
	border: 1px solid #2A2A2A;
	line-height: 20px;
	vertical-align: middle;
	text-indent: 8px;
}


/****** News Bar Links **********/
.BlogLinks:link {
	color: #707070;
}
.BlogLinks:visited {
	color: #707070;
}
.BlogLinks:hover {
	color: #FFC;
}
.BlogLinks:active {
	color: #FFF;
}



.MiddlePanelText {
	text-align: justify;
}
.LoginBox {
	color: #000;
	font-size: 12px;
}
.WhiteText {
	color: #FFF;
}
.BlogText {
	font-size: 12px;
	text-align: justify;
	line-height: 18px;
}
.SubText {
	font-size: 12px;
	line-height: 18px;
}
.Story {
	background-image: url(img/story-picbg.jpg);
	height: 623px;
	color: #000;
	font-size: 12px;
	line-height: 16px;
	padding-left: 45px;
	padding-right: 45px;
	padding-top: 80px;
}