/* ******************************************* */
/*                   HEADER                    */
/* ******************************************* */

body,html{
	margin:0;
	padding:0;
	height:100%;
	background-color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#444;
	background-image:url(../Images/body_bg_loop_2011.jpg);
	background-repeat:repeat-x;
}
#siteWrapper{
	margin:0 auto;
	padding:0;
	width:992px;
	text-align:center;
}
#headerWrapper{
	width:964px;
	height:123px;
	margin:0 auto;
	text-align:left;
}
#topText{
	height:33px;
	width:964px;
	color:#fff;
	padding-top:4px;
	font-size:11px;
}
#topWords{
	float:left;	
	width:480px;
}
#flagsContainer{
	width:480px;
	float:right;
	text-align:right;
}
.countryChoice img{
	position:relative;
	top:-2px;
}
#logoFrame{
	float:left;
	width:330px;
	height:81px;
}
#headerRight{
	float:right;
	width:634px;
}
#topLinks{
	width:634px;
	height:36px;
	padding:8px 0 0 0;
	text-align:right;
	font-size:15px;
	font-weight:bold;
}
#topLinks ul{
	padding:0;
	margin:0;
	list-style:none;
	width:100%;
}
#topLinks ul li{
	padding:0;
	margin:0;
	list-style:none;
	float:right;
}
#topLinks ul li a{
	display:block;
	padding:0 10px 0 10px;
	border-left:1px solid #fff;
	color:#fff;
	text-decoration:none;
}
#topLinks ul li a:hover{
	text-decoration:underline;
}
#checkoutFrame{
	float:right;
	width:315px;
	height:37px;
	background-image:url(../Images/Boxes/checkout_box_2011.png);
	behavior: url(iepngfix.htc);
	background-repeat:no-repeat;
}
#checkoutButtons{
	float:left;
	padding-left:6px;
	padding-top:6px;
}
#checkoutText{
	float:right;
	text-align:right;
	padding-right:6px;
	padding-top:11px;
}

/* ******************************************* */
/*                 MAIN MENU                   */
/* ******************************************* */

#navFrame{
	width:964px;
	height:86px;
	padding:2px 14px 0 14px;
	background-image:url(../Images/Nav/nav_bg.png);
	behavior:url(iepngfix.htc);
	background-repeat:no-repeat;
	margin:0 auto;
}
#mainMenu{
	float:left;
	width:750px;
	height:86px;
	position:relative;
}
#mainMenu ul{
	margin:0;
	padding:0;
	list-style:none;
}
#mainMenu ul li.inactiveLink{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	line-height:15px;
}
#mainMenu ul li.inactiveLink a{
	display:inline-block;
	height:37px;
	padding:15px 22px 0 20px;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	color:#fff;
	background-image:url(../Images/Nav/nav_divide.png);
	behavior:url(iepngfix.htc);
	background-repeat:no-repeat;
	background-position:100% 17px;
}
#mainMenu ul li.inactiveLink a span{
	color:#fff;
	font-size:11px;
	font-weight:normal;
}
#mainMenu ul li.activeLink{
	margin:0 5px 0 5px;
	padding:0;
	list-style:none;
	float:left;
	background-image:url(../Images/Nav/nav_active_bg.png);
	behavior:url(iepngfix.htc);
	background-repeat:no-repeat;
	line-height:15px;
}
#mainMenu ul li.activeLink a{
	display:inline-block;
	height:37px;
	padding:15px 19px 0 10px;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	color:#000;
	background-image:url(../Images/Nav/nav_active_bg_end.png);
	behavior:url(iepngfix.htc);
	background-repeat:no-repeat;
	background-position:right;
	position:relative;
	left:9px;
}
#mainMenu ul li.activeLink a span{
	color:#777;
	font-size:11px;
	font-weight:normal;
}

/* ******************************************* */
/*                  SUB MENU                   */
/* ******************************************* */
.homeCatLink a{
	font-family: Arial;
	font-size: 14px;
  	color: #777;
  	font-weight: bold;	
}
.homeCatLink{
	height: 34px;
	vertical-align: top;
}
.homeCatLinkSelected a{
	font-family: Arial;
	font-size: 14px;
  	color: #000;
  	font-weight: bold;	
}
.homeCatLinkSelected{
	height: 34px;
	vertical-align: top;
}

#mainMenu ul li.activeLink ul{
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	left:0;
	top:52px;
	width:960px;
}
#mainMenu ul li.inactiveLink ul{
	display:none;
}
#mainMenu ul li.activeLink ul li{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	background:none;
}
#mainMenu ul li.activeLink ul li a{
	display:inline-block;
	height:24px;
	padding:10px 12px 0 12px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	background:none;
}
#mainMenu ul li.activeLink ul li.inactiveSubLink a{
	color:#777;	
}
#mainMenu ul li.activeLink ul li.activeSubLink a{
	color:#000;	
}

/* ******************************************* */
/*                 SEARCH FORM                 */
/* ******************************************* */

#searchFrame{
	float:right;
	width:214px;
	padding:15px 0 0 0;
	position: relative;
}
#searchform{
	position:relative;
	width:206px;
}
#searchform input[type=text]{
	border:none;
	display:block;
	font-size:12px;
	height:20px;
	padding:8px 30px 0 10px !important;
	margin:0;
	width:166px;
	background:url(../images/Nav/input_bg.png) no-repeat left top;
	color:#777;
}
#searchsubmit{
	border:none;
	background:url(../images/Nav/input_search_button.png) no-repeat left top;
	cursor:pointer;
	height:24px;
	position:absolute;
	right:5px;
	top:2px;
	width:24px;
}

/* ******************************************* */
/*                   CONTENT                   */
/* ******************************************* */

#contentWrapper{
	width:964px;
	background-image:url(../Images/Boxes/content_box_loop.png);
	behavior: url(iepngfix.htc);
	background-repeat:no-repeat;
	padding:0 14px;
	text-align:left;
}
.homeBanner ul{
	margin:0;
	padding:0;
}
.homeBanner{
	width:964px;
	height:200px;
	position:relative;
}
#bannerWraparound{
	position:absolute;
	left:-15px;
	top:153px;
	background-image:url(../Images/banner_wraparound_bg.png);
	behavior: url(iepngfix.htc);
	background-repeat:no-repeat;
	width:450px;
	height:35px;
	padding:9px 0 0 20px;
}
#bannerWraparound h1{
	font-size:14px;
	font-weight:bold;
	color:#000;
	margin:0;
	padding:0;
}
.contentPadding{
	width:924px;
	padding:20px 20px;
	background-color:#fff;
}
.offersBox{
	width:964px;
	height:39px;
	padding:0 0 16px 0;
	background-image:url(../Images/Boxes/offers_bg.jpg);
	background-repeat:no-repeat;
	font-size:14px;
	color:#fff;
	text-align:center;
}
.offersBox ul{
	list-style:none;
	margin:0;
	padding:0;
}
.offersBox ul li{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:308px;
	height:39px;
	text-align:center;
}
.offersBox ul li a{
	text-decoration:none;
	color:#fff;
}
.offersBox ul li a:hover{
	text-decoration:underline;
	color:#fff;
}
.offersBox span{
	position:relative;
	top:-15px;
}

/* ******************************************* */
/*                   FOOTER                    */
/* ******************************************* */
#contentFooterTop{
	background-image:url(../Images/Boxes/content_box_footer_top.png);
	behavior: url(iepngfix.htc);
	background-repeat:no-repeat;
	width:992px;
	height:10px;
}
#contentFooterLinks{background-color:#000000;color:#ffffff;text-align:left;font-size:11px;padding:20px 0;width:960px;margin:0 0 0 18px;min-height:120px;position:relative;border-bottom:1px dotted #333333;}
* html #contentFooterLinks {height:144px;} /* for Internet Explorer */
#contentFooterLinks a{color:#ffffff;}
#contentFooterLinks a:hover{color:#ffffff;text-decoration:underline;}
#contentFooterLinks h3{color:#ffffff;font-weight:bold;font-size:16px;padding:0;margin:0;border:0;}
#contentFooterLinks h4{padding:12px 0 4px 0;color:#981b17;font-size:12px;}
/*
#contentFooterLinks{
	text-align:left;
	background-image:url(../Images/Boxes/content_box_footer_loop.png);
	behavior: url(iepngfix.htc);
	background-repeat:repeat-y;
	font-size:11px;
	padding:10px 34px 0 34px;
	width:924px;
	min-height:120px;
	position:relative;
}
/* for Internet Explorer */
/*\*//*
* html #contentFooterLinks {
	height:144px;
}
#contentFooterLinks a{
	color:#444;
}
#contentFooterLinks a:hover{
	color:#000;
}
#contentFooterLinks h3{
	text-shadow:1px 2px 0px #fff;
	font-weight:bold;
	font-size:16px;
	padding-bottom:0;
	padding-top:0;
	margin:0;
	border:0;
}
#contentFooterLinks h4{
	text-shadow:1px 2px 0px #fff;
	padding-top:12px;
	padding-bottom:4px;
	color:#981b17;
	font-size:12px;
}*/
#contentFooterLinks p{
	padding:0;
}
#contentFooterLinks ul{
	list-style:none;
	padding:0;
	margin:0;
	line-height:16px;
}
#contentFooterLinks ul li{
	padding:0;
	margin:0;
}
#contentFooterLinks .backToTop a{
	font-size:10px;
	color:#fff;
	text-decoration:none;
	display:block;
	text-align:right;
	padding:0 10px 0 0;
	width:50px;
	height:10px;
	background-color:#850000;
	background-image:url(../Images/Icons/back_to_top.png);
	behavior: url(iepngfix.htc);
	background-repeat:no-repeat;
	background-position:center;
	position:absolute;
	top:-10px;
	right:34px;
}
#contentFooterLinks .backToTop a:hover{
	background-color:#000;
	color:#fff;
	text-decoration:none;
}
#contentFooter{
	padding:22px 14px 22px 14px;
	width:964px;
	/*background-image:url(../Images/Boxes/content_box_footer_2011.png);
	behavior: url(iepngfix.htc);
	background-repeat:no-repeat;
	background-position:top;*/
	color:#fff;
}
#contentFooter a{
	color:#fff;
}

/* ******************************************* */
/*               PRODUCT LISTINGS              */
/* ******************************************* */

.productRow{
	width:924px;
	padding:0 0 25px 0;
}
.productHolder{
	width:221px;
	padding:0 5px 0 5px;
	float:left;
	text-align:center;
}
.productImage{
	width:221px;
	text-align:center;
}
.productImage img{
	width:221px;
	height:auto;
}
.productCaption{
	width:211px;
	padding:8px 5px 10px 5px;
	text-align:center;
	text-transform:capitalize;
}

.moreProducts{
	text-align:center;
}


/* ******************************************* */
/*               PRODUCT DETAIL                */
/* ******************************************* */

#prodImage{
	float:left;
	width:572px;
	border:5px solid #eee;
	text-align:center;
	padding:20px 0;
}
#prodImage img{
	width:413px;
	height:auto;
}
#prodInfo{
	float:right;
	width:322px;
}
#prodInfoOptions{
	width:322px;
	padding:20px 0;
}
.prodOptionLabel{
	float:left;
	width:100px;
	font-weight:bold;
	padding:5px 0 0 0;
	color:#000;
}
.prodOption{
	float:right;
	width:202px;
	padding:2px 0;
}
.prodOption select{
	width:202px;
}
.prodPrice{
	font-size:20px;
	font-weight:bold;
	color:#850000;
	float:left;
	width:194px;
	padding:28px 0 8px 0;
}
.prodPrice .freeDelivery{
	font-size:11px;
	font-weight:bold;
}
.prodPrice .changeCurrrency{
	font-size:11px;
	font-weight:normal;
	font-style:italic;
}
.prodAddToCart{
	float:right;
	width:108px;
	padding:36px 0 8px 0;
}
.prodInfoGreyBox{
	background-color:#e9e9e9;
	border:1px solid #d5d5d5;
	/*-- right rounded corner --*/
	-moz-border-radius-topright:5px;
	-khtml-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	-khtml-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	/*-- left rounded corner --*/	
	-moz-border-radius-topleft:5px;
	-khtml-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-khtml-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	width:300px;
	padding:10px;
	margin:0 0 15px 0;
}
.rateTitle{
	float:left;
	font-size:12px;
	font-weight:normal;
	color:#850000;
	width:109px;
	padding:1px 0 0 0;
}
.rateStars{
	float:left;
	width:100px;
}
.rateCount{
	float:right;
	color:#777;
	font-size:11px;
	width:91px;
	text-align:right;
	padding:2px 0 0 0;
}
ul.prodInfoHelp{
	font-size:12px;
	list-style:none;
	padding:0;
	margin:0;
}
ul.prodInfoHelp li{
	list-style:none;
	padding:0;
	margin:0;
	float:left;
	width:98px;
	text-align:center;
}
.prodInfoGreyBoxTitle{
	font-size:11px;
	color:#000;
	font-weight:normal;
	padding:0 0 8px 0;
}
ul.prodInfoTags{
	margin:0;
	padding:0;
	list-style:none;
	font-size:10px;
}
ul.prodInfoTags li{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
ul.prodInfoTags li a{
	display:block;
	padding:0 8px 0 0;
}

/* ADVERTS */

.adBoxLarge{
	width:744px;
	margin-bottom:15px;
	background-repeat:no-repeat;
	width:744px; 
	height:254px; 
}
.adBoxLeft{
	width:186px;
	padding-top:5px;
}

/*Jan sale*/
#saleSearch{
	width:924px;
	margin-top:135px;
	float:left;
	text-align:left;
	margin-left:45px;

}
.saleStyle{
	width:158px;
	font-size:14px;
	position:relative;
	top:9px;
		font-family:arial,sans-serif;
}
.saleSize{
	margin-left:15px;
	width:157px;
	font-size:14px;
	position:relative;
	top:9px;
	font-family:arial,sans-serif;
}
.saleColour{
	margin-left:15px;
	width:158px;
	font-size:14px;
	position:relative;
	top:9px;
	font-family:arial,sans-serif;
}
.saleSearchButton{
	position:relative;
	top:14px;
	padding-right:14px;
}
.numberOfProducts{
	color:#FFFFFF;
	font-weight:bold;
	width:167px;
	position:relative;
	top:8px;
	font-size:16px;
	margin-left:50px;
}

/* ******************************************* */
/*                   COMMON                    */
/* ******************************************* */

a img {
	border:none;
}
a{
	text-decoration:none;
	color:#850000;
	outline:none;
}
a:hover{
	text-decoration:underline;
	color:#c9241e;
}

.clearBoth{
	clear: both;
	font-size:0px;
	line-height:0px;
	height:0px;
}
.floatLeft{
	float:left;
}
.floatRight{
	float:right;
}
ol{
	margin-top:10px;
	margin-bottom:0;
}
ul{
	margin-top:10px;
	margin-bottom:10px;
	margin-left:20px;
	padding-left:0;
}
li{
	padding-bottom:5px;
}
.bold{
	font-weight:bold;
}
hr{
	border-bottom:1px dotted #850000;
	border-top:0 #850000;
	border-right:0;
	border-left:0;
	color:#850000;
	height:1px;
}
h1 a, h2 a, h3 a, h4 a{
	text-decoration:none;	
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover{
	text-decoration:none;
	color:#c9241e;
}
h1 {
	font-weight:bold;
	font-size:14px;
	padding-bottom:3px;
	padding-top:8px;
	margin:0;
	color:#000;
}
h2 {
	font-weight:bold;
	font-size:18px;
	padding-bottom:4px;
	padding-top:8px;
	margin:0 0 20px 0;
	color:#850000;
	width:100%;
	border-bottom:1px dotted #850000;
		text-transform:capitalize;
}
h2.homeCat{
	font-weight:bold;
	font-size:18px;
	padding-bottom:4px;
	padding-top:0px;
	margin:10px 0 10px 0;
	color:#850000;
	width:847px;
	border-bottom:1px dotted #850000;
	float:left;
}
h3.h2style {
	font-weight:bold;
	font-size:18px;
	padding-bottom:4px;
	padding-top:8px;
	margin:0 0 20px 0;
	color:#850000;
	width:100%;
	border-bottom:1px dotted #850000;
		text-transform:capitalize;
}
h3.h2noborder {
	font-weight:bold;
	font-size:18px;
	padding-bottom:4px;
	padding-top:8px;
	margin:0 0 20px 0;
	color:#850000;
	width:100%;
}
h3 {
	font-weight:bold;
	font-size:14px;
	padding-bottom:8px;
	padding-top:8px;
	margin:0;
	color:#000;
}
h4 {
	font-weight:bold;
	font-size:12px;
	padding-bottom:8px;
	padding-top:8px;
	margin:0;
	color:#000;
}
p { 
	padding-top:8px;
	padding-bottom:8px;
	margin:0;
	line-height:20px;
}
.white{
	color:#fff;
}
.white a{
	color:#fff;
}
.grey{
	color:#666;
}
.red{
	color:#850000;	
}
input[type='text'] {
	background-image:url(../Images/input_gradient.jpg);
	background-repeat:repeat-x;
}
input[type='password'] {
	background-image:url(../Images/input_gradient.jpg);
	background-repeat:repeat-x;
}
.italic{
	font-style:italic;
}
.imageTrans{
	behavior: url(iepngfix.htc);
}
form{
	padding:0;
	margin:0;
}



/* HR FOR BROWSE BOX */
div.hrdark, div.hrlight {display: none}
div.hrdark, div.hrlight, div.hrmed {
  display: block;
  height: 2px;
  background-repeat: no-repeat;
  background-position: center center;
  padding:5px 0;
}
div.hrdark {background-image: url(../Images/Boxes/browse_box_darkhr.gif);}
div.hrmed {background-image: url(../Images/Boxes/browse_box_medhr.gif);}
div.hrlight {background-image: url(../Images/Boxes/browse_box_lighthr.gif);}
hr.solid{border-bottom:0;border-top:1px solid;color:#fff;height:1px;display:none;}






/* contact us rules */
.contactus p {
	position: relative;
	left: 150px;
	top: -15px;
	margin: 0px;
}
#contactLeft{
	float:left;
	width:420px;
	margin-top:32px;
}
#contactRight{
	float:Right;
	width:162px;
	margin-top:8px;	
}
/* end of contact us rules */

/* general styles rules */
.centered {
	text-align: center;
}
.boldred{
	font-weight:bold;
	color:#9D0000;
}
/*end general styles rules*/

/*vertical form*/

div.vfrow {
  clear: both;
  padding-top: 5px;
  }

div.vfrow span.vflabel80 {
  float: left;
  text-align: right;
  width: 80px;
  padding-right: 10px;
  }
div.vfrow span.vflabel120 {
  float: left;
  text-align: right;
  width: 120px;
  padding-right: 10px;
  }

div.vfrow span.vfformw {
  text-align: left;
  } 

/* end vertical form */

/* specific page styles*/
#maincontent .presscoverage_left{
	float: left;
	width: 155px;
	color: #9D0000;
	font-weight: bold;
}
#maincontent .presscoverage_right{
	float: right;
	width: 155px;
}
#maincontent .central {
	width: 330px;
	margin: 10px auto 30px auto;
	clear: both;
	text-align: center;
}
#maincontent .central p{
	margin: 0
}

/* Add to cart dialog */
#addToCartLeft{
	float: left;
	width: 136px;
	text-align:center;
}
#addToCartRight{
	float: right;
	width: 136px;
	text-align:center;
}
#addToCartContent{
	text-align:center;	
}

/* Side Tabs */
#faceb_tab, #twit_tab, #rss_tab, #mail_tab {right:-5px;height:32px;width:40px;margin:0;padding:0;position:fixed;z-index:5000;}
#faceb_tab a, #twit_tab a, #rss_tab a, #mail_tab a {display:block;width:100%;height:100%;}
#faceb_tab a:hover, #twit_tab a:hover, #rss_tab a:hover, #mail_tab a:hover {right:0;height:32px;width:40px;margin:0;padding:0;position:fixed;z-index:5000;}

#faceb_tab{top:135px;}
#twit_tab{top:175px;}
#rss_tab{top:215px;}
#mail_tab{top:255px;}


/* Ideas */
.ideaContainer{width:301px; float:left; margin-bottom: 18px; margin-right:7px;}
.ideaHeader{width:301px; height:7px; padding:0; margin:0; background-image: url(../images/boxes/idea_header.jpg); background-repeat: none;}
.ideaLoop{width:301px; height:170px; padding:0; margin:0; background-image: url(../images/boxes/idea_loop.jpg); background-repeat: repeat-y;}
.ideaFooter{width:301px; height:8px; padding:0; margin:0; background-image: url(../images/boxes/idea_footer.jpg); background-repeat: none;}
.ideaText{width:271px; height:115px; padding:0; margin:0 0 0 18px; font-weight: bold; font-size: 14px;}
.ideaButtons{margin:5px 0 0 18px;}
.ideaButtons a:hover{text-decoration: none;}

/* Cloud 
#ideaHeader{width:924px; height:7px; padding:0; margin:0; background-image: url(../images/boxes/cloudheader.jpg); background-repeat: none;}
#ideaLoop{width:924px; padding:0; margin:0; background-image: url(../images/boxes/cloudloop.jpg); background-repeat: repeat-y;}
#ideaFooter{width:924px; height:7px; padding:0; margin:0; background-image: url(../images/boxes/cloudfooter.jpg); background-repeat: none;}*/
#cloudContainer{width: 450px; float: right; text-align: left;}
	.cloudxxLarge
	{
		font-size: 24px;
		color: black;
		text-decoration: none;
	}
	.cloudxLarge
	{
		font-size: 21px;
		color: black;
		text-decoration: none;
	}
	.cloudLarge
	{
		font-size: 18px;
		color: black;
		text-decoration: none;
	}
	.cloudMedium
	{
		font-size: 16px;
		color: black;
		text-decoration: none;
	}
	.cloudSmall
	{
		font-size: 14px;
		color: black;
		text-decoration: none;
	}
	.cloudxSmall
	{
		font-size: 11px;
		color: black;
		text-decoration: none;
	}
	.cloudxxSmall
	{
		font-size: 9px;
		color: black;
		text-decoration: none;
	}    
	
	/* show more */
	.load_more 
	{
		width: 915px;
		height: 25px;

	}
	
	/* ORDER TRACKING */
	.systemPosition{
		background-image:url(../Images/arrow_light.jpg);
		height: 20px;
		width: 80px;
		float: left;
		font-size: 11px;
	}
	.systemPosition span{
		position: relative;
		top: 3px;
		padding-left: 10px;
	}
	.selectedPosition{
		background-image:url(../Images/arrow_dark.jpg);
		height: 20px;
		width: 80px;
		float: left;
		font-size: 11px;
	}
	.selectedPosition span{
		position: relative;
		top: 3px;
		padding-left: 10px;
	}
	.systemPositionLarge{
		background-image:url(../Images/arrow_light_long.jpg);
		height: 20px;
		width: 123px;
		float: left;
		font-size: 11px;
	}
	.systemPositionLarge span{
		position: relative;
		top: 3px;
		padding-left: 10px;
	}
	.selectedPositionLarge{
		background-image:url(../Images/arrow_dark_long.jpg);
		height: 20px;
		width: 123px;
		float: left;
		font-size: 11px;
	}
	.selectedPositionLarge span{
		position: relative;
		top: 3px;
		padding-left: 10px;
	}

.seeMore{
	font-weight:bold;
	font-size:18px;
	padding-bottom:4px;
	padding-top:0px;
	margin:2px 1px 10px 0;
	color:#850000;
	width:75px;
	border-bottom:1px dotted #850000;
	float:right;
}

