@charset "utf-8";
/* CSS Document */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

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

a:hover {
	/*background-color:#999;*/
	text-decoration:none;
}

s {
	color:#cc0000;
}

th {
	text-align:left;
}

h1 {
	margin-bottom:3px;
	color:#FF4DA5;
}
hr {
	padding:0px;
	margin:0px;
	background-color: #333;
	height:1px;
}
form {
	padding:0px;
	margin:0px;
}

p {
	margin: 0 0 5px 0;
}

form .Submit {
	text-align: right;
	padding: 5px;
	background-color: #FFD5FB;
}

input {
	font-size: 11px;
}

#clear {
	clear:both;
}


/************/
/* New CSS */
.BagAge {
	margin: 20px 0px;
}

.BagAge .Website {
	width: 900px;
	border: 1px solid #CCCCCC;
}

.BagAge .Logo img {
	border: 0px;
}

.BagAge .Header img {
	border: 0px;
}
.BagAge .IndexHeader {
	background: url(/bagage/img/2/index-top.jpg) no-repeat top left;
	width: 659px;
	vertical-align: top;
	padding-top: 20px;
}

.BagAge .SideNav {
	background: url(/bagage/img/2/index-whiteboard.jpg) bottom left no-repeat;
	vertical-align: top;
	height: 510px;
}

.BagAge .SideNav img {
	border: 0px;
}

.BagAge .SideNav .WhiteBoard {
	/*height: 100px;*/
}

.BagAge .SideNav .WhiteBoard .Text {
	margin: 55px 0 0 60px;
	overflow: hidden;
	width: 130px;
	height: 175px;
}

.BagAge .SideNav .Mailing {
	padding: 60px 0 0 30px;
}

.BagAge .SideNav .Mailing input {
	padding-bottom: 3px;
}

.BagAge .SubNav {
	width: 100%;
	vertical-align: top;
	background: url(/bagage/img/2/background-opaque.jpg) top left;
	height: 40px;
	background-color: #CCCCCC;
	text-align: left;
}



.BagAge .IndexHeader .SubNav {
	margin-bottom: 10px;
	background: none;
	height: auto;
}

.BagAge .SubNav .Background {
	width: 100%;
}

.BagAge .SubNav .Text {
	padding: 0 0 0 28px;
	position: absolute;
	width: 880px;
}


.BagAge .IndexHeader .SubNav {
	margin-left: 10px;
}
.BagAge .IndexHeader .SubNav .Text {
	padding: 0px;
	width: 650px;
}

.BagAge .SubNav .Text div {
	float: left;
	margin-top: 13px;
	padding-right: 20px;
}

.BagAge .SubNav .Text div.Login {
	float: left;
	margin-top: 10px;
}

.BagAge .SubNav .Text div.Social img {
	border: 0px solid;
	margin-right: 10px;
}

.BagAge .SubNav .Text div.Social {
	margin-top: 8px;
	float: right;
}

.BagAge .SubNav .Text div.Login input.textbox {
	width: 75px;
}
.BagAge .SubNav .Text div.Search {
	float: right;
	margin-right: 5px;
	margin-top: 10px;
}
.BagAge .SubNav .Text div.Search input.searchbox {
	width: 120px;
}

.BagAge .IndexContent {
	background: url(/bagage/img/2/index-content.jpg) top left no-repeat;
	vertical-align: top;
	text-align: left;
}

.BagAge .IndexContent iframe {
	margin: 49px 0 0 69px;
	padding: 0px;
	marginheight: 0px;
	marginwidth: 0px;
}

.BagAge .Content {
	background:url(/bagage/img/2/background.jpg) top left;
}

#Breadcrumbs {
	text-align: left;
	position: relative;
	padding: 10px 10px 10px 28px;
}

#Breadcrumbs a, #Breadcrumbs span {
	margin-right:10px;
}

.BagAge .Content .Area {
	position: relative;
	padding:0 28px;
	/*padding: 10px;*/
}

.BagAge .CategoryDescription {
	padding: 10px;
	background-color: #CCCCCC;
	margin: 10px 0;
}

.PageHeader, #PageHeader {
	font-size:15px;
	font-weight:700;
	color:#cc3467;
	margin-bottom:5px;
}

/*** messages****/
.Notice {
	border: 1px solid #FF9900; 
	padding: 10px; 
	background-color:#FFFF99;
	color:#000000;
	font-weight:700;
	margin: 10px 0px;
}

.StatusSuccess {
	border: 1px solid #336600; 
	padding: 10px; 
	background-color:#99CC66;
	color:#000000;
	font-weight:700;
	margin: 10px 0px;
}

.StatusFail {
	border: 1px solid #CC0000; 
	padding: 10px; 
	background-color:#FFCCCC;
	color:#000000;
	font-weight:700;
	margin: 10px 0px;
}

/** form ***/
#frm {
}

#frm th {
	background-color:#CCCCCC;
	vertical-align:top;
	padding:5px;
}

#frm td
{
	padding:5px;
	vertical-align:top;
}

small
{
	font-size:10px;
}

input.btn
{
	background-color:#999999;
	border:1px solid #666666;
	color: #333333;
}

.TextSmall {
	width:40px;
}

div#btn
{
	background-color:#cc3467;
	color:#FFFFFF;
	padding: 10px;
}

.contentArea
{
	background:url(/bagage/img/table_bkg.gif) repeat-y top left; 
	padding:0px 40px 0px 35px;
	height: 250px !important;
	vertical-align:top;
}


#Listing
{
	border-spacing:0px;
	width:99%;
}

#Listing td
{
	padding:15px;
	width:20%;
	vertical-align:top;
}

#Listing .Catname, #Listing .name {
	font-size:14px;
	font-weight:700;
	color:#cc3467;
	padding-bottom:5px;
}



#Listing .Image {
	padding-bottom:8px;
	position: relative;
	height: 130px;
}

#Listing .Image a {
	display:block;
}

#Listing .Image img {
	left:0;
	position:absolute;
	top:0;
	border: 0px solid;
	z-index: 300;
}

#Listing .Image .New {
	left: 0px;
	top: 0px;
	z-index: 400;
	width: 46px;
	height: 44px;
	background:url(/bagage/img/2/flag_new.gif) no-repeat top left transparent;
	position: absolute;
}

#Listing .Image .OnlineSpecial {
	left: 0px;
	bottom: 10px;
	z-index: 400;
	width: 120px;
	background:url(/bagage/img/2/flag_onlinespecial.gif) no-repeat top left transparent;
	position: absolute;
	height: 23px;
}

#Listing .Image .SoldOut {
	left: 0px;
	bottom: 10px;
	z-index: 400;
	width: 120px;
	position: absolute;
	color: #FFFFFF;
	background-color:#CC0000;
	font-weight: bold;
	text-align: center;
	padding: 3px;
}


#Listing s
{
	color:#cc0000;
}

#Listing a {
	color:#787878;
}

/**** items *****/
#Product {
	border-spacing:0px;
}

#Product .Photo
{
	padding: 10px 20px 20px 0;
	vertical-align:top;
}

#Product .MainPhoto {
	width: 210px;
	/*min-height: 210px;*/
	background: url(/bagage/img/2/loading.gif) top left no-repeat;
	background-position: 90px 90px;
	margin-bottom: 15px;
}

#Product .Thumbnails {
	padding-top: 5px;
	position: relative;
}

#Product .MainPhoto a {
	position:relative;
	display:block;
}

#Product .Thumbnails a {
	border-left:1px solid #E6E6E6;
	border-right:1px solid #E6E6E6;
	border-top:1px solid #E6E6E6;
	display:block;
	font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;
	font-size:7px;
	height:52px;
	position:relative;
	text-align:center;
	width: 50px;
	float: left;
	margin-right: 3px;
}

#Product .MainPhoto a img {
	position:absolute;
}

#Product .Thumbnails a img {
	left:0;
	position:absolute;
	top:0;
	height: 50px;
	width: 50px;
	border: 1px solid #666;
}

#Product .MainPhoto .SoldOut .Under {
	background-color: #ff0000;
	color:#FFFFFF;
	left: 1px;
	opacity: 0.6;
	filter:alpha(opacity=60);
	overflow: hidden;
	position: absolute;
	bottom: 0px;
	width: 100%;
	word-spacing: 1px;
	z-index: 400;
	text-align: center;
	font-weight: bold;
	font-size:13px;
}

#Product .MainPhoto .SoldOut .Over {
	color:#FFFFFF;
	left:1px;
	overflow:hidden;
	position:absolute;
	bottom: 0px;
	width:100%;
	word-spacing:1px;
	z-index:500;
	text-align: center;
	font-weight: bold;
	font-size:13px;
}

#Product .Thumbnails .Under {
	background-color:#697F92;
	color:#FFFFFF;
	height: 15px;
	left: 1px;
	opacity: 0.6;
	filter:alpha(opacity=60);
	overflow: hidden;
	position: absolute;
	top: 36px;
	width: 100%;
	word-spacing: 1px;
	z-index: 400;
}

#Product .Thumbnails .Over {
	color:#FFFFFF;
	height:20px;
	left:1px;
	overflow:hidden;
	position:absolute;
	top:36px;
	width:100%;
	word-spacing:1px;
	z-index:500;
}


#Product .ImageHolder img {
	border: 1px solid #666;
}

#Product .Item
{
	padding: 10px 0 10px 20px;
	vertical-align:top;
	width: 550px;
}

#Product .ProductName
{
	padding-bottom:5px;
	color: #000000;
	font-weight:700;
	font-size:18px;
}

#Product .ProductPrice {
	padding: 10px 0px;
	font-weight:700;
	font-size:14px;
}

#Product .ColourList {
	margin: 5px 0px;
}

#Product .ColourThumbnails {
	position: relative;
	min-height: 60px;
}

#Product .ColourThumbnails img {
	border:1px solid #666666;
	height:50px;
	left:0;
	position:absolute;
	top:0;
	width:50px;
}

#Product .ColourThumbnails a {
	display:block;
	float:left;
	font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;
	font-size:10px;
	height:52px;
	margin-right:3px;
	position:relative;
	text-align:center;
	width:50px;
}

#Product .ColourThumbnails .SoldOut .Under {
	background-color:#CC0000;
	color:#FFFFFF;
	height: 15px;
	left: 1px;
	overflow: hidden;
	position: absolute;
	top: 36px;
	width: 100%;
	word-spacing: 1px;
	z-index: 400;
}

#Product .ColourThumbnails .SoldOut .Over {
	color:#FFFFFF;
	height:20px;
	left:1px;
	overflow:hidden;
	position:absolute;
	top:36px;
	width:100%;
	word-spacing:1px;
	z-index:500;
}

#Product .SubTitle {
	margin: 10px 0 5px;
	font-weight: bold;
	font-size: 12px;
	background: #CCCCCC;
	padding: 3px;
}

#Product .ProductActions  {
	margin: 10px 0px;
}

#Product .ProductActions .Colour, 
#Product .ProductActions .Quantity {
	float: left;
	margin-right: 7px;
}

#Product .ProductActions .Links
{
	float: left;
	margin-right: 7px;
	padding: 5px;
	width: 100px;
	text-align: center;
	background-color: #CCCCCC;
	font-weight:700;
}


#Product .ColourList img {
	width: 50px;
	height: 50px;
	border: 1px solid #666;
}


#Product .Additional {
	margin: 15px 0px;
	padding: 10px;
	background: #CCCCCC;
	border: 1px solid #a1a1a1;
}




/*********** cart ******************/
#Cart
{
	width:100%;
	border-spacing:0px;
}
#Cart td
{
	padding:10px;
	border-bottom: 1px solid #ccc;
}

#Cart .Label
{
	padding-right:10px;
	text-align:right;
	vertical-align:top;
}
#Cart .Info
{
	padding-left:10px;
	text-align:left;
	vertical-align:top;
}

/********** content *****************/
#Content
{
	width: 100%;
	border-spacing:0px;
}

#Content .Inside
{
	padding-left:20px;
	padding-right:15px;
}

#Content .Title
{
	color:#cc3467;
	font-size:16px;
	font-weight:700;
}

#Content .Timestamp
{
	color:#999999;
	font-size:11px;
}

#Content .Subject
{
	padding:10px 0px 20px 10px;
}
#Content .Body
{
	font-size:11px;
	padding:10px 0px 20px 0px;
}

#HotSellers
{
	padding: 40px 25px 40px 40px;
	background:url(/bagage/img/whatshot.png) top left no-repeat;
	width:612px;
}

.HotSellers
{
	padding-bottom:10px;
}

#HotSellers .Iframe
{
	height:310px;
	overflow:auto;
}

#WhatsNew
{
	padding:65px 25px 40px 35px;
	background:url(/bagage/img/whatsnew2.png) top left no-repeat;
	width:612px;
}

#WhatsNew .Iframe
{
	width: 550px;
	height:275px;
	overflow:auto;
}


#WhatsNew .Content
{
	width: 540px;
}

.Normal
{
	padding-bottom:20px;
}




.Pagination
{
	padding:10px;
	background-color:#e2e2e2;	
	border:1px solid #cccccc;
	margin: 10px 0;
}

.Pagination .Pages
{
	float: left;
}

.Pagination a
{
	padding: 5px 8px;
	background-color:#c5c5c5;
	margin-right:3px;
}

.Pagination a.Current
{
	font-weight:700;
	padding: 5px 8px;
	background-color:#8a8a8a;
	margin-right:3px;
}

.Pagination .Jump
{
	background-color:#c5c5c5;
}


.Pagination .Right
{
	float: right;
}

#Clear,
.Clear {
	clear: both;
}

.iframe
{
	height:200px;
	overflow:auto;
}

.mceadminfull
{
	height:200px;
}

.LoggedUser {
	text-align:right;
	color:#cc3467;
	font-weight:700;
	font-size:12px
}

.BagAge .SubNav .Text div.Logout {
	float: right;
	margin-right: 15px;
}

/**** Login *****/

.LoginMain {
	text-align: left;
	margin: 100px 35%;
	padding: 20px 0px;
}

.LoginMain input {
	margin-bottom: 3px;
}

.LoginMain .Register {
	padding-top: 10px;
	font-weight: bold;
}


/**** Collection Frame *****/

.CollectionFrame {
	background: url(/bagage/img/2/bkg-collection.jpg) top left no-repeat;
	width: 486px;
	height: 376px;
}

.CollectionFrame h3 {
	margin: 0 0 5px;
	padding-top: 0px;
	font-size: 14px;
}

.CollectionFrame a {
	color: #333333;
}

.CollectionFrame .Bags {
	position: absolute;
	top: 35px;
	left: 35px;
}

.CollectionFrame .Clothing {
	position: absolute;
	top: 30px;
	left: 270px;
}

.CollectionFrame .Accessories {
	position: absolute;
	top: 215px;
	left: 250px;
}

.CollectionFrame .More {
	position: absolute;
	bottom: 0px;
	right: 10px;
}

.CollectionFrame .New {
	color: #CC0000;
}


/*** Admin Pages ***/

.Admin {
	padding: 0px;
	margin: 0px;
}


.Admin .Layout .Header {
	background: #fec3e3;
	padding: 10px;
	color: #000000;
	font-weight: bold;
	font-size: 13px;
}

.Admin .Layout .HeaderMenu {
	background: #fec3e3;
	padding: 10px;
	color: #000000;
	text-align: right;
}

.Admin h2 {
	padding: 0px;
	margin: 0 0 3px 0;
}

.Admin .Content {
	padding: 10px;
}

.Admin .Subheader {
	font-size:14px;
	font-weight:bold;
	padding-bottom:5px;
}


/*** Tabs ***/
.Box .Tabs {
	height: 23px;
	margin:5px 0px 10px 0px;
	border-bottom: 1px solid #D9D9D9;
}
	#LeftColumn .Box .Tabs,
	#RightColumn .Box .Tabs {
		margin: 5px 0 0 0;
	}
.Box .Tabs ul {
	margin: 0;
	padding: 0 5px;
	float: left;
}
.Box .Tabs .Left {
	float: left;
}
.Box .Tabs .Right {
	float: right;
}
.Box .Tabs ul li {
	margin: 0 3px 0 0;
	list-style-type: none;
	float: left;
	height: 22px;
	font-weight: normal;
	color: #999;
	background-color: #F5F5F5;
	border: 1px solid #D6D6D6;
}
	#LeftColumn .Box .Tabs ul li,
	#RightColumn .Box .Tabs ul li {
		background-color: #DEDEDE;
		border: 1px solid #D6D6D6;
	}
.Box .Tabs ul li a {
	display: block;
	color: #999;
	padding: 5px 5px 0 5px;
	font-size: 8pt;
	outline: none !important;
	background-color: none;
}
.Box .Tabs ul li.Active {
	background-color: white;
	border-bottom: 1px solid white;
	font-weight: bold;
	color: #444444;
}
	#LeftColumn .Box .Tabs ul li.Active,
	#RightColumn .Box .Tabs ul li.Active {
		background-color: #E7E7E8;
		border: 1px solid #CCC;
		border-bottom: 1px solid #E7E7E8;
	}
.Box .Tabs ul li.Active a {
	color: #444444;
	padding-left: 10px;
	padding-right: 10px;
}
	#LeftColumn .Box .Tabs ul li.Active a,
	#RightColumn .Box .Tabs ul li.Active a {
		padding-left: 10px;
		padding-right: 10px;
	}
.Box .Tabs ul li a em {
	font-size: 7pt;
	color: #AAA !important;
	padding-left: 5px;
	font-style: normal;
	font-weight: normal;
}

.Box .Inner {
	padding: 10px;
}


/* Key Value */
table.KeyValue {
	border-collapse: collapse;
	/*border-top: 1px solid #EEE;*/
	width: 100%;
}

table.KeyValue th {
	background-color: #FFCCFF;
	color: #000000;
	padding: 5px;
}

table.KeyValue td {
	vertical-align: top;
	/*border-bottom: 1px solid #EEE;*/
	font-size: 8pt;
	padding: 5px;
}
table.KeyValue td.Key {
	width: 20%;
	padding-top: 5px;
}
table.KeyValue td.Value {
	width: 80%;
}
table.KeyValue td td {
	border: 0;
}

table.KeyValue tr.RightKey td {
	padding: 2px;
}
table.KeyValue tr.RightKey .Key {
	width: 40%;
}
table.KeyValue tr.RightKey .Key .X {
	text-align: right;
	padding-right: 10px;
}
table.KeyValue tr.RightKey .Value {
	width: 60%;
}
table.KeyValue tr.RightKey .Value .X {
}

table.KeyValue tr.Captcha .Value {
	padding-top: 5px;
}
table.KeyValue tr.Captcha .Value img {
	margin: 5px 0;
}

.KeyValue .FileUpload .Value input {
	width: 100%;
}

table.KeyValue tr.Text td.Key,
table.KeyValue tr.Text td.Value {
	padding: 5px 0;
}

table.KeyValue td.Value input.Text {
	width: 98%;
}