/* CSS Document */
/* ELEMENTS */
html, iframe			{ background: #fff; }
body					{ font-family: verdana,helvetica,arial,sans-serif; font-size: 62.5%; margin:0; background-color:#e7e4e4; text-align:center; }
img						{ border: 0;}
h1,h2,h3,h4,h5,h6		{ font-weight:bold;}
h1						{ font-size: 1.9em; padding: 10px 0; }
h2						{ font-size: 1.2em; padding:5px; margin:0;}
h3						{ font-size: 0.8em; padding:2px; margin: 0; }
cite					{ font-style: normal; font-weight: bold; }
strong					{ font-weight: bold; }
em						{ font-style: italic; }
p						{ font-size:x-small; margin:0; padding:2px; float:left; width:100%; text-align:left;}
ul,li					{ list-style-type:none;}
a						{ text-decoration:none; color:#840259; font-size: 11px;}
a:hover					{ text-decoration:underline; color:#000000; }
td                      {font-size:11px;}


/* COMMON  */
.clear					{ clear:both;}

/* SITE-WRAPPER */        
#site-wrapper			{ margin: 0 auto; width:974px; border-width: 0 15px 15px 15px; border-color:white; border-style:solid; padding:0; background-color:#e7e4e4; padding:0 8px; text-align:left;}

/* SITE-HEADER */
#site-header			{ width:974px; height:80px; top: 10px; color:#fff; font-size: 1em; z-index: 99; background: #840259 url("Images/bg_pink.gif") repeat-x; }
#site-header a			{ text-decoration: none; color:#fff; }
#site-header a:hover	{ text-decoration:underline; }

/* LOGO */
#logo					{ width:30%; float:left; height:80px; }

/* BASKET */
#basket					{ width:20%; float:right; height:80px; font-size:9px; }
#basket ul				{ list-style-type:none; margin:0; }
#basket li				{ display:inline; text-align:left; padding:2px; line-height:12px; }
#basket a				{ padding:2px; font-size:10px; }


.hor					{ border:.1em white solid; margin-top:1px; margin-bottom:1px; }

/*TOP*/
#top				{ width:50%; float:left; height:80px; text-align:right; }
#top ul				{ list-style-type:none; margin:0; }
#top li				{ display:inline; text-align:left; padding:2px; line-height:20px; }
#top a				{ font-weight:normal; padding:2px; font-size:10px; }
.small				{ width:55px; }

/* SEARCH */

/*LEAVE THIS AND WE WILL DECIDE LATER WHAT TO DO WITH WITH THE SEARCH BOX*/

/* BODY-WRAPPER */
#body-wrapper			{ width:974px; overflow:hidden; padding:0;}

/* BODY-MAIN (this is the body for the main page of each department*/

#menu					{ width:974px; height:30px; border:0; padding:0; margin:0; }

#searchboxwrapper
{
	float:right;
	border-color:#cccccc;
	border-width:1px;
	border-style:solid;
	}

#searchboxwrapper input{
	font-size:small;
	height:30px;
	}
.watermark
{
	background:#002A44 url(../../images/bg-btn.gif) repeat-x scroll center bottom;
	border:medium none;
	color:#FFFFFF;
	cursor:pointer;
	font-size:1em;
	font-weight:bold;
}

#body-main				{ width:80%; float:left; overflow:hidden; background-color:#ffffff; height:auto;}

#right-content-main		{ width:20%; float:right; }


/* RIGHT-CONTENT*/
#right-content			{ width:12%; float:right; }
/* BODY */

#body					{ width:100%; float:none; overflow:hidden; background-color:#ffffff; height:auto; }

/* LEFT-CONTENT */

#left-content			{ width:19%; float:left; overflow:hidden; }

#left-content ul		{ margin:0; padding:2px; font-size:11px; }
#left-content li		{ line-height:1.2em; padding:2px;display:block;width:100%; }

.catagories				{ line-height:1.2em; padding:2px; margin:2px; }
/* FOOTER */

#footer					{ width:974px; height:68px; bottom:10px; float:left; border-top:2px #840259 solid; margin-top:8px; }
#footer a				{ text-decoration:none; color:#000; }
#footer a:hover			{ text-decoration:underline; color:#000; }
#footer ul				{ list-style-type:none; margin-top:10px; text-align:center; }
#footer li				{ display:inline; text-align:left; padding:2px; line-height:20px; }
#footer p				{ text-align:center; color:#333333; }


/* Above Footer */ 


#bottom-banner					{ width:972px; height:120px; bottom:10px; float:left; margin-top:8px; background-color:#fff; }
#bottom-banner a				{ color:#000; }
#bottom-banner a:hover			{ text-decoration:underline; }
#style-guide					{ width:40%; padding:3px; background:url("../../images/style.gif") no-repeat; height:100px; float:left;} 
#style-guide p					{ margin:20 0 0 165; }
#style-guide input				{ margin:5 0 0 165; }
#size							{ width:9%; margin:15 0 0 0; padding:2 0 2 5; background: url("../../images/size-black.gif") no-repeat; height:100px; float:left; }
#size p							{ margin:50 0 0 0; }
#care							{ width:9%; margin:15 0 0 0; padding:2 0 2 2; background: url("../../images/care.gif") no-repeat; height:100px; float:left; }
#care p							{ margin:50 0 0 0; }
#lock							{ width:9%; margin:15 0 0 0; padding:2 0 2 5; background: url("../../images/lock.gif") no-repeat; height:100px; float:left; }
#lock p							{ margin:50 0 0 0; }
#address						{ width:31%; height:120px; float:right; }
#address li						{ list-style-type:none; display:block;text-align:right;}

ul.social-main li { list-style-type:none;float:left; display:inline; }
ul.social-main li a,
ul.social-main li a:hover{
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	height: 22px;
	padding-left: 0;
	text-indent: -999em;
	width: 60px;
	margin:2px;
	text-align:left;
}

ul.social-main li.facebook a	{	background-image: url('../../images/facebook-main.gif');}
ul.social-main li.twitter a	{	background-image: url('../../images/twitter-main.gif');	}
ul.social-main li.flickr a		{	background-image: url('../../images/flickr-main.gif');	}
ul.social-main li.youtube a	{	background-image: url('../../images/youtube-main.gif');height: 24px;	}
/* Products */

.product				{ width:182px; padding:1px; margin:5px; float:left; overflow:hidden; }
.product img			{ width:100%; float:inherit; margin-bottom:3px; z-index: 99; background: url("Images/new.gif")}
.product ul				{ list-style-type:none; background-color:#CCCCCC; padding:0; margin:0; }
.product li				{ display:block; display:inline; line-height:25px; padding:2px; }
.product li a			{ color:#0033FF; text-decoration:none; }
.product li a:hover		{ background-color:#0000FF; color:white; }

/* Product Details Page */

#productdetails			{ width:95%; padding:10px; float:left; }
#productimage			{ padding:10px 11px 20px 11px; float:left; width:316px; min-height:480px; background: url("../../Images/largeimage.jpg") no-repeat; border:0; }
#productdetailarea		{ padding:1px; float:left; width:46%; margin-left:15px; overflow:hidden;  border-right:3px #e7e4e4 solid; padding:0 20px 5px 5px; }

/* Cart */

.cart					{ font-size:small; padding:3px; }
.col-small				{ width:55px; vertical-align:middle; float:left; border-bottom:1px #ff6600 dashed; height:25px; margin-bottom:5px; }
.col-medium				{ width:110px; vertical-align:middle; float:left; border-bottom:1px #ff6600 dashed; height:25px; margin-bottom:5px; }
.col-large				{ width:160px; vertical-align:middle; float:left; border-bottom:1px #ff6600 dashed; height:25px; margin-bottom:5px; }

/* last rown of table */

.col-small-last			{ width:55px; vertical-align:middle; float:left; height:25px; }
.col-medium-last		{ width:110px; vertical-align:middle; float:left; height:25px; }
.col-large-last			{ width:160px; vertical-align:middle; float:left; height:25px; }


/* Product Thumbnail */

#controls ul			{ list-style-type:none; margin:0; padding:0; }
#controls li			{ display:inline; padding:3px;}

/* Main Photo */

#mainPhoto				{ min-height:420px; padding:3px; }

/* Product Colors */

.productcolors			{ }
.productcolors a		{ text-decoration:none; border:black 1px solid; display:block;  width:30px; height:20px; margin:2px; float:left;  padding-top:8px; }
.productcolors a:hover	{ text-decoration:none; border:#FFcc00 1px dotted; }

/* Product Sizes */

.productsizes			{ }
.productsizes a			{ text-decoration:none; border:#FF6600 1px solid; display:block;  width:30px; height:20px; margin:2px; float:left;  padding-top:8px; }
.productsizes a:hover	{ text-decoration:underline; border:#FFcc00 1px solid; }

/* Registeration */

#signin		{ width:40%; padding:5px; float:left; }


/* Form */

#form                   { width:100%; padding:10px; height:auto; float:left;}
.form-col-header		{ text-align:center; width:155px; float:left; padding:5 0 5 0; margin-bottom:5px; margin-left:5px; height:20px; font-weight:bold; background-color:#002642; color:#fff; vertical-align:middle; }
.form-col-medium		{ text-align:left; width:155px; float:left; margin-bottom:5px; margin-left:5px; height:20px; }
.form-col-large			{ text-align:left; width:180px; float:left; margin-bottom:5px; height:20px; }
.form-col-small         { text-align:left; width:120px; float:left; }
.errortext				{ color:#FF6600; font-size:10px; padding:1px; }
.formrow				{ padding:5px; float:left; text-align:center; }
.formcolxxs				{ margin:5px; width:40px; float:left; }
.formcolxs				{ margin:5px; width:60px; float:left; }
.formcolm				{ margin:5px; width:100px; float:left; }
.formcoll				{ margin:5px; width:130px; float:left; }
.formcolxl				{ margin:5px; width:150px; float:left; }
.formcolxxl				{ margin:5px; width: 180px; float:left; }
#rowheader				{ background-color:#002642; color:#fff; font-weight:bold;}



/* Product Colors */

.productcolors			{ }
.productcolors a		{ text-decoration:none; border:black 1px solid; display:block;  width:20px; height:13px; margin:2px; float:left;  padding-top:1px; }
/*.productcolors a:hover	{ text-decoration:none; border:#FFcc00 1px dotted; }*/

/* Product Sizes */

.productsizes			{ }
.productsizes a			{ text-decoration:none; font-weight:bold; border:#336699 1px solid; display:block; color:Blue; width:20px; height:13px; margin:2px; float:left; text-align:center; padding-top:1px; }
.productsizes a:hover	{ text-decoration:none; font-weight:bold; border:#336699 1px solid; text-align:center; vertical-align:middle; color:Blue; padding-top:0; background-color:#E4EEEF; }
.productsizes a:selected{ text-decoration:none; font-weight:bold; border:#336699 1px solid; text-align:center; vertical-align:middle; color:Blue; padding-top:0; background-color:#E4EEEF; }

/*Pagination*/

#pages					{ color:#fff; width:100%; font-weight:bold; background-color:#858384; text-align:center; }
.pagination             { width:auto; float:right; margin-top:10px; padding-right:10px; background-color:Transparent; }
.pagination ul          { list-style-type:none; }
.pagination ul li       { float:left; padding-left:5px; }
.on						{ width:15px; text-align:center; background-color:#ccc; color:#000; margin:2px; }
.on a, a:hover			{ text-decoration:none; } 
/* 
--------------- Promotions ****************************/

.promotions				{ width:100%; padding-left:10px; float: left; height:180px; overflow:hidden; border:2px ridge #00AEEF; }
.promotions a			{ font-size:x-small;}
.promtionsprice			{ font-size:x-small;}
.promotionitem			{ width:100px; height:155px; padding:15px; overflow:hidden;  background:url("../Images/promtionitem.jpg") no-repeat; }

/* asp:DataList */
.aspDataList 
{
	float:left;
	margin:10px !important;
	padding:2px !important;
}
.aspDataList a
{
	display:block;
	text-align:center;
    background: #ffffff !important;
    border: 2px dotted black !important;
    padding:5px !important;
    margin:2px !important;
    margin-bottom:0;
    color: #000000 !important;
    font-family: Trebuchet MS, Arial, Helvetica, Sans-Serif !important;
    font-size: 1em !important;         
}

.aspDataList a:hover
{
    background: #840259 !important;
    color: #ffffff !important;
}
.productprice
{
	margin-top:10px;
	display:block;
	background-color:#840259;
	padding:5px;
	font-weight:bold;
	color:#fff;
	width:100px;
	vertical-align:middle;
	text-align:center;
	font-size:1.2em;
}
.productdescription
{
	padding:2px;
	text-align:left;
	font-size:12px;
}

.description
{
	padding:2px;
	text-align:left;
	font-size:10px;
	border-bottom:1px solid #840259;
}
.price
{
	float:right;
	padding-right:10px;
	font-weight:bold;
	font-size:1.4em;
	width:100px;
}
.ProductListHead
{
	font-weight: bold;
	font-size: 12px;
}


.shadetabs{
border-bottom: 1px solid gray;
/* width: 90%; width of menu. Uncomment to change to a specific width */
margin-bottom: 1em;
}

.shadetabs ul{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(../images/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

/*
.shadetabs li.selected
{
position: relative;
top: 1px;
}
*/

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(../images/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}
/* Social websites*/

.social		 { margin-left: 0; }
ul.social li { list-style-type:none; }
ul.social li a,
ul.social li a:hover{
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	height: 22px;
	padding-left: 0;
	text-indent: -999em;
	width: 90px;
	
}
/* Social Links */

li.facebook a	{	background-image: url('../../images/facebook.gif');}
li.twitter a	{	background-image: url('../../images/twitter.gif');	}
li.flickr a		{	background-image: url('../../images/flickr.gif');	}
li.youtube a	{	background-image: url('../../images/youtube.gif');height: 24px;	}

.prodBorder
{
	border: double 3px #92775C;
}

.searchbutton
{
	vertical-align:top;
	width:50px;
	background:#002A44 url(../../images/bg-btn.gif) repeat-x scroll center bottom;
	border:medium none;
	color:#FFFFFF;
	cursor:pointer;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.1em;
	font-weight:bold;
	padding:0 5px 5px;
}
.searchtext
{	
	vertical-align:top;
	float:left;
	text-align:left;
	width:80px;
}

.button
{
	background:#002A44 url(../../images/bg-btn.gif) repeat-x scroll center bottom;
	border:medium none;
	color:#FFFFFF;
	cursor:pointer;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.3em;
	font-weight:bold;
	height:1.8em;
	padding:0 5px 5px;
	height: 30px;
	margin:5px;
}

.not-active		{ display:block; width:20px; text-align:center; background-color:#842059; color:#fff; margin:2px; }
.not-active a:hover { text-decoration:underline; font-weight:bold; color: #fff;}
.give-margin		{ height:80px;}


/*  ==================================
    Grid view----------------*/
.aspGridView		{ font-size:10px; background-color:#ccc; }


/* ======================= Sections on the main image ======================*/

/* ============= Voucher validation ==============*/

.valid		{ font-weight:bold; color: Green; padding:2px; font-size:12px; }
.invalid	{ font-weight:bold; color: Red; padding:2px; font-size:12px; }
.redeemed	{ font-weight:bold; color: Green; padding:2px; font-size:12px; }

.banner-inner
{		
		width: 350px;

		height: auto;

		float: none;

		position: absolute;

		top: 350px;
		
		left:345px;

		right: 0;

		padding: 20px;

		margin: 0 0 35px 0;

		color: #fff;

		background: url(../../images/bg_black70trans.png);

		z-index:10;
}
*html .banner-inner {left:0px;}

.ynh    { float:right; width:300px; font-size:x-small; padding:5px; text-align:right; }
.ynh a  {font-size:10px;}
.copyrights { float:left; width:400px; padding:5px; text-align:left; }
.contactus  {float:right; width:350px; }

/*Sign up*/
.signup            { border-left:dotted 1px #ccc; width:450px; float:left; background:url("../images/signup.gif") no-repeat; background-position:left top; padding-top:80px; }

/*Login*/

.login              { width:350px; float:left; margin:0 50 50 50; background:url("../images/login.gif") no-repeat;  padding-top:80px; }

/*Shopping cart*/

.shopping-cart      { width:100%; float:left; padding:5px; margin:50px 0 0 30px;}

.panel				{ width: 350px; float:left; padding-left:20px }
.panel-right		{ width: 350px; float:left; border-right:dotted 1px #ccc; }

ul.progress-bar		{ float:left; padding:5px; width:100%; margin:10 0 10 0; }
ul.progress-bar li	{ display:inline; width: 100px; text-align:center; padding:10 55 20 20; line-height:15px; font-weight:bold; } 
*html ul.progress-bar li	{ display:inline; width: 100px; text-align:center; padding:10 15 10 0; line-height:15px; font-weight:bold; } 

.progress-not-selected { border:1px solid #999999; color:#999999; float:left; margin:5px; font-weight:normal; text-align:center;}
.progress-selected { float:left; background-color:#339933; border-bottom-color:#339933; border-left-color-ltr-source:physical; border-left-color-rtl-source:physical; border-left-color-value:#339933; border-right-color-ltr-source:physical; border-right-color-rtl-source:physical; border-right-color-value:#339933; border-top-color:#339933; color:#FFFFFF; }
.last-not-selected { border:1px solid #999999; color:#999999; float:left; font-weight:normal; margin:5px; padding:5px 5px; text-align:center;}
.last-selected { float:left; background-color:#339933; border-bottom-color:#339933; border-left-color-ltr-source:physical; border-left-color-rtl-source:physical; border-left-color-value:#339933; border-right-color-ltr-source:physical; border-right-color-rtl-source:physical; border-right-color-value:#339933; border-top-color:#339933; color:#FFFFFF; }

.text			{ font-size:10px; padding-left:5px; line-height:1.8em; }

.messagewindow		{ height:300px; margin:200px 0 0 150px; padding:10px; font-size:12px; }
.messagewindow img	{ padding:10px; float:left; }

.terms p			{padding:5px 5px 0 10px; line-height:1.2em; font-size:12px; }

.marketing					{ width:972px; height:120px; top:30px; bottom:10px; color:#333; float:left; background-color:#fff; }
.marketing p				{ line-height:2em; }
.bigbold					{ font-size:medium; font-weight:bold; color:Black; }
.small						{ font-size:xx-small; width:auto; padding:12px; }
.medium						{ font-size:small; width:auto; padding:12px; }
.big						{ font-size:large; width:auto; padding:12px; }
.marketing a				{ color:#000; width:auto; padding:12px; }
.marketing a:hover			{ text-decoration:underline; }

#shoppingbag				{ color:#000; padding:5px; border:5px solid #ccc; background-color:#fff; position:absolute; top:80px; }

#banner { 
			width:100%;
			height:500px;
			float:left;
			margin:0px;
			padding:0px;
}

#banner_gallery { 
			width:100%;
			background:#CCC;
			height:400px;
			float:left;
			padding:0px;
			margin:0px;
}

#simplegallery1 { border:0; z-index:0;}

.container      { width:235px; margin-right:3px; float:left; }

.container-withborders
{
    width:170px;
    height:321px;
    border-right:1px dotted #840259;
    overflow:hidden;
    float:left;
    margin-bottom:20px;
    padding:0 35px;
}
.container-withborders img
{
}
.container-withborders .title
{
    line-height:20px;
    margin-bottom:10px;
    font-size:14px;
    font-weight:bold;
    color:#840259;
}
.container-withborders p
{
    line-height:15px;
    font-size:10px;
}

dt
{
    font-size:2em;
    font-weight:bold;
    padding:10px;
}

dd
{
    line-height:2em;
}
.question
{
    font-weight:bold;
}
.answer
{
    margin-bottom:10px;
}
.answer .question a
{
    display:block;
}
.basket-bottom p{line-height:30px;}
.basket-bottom .row .col-1{text-align:right;width:65%;padding:10px;float:left;}
.basket-bottom .row .col-2{width:25%;padding:10px;float:left;padding-left:30px;}
.basket-bottom .button-row .col{width:30%; padding:10px;float:left;}