﻿@font-face {
	font-family: "Rounded";
	src: url('font/VAGRouBla.eot');
	src: local('☺'), url('font/VAGRouBla.ttf') format('truetype');
	
}

#listTableHeader {
	font-size: 14px;
	color: #FFFFFF;
	background-color: #00BFFF;
	font-weight: bold;
	background-position: center;
}

#infoTableHeader {
	font-size: 14px;
	color: #FFFFFF;
	background-color: #7F92A4;
	font-weight: bold;
	background-position: center;
}

#entryTableHeader {
	font-size: 14px;
	color: #FFFFFF;
	background-color: #7F92A4;
	font-weight: bold;
	background-position: center;
}

.entryTable {
	font-size: 12px;
	background-color: #DDDDDD;
}

.entryTable .label {
	background-color: #EFEFEF;
}

.entryTable .content {
	background-color: #FFFFFF;
}

.display_image {
	margin-left: 50px;
	margin-top: 50px;	
	text-decoration: none;
}

.display_image_button {
	margin-left: 330px;
	margin-top: 0px;	
	text-decoration: none;
}

.tag_top {
	margin-top: 160px;	
	text-decoration: none;
}

.errorMessage {
	font-size: 12px;
	font-weight: bolder;
	color: #CC3300;
}

.okMessage {
	font-size: 12px;
	font-weight: bolder;
	color: #0000FF;
}
body {
	font-family: "Arial";
	font-size: 12px;
	color:  #696969;
	background-image: url("/images/background/background.png");
	background-repeat: no-repeat;
	background-position: center top;
}

#rollOver a img {position: absolute;}
#rollOver a img.off { z-index: 1; }
#rollOver a img.rollover { z-index: -1; }
#rollOver a:hover img.rollover { z-index: 2; }



.your_tag {
	background-position: center top;
	height: 700px;
	text-decoration: none;
	background-repeat:no-repeat;
	background-image:url('/images/background/your tag.png');
}

.choose_cloth {
	background-position: center top;
	height: 930px;
	text-decoration: none;
	background-repeat:no-repeat;
	background-image:url('/images/background/choose an item.png');
}

.choose_strapline {
	background-position: center top;
	height: 930px;
	text-decoration: none;
	background-repeat:no-repeat;
	background-image:url('/images/background/choose stapline.png');
}

.add_tag {
	background-position: center top;
	height: 930px;
	text-decoration: none;
	background-repeat:no-repeat;
	background-image:url('/images/background/add tag.png');
}

.display_cloth {
	background-position: center top;
	height: 930px;
	text-decoration: none;
	background-repeat:no-repeat;
	background-image:url('/images/background/final_image.png');
}



.minicart {
	font-size:12px;	
	border-width:1px;
	border-collapse:collapse;
	background-color: #FFFFFF;
	border-style: solid;
	border-color: grey;
}
.minicart .content {
	font-size::12px;	
}

#tagcart {
	font-size: 12px;	
}

.sizeGuideTable_leftCol {
	font-family: "Rounded";
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #1589FF;	
	border-color: #FFFFFF;
}

.sizeGuideTable_top {
	font-family: "Rounded";
	font-size: 10px;
	color: #1589FF;
	background-color: #A9A9A9;
	font-weight: bold;
	background-position: center;
}

.sizeGuideTable_content{
	font-family: "Rounded";
	font-size: 10px;
	color: #A9A9A9;
	background-color: #DCDCDC;
	font-weight: bold;
	background-position: center;
}

.sizeGuideTable_bottom{	
	font-family: "Rounded";
	font-size: 11px;
	color: #3E3535;	
}

.cartTable {
	margin-top: 80px;
	font-size: 12px;
	font-weight: bold;
	background-color: #FFFFFF;	
	border-color: #FFFFFF;

}

.cartTableHeader {
	font-size: 12px;
	color: #FFFFFF;	
	background-color: #00BFFF;
	background-position: center;
}

.cartTable .content {
	background-color: #DCDCDC;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: grey;
	border-right-color: grey;
	border-bottom-color: grey;
	border-left-color: grey;
}

.cartTable .no_border_grey_content {
	background-color: #00BFFF;
	background-color: #DDDDDD;
}

.cartTable .grey_content {
	background-color: #DCDCDC;
	border-top-color: grey;
	border-right-color: grey;
	border-bottom-color: grey;
	border-left-color: grey;
}

.cartTable .white_content {
	background-color: #FFFFFF;
}


.footerTable {
	color: #696969;
	background-color: #DCDCDC;
	font-size: 10px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}

.footerTable a {
	text-decoration:none;
	color: #696969;
	font-size: 10px;
}

.footerTable a:hover{
	color: #262626;
	font-weight: bold;
}

.greyHeader {
	color:  #696969;
	font-weight: bold;	
	font-size: 10px;
}


.detailTable {
	font-size: 12px;
	background-color: #DDDDDD;
}

.detailTable .label {
	background-color: #EFEFEF;
}

.detailTable .content {
	background-color: #FFFFFF;
}

.greyHeader a {
	color:  #696969;
	font-weight: bold;
	font-size: 10px;
}

.greyHeaderBig {
	color:  #696969;
	font-weight: bold;	
	font-size: 16px;
}

.greyHeaderBig a {
	color:  #696969;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}

.greyHeaderNormal a {
	color:  #696969;
	font-size: 12px;
}

.blueHeaderSmall {
	color:  #00BFFF;
	font-weight: bold;	
	font-size: 12px;
}
.blueHeaderSmall a {
	color:  #00BFFF;
	font-weight: bold;
	font-size: 12px;
}

.blueHeader {
	color:  #00BFFF;
	font-weight: bold;	
	font-size: 14px;
}
.blueHeader a {
	color:  #00BFFF;
	font-weight: bold;
	font-size: 14px;
	
}


.purpleThin{
	color: #660066;
}

.purpleHeader{
	color: #660066;
	font-weight: bold;
}

.purpleHeader a{
	color: #660066;
	font-weight: bold;
	font-size: 10px;
}

.purpleHeaderBig{
	color: #660066;
	font-weight: bold;
	font-size:16px;
}

.whiteFont {	
	color: #FFFFFF;
}



.box {
	
	font-size: 12px;
	border: 1px solid #336699;
}

.bluebox {

	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #336699;
	border: 1px solid #000000;
}

.topNav {

	font-size: 14px;
	background-color: #FFFFFF;
}

.activeTopNav {
	
	font-size: 14px;
	background-color: #CCCCFF;
}

.row1 {
	background-color: #EFEFEF;
}

.row2 {
	background-color: #DEDEDE;
}

.errorMessage {

	font-size: 12px;
	font-weight: bolder;
	color: #CC3300;
}


td.nav {

	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #6699CC;
}

td.nav:hover {
	
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background-color: #97C1E7;
}

a.nav {
	f
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
}

a.nav:hover {
	
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	display: block;	
}

.navSelected {

	font-size: 14px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	background-color: #DEDEDC;
}

a.bottomNav {
	
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: underline;
}

a.bottomNav:hover {

	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}

.detail {
	
	font-size: 12px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	background-color: #FFFFFF;
}

.detailSpacer {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}

.tabSelected {
	
	font-size: 14px;
	font-weight: bolder;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-left-color: #666666;
	background-color: #97C1E7;
}

.tabSelected:hover {
	
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: underline;
	background-color: #97C1E7;
}

.tabNotSelected {
	
	font-size: 12px;
	background-color: #EEEEEE;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;	
}

.tabNotSelected:hover {
	
	font-size: 12px;
	background-color: #FFFFCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;	
}

a.tabNav {
	color: #000000;
	text-decoration: underline;
	font-weight: bolder;
}

a.tabNav:hover {
	color: #000099;
	text-decoration: none;
	font-weight: bolder;
}

.whiteTable {
	
	font-size: 12px;
	border: 1px solid #336699;
	background-color: #FFFFFF;
}

.lightBlue {
	background-color: #AACCFF;
}

.navArea {
	background-color: #FFFFFF;
}

.contentArea {
	background-color: #FFFFFF;
}

a.leftnav {
	
	font-size: 14px;
	color: #333333;
	background-color: #AABBCC;
	display: block;
	padding: 2px 2px 2px 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	height: 30px;
	text-decoration: none;
	font-weight: bold;
}

a.leftnav:hover {
	
	font-size: 14px;
	color: #FFFFFF;
	background-color: #999999;
	display: block;
	padding: 2px 2px 2px 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	height: 30px;
	text-decoration: none;
	font-weight: bold;
}
.graybox {
	background-color: #666666;
}

.footer {
	font-size: 10px;
}

fieldset
{
	border: #26a solid 1px;
}

legend
{
	background: #fb0;
	border: #26a solid 1px;
	padding: 1px 10px;
	font-weight: bold;
}

.errorMessage {
	color: #990000;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

.detailTable {
	font-size: 12px;
	background-color: #DDDDDD;
}

.detailTable .label {
	background-color: #EFEFEF;
}

.detailTable .content {
	background-color: #FFFFFF;
}

.headerl{
	background-color:#63F;
	color:#FFFFFF;
}

