/* CSS Document */

/* Author Ashoor Namrood, Syrox */

body {
	margin:0px; padding:0px; background:url(/Images/background-repeat.gif) repeat-x 50% 0%; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; /* Always define 0px margin and padding, never use the Body tag to specify spaces. Body tags should only be used to specify backgrounds, font-family's (i.e. Arial, Verdana etc), a container class (i.e. line 39, .container) should be used to specify spaces. */
}

h1 {
	margin:0px; padding:0px; font-size:24px; color:#ffffff; /* Always define 0px margin and padding to begin with on heading tags. You can then modify these as you continue building a site. */
}

h1.basketheader {
	color:#ffcc66;
}

h2 {
	margin:0px; padding:0px; /* */
}

h3 {
	margin:0px; padding:0px; /* */
}

h4 {
	margin:0px; padding:0px; /* */
}

h5 {
	margin:0px; padding:0px; /* */
}

h6 {
	margin:0px; padding:0px; /* */
}

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

a:hover {
	color:#cccccc !important;
}

a img {
	border:0px; /* This defines that any images placed inside a <a href> tag or a .NET 2.2 Hyperlink have no default "blue" border that Internet Explorer adds by default */
}

p {
	margin:0px; padding:0px; font-size:11px; line-height:14px; /* Rule: when specifying font-size, line-height should always be roughly 3px more, so, i.e. 11px font-size = 14px line-height. */
}

ul {
	margin:0px; padding:0px;
}

ul li {
	margin:0px; padding:0px; list-style-type:none;
}

.lefthandcentre ul {
	margin:0px 0px 0px 0px; padding:10px 0px 0px 0px;
}

.lefthandcentre ul li {
	margin:0px 0px 0px 10px; padding:0px 0px 5px 10px; list-style-type:none; font-size:13px; font-weight:bold;
}

.lefthandcentre ul li a {
	color:#666666;
}

div.clear {
	clear:both; 
line-height:0px; 
font-size:0px; 
height:0px; 
/*.display:none !important;*/ /* When a CSS class has an auto height (i.e. line 39, .container), it means that it'll grow in height according to the elements inside it. However, due to cross-browser differences, some browsers will not comply with this rule as they dont take into account floated elements so the DIV is 0px in height effectively. 'div.clear' is an "invisible" DIV which enforces this rule. */
}

* html div.clear {
	line-height:0px; 
.line-height:0px; 

}

div.clear {
	.line-height:5px; 

}
/**/

.container {
	width:100%; height:auto; margin:auto; margin-bottom:15px; background:url(/Images/background-centre.gif) no-repeat 50% 0%; /* This is used to centre an element. Some people use text-align:center but that also centers text and you have to specify an inner DIV with a left or right text align which can then get slightly messy. */
}

















.outerheader {
	position:relative; width:975px; height:auto; margin:auto; /* For detailed information on, CSS Positioning go to: http://webdesign.about.com/od/advancedcss/a/aa061307.htm */
}

.header {
	position:relative; width:975px; height:104px; margin:auto; background-color:#ffffff; padding:0px 0px 43px 0px; /* For detailed information on, CSS Positioning go to: http://webdesign.about.com/od/advancedcss/a/aa061307.htm */
}

.header a.logo {
	position:absolute; top:16px; left:32px; z-index:100; /* For detailed information on, CSS Positioning go to: http://webdesign.about.com/od/advancedcss/a/aa061307.htm */
}



.header img.holdingtel {
	position:absolute; bottom:16px; right:16px; z-index:100; /* For detailed information on, CSS Positioning go to: http://webdesign.about.com/od/advancedcss/a/aa061307.htm */
}








.header .basketarea {
	position:absolute; top:10px; right:12px; z-index:100; height:51px; width:228px; background:url(/Images/layout/yourbasketpanel.jpg) 0px 0px no-repeat; /* For detailed information on, CSS Positioning go to: http://webdesign.about.com/od/advancedcss/a/aa061307.htm */
}

.header .basketarea a {
	height:21px; width:163px; color:#ffffff; padding:25px 5px 5px 60px; display:block;
}

.header .basketarea a span {
	padding:0px 10px 0px 0px; display:block; float:left; cursor:pointer;
}

.header .basketarea a span.right {
	padding:0px 0px 0px 0px; width:100px;
}

.header .basketarea a:hover {
	color:#999999 !important;
}








.header .searcharea {
	position:absolute; bottom:34px; right:12px; min-height:20px; height:auto !important; height:20px; width:235px; padding-top:4px;
}

.header .searcharea .borderarea {
	position:absolute; top:0px; right:0px; min-height:18px; height:auto !important; height:18px; width:170px; border:1px solid #cccccc;
}

.header .searcharea .borderarea input.searctextbox{
	font-size:11px; color:#666666; border:1px solid #ffffff; height:14px; width:130px; padding:1px 1px 1px 1px; .padding:0px 1px 0px 1px; margin:0px !important; font-family:Arial, Helvetica, sans-serif;
}

.header .searcharea .borderarea a.gobutton {
	position:absolute; top:2px; right:5px;
}

.header .searcharea .borderarea a.gobutton:hover img {
	filter:alpha(opacity=65);-moz-opacity:.65;opacity:.65;
}






.toplevelnav {
	width:783px; min-height:20px; height:auto !important; height:20px; margin:auto; padding:0px 0px 0px 0px; position:absolute; bottom:34px; left:172px;
}

.toplevelnav ul {
	margin:0px !important; padding:0px !important;
}

.toplevelnav ul li {
	margin:0px !important; padding:0px 10px 0px 8px !important; list-style-type:none; float:left; background:url(/Images/layout/toplevelnav.gif) no-repeat 100% 0px;
}

.toplevelnav ul li.lastlink {
	background:none; padding:0px 10px 0px 10px;
}

.toplevelnav a {
	color:#6699FF; font-size:14px; font-weight:bold;
}

.toplevelnav a:hover img {
	filter:alpha(opacity=65);-moz-opacity:.65;opacity:.65;
}




.toplevelsubnav {
	width:783px; min-height:30px; height:auto !important; height:30px; margin:auto; padding:0px 0px 0px 0px; position:absolute; bottom:0px; left:170px;
}

.toplevelsubnav ul {
	margin:0px !important; padding:0px !important;
}

.toplevelsubnav ul li {
	margin:0px !important; padding:0px 11px 0px 10px !important; list-style-type:none; float:left; background:url(/Images/layout/topnavline.gif) no-repeat 100% 2px;
}

.toplevelsubnav ul li.lastlink {
	background:none; padding:0px 10px 0px 10px;
}

.toplevelsubnav a {
	color:#6699FF; font-size:14px; font-weight:bold;
}

























.content {
	width:975px; height:auto; margin:auto; background-color:#FFFFFF;
}

.mainareacontent {
	width:955px; height:auto; margin:auto; 
}

.mainareacontent#homepagebgnone {
	background:none !important;
}

.innercontent {
	width:955px; min-height:200px; height:auto !important; height:200px; margin:auto; /*background:url(/Images/layout/innercontent.gif) repeat-x 0px 0px;*/ padding:0px 0px 5px 0px; background:url(/Images/layout/innergradient.gif) repeat-x 0px 0px #FFFFFF;
}






.leftnav {
	width:205px; min-height:200px; height:auto !important; height:200px; margin:auto; float:left; padding:40px 5px 10px 10px; position:relative;
}

.leftnav h1 {
	font-size:24px; color:#3333cc; position:absolute; top:0px; left:10px; line-height:24px; /* Always define 0px margin and padding to begin with on heading tags. You can then modify these as you continue building a site. */
}


.lefthandnav {
	width:220px; min-height:200px; height:auto !important; height:200px; margin:auto; float:left; position:relative; padding:10px 0px 0px 0px; background:url(/Images/layout/lefthandnavtop.gif) 0px 0px no-repeat #cedefc;
}

.lefthandnav#nobackground {
	background:url(/Images/layout/innercontent.gif) 0px 0px no-repeat; padding:20px 0px 0px 0px;
}

.lefthandnav .lefthandcentre {
	width:205px; min-height:200px; height:auto !important; height:200px; margin:auto; float:left; position:relative; padding:0px 5px 0px 10px; background:url(/Images/layout/lefthandnavcentre.gif) 0% 0% repeat-y #cedefc;
}

.lefthandnav#nobackground .lefthandcentre {
	background:none;
}

.lefthandnav .lefthandfooter {
	width:220px; min-height:200px; height:auto !important; height:200px; margin:auto; float:left; position:relative; padding:0px 0px 10px 0px; background:url(/Images/layout/lefthandnavfooter.gif) 0% 100% no-repeat #cedefc;
}

.lefthandnav#nobackground .lefthandfooter {
	background:none;
}

.lefthandnav {
}














.contentarea {
	width:735px; height:auto; margin:auto; float:right; padding:16px 0px 0px 0px; background:url(/Images/layout/innercontentshrt.gif) repeat-x 0px 0px;
}

.contentarea#contentnobg {
	background:url(/Images/layout/innercontent.gif) 100% 0px no-repeat; padding-top:24px;
}

.contentarea .innerarea {
	width:720px; height:auto; margin:auto; float:right; padding:0px 0px 10px 15px; background:url(/Images/layout/innercontentshrtrpty.gif) repeat-y 0px 0px; position:relative;
}


.contentarea .innerarea p {
	font-size:12px;
}


.contentarea#contentnobg .innerarea {
	width:725px; padding:0px 0px 10px 10px; 
}






.contentarea .innerarea .main-content-area {
	width:710px; min-height:500px; height:auto !important; height:500px; margin:auto; padding:0px 0px 0px 0px; 
}







.brandsfooter {
	width:866px; min-height:124px; height:auto !important; height:124px; padding:0px 89px 0px 0px; margin:auto; background:url(/Images/layout/brandsfooter.gif) repeat-x 0px 0px #999999; /* */
}

.brandsfooter img.brandsheader {
	float:left; padding:16px 43px 10px 18px;
}

.brandsfooter a.jointheclub img {
	padding:16px 43px 10px 18px;
}

.brandsfooter a.jointheclub {
	float:right; 
}

.brandsfooter .brandsfootercolumn {
	width:144px; min-height:91px; height:auto !important; height:91px; float:left; padding:23px 8px 8px 8px; /* */
}

.brandsfooter .brandsfootercolumn ul {
	margin:0px; padding:0px;
}

.brandsfooter .brandsfootercolumn ul li {
	margin:0px 0px 3px 0px; padding:0px; list-style-type:none;
}

.brandsfooter .brandsfootercolumn a {
	color:#ffffff; font-weight:bold; font-size:11px;
}

.brandsfooter .brandsfootercolumn a:hover {
	color:#cccccc;
}

/*.brandsfooter {
	width:955px; min-height:124px; height:auto !important; height:124px; margin:auto; background:url(/Images/layout/brandsfooter.gif) repeat-x 0px 0px #999999;  
}*/

.paymenticons {
	width:951px; height:auto; margin:auto; padding:2px 2px 2px 2px; border-bottom:1px solid #cccccc; position:relative; /* */
}

.footer {
	width:955px; min-height:27px; height:auto !important; height:27px; margin:auto; background-color:#FFFFFF; padding:0px 10px 0px 10px; /*position:relative;*/
}

.footer ul {
	margin:0px !important; padding:0px; padding-top:5px; padding-left:5px; float:left;
}

.footer a {
	font-size:11px;
}

.footer ul li {
	margin:0px !important; padding:0px 5px 0px 4px; list-style-type:none; float:left; background:url(/Images/layout/footerline.gif) no-repeat 100% 3px; color:#666666;
}

.footer ul li.firstlink {
	padding:0px 5px 0px 0px;
}

.footer ul li.lastlink {
	background:none; padding:0px 0px 0px 4px;
}

.footer p {
	float:right; color:#666666; float:right; padding-top:6px; padding-right:5px;
}


ul.social-networking-links { bottom:15px;
position:absolute;
right:0px; z-index:0; }

ul.social-networking-links li { float:right; padding:0px 0px 0px 10px; display:block; width:135px; font-size:11px; color:#666666; }

ul.social-networking-links li a { color:#666666; display:block; height:16px; width:auto; line-height:16px; }

ul.social-networking-links li a:hover { color:#333333; }

ul.social-networking-links li img.link-button { float:left; margin:0px 5px 0px 0px; }