﻿html{height: 101%; font-family: Arial; font-size: 12px; /*65.7%;*/}
body{background-color: #336699; font-size: 10px; color: #FFF;}

*{margin: 0px; padding: 0px;}

.clear{width: 100%; clear: both; height: 1px;}

#underlay{position: absolute; z-index: 0;}
#underlay fieldset{display: none;}

#wrapper{width: 972px; margin: 0 auto; border: 0px solid #000; z-index: 3; position: relative}


#headerMain{width: 972px; height: 143px; background-color: transparent; background-image: url(../images/backgrounds/header.png); background-repeat: no-repeat; margin-bottom: 25px;}

/*MENU*/
    .menu_seperator{
	    background:#a0a0a0;
	    background:#F9AB00;
	    background: transparent;
	    height:36px;
	    text-align:center;
	    z-index:100px;
	    width: 965px;
	}
	.menu_seperator_container{
		/*background:url(../images/menu_back.jpg) top left repeat-x;*/
		/*border-right:10px solid #888888;*/
		/*border-left:10px solid #888888;*/
		height:36px;
		margin:0px auto;
		text-align:left;
		width:900px;
		}

    .menu_bar{
	}
    .menu_bar ul{
	    height:36px;
	    list-style:none;
	    margin:0;
	    padding:0;
	}
	.menu_bar li{
		float:left;
		/*width:9em;*/
		/*padding: 0 10px;*/
		}
	/*.menu_bar li ul{margin-left: -5px;}*/
	.menu_bar li a{
		color:#cccccc;
		color: #000;
		display:block;
		line-height:36px;
		font-size:12px;
		letter-spacing: 1px;
		text-align:center;
		text-decoration:none;
		font-weight: bold;
		}
    .menu_bar li a span{color: #000;}
	.menu_bar li a:hover{
			/*background:url(../images/menu_hover.jpg) top left repeat-x;*/
			color:#000000;
			color: #FFF;
			}
	.menu_bar li ul{
		background:#515151;
		background:#F9AB00;
		display:none;
		height:auto;
		/*filter:alpha(opacity=95);
		opacity:0.95;*/
		position:absolute;
		width:225px;
		z-index:2000;
		/*top:1em;
		/*left:0;*/
		margin-left: 12px;
		}
    .menu_bar li ul#nexttolast{
		width:184px !important;
		margin-left: -18px;
		}
	.menu_bar li ul#last{
		width:109px !important;
		}
	.menu_bar li:hover ul{
		display:block;
		}
	.menu_bar li li {
		display:block;
		float:none;
		width:225px;
		padding: 0px;
		}
	li.nexttolast {
		width:125px !important;
		width:184px !important;
    }
	li.last {
		width:125px !important;
		width:109px !important;
    }
	.menu_bar li ul a{
		display:block;
		font-size:12px;
		font-style:normal;
		height:20px; /*30*/
		line-height:15px; /*30*/
		padding:5px 10px 5px 15px;
		text-align:left;
		}
		.menu_bar li ul a:hover{
			background:#949494;
			background:#F9AB00;
			color:#000000;
			color: #FFF;
			opacity:1.0;
			filter:alpha(opacity=100);
			}
	.menu_bar p{
		clear:left;
		}
	.menu_bar #menutitle a{
		background:#000000;
		font-weight:bold;
		color:#FFF;
		height:20px;
		line-height:20px;
		}
	.menu_bar #menutitle a:hover{
		background:#000000;
		font-weight:bold;
		color:#FFF;
	}
	
/*
#content{width: 100%; /background-color: #FFF;/ /min-height: 1050px;/ height: auto; border-bottom: 1px dotted #666;}
*/

/*GENERAL*/
#content{color: #000;}
#content-wrapper{width: 900px; font-size: 12px; min-height: 250px;}

/*FOOTER*/
#footer{width: 100%; height: 150px;}
div#footer-column-wrapper{width: 720px; margin: 0 auto;}
#footer p{width: 150px; /*height: 150px;*/ float:left; margin-right: 10px; display: block;}
#footer p ul{list-style: none;  list-style: none outside none;}

div.footer_column {
    float:left;
    height:150px;
    margin-top:30px;
    /*padding-left:12px;*/
    /*width:228px;*/
    width: 180px;
    font-size: 10px;
}

div.footer_text{display: block; width: 450px; margin-right: 20px; float: left; height: 100px;}
div.footer_text #left{margin-right: 40px;}

/*HOME PAGE*/
#intro-text{width: 100%; height: 50px; text-align: center; color: #FFF;}
#intro-panels{width: 960px; height: 550px; margin: 0 auto; border: 0px solid #FF0000;}
.intro-panel{width: 272px; float: left; height: 521px; border: 0px solid #C0C0C0; margin-right: 0px; position: absolute;}
.intro-panel p{position: relative; cursor: pointer;}
            
#panel1{z-index: 10;}
#panel2{z-index: 11; margin-left: 173px;}
#panel3{z-index: 12; margin-left: 346px;}
#panel4{z-index: 13; margin-left: 519px;}
#panel5{z-index: 14; margin-left: 692px;}
           
.panelttl{margin-left:10px; margin-top: -15px;}
.pwrap{position: relative;}

/*SECTION INTRO PAGE*/
#pnl_product-index-top
,#pnl_product-detail-top
,div#search_results-top{height: 75px; width: 972px; background-image: url(../images/backgrounds/product-white-background-top.png); background-position: left top; background-repeat: no-repeat; padding-top: 15px; padding-left: 30px; }

#pnl_product-index-top a
,#search_results-top a{color: #000;}

#pnl_product-index
,#pnl_product-detail
,div#search_results{width: 972px; background-image: url(../images/backgrounds/product-white-background-middle.png); background-position: left;background-repeat: repeat-y; padding-left: 30px; }

#pnl_product-index-bottom
,#pnl_product-detail-bottom
,div#search_results-bottom{height: 50px; width: 972px; background-image: url(../images/backgrounds/product-white-background-bottom.png); background-position: left bottom; background-repeat: no-repeat;}

#pnl_product-index-top-left{width: 418px; float: left; height: 56px; color: #000;}
#pnl_product-index-top-right{width: /*492px*/512px; float: left; height: 65px; color: #000;}
#pnl_product-index-top-full{width: 900px; float: left; height: 56px; color: #000;}
ul#productIndexSubCategories{height: 43px; list-style: none outside none; margin: 0; padding: 0; background-color: Transparent; padding-top: 13px;}
ul#productIndexSubCategories li{float: left;}

#product-index-left{width: 660px; float: left; height: 600px;}
#product-index-right{width: 300px; float: left; height: 550px;}
#product-index-right-pager{height: 50px; width: 300px; float: left;}
#productIndexDescription{width: 600px; height: 250px; margin-top: 24px;}


/*Page Category titles / subcategories*/


/*ul#productIndexSubCategories li{width: 75px;}*/

li.liSubCategories{/*font-size: 0px;*/ padding: 0px; cursor: pointer; height: 40px; margin-right: 20px;}
li.liSubCategories a{font-size: 0px !important; padding: 40px; color: transparent !important;}
li.liSubCategories a:link, li.liSubCategories a:visited{font-size: 0px !important;}

    /*Waterproofs*/
        div.pageTitleCategory_Waterproofs
        ,ul.pageTitleCategory_Waterproofs li{background-image: url(../images/titles/category_waterproofs.png); background-repeat: no-repeat;}
        
        ul.pageTitleCategory_Waterproofs li#liSubCategory_Waterproof-Jackets{background-position: -415px -70px; width: 88px;}
        li#liSubCategory_Waterproof-Insulated-Jackets{background-position: -517px -70px; width: 123px;}
        li#liSubCategory_3-in-1-Jackets{background-position: -715px -70px; width: 50px;}
        ul.pageTitleCategory_Waterproofs li#liSubCategory_Overtrousers{background-position: -826px -70px; width: 98px;}    

        ul.pageTitleCategory_Waterproofs li#liSubCategory_Waterproof-Jackets:hover
        ,ul.pageTitleCategory_Waterproofs li#liSubCategory_Waterproof-Jackets_selected{background-position: -415px -14px; width: 88px;}
        li#liSubCategory_Waterproof-Insulated-Jackets:hover,li#liSubCategory_Waterproof-Insulated-Jackets_selected{background-position: -517px -14px; width: 123px;}
        li#liSubCategory_3-in-1-Jackets:hover,li#liSubCategory_3-in-1-Jackets_selected{background-position: -715px -14px; width: 50px;}
        ul.pageTitleCategory_Waterproofs li#liSubCategory_Overtrousers:hover
        ,ul.pageTitleCategory_Waterproofs li#liSubCategory_Overtrousers_selected{background-position: -826px -14px; width: 98px;}    

    /*Legwear*/   
        div.pageTitleCategory_Legwear
        ,ul.pageTitleCategory_Legwear li{background-image: url(../images/titles/category_legwear.png); background-repeat: no-repeat;}
        
        ul.pageTitleCategory_Legwear li#liSubCategory_Overtrousers{background-position: -415px -70px; width: 97px;}
        ul.pageTitleCategory_Legwear li#liSubCategory_Overtrousers:hover
        ,ul.pageTitleCategory_Legwear li#liSubCategory_Overtrousers_selected{background-position: -415px -14px; width: 97px;}
        
        ul.pageTitleCategory_Legwear li#liSubCategory_Trousers-and-Shorts{background-position: -523px -70px; width: 141px;}
        ul.pageTitleCategory_Legwear li#liSubCategory_Trousers-and-Shorts:hover
        ,ul.pageTitleCategory_Legwear li#liSubCategory_Trousers-and-Shorts_selected{background-position: -523px -14px; width: 141px;}
        
        

    /*Fleece*/     
        div.pageTitleCategory_Fleece
        ,ul.pageTitleCategory_Fleece li{background-image: url(../images/titles/category_fleece.png); background-repeat: no-repeat;}
        
        ul.pageTitleCategory_Fleece li#liSubCategory_Fleece
        ,ul.pageTitleCategory_Fleece li#liSubCategory_Fleece_selected{display: none;}

    /*Softshell*/ 
        div.pageTitleCategory_Softshell
        ,ul.pageTitleCategory_Softshell li{background-image: url(../images/titles/category_softshell.png); background-repeat: no-repeat;}
        
        ul.pageTitleCategory_Softshell li#liSubCategory_Softshell
        ,ul.pageTitleCategory_Softshell li#liSubCategory_Softshell_selected{display: none;}

    /*Bodywarmers*/ 
        div.pageTitleCategory_Bodywarmers
        ,ul.pageTitleCategory_Bodywarmers li{background-image: url(../images/titles/category_bodywarmers.png); background-repeat: no-repeat;}

    /*Workwear*/ 
        div.pageTitleCategory_Workwear
        ,ul.pageTitleCategory_Workwear li{background-image: url(../images/titles/category_workwear.png); background-repeat: no-repeat;}

    /*Hi-Vis*/ 
        div.pageTitleCategory_Hi-Vis
        ,ul.pageTitleCategory_Hi-Vis li{background-image: url(../images/titles/category_hi-vis.png); background-repeat: no-repeat;}

    /*Outdoor-Schoolwear*/ 
        div.pageTitleCategory_Outdoor-Schoolwear
        ,ul.pageTitleCategory_Outdoor-Schoolwear li{background-image: url(../images/titles/category_outdoor-schoolwear.png); background-repeat: no-repeat;}
        
        ul.pageTitleCategory_Outdoor-Schoolwear li#liSubCategory_Softshell{background-position: -415px -70px; width: 68px;}
        ul.pageTitleCategory_Outdoor-Schoolwear li#liSubCategory_Fleece{background-position: -520px -70px; width: 44px;}
        ul.pageTitleCategory_Outdoor-Schoolwear li#liSubCategory_Waterproof-Jackets{background-position: -605px -70px; width: 85px;}
        ul.pageTitleCategory_Outdoor-Schoolwear  li#liSubCategory_Overtrousers{background-position: -715px -70px; width: 96px;}
        
        ul.pageTitleCategory_Outdoor-Schoolwear li#liSubCategory_Softshell:hover,ul.pageTitleCategory_Outdoor-Schoolwear li#liSubCategory_Softshell_selected{background-position: -415px -14px; width: 68px;}
        ul.pageTitleCategory_Outdoor-Schoolwear li#liSubCategory_Fleece:hover,ul.pageTitleCategory_Outdoor-Schoolwear li#liSubCategory_Fleece_selected{background-position: -520px -14px; width: 44px;}
        ul.pageTitleCategory_Outdoor-Schoolwear li#liSubCategory_Waterproof-Jackets:hover,ul.pageTitleCategory_Outdoor-Schoolwear li#liSubCategory_Waterproof-Jackets_selected{background-position: -605px -14px; width: 85px;}
        ul.pageTitleCategory_Outdoor-Schoolwear li#liSubCategory_Overtrousers:hover,ul.pageTitleCategory_Outdoor-Schoolwear li#liSubCategory_Overtrousers_selected{background-position: -715px -14px; width: 96px;}

    /*Bags*/ 
        div.pageTitleCategory_Bags
        ,ul.pageTitleCategory_Bags li{background-image: url(../images/titles/category_bags.png); background-repeat: no-repeat;}
        
        li#liSubCategory_Rucksacks{background-position: -419px -70px; width: 133px;}
        li#liSubCategory_School-Bags{background-position: -608px -70px; width: 81px;}
                                   
        li#liSubCategory_Rucksacks:hover,li#liSubCategory_Rucksacks_selected{background-position: -419px -14px; width: 133px;}
        li#liSubCategory_School-Bags:hover,li#liSubCategory_School-Bags_selected{background-position: -608px -14px; width: 81px;}
        
    /*Accessories*/ 
        div.pageTitleCategory_Accessories
        ,ul.pageTitleCategory_Accessories li{background-image: url(../images/titles/category_accessories.png); background-repeat: no-repeat;}
        
        li#liSubCategory_Base-Layers{background-position: -415px -70px; width: 83px;}
        li#liSubCategory_Gloves{background-position: -520px -70px; width: 47px;}
        li#liSubCategory_Hats{background-position: -605px -70px; width: 31px;}
        li#liSubCategory_Socks{background-position: -715px -70px; width: 47px;}
        
        li#liSubCategory_Base-Layers:hover,li#liSubCategory_Base-Layers_selected{background-position: -415px -14px; width: 83px;}
        li#liSubCategory_Gloves:hover,li#liSubCategory_Gloves_selected{background-position: -520px -14px; width: 47px;}
        li#liSubCategory_Hats:hover,li#liSubCategory_Hats_selected{background-position: -605px -14px; width: 31px;}
        li#liSubCategory_Socks:hover,li#liSubCategory_Socks_selected{background-position: -715px -14px; width: 47px;}

    /*About Us*/
        div.pageTitleCategory_About-Us
        ,ul.pageTitleCategory_About-Us li{background-image: url(../images/titles/category_about-us.png); background-repeat: no-repeat; margin-right: 9px !important;}
        
        li#liSubCategory_News{background-position: -420px -70px; width: 34px;}
        li#liSubCategory_How-To-Buy{background-position: -468px -70px; width: 79px;}
        li#liSubCategory_History{background-position: -558px -70px; width: 52px;}
        li#liSubCategory_Ethical-Trading-Policy{background-position: -624px -70px; width: 105px;}
        li#liSubCategory_Regatta-Retail{background-position: -744px -70px; width: 97px;}
        li#liSubCategory_Download-A-Brochure{background-position: -855px -70px; width: 68px;}
        
        li#liSubCategory_News:hover,li#liSubCategory_News_selected{background-position: -420px -14px; width: 34px;}
        li#liSubCategory_How-To-Buy:hover,li#liSubCategory_How-To-Buy_selected{background-position: -468px -14px; width: 79px;}
        li#liSubCategory_History:hover,li#liSubCategory_History_selected{background-position: -558px -14px; width: 52px;}
        li#liSubCategory_Ethical-Trading-Policy:hover,li#liSubCategory_Ethical-Trading-Policy_selected{background-position: -624px -14px; width: 105px;}
        li#liSubCategory_Regatta-Retail:hover,li#liSubCategory_Regatta-Retail_selected{background-position: -744px -14px; width: 97px;}
        li#liSubCategory_Download-A-Brochure:hover,li#liSubCategory_Download-A-Brochure_selected{background-position: -855px -14px; width: 68px;}

    
    /*Sizing & Technology*/
        div.pageTitleCategory_Sizing
        ,ul.pageTitleCategory_Sizing li{background-image: url(../images/titles/category_sizing.png); background-repeat: no-repeat;}
        
        li#liSubCategory_Clothing-Size-Chart{background-position: -419px -70px; width: 130px;}
        li#liSubCategory_Footwear-Size-Chart{display:none;background-position: -558px -70px; width: 137px;}

        
        li#liSubCategory_Clothing-Size-Chart:hover,li#liSubCategory_Clothing-Size-Chart_selected{background-position: -419px -14px; width: 130px;}
        li#liSubCategory_Footwear-Size-Chart:hover,li#liSubCategory_Footwear-Size-Chart_selected{display:none;background-position: -558px -14px; width: 137px;}

        div.pageTitleCategory_Technology
        ,ul.pageTitleCategory_Technology li{background-image: url(../images/titles/category_technology.png); background-repeat: no-repeat;}
        
        li#liSubCategory_How-Our-Fabrics-Work{background-position: -419px -70px; width: 155px;}
        li#liSubCategory_Caring-For-Your-Regatta{background-position: -622px -70px; width: 167px;}
        
        li#liSubCategory_How-Our-Fabrics-Work:hover,li#liSubCategory_How-Our-Fabrics-Work_selected{background-position: -419px -14px; width: 155px;}
        li#liSubCategory_Caring-For-Your-Regatta:hover,li#liSubCategory_Caring-For-Your-Regatta_selected{background-position: -622px -14px; width: 167px;}
    
    /*Terms and Conditions*/
        div.pageTitleCategory_Terms-And-Conditions{width: 100%; background-image: url(../images/titles/category_terms-and-conditions.png); background-repeat: no-repeat;}
    
    /*Get in Touch*/
        div.pageTitleCategory_Get-In-Touch
        ,ul.pageTitleCategory_Get-In-Touch li{background-image: url(../images/titles/category_get-in-touch.png); background-repeat: no-repeat;}
        
        li#liSubCategory_Customer-Services{background-position: -419px -70px; width: 121px;}
        li#liSubCategory_Image-Bank{background-position: -555px -70px; width: 39px;}
        li#liSubCategory_Feedback{background-position: -647px -70px; width: 59px;}
        li#liSubCategory_Register-Your-Product{background-position: -722px -70px; width: 95px;}
        
        li#liSubCategory_Customer-Services:hover,li#liSubCategory_Customer-Services_selected{background-position: -419px -14px; width: 121px;}
        li#liSubCategory_Image-Bank:hover,li#liSubCategory_Image-Bank_selected{background-position: -555px -14px; width: 39px;}
        li#liSubCategory_Feedback:hover,li#liSubCategory_Feedback_selected{background-position: -647px -14px; width: 59px;}
        li#liSubCategory_Register-Your-Product:hover,li#liSubCategory_Register-Your-Product_selected{background-position: -722px -14px; width: 95px;}
           
    #pnl_product-index-top-left
    {
        background-position:0px 0px;
        overflow: hidden;
    }
    #pnl_product-index-top-right
    {
        
    }

/*PAGER*/
.selectedPageNumber{text-decoration: underline; font-weight:bold;}

/*SEARCH RESULTS*/
div#search_results
{
    width: 972px;
    margin: 0 auto;
}

.product_item_repeat{
    width: 201px;
    height: 204px;

    margin-bottom: 10px;
    border: 0px solid #434343;
    padding: 0px;
    float: left;
    overflow: hidden;
    line-height: 1.2em
}
.product_item_repeat-center{
    width: 201px;
    height: 215px;
    
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
    border: 0px solid #434343;
    padding: 0px;
    float: left;
    overflow: hidden;
    line-height: 1.2em
}
.product_item_repeat-index{
    float: left;
    width: 201px;
    height: 204px;
    
    margin: 0px 30px 10px 0px;
    /*margin-right: 8px;
    margin-bottom: 10px;*/
    border: 0px solid #434343;
    padding: 0px;
    
    overflow: hidden;
    /*line-height: 1.2em;*/
    /*display: inline;*/
    color: #000;
    font-size: 11px;
    
}

.product_item_repeat span,
.product_item_repeat-center span,
.product_item_repeat-index span
{
    /*line-height: 1.5em;*/
    font-weight: bold;
}

.product_item_repeat-index div.orange{width: 100%; margin-top: 5px; font-weight: bold;}

/*PRODUCT DETAIL*/
#pnl_product-detail{padding: 30px;}
#pnl_product-detail-top-left{width: 440px; float: left; height: 56px; color: #000;}
#pnl_product-detail-top-right{width: 470px; float: left; height: 56px; color: #000;}

.breadcrumb{color: #000; font-size: 12px; font-weight: bold; clear: both;}
.breadcrumb a{color: #000;}

#productDetailLeft{width: 490px; border: 0px solid #000; min-height: 620px; overflow: hidden; float: left; background-image: url(../images/backgrounds/pro_shadow.png); background-repeat: no-repeat; background-position: 10px 10px;}
#productDetailRight{width: 445px; height: 620px; float: left;}

#productDetailSizes{width: 200px; float: left;}
#productDetailButtons{width: 200px; float: left;}

.productcad{width: 110px; height: 175px; float: left; text-align: center; font-size: 9px; line-height: 12px; text-transform:uppercase;}

#productImageZoom{position: absolute; z-index: 101; width: 440px; height: 550px; display: none;}
#productImageAndCads{position: absolute; z-index: 100; width: 440px; height: 550px;}

#ctl00_main_pnlProductCads{min-height: 120px;}

.cad{width: 100px; text-align: center; height: 150px; float: left; overflow: hidden; cursor: pointer; margin-bottom: 10px;}
.cadLeft{width: 100px; text-align: center; height: 110px; float: left; overflow: hidden; cursor: pointer; margin-bottom: 10px;}
.cad img,.cadLeft img{height: 110px; position: relative; top: -10px;}
span.v360{color: #000000;
    display: block;
    height: 20px;
    margin-top: -25px;
    position: relative;
    width: 100px;}


.productMiniDetails{/*position: relative;*/ display: block; width: 490px; margin-top: 570px;}

.MiniDetail
,.MiniDetailRight{position: relative; width: 88px; text-align: center; height: 110px; float: left; margin-right: 15px; margin-bottom: 15px; overflow: hidden; cursor: pointer;}
.MiniDetailRight{margin-right: 0px;}

/*FABRICS*/
div#fabric-popper
{
    position: absolute; width: 700px; height: 500px; z-index: 100; margin-left: 110px; background-image: url(../images/shadow-75black.png); background-position: bottom right; padding: 20px;
    top: 215px;
}

div#fabric-popper-inner
{
    background-color: #FFF;
    height: 460px;
    overflow: hidden;
    padding: 20px;
}
div#fabric-popper-inner div
{
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 1px;
    cursor: pointer;
    height: 100%;
}

div#fabric-popper-inner li
{
    margin-left: 20px;
}

div#fabric-popper-inner div {
    cursor: pointer;
    font-size: 12px;
    height: 100%;
    letter-spacing: 1px;
    line-height: 16px;
}

div.fabric-popper-close {
    color: #000;
    font-weight: bold;
    position: absolute;
    width: 90%;
    text-align: right;
    height: 20px;
}

/*#product-index-right-pager input[disabled].pagerButtonsPrev
{
    background: url(../images/pagerPreviousNext.jpg);    
    background-position: 0px 0px;
}

#product-index-right-pager input[disabled].pagerButtonsNext
{
    background: url(../images/pagerPreviousNext.jpg);    
    background-position: -450px 0px;
}*/

/*Enrty forms*/
div.entryform
{
    line-height: 22px;
    font-weight: normal;
}

div.entryform input
,div.entryform select
,div.entryform textarea{border: 1px solid #C0C0C0; padding: 3px;}
