/* CSS Stylesheet for a new CS2.0 Ecommerce Project */

/* ------------------------------------------------------------------------------ */
/* Global Layout */

html, body {
	height: 100%;
	margin: 0px;
	text-align: center;
}

table#store-grid {
	background: #FFF;
	width: 945px;
	text-align:center;
	padding-top:20px;
}

td#masthead {
	height: 80px;
	width: 945px;
	padding-top:20px;
}

.main{
width:100%;
overflow:hidden;
background:#ffffff;
background:#ffffff url(assets/mainbg.png?v=3) repeat-y top center;
border-width:0px 0px 1px 0px;
border-style:solid;
border-color:#c0c0c0;
}

div#flash-logo { height: 59px; width: 234px; margin: 0px 0px 0px 0px; float:left }
div#call-us { height: 38px; width: 180px; margin: 0px 0px 0px 0px; float:right }

div#basket { height: 59px; width: 234px; margin: 0px 0px 0px 10px; }

td#sub-header {
	height: 20px;
	width: 945px;
}

td#column-a {
	width: 245px;
	text-align: left;
	vertical-align: top;
	padding: 0px ;
}

td#column-b {
	width: 700px;
	text-align: left;
	vertical-align: top;
	padding-left:10px;
}

td#footer {
	height: 50px;
	width: 945px;
	text-align: center;
	vertical-align: middle;
	padding-bottom:20px;
}

div#footer-container { width: 945px; height: 30px; background: #FFF; margin-top: 220px;  }

img.with-border { border: 1px solid #666666; }

/* ------------------------------------------------------------------------------ */
/* Common Controls */

.Instructions {
	font-family: "Georgia", Times New Roman, Times, serif;
	font-size: 8pt;
	color: #000;
	font-weight: normal;
	font-style: normal;
}

/* ------------------------------------------------------------------------------ */
/* General Font Styles */

h1,h2,h3,h4,h5,h6 { font-family: 'helvetica neue', helvetica, Arial, sans-serif; font-weight: bold; }
h1 { font-size: 20px; display:inline ; margin-bottom:20px;}
h2 { border-bottom: 1px solid #ddd; margin: 1em 0; line-height: 3; text-transform: uppercase; font-size: 11px; color:#444444; }
h3 { font-size: 16px; display:inline; line-height:170%; }
.date {font-style: italic; color: #aaa; margin: 0; font-size:13px;}
#aside h3 {	font-size: 1.167em; margin: 10px 0 0 0; }
#awards h3 { text-transform: uppercase; font-size: 12px;}

.aside-blog { margin: 0 0 2em 0;}
div#sectorsContainer {width:690px; height:160px;}
div#sectors {list-style:none; float:left; margin-right:10px; margin-bottom:10px; text-align:center; background:#efefef; width:162px; height:330px; border:1px solid #e6e6e6}
div#sectors-end {list-style:none; float:left; margin-right:0px; margin-bottom:10px; text-align:center; background:#efefef; width:162px; height:330px; border:1px solid #e6e6e6}
h2.sectors  { border-bottom: 1px solid #ddd; margin: 0; line-height: 3; text-transform: uppercase; font-size: 11px; color:#444444; text-decoration:none;  }
.sectors img{ border:6px #efefef solid; margin-bottom:0px;}
.sectors img:Hover{border:6px #8cc63f solid; color:#FFFFFF}
div#latest-case-studies img { float:left; margin-right:10px;}
table#footer tr td div.date {font-style: italic; color: #aaa; margin: 0; font-size:11px;}

a.lab { font-family: 'helvetica neue', helvetica, Arial, sans-serif; font-weight: bold;  font-size: 12px; display:inline; line-height:170%; color:#666666;}
a.lab:hover { font-family: 'helvetica neue', helvetica, Arial, sans-serif; font-weight: bold;  font-size: 12px; display:inline; line-height:170%;}

div#sectorsContainer-lab {width:690px; height:160px;}
div#sectors-lab {list-style:none; float:left; margin-right:10px; margin-bottom:10px; text-align:center; background:#efefef; width:165px; height:350px;}
div#sectors-end-lab {list-style:none; float:left; margin-right:0px; margin-bottom:10px; text-align:center; background:#efefef; width:165px; height:350px;}
h2.sectors  { border-bottom: 1px solid #ddd; margin: 0; line-height: 3; text-transform: uppercase; font-size: 11px; color:#444444; text-decoration:none;  }
.sectors-lab img{ border:7px #efefef solid; margin-bottom:0px;}
.sectors-lab img:Hover{border:7px #8cc63f solid; color:#FFFFFF}
div#latest-case-studies img { float:left; margin-right:10px;}

#nav { width:690px; float: left;}
#nav a {margin-right:0px;}
ul#nav-list { margin: 0px; padding: 0px; list-style: none; }
ul#nav-list div#logo { float:left; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; list-style:none; }
ul#nav-list div#logolast { float:left; border-bottom: 1px solid #ddd; list-style:none; }
ul#nav-list div#logo2 { float:left; border-right: 1px solid #ddd; list-style:none; }
ul#nav-list div#logo3 { float:left; border-right: 1px solid #ddd; border-top: 1px solid #ddd; list-style:none; }

a.logo-tcsh { float:left; display: block; width: 137px; height: 137px; background: url("/layout/logo-tcsh.jpg") 0 0 no-repeat; }
a:hover.logo-tcsh{ background-position: -137px 0;} 
a.logo-biketrek { float:left; display: block; width: 137px; height: 137px; background: url("/layout/logo-biketrek.jpg") 0 0 no-repeat; }
a:hover.logo-biketrek{ background-position: -137px 0; } 
a.logo-wp { float:left; display: block; width: 137px; height: 137px; background: url("/layout/logo-wp.jpg") 0 0 no-repeat; }
a:hover.logo-wp{ background-position: -137px 0; }
a.logo-mi { float:left; display: block; width: 137px; height: 137px; background: url("/layout/logo-mi.jpg") 0 0 no-repeat; }
a:hover.logo-mi{ background-position: -137px 0; } 
a.logo-fawks { float:left; display: block; width: 137px; height: 137px; background: url("/layout/logo-fawks.jpg") 0 0 no-repeat; }
a:hover.logo-fawks{ background-position: -137px 0; } 
a.logo-fly { float:left; display: block; width: 137px; height: 137px; background: url("/layout/logo-fly.jpg") 0 0 no-repeat; }
a:hover.logo-fly{ background-position: -137px 0; }
a.logo-saxon { float:left; display: block; width: 137px; height: 137px; background: url("/layout/logo-saxon.jpg") 0 0 no-repeat; }
a:hover.logo-saxon{ background-position: -137px 0; }
a.logo-wbsc { float:left; display: block; width: 137px; height: 137px; background: url("/layout/logo-wbsc.jpg") 0 0 no-repeat; }
a:hover.logo-wbsc{ background-position: -137px 0; }
a.logo-wolves { float:left; display: block; width: 137px; height: 137px; background: url("/layout/logo-wolves.jpg") 0 0 no-repeat; }
a:hover.logo-wolves{ background-position: -137px 0; }
a.logo-surosa { float:left; display: block; width: 137px; height: 137px; background: url("/layout/logo-surosa.jpg") 0 0 no-repeat; }
a:hover.logo-surosa{ background-position: -137px 0; }
a.logo-co { float:left; display: block; width: 137px; height: 137px; background: url("/layout/logo-co.jpg") 0 0 no-repeat; }
a:hover.logo-co{ background-position: -137px 0; }
a.logo-giant { float:left; display: block; width: 137px; height: 137px; background: url("/layout/logo-giant.jpg") 0 0 no-repeat; }
a:hover.logo-giant{ background-position: -137px 0; }
a.logo-oadv { float:left; display: block; width: 137px; height: 137px; background: url("/layout/logo-oadv.jpg") 0 0 no-repeat; }
a:hover.logo-oadv{ background-position: -137px 0; }
a.logo-petit { float:left; display: block; width: 137px; height: 137px; background: url("/layout/logo-petit.jpg") 0 0 no-repeat; }
a:hover.logo-petit{ background-position: -137px 0; }

img.left {float:left; margin-right:20px; margin-bottom:10px;}

p, ul, li {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 10pt;
	font-weight: normal;
	font-style: normal;
	line-height: 150%;
	text-decoration: none;
}

p.small {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 8.5pt;
	font-weight: normal;
	font-style: normal;
	line-height: 150%;
	text-decoration: none;
}

p.shortDes, li.shortDes, ul.shortDes {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 14px;
	line-height:150%;
	color:#777777;
	margin-bottom:10px;
}
p.sectorsDes {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:150%;
	color:#777777;
	margin:10px 10px 10px 10px;
}

a {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	line-height: 14pt;
	color: #8cc242;
	text-decoration:underline;
}

a:hover {
	color: #8cc242;
	text-decoration: none;
}

a.big {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-style: normal;
	font-weight: normal;
	line-height: 18pt;
	color: #8cc242;
}

a.big:hover {
	background-color:#8cc242;
	text-decoration: none;
	color: #FFFFFF;
}

a.a-button {
	font-family: "Georgia", Times New Roman, Times, serif;
	font-size: 8pt;
	color: #FFF;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	text-align: center;
	line-height: 200%;
	display: block;
	width: 106px;
	height: 22px;
	margin-right: 10px;
	background: #FF9900;
	float: left;
}

a.a-button:hover {
	font-family: "Georgia", Times New Roman, Times, serif;
	font-size: 8pt;
	color: #FF9900;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	text-align: center;
	line-height: 200%;
	display: block;
	width: 106px;
	height: 22px;
	margin-right: 10px;
	background: #FFCC00;
	float: left;
}

a.forgot-button {
	font-family: "Georgia", Times New Roman, Times, serif;
	font-size: 8pt;
	color: #FFF;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	text-align: center;
	line-height: 200%;
	display: block;
	width: 200px;
	height: 22px;
	margin-right: 10px;
	background: #FF9900;
	float: left;
}

a.forgot-button:hover {
	font-family: "Georgia", Times New Roman, Times, serif;
	font-size: 8pt;
	color: #FF9900;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	text-align: center;
	line-height: 200%;
	display: block;
	width: 200px;
	height: 22px;
	margin-right: 10px;
	background: #FFCC00;
	float: left;
}

td.ContentTableHeader {
	font-family: "Georgia", Times New Roman, Times, serif;
	font-size: 8.5pt;
	color: #666;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	background: #E7E3D7;
	text-align: left;
	height: 30px;
	text-indent: 2px;
}

tr.alt-row {
	background: #ECE9E6;
}

.Content  {
	font-family: "Georgia", Times New Roman, Times, serif;
	font-size: 8.5pt;
	color: #666;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-align: left;
}

.required {
	font-family: "Georgia", Times New Roman, Times, serif;
	font-size: 8.5pt;
	color: #FF9900;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	text-align: left;
}

/* ------------------------------------------------------------------------------ */
/* Home Specific */

div#hm-content-container {
	width: 690px;
}
div#content-a {
	width: 690px;
}

div#content-a {
	width: 330px;
	float: left;
	padding-right: 20px;
}

div#content-b {
	width: 330px;
	float: left;
}

div#content-c {
	width: 700px;
	float: left;
	padding-right: 10px;
}

/* ------------------------------------------------------------------------------ */
/* New Search Results Layout and Styles */

/* 1. Re-order Buttons */

#reorder-container {
	width: 700px;
	height: 30px;
	float: left;
	clear: both;
}

/* 2. Search Results */

#search-container {
	width: 190px;
	float: left;
}

#search-title {
	width: 680px;
}

#category-description {
	width: 700px;
	margin-bottom: 10px;
}

div.product {
	width: 700px;
	float: left;
	margin-bottom: 10px;
	border-bottom: 1px solid #ddd;
}

div.productimage {
	width: 167px;
	float: left;
	border:  1px solid #cccccc;
}
div.productdetails {
	float: left;
	background: #FFF;
	height: 168px;
	width: 521px;
	margin-bottom:10px;
}

span.ProductListHead {
	width: 521px;
	height: 169px;
	padding-left: 10px;
	padding-top: 10px;
	display: block;
	text-align: left;
	vertical-align: text-top
}


span.ProductListHead {
	width: 521px;
	height: 158px;
	padding-left: 10px;
	padding-top: 10px;
	display: block;
	text-align: left;
	vertical-align: text-top
}

span.ProductListHeadAlt{
	width: 521px;
	height: 158px;
	padding-left: 10px;
	padding-top: 10px;
	display: block;
	text-align: left;
	vertical-align: text-top
}

/* 3. Pagination */

span.search-now {
	width: 230px;
	height: 30px;
	padding-top: 5px;
	color: #FF6600;
	font-size: 8.5pt;
	display: block;
	clear: right;
}

span.search-was {
	display: block;
	clear: right;
}

div.navigation {
	clear: both;
}

/* ------------------------------------------------------------------------------ */
/* Basket Specific */

table#shopping-basket {
	width: 680px;
}



/* ------------------------------------------------------------------------------ */
/* Was, Now Pricing Style */

.now {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #FFF;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	display: block;
	width: 100px;
	height: 25px;
	background: #99CC00;
	line-height: 200%;
	text-indent: 5px;
	float: left;
	margin-right: 5px;
}

.was {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #FFF;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	display: block;
	width: 100px;
	height: 25px;
	background: #006600;
	line-height: 200%;
	text-indent: 5px;
	float: left;
}

div#divCurrency {
	background-color: #ECF9FF;
	padding: 5px;
	height: 20px;
	width: 680;
	border: 1px dashed #006699;
}

span.euronow, span.eurowas, span.usdnow, span.usdwas, span.Swednow, span.Swedwas, span.Nornow, span.Norwas, span.Dannow, span.Danwas {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #362f2d;
	text-decoration: none;
}

/* ------------------------------------------------------------------------------ */
/* Recommended Items ... IN A GRID!!!! */

div#recommended {
	width: 680px;
	height: 150px;
	float: left;
	margin-right: 8px;
	padding: 5px 0px 5px 0px;
	border-bottom:#CCCCCC 1px dashed;
	
}
div#recommended img {
	margin:0px 10px 0px 0px;
}

/* ------------------------------------------------------------------------------ */
/* Save As... Guide */

#nick-name {
	margin: 0px;
	padding: 10px;
	height: 100px;
	width: 250px;
	border: 1px solid #003366;
	display: none;
	position: absolute;
	background: #FFFFFF;
}

#alt-billing {
	margin: 0px;
	padding: 10px;
	height: 100px;
	width: 250px;
	border: 1px solid #003366;
	display:none;
	position:absolute;
	background: #FFFFFF;
}

/* ------------------------------------------------------------------------------ */
/* Customer Reviews */

div#review-header {
	width: 305px;
	height: 95px;
	background: url(/Images/review-bg.jpg);
}

div#review-title {
	position: relative;
	top: 28px;
	left: 10px;
}

div#review-average {
	width: 305px;
	height: 40px;
	border-bottom: 1px solid #c5d8cd;
	margin-bottom: 10px;
}

div#average-text {
	width: 155px;
	height: 25px;
	line-height: 25px;
	float: left;
}

div#average-stars {
	width: 150px;
	height: 25px;
	float: left;
}

div.review {
	width: 305px;
	border-bottom: 1px solid #c5d8cd;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

div.review-details {
	width: 295px;
	position: relative;
	left: 5px;
}

span.review-date {
	font-family: "Georgia", Times New Roman, Times, serif;
	font-size: 8.5pt;
}

div#feedback-header {
	width: 305px;
	height: 95px;
	background: url(/Images/review-bg.jpg);
	margin-bottom: 10px;
}

div#feedback-title {
	position: relative;
	top: 28px;
	left: 10px;
}

div.feedback-name {
	width: 305px;
	height: 40px;
}

div.feedback-comments {
	width: 305px;
	height: 100px;
}

div.feedback-score {
	width: 305px;
	height: 40px;
	margin-bottom: 10px;
	border-bottom: 1px solid #c5d8cd;
}

/* ------------------------------------------------------- */
/* Flyout Navigation */

.TopItemLook { width: 300px; }


.TopGroup
{
	/*background colour & border of main navigation*/
  background-color:#FFF;
}

.Group
{
/* background colour and border of expanded navigation*/
  background-color:#FFF;
  /*border:solid 1px #EBEBEB;*/ 
}

.Item
{
  /*font colour, border of each navigation item.  if you set a 
background for this style then it will overwrite the topgroup and
group background colours*/
  font-family:Arial, Helvetica, sans-serif;
  font-size:9pt; 
  cursor:pointer;
  color:#666666;
  padding:5px;
}


.ItemH
{
  background-color:#7fc242; 
  color:#FFF; 
  font-family:Arial, Helvetica, sans-serif;
  font-size:9pt;  
  cursor:pointer;
  padding:5px;
}


.ItemExp
{
  background-color:#7fc242; 
  color:gray; 
  font-family:Arial, Helvetica, sans-serif;
  font-size:9pt;  
  cursor:pointer;
  padding:5px;
}
/* Site Map Styles */
/* ------------------------------------------ */

.map0  {
	font-family: Tahoma;
	font-size: 12pt;
	font-weight: bold;
	color: #F7941C;
	height: 30px;
	width: 600px;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	border-top: 1px solid #CCCCCC;
}

.map1  {
	font-family: Tahoma;
	font-size: 8pt;
	color: #0071BC;
	height: 20px;
	width: 600px;
	padding: 0px 0px 0px 20px;
}

.map2  {
	font-family: Tahoma;
	font-size: 8pt;
	color: #0071BC;
	height: 20px;
	width: 600px;
	padding: 0px 0px 0px 40px;
}

.map3  {
	font-family: Tahoma;
	font-size: 8pt;
	color: #0071BC;
	height: 20px;
	width: 600px;
	padding: 0px 0px 0px 60px;
}

/* ------------------------------------------ */
/* Blog Content */

table.blog-container { width: 680px; }
div.blog-content { width: 680px; overflow: hidden; border-bottom: 1px solid #666; margin-bottom: 10px; }
span#lblBlog {}
h1.title { color: #0066CC; }

/* ------------------------------------------ */
/* Form Styles */

table.submit-form { background: #fff; }

label.form {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	color: #8cc242;
	font-size: 10pt;
	font-weight: bold;
	font-style: normal;
	line-height: 150%;
	text-decoration: none;
	background: #fff;
	cursor: pointer;
	display: block;
	padding-right: 5px;
	text-indent: 5px;
	width: 370px;
	border-top: 1px solid #EBEBEB;
}

.form {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	color: #8cc242;
	font-size: 10pt;
	font-weight: bold;
	font-style: normal;
	line-height: 150%;
	text-decoration: none;
	background: #fff;
	display: block;
	padding-right: 5px;
	text-indent: 5px;
	width: 370px;
	border-top: 1px solid #EBEBEB;
}

td.field { background: #fff; }

.inputsearch { width: 151px; padding:5px; margin:0px; height:18px; font-size:12px; border:1px solid #c1c1c1; font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif; color: #666; }
.submit { width: 62px; height: 30px; padding: 0px; border: 0px; background:url(/layout/search.jpg) no-repeat top left;}

div#formName {float:left}
div#formSubmit{float:right}

table#footer {font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif; font-size: 8.5pt; color: #666; font-weight: normal; font-style: normal; text-decoration: none; text-align: left; line-height:200%}
table#footer font.footer {font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif; font-size: 8.5pt; color: #666; font-weight: normal; font-style: normal; text-decoration: none; text-align: left; line-height:200%}

table#footer a { font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif; font-size: 8.5pt; color: #8cc242; font-weight: normal; font-style: normal; text-decoration:underline; text-align: left; line-height:200% }
table#footer a:hover { font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif; font-size: 8.5pt; color: #8cc242; font-weight: normal; font-style: normal; text-decoration: none; text-align: left; line-height:200% }
table#footer p { font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif; color: #666; text-decoration: none; line-height: 200%; }
table#footer p.header { font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif; color: #666; text-decoration: none; line-height: 200%; font-weight: bold }

dl { font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif; font-size: 8.5pt; color: #666; font-weight: normal; font-style: normal; text-decoration: none; text-align: left }
dl dt { float: left; padding: 2px 0px 5px 0px; line-height: 130%; font-weight: bold; width: 75px; }
dl dd { margin: 0px; padding: 2px 0px 5px 0px; line-height: 130%; }

div#Resizer{float:left; width:700px; height:450px; border: 1px solid #CCCCCC; margin-bottom:20px; background-color:#f7f7f7} 
div#Resizer-small{float:left; width:700px; height:310px; border: 1px solid #CCCCCC; margin-bottom:20px; background-color:#f7f7f7} 
div#Resizer-small2{float:left; width:700px; height:530px; border: 1px solid #CCCCCC; margin-bottom:20px; background-color:#f7f7f7} 
div#Resizer-padding{ margin:10px;} 
div#DIR { float:left; margin-right:10px; width:500px; height:450px; padding-bottom:20px;}
div#DIR-small { float:left; margin-right:10px; width:250px;}
div#DIR-small-wp-small{ float:left; margin-right:10px; width:250px; border: 1px solid #CCCCCC;}
div#DIR-small-wp-small2{ float:left; margin-right:10px; width:675px; border: 1px solid #CCCCCC;}
div#DIR-text { float:left; width:170px; }
div#DIR-text-small { float:left; width:415px;}
div#DIR-text-small-wp { float:left; width:440px;  }
div#DIR-text-small2 { float:left; width:680px;}

div#new {width:700px; height:178px; display:block; }
div.background {width:700px; height:178px; position:absolute; display:block; }
div.transbox  { width:65px; height:65px; position:relative; display:block; left:610px; top:20px;}