/* 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; text-align:left;}
ul,li					{ list-style-type:none;}
a						{ text-decoration:none; color:#005785; font-size: 11px;}
a:hover					{ text-decoration:underline; color:#000000; }


/* 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: #005785 url("Images/bg_sky.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; }

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

#footer					{ width:974px; height:68px; bottom:10px; float:left; border-top:2px #005785 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; }
.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; height:400px; 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				{ height:346px; 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; }

#signup		{ width:38%; border-left: black 1px solid; padding:5px; margin:2px; float:right; text-align:left; }

/* Form */

#form                   { width:100px; margin:40px; height:auto;}
.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:center; 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; }
.errortext				{ color:#FF6600; font-size:10px; padding:1px; }


/* 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*/

.pagination             { width:auto; float:right; }
.pagination ul          { list-style-type:none; }
.pagination ul li       { float:left; margin:2px; }

/* 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: #005785 !important;
    color: #ffffff !important;
}
.productprice
{
	margin-top:10px;
	display:block;
	background-color:#005785;
	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 #005785;
}

.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;
}

.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;}