/* 
gill.css
Kevin McGill
14/04/2004

*/

/*
The page is split into 3 parts: header, main and footer
Styles for overall page positioning
*/
html, body { height: 100%; background: #000000 url(/images_dev/v3/header_bg.jpg) top left repeat-x; }
body { float: left; width:100%; font-family:Arial, Tahoma, sans-serif; font-style : normal; margin:0px 0px 0px 0px; }
/*
Styles for the page header (including drop-down menus)
*/
.header { width:100%; vertical-align:baseline;}
div.headerContent {  width:880px; vertical-align:baseline;}
div.headerContent span.left { float: left; text-align: left; width: 166px; }
div.headerContent span.right { float: right; text-align: right; width: 257px; }
div.headerContent img.catalogue { width:257px; height:63px;  border:0px dashed #666666; }
div.headerContentWide {  width:100%; vertical-align:baseline;}
div.headerContentWide span.left { float: left; text-align: left; width: 167px; }
div.headerContentWide span.right { float: right; text-align: right; width: 244px; padding-right:30px; }
div.headerContentWide img.catalogue { width:244px; height:52px;  border:0px dashed #666666; }
ul.headerMenu { float: left; text-align: left;  width:880px; vertical-align:baseline; list-style-type: none; padding: 0; margin: 0;}
ul.headerMenu li { float: left; width: 50px; display: block; height: 25px; padding: 0; margin: 0; border: 0; border-right: 1px solid #C6C5C4; }
ul.headerMenu li a { display: block; width: 50px; height: 25px; text-indent: -999em; }
ul.headerMenu li#menu_home { width: 58px; }
ul.headerMenu li#menu_about { width: 86px; }
ul.headerMenu li#menu_wear { width: 108px; }
ul.headerMenu li#menu_product { width: 116px; }
ul.headerMenu li#menu_retail { width: 115px; }
ul.headerMenu li#menu_news { width: 49px; }
ul.headerMenu li#menu_specials { width: 102px; }
ul.headerMenu li#menu_partnerships { width: 162px; }
ul.headerMenu li#menu_contact { width: 66px; border: 0; }
ul.headerMenu li#menu_home a { background: #000000 url(/images_dev/v3/menu_home.png) top left no-repeat; width: 58px; }
ul.headerMenu li#menu_about a { background: #000000 url(/images_dev/v3/menu_about.png) top left no-repeat; width: 86px; }
ul.headerMenu li#menu_wear a { background: #000000 url(/images_dev/v3/menu_wear.png) top left no-repeat; width: 108px; }
ul.headerMenu li#menu_product a { background: #000000 url(/images_dev/v3/menu_product.png) top left no-repeat; width: 116px; }
ul.headerMenu li#menu_retail a { background: #000000 url(/images_dev/v3/menu_retail.png) top left no-repeat; width: 115px; }
ul.headerMenu li#menu_news a { background: #000000 url(/images_dev/v3/menu_news.png) top left no-repeat; width: 49px; }
ul.headerMenu li#menu_specials a { background: #000000 url(/images_dev/v3/menu_specials.png) top left no-repeat; width: 102px; }
ul.headerMenu li#menu_partnerships a { background: #000000 url(/images_dev/v3/menu_partnerships.png) top left no-repeat; width: 162px; }
ul.headerMenu li#menu_contact a { background: #000000 url(/images_dev/v3/menu_contact.png) top left no-repeat; width: 66px; }
ul.headerMenu li a:hover { background-position: 0px -25px !important; }
body#home ul.headerMenu li#menu_home a { background-position: 0px -50px; }
body#about ul.headerMenu li#menu_about a { background-position: 0px -50px; }
body#wear ul.headerMenu li#menu_wear a { background-position: 0px -50px; }
body#product ul.headerMenu li#menu_product a { background-position: 0px -50px; }
body#retail ul.headerMenu li#menu_retail a { background-position: 0px -50px; }
body#news ul.headerMenu li#menu_news a { background-position: 0px -50px; }
body#specials ul.headerMenu li#menu_specials a { background-position: 0px -50px; }
body#partnerships ul.headerMenu li#menu_partnerships a { background-position: 0px -50px; }
body#contact ul.headerMenu li#menu_contact a { background-position: 0px -50px; }
/*
body#home ul.headerMenu li#menu_home a:hover { background-position: 0px -50px; }
body#about ul.headerMenu li#menu_about a:hover { background-position: 0px -50px; }
body#wear ul.headerMenu li#menu_wear a:hover { background-position: 0px -50px; }
body#product ul.headerMenu li#menu_product a:hover { background-position: 0px -50px; }
body#retail ul.headerMenu li#menu_retail a:hover { background-position: 0px -50px; }
body#news ul.headerMenu li#menu_news a:hover { background-position: 0px -50px; }
body#specials ul.headerMenu li#menu_specials a:hover { background-position: 0px -50px; }
body#contact ul.headerMenu li#menu_contact a:hover { background-position: 0px -50px; }
*/
p.dropDown { font-family : Arial,Tahoma, Verdana; font-size:11px; color:#212121; background-color:#CCCCCC; padding: 4px 20px 4px 20px; margin: 0; border:0; }
a.dropDown:link{ text-decoration: none; color: #212121; }
a.dropDown:visited{ text-decoration: none; color: #212121; }
a.dropDown:hover{ text-decoration: underline; color: #FFFFFF; }
a.dropDown:active{ text-decoration: none; color: #212121; }
img.menu { background-color: #212121; border:0px; }
/*
Styles for the main section of the page (also include once-off styles for the home page)
*/
.main { background-color:#FFFFFF; width:100%; }
td.homeContentImage { text-align: left; width:100%; height:238px; }
td.homeContent { text-align: left; width:770px; }
td.mainNav { background-color:#FFFFFF; text-align: left; width:160px; }
td.mainContent { background-color:#FFFFFF; text-align: left; width:590px; }
td.mainContentNarrow { background-color:#FFFFFF; text-align: left; width:375px; }
td.mainContentPics { background-color:#FFFFFF; text-align: left; width:215px;}
td.head { font-weight:bold; color: #666666; padding:0; margin:0; border:0; }


div.homeContent { width:770px; background-color:#FFFFFF; padding: 0px 0px 0px 20px; text-align:left; font-size:11px; line-height:18px; color:#000000; }
div.homeContent span.hdg { font-size:16px; line-height: 20px; font-weight:bold; color: #666666; }
div.homeContent span.smhdg { font-size:12px; line-height: 20px; font-weight:bold; text-decoration : none; color : #212121; }
div.homeContent span.new { font-size:12px; }
div.homeContent a { font-size:10px; text-decoration : underline; color:#5F5F5F; font-weight:bold; }
div.homeContent a:Hover { font-size:10px; text-decoration : none; color:#5F5F5F; font-weight:bold; }
div.homeContent a.productCat { font-size:12px; text-decoration : none; color:#666666; font-weight:normal;}
div.homeContent a.productCat:Hover { font-size:12px; text-decoration : underline; color:#666666; font-weight:normal;}
div.homeContent img.productCat { width:80px; height:50px; background-color: #FFFFFF; border:0; }
div.homeContent img.productCatNew { width:100px; height:130px; background-color: #FFFFFF; border:0; }
div.homeContent img.whatsNew { width:50px; height:60px; background-color: #FFFFFF; border:0; padding-right:5px;}
div.homeContent img.whatsNewNew { width:80px; height:70px; background-color: #FFFFFF; border:0; padding-right:5px;}
div.homeContent img.whatsNewNew2 { width:160px; background-color: #FFFFFF; border:0; }
div.homeContentImage { height:238px; width:100%; white-space: nowrap; padding-top:0px; padding-bottom:0px; text-align:left; }
div.homeContentImage img { float: left; }
div.homeContentImage div { padding: 15px 25px 0px 25px; margin-left: 641px; }
div.homeContentImage div div.box { width: 240px; height: 190px; border: 2px solid #CCCCCC; background-color: #000000; margin: 0; text-align: right; padding: 5px 0px 5px 20px; }
div.homeContentImage div div.box img { float: none; }
/*use for slideshow*/
/*div.homeContentImage div div.box img { width: 240px; height: 179px; border: 2px solid #CCCCCC; background-color: #000000; }
div.homeContentImage div div.box { width: 244px; height: 204px; margin: 0; padding: 0; clear: none; }
div.homeContentImage div div.box ul.selector { list-style-type: none; margin: 0; padding: 0; clear: none; }
div.homeContentImage div ul.selector li { float: left; width: 20px; height: 12px; clear: none; margin-top: 10px; }
div.homeContentImage div ul.selector li a { background: transparent url(/images_dev/v3/slideshow_off.jpg) top left no-repeat; width: 12px; height: 12px; display: block; text-indent: -999em; }
div.homeContentImage div ul.selector li a.current { background: transparent url(/images_dev/v3/slideshow_on.jpg) top left no-repeat; }*/
div.mainNav { background-color:#FFFFFF; padding-left:20px; padding-top:20px; text-align: left; font-weight:bold; font-size:12px; line-height:18px; color:#666666; }
div.mainNav a { text-decoration : none; color : #666666; }
div.mainNav a:Hover { text-decoration : none; color : #A7B8C7; }
div.mainNav a.active { font-weight:bold; font-size:12px; color:#BF2311;}
div.mainNav a.active:Hover { text-decoration : none;}
div.mainNav span.active { color:#BF2311; }
div.mainNav span.hdg { color : #666666; }
div.mainContent { background-color:#FFFFFF; padding-top:10px; padding-bottom:10px; text-align:left; font-size:12px; line-height:18px; color:#000000; }
div.mainContent a { text-decoration : underline; color:#5F5F5F; font-weight:bold; }
div.mainContent a:Hover { text-decoration : none; color:#5F5F5F; font-weight:bold; }
div.mainContent a.catName { text-decoration : none; color : #666666; }
div.mainContent a.catName:Hover { text-decoration : none; color : #A7B8C7; }
div.mainContent address { font-style:normal; }
div.mainContent img.catThumb { width:70px; height:80px; background-color: #FFFFFF; border:0px dashed #FFFFFF; }
div.mainContent img.prodLarge { width:200px; height:auto; background-color: #FFFFFF; border:0px dashed #FFFFFF; }
div.mainContent img.prodDot { width:128px; height:46px; background-color: #FFFFFF; border:0px dashed #FFFFFF; }
div.mainContent img.prodFeature { width:70px; height:40px; background-color: #FFFFFF; border:0px dashed #FFFFFF; }
div.mainContent span.catThumb { text-align:center; }
div.mainContent span.product { color:#5F5F5F; font-weight:bold; }
div.mainContent span.discontinued { color:#666666; font-weight:bold; font-size: 16px; }
div.mainContent span.price { color:maroon; font-weight:normal; font-size: 16px; }
div.mainContent span.date { color:#5F5F5F; font-weight:bold; font-size:10px; }
div.mainContent span.hdg { font-size:14px; line-height: 20px; font-weight:bold; color : #666666;}
div.mainContent span.hdgActive { font-size:14px; line-height: 20px; font-weight:bold; color:#BF2311;}
div.mainContent span.subhdg { font-size:12px; line-height: 16px; font-weight:bold; }
div.mainContent span.catDesc { color:#5F5F5F; font-weight:bold; font-size:10px; text-align:left; line-height:14px; }
div.mainContentDisco { background-color:#FFFFFF; padding-top:20px; padding-bottom:10px; text-align:left; font-size:12px; line-height:18px; color:#000000; }
div.mainContentDisco span.hdg { font-size:14px; line-height: 20px; font-weight:bold; color : #666666;}
div.mainContentDisco span.hdgActive { font-size:14px; line-height: 20px; font-weight:bold; color:#BF2311;}
div.mainContentNarrow { background-color:#FFFFFF; padding:20px 0px 0px 0px; text-align:left; font-size:12px; line-height:18px; color:#000000; }
div.mainContentNarrow span.hdg { font-size:14px; line-height: 20px; font-weight:bold; color : #666666;}
div.mainContentNarrow span.hdgActive { font-size:14px; line-height: 20px; font-weight:bold; color:#BF2311;}
div.mainContentNarrow a { text-decoration : underline; color:#5F5F5F; font-weight:bold; }
div.mainContentNarrow a:Hover { text-decoration : none; color:#5F5F5F; font-weight:bold; }
div.mainContentNarrow a.catName { text-decoration : none; color : #666666; }
div.mainContentNarrow a.catName:Hover { text-decoration : none; color : #A7B8C7; }
div.mainContentPics { background-color:#FFFFFF; padding:20px 0px 0px 15px; }
div.mainContentPics img { background-color: #FFFFFF; }
div.mainContentPics span.caption { color:#5F5F5F; font-weight:bold; font-size:10px; text-align:left; }
div.mainContentPics a { text-decoration : underline; color:#5F5F5F; font-weight:bold; font-size:11px; line-height: 18px; text-align: center;}
div.mainContentPics a:Hover { text-decoration : none; color:#5F5F5F; font-weight:bold; font-size:11px; line-height: 18px; text-align: center;}
div.mainContentShort { background-color:#FFFFFF; padding:20px 0px 0px 0px; text-align:left; font-size:12px; line-height:18px; color:#000000; }
div.mainContentShort a { text-decoration : underline; color:#5F5F5F; font-weight:bold; }
div.mainContentShort a:Hover { text-decoration : none; color:#5F5F5F; font-weight:bold; }
div.mainContentShort a.catName { text-decoration : none; color : #666666; }
div.mainContentShort a.catName:Hover { text-decoration : none; color : #A7B8C7; }
div.mainContentShort address { font-style:normal; }
div.mainContentShort img.catThumb { width:70px; height:80px; background-color: #FFFFFF; border:0px dashed #FFFFFF; }
div.mainContentShort img.prodLarge { width:200px; height:auto; background-color: #FFFFFF; border:0px dashed #FFFFFF; }
.price { color: #BF2311; }
/*new products*/
div.mainContentShort div.productCell { }
div.mainContentShort img.prodLargeNew { border: none; width:300px; background-color: #FFFFFF; }
div.mainContentShort img.prodLargeThumbNew { line-height: 0; margin: 7px 0px 16px 0px; width:94px; background-color: #FFFFFF; border:1px solid #000000; }
/*
div.mainContentShort a.productImage {
	border: 0px;
	text-decoration: none;
	color: #ffffff;
}
*/
/*end*/

div.mainContentShort img.prodDot { background-color: #FFFFFF; border:0px dashed #FFFFFF; }
div.mainContentShort img.prodFeature { width:70px; height:40px; background-color: #FFFFFF; border:0px dashed #FFFFFF; }
div.mainContentShort span.catThumb { text-align:center; }
div.mainContentShort span.product { color:#5F5F5F; font-weight:bold; }
div.mainContentShort span.date { color:#5F5F5F; font-weight:bold; font-size:10px; }
div.mainContentShort span.hdg { font-size:14px; line-height: 20px; font-weight:bold; color : #666666;}
div.mainContentShort span.hdgActive { font-size:14px; line-height: 20px; font-weight:bold; color:#BF2311;}
div.mainContentShort span.subhdg { font-size:12px; line-height: 16px; font-weight:bold; }
div.mainContentShort span.catDesc { color:#5F5F5F; font-weight:bold; font-size:10px; text-align:left; line-height:14px; }
/*
Styles for the footer section of the page
*/
.footer {  width:100%; }
div.footerContent { width:770px; }
div.footerContent span.left { float: left; text-align: left; padding-left:10px; padding-top:10px; font-family : Arial, Tahoma, Verdana; font-size:11px; color:#FFFFFF; line-height: 24px; height: 24px; padding-bottom: 20px;}
a.footer { text-decoration : none; color : #FFFFFF; }
a.footer:Hover {text-decoration : underline; color : #FFFFFF;}
/*
Styles for the CMS section of the site
*/
.wwt { font-size:10px; line-height: 15px; color:#000000;}

br.clear { clear: both; }

/*
temporary
*/
/*
#layer1 { position: absolute; top: 137px; left: 1px; visibility: hidden; text-align: left; }
#layer2 { position: absolute; top: 137px; left: 60px; visibility: hidden; text-align: left; }
#layer3 { position: absolute; top: 137px; left: 146px; visibility: hidden; text-align: left; }
#layer4 { position: absolute; top: 137px; left: 255px; visibility: hidden; text-align: left; }
#layer5 { position: absolute; top: 137px; left: 372px; visibility: hidden; text-align: left; }
#layer6 { position: absolute; top: 137px; left: 488px; visibility: hidden; text-align: left; }
#layer7 { position: absolute; top: 137px; left: 540px; visibility: hidden; text-align: left; }
#layer8 { position: absolute; top: 137px; left: 607px; visibility: hidden; text-align: left; }
*/