/* CSS Document */
body {
	font: 12px/16px Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: center;
	background:#bdc4ca url(../images/main_bg.gif) repeat-x top center;
	padding:0;
	margin:0;
}

/* Main Text */

hr{border:0 #a60303 solid;border-top-width:1px;clear:both;height:0}
h1,h2,h3,h4,h5,h6,.serif{font-family:"Times New Roman", Times, serif}
h1{font-size:25px}
h2{font-size:22px}
h3{font-size:20px}
h4{font-size:20px}
h5{font-size:14px}
h6{font-size:12px}
ol{list-style:decimal}
ul{list-style:square}

h1{
	padding:20px 5px 15px 5px;
	margin:0;
	color:#640000;
}

h2,h3,h4,h5,h6{
	padding:10px 5px 10px 5px;
	margin:0;
	color:#640000;
}


p{
	margin-bottom:5px;
	padding:2px 5px;
	text-align:left;
}

p.note
{
    font: 11px/15px Arial, Helvetica, sans-serif;
    font-weight:bold;
    }

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

a:hover {
	color:#000;
	text-decoration:underline;
}

/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}


strong, b{
	color:#333;
}

strong.white, b.white{
	color:#fff;
}

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.spacer{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:20px;}
.alpha{padding-left:0}
.omega{padding-right:0}

.wrapper{
	width:1010px;
	margin:0 auto;
	border:0;
	padding:0;
	outline:0;
}

.header{
	width:1010px;
	height:39px;
	background:transparent url(../images/header.png) no-repeat top center;
}

.content{
	width:1010px;
	height:624px;
	border:0;
	padding:0 5px;
	margin:0;
	background:transparent url(../images/web_bg.png) repeat-y top left;
}
.content-left{
	position: relative;
	display:inline;
	text-align: left;
	margin:0 0 0 5px;
	padding:5px;
	float:left;
	width:797px;
	height:610px;
}

.bg-main{
	background:transparent url(../images/main_content_bg.png) no-repeat top left;
}

.bg-white{
	background:transparent url(../images/main_content_bg_white.png) no-repeat top left;
}

.content-left .message{
	position: absolute;
    top: 50px;
    left: 0;
	display:none;
	text-align: left;
	margin:5px;
	padding:5px 20px 20px 20px;
	border-bottom:#fff solid 1px;
	border-top:#fff solid 1px;
	float:left;
	width:757px;
	height:auto;
	background:transparent url(../images/imageoverlay.png) repeat top left;
	z-index:5;
	color:#fff;
}

.content-left .message h1{
	color:#fff;
}

.content-left .message p
{
    font-family:"Times New Roman", Times, serif;
    text-align:left;
    font-size:14px;
}

.content-left .message a
{
    font-family:"Times New Roman", Times, serif;
    text-align:left;
    color:#fff;
}

.content-left .message p span
{
    font-size:18px;
    line-height:36px;
    font-weight:bold;
}

.content-left .ss_large{
	position: absolute;
    top: 0;
    left: 0;
	margin:5px;
	padding:5px;
	border:0;
	width:797px;
	height:610px;
	display:none;
	float:left;
	z-index:1;
}

.content-left .load_large{
	position: absolute;
    top: 0;
    left: 0;
	margin:5px;
	background:transparent url(../images/ajax-loader.gif) no-repeat 288px 295px;
	border:0;
	width:797px;
	height:610px;
	display:block;
	float:left;
	z-index:1;
}

.content-left .ss_medium
{
    position: relative;
	margin:0;
	padding:0 5px;
	border:0;
	width:797px;
	height:445px;
	display:none;
	float:left;
}

.content-left .load_medium
{
    position: relative;
	margin:0;
	padding:0 5px;
	border:0;
	width:797px;
	background:transparent url(../images/ajax-loader.gif) no-repeat 288px 212px;
	height:445px;
	display:block;
	float:left;
}

.content-left .scroll_content{            
	padding:5px 3px 15px 2px;  
	width:775px;    
	height:auto; 
	float:left; 
        }

.content-left .scroll_wrapper {
	width:797px;
	height:610px;       
	overflow: auto;        
        }
        
.content-left .my_selection {
	width:797px;
	height:475px;       
	overflow: auto; 
	float:left;  
	background-color:#fff;  
	color:#fff;
	display:block;   
        }
        
 .content-left .my_selection img{
	margin:-2px 0 0 -2px;
	padding:0;
	border:0;   
        }
        
 .content-left .my_form {
	width:797px;
	height:135px;       
	overflow: hidden;     
	float:left;   
        }
 .content-left .my_form p em
 {
     width:95px;
     float:left;
     display:block;
     font-style:normal;
     }
.content-left .my_form p b
 {
     color:Red;
 }
 .content-left .my_form p input[type="text"]
{ margin:2px;float:left;width:235px;     }
 
 .content-left .my_form p textarea
 {
     float:left;
     }
     
.content-left .my_content {
	padding:5px 3px 15px 2px;  
	width:775px;    
	height:auto; 
	float:left;       
        }
 
 .content-left .noscroll_wrapper {
	width:797px;
	height:610px;       
	overflow:hidden;       
        }

.about 
 {
    background:#fff url(../images/about_us.jpg) no-repeat top left;    
    padding:250px 50px 10px 20px; 
    width:727px;
	height:350px;       
	overflow:hidden;  
        }
        
.content-left .prod_wrapper 
{
    margin:0;
    padding:0;
	width:797px;
	height:610px;       
	overflow: hidden;        
        }
        
.prod_details
{
    margin:0;
    padding:0;
    width:797px;
    height:490px;
    display:block;
    overflow:hidden;    
    float:left;       
}

.proj_details
{
    margin:1px 0;
    padding:0;
    width:797px;
    height:auto;
    display:block;
    overflow:hidden;    
    float:left;       
}

.content-right{
	position: relative;
	display:inline;
	text-align: left;
	margin:0 0 0 3px;
	padding:0;
	float:left;
	width:180px;
	height:620px;
	background:transparent url(../images/main_menu_bg.png) no-repeat top left;
}

.content-right .cmd{
	margin:0 5px;
	border-top:#fff 2px solid;
	float:left;
}

.content-right .new{
	position: absolute;
    bottom: 75px;
    left: 0;
}

.content-right .milan{
	position: absolute;
    bottom: 87px;
    left: 0;
}

.content-right .clearance{
	position: absolute;
    bottom: 107px;
    left: 0;
}

.content-right .search{
	margin-bottom:5px;
	position: absolute;
    bottom: 0;
    left: 0;
}

/* Grid */
.search,.grid_156,.grid_405,.grid_1,.grid_2,.grid_2_100,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_7_5,.grid_8,.grid_9,.grid_10_5,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_115{display:inline; float:left; margin:0 8px 0 0; position:relative;}

img.newprod {position: absolute; top: 0; left: 0; width: 51px; height: 51px; border: 1px solid red;}

.grid_1 {
	width:45px;
}

.grid_2 {
	width:96px;
}

.grid_2_100 {
	width:100px;
}

.grid_3 {
	width:147px;
}

.grid_156 {
	width:185px;
	margin:0;
}
    
.grid_4{
	width:198px;
}

.grid_my{
	width:185px;
}

.grid_4_right{
	width:198px;
	float:right;
	margin:0;
}

.grid_5 {
	width:249px;
}

.grid_6 {
	width:300px;
}

.grid_7 {
	width:351px;
}

.grid_7_5 {
	width:380px; 
}


.grid_8 {
	width:402px;
}

.grid_405 {
	width:405px;
	margin:0;
}

.grid_9 {
	width:453px;
}

.grid_10 {
	width:504px;
}

.grid_10_5 {
	width:540px;
	 margin:0 0 0 -10px;
}

.grid_11{
	width:555px;
}

.grid_115{
	width:565px;
}

.grid_12{
	width:606px;
}

.grid_13{
	width:657px;
}

.grid_14{
	width:708px;
}

.grid_15{
	width:759px;
}

.grid_bespoke{
	width:245px; float:left; margin:5px;
}

.besitems{margin-left:3px;}

.bespokeitem{
	width:245px; float:left; margin:5px; margin-right:6px; margin-left:6px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:90%;
}

.bespokeitem a{
	color:#fff; text-decoration:none; padding-top:5px;
}

.bespokeitem a:hover{
	color:#fff; text-decoration:none;
}


.grid_15_5{
	width:765px;
}

.cat {
	margin:0 6px;
}

.prject {
	margin:0 2px;
}



.grid_header{
	display:block;
	color:#000;
	text-align:center;
	border-bottom:#640000 solid 1px;
}

.cat_Header{
	height:24px;
	padding:3px 5px 2px 5px;
	font: 12px/14px Arial, Helvetica, sans-serif;
}

.prod_Header{
	height:27px;
	padding:0 5px 2px 5px;
	font: 11px/12px Arial, Helvetica, sans-serif;
}

/* Menu Main */

.menuMain {
	float:left;
	font-size:13px;
	line-height:normal;
	margin:0 10px 0 260px;
	padding:2px 0 0 0;
	height:37px;
	width:auto;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
}
.menuMain ul {
	margin:0;
	padding:0 0 0 20px;
	list-style:none;
}
.menuMain li {
	display:inline;
	margin:0;
	padding:0;
	
}
.menuMain li a {
	float:left;
	background:transparent url(../images/tabs_left.png) no-repeat left -35px;
	margin:0;
	padding:0 0 0 5px;
	text-decoration:none;
	height:35px;
}

.menuMain li a span {
	float:left;
	display:block;
	background:transparent url(../images/tabs_right.png) no-repeat right -35px;
	color:#333;
	padding:14px 25px 0 20px;
	height:23px;
}


/* Commented Backslash Hack hides rule from IE5-Mac \*/
.menuMain li a span {float:none;}
/* End IE5-Mac hack */
.menuMain li a:hover span {
	color:#000;
	background-position:right 0;
}

.menuMain li a.active span {
	color:#333;
	background-position:right -70px;
	padding:10px 25px 0 20px;
	height:25px;
	font-size:14px;
}

.menuMain li a.active {
	background-position:left -70px;
}

/* Menu Sub */

.menuSub{
	width:170px;
	padding:0;
	margin:0 auto;
	font: 12px/14px "Times New Roman", Times, serif;

}

.menuSub h3{
	text-align:center;
	color:#fff;
	width:160px;
	display:block;
	border-bottom:#fff solid 1px;
}

.menuSub ul{
	list-style:none;
}

.menuSub ul li{
	float:left;
	width:170px;
	height:auto;
	border-bottom:#fff solid 1px;
	
}

.menuSub ul li a{
	color:#fff;
	padding:4px 0 5px 4px;
	width:166px;
	height:15px;
	display:block;
	
}

.menuSub ul li a:hover{
	text-decoration:none;
	
}

.menuSub ul li.active{
	color:#fff;
	background:transparent url(../images/menu_item_bg.png) repeat-y left top;
}

.menuSub ul li:hover{
	color:#fff;
	background:transparent url(../images/menu_item_bg.png) repeat-y left top;
}

.menuSub ul li a strong{
	color:#fff;
}

.menuSub ol{
	list-style:none;
}

.menuSub ol li{
	float:left;
	width:170px;
	height:25px;
	
	
}

.menuSub ol li a{
	color:#fff;
	padding:4px 0 5px 15px;
	width:155px;
	height:15px;
	display:block;
	/*background:transparent url(../images/arrow.png) no-repeat left top;*/
	
}

.menuSub ol li:hover{
	color:#fff;
	background:transparent url(../images/menu_item_bg.png) repeat-y left top;
}

/* Menu Offer */

.menuOffer{
	position: absolute;
    bottom: 75px;
	left:5px;
	width:170px;
	padding:0;
	margin:0 auto;
	font: 14px/14px "Times New Roman", Times, serif;

}

.menuOffer ul{
	list-style:none;
}

.menuOffer ul li{
	float:left;
	width:170px;
	height:auto;
	border-top:#fff solid 2px;
	/*background:transparent url(../images/cmd_bg.jpg) repeat-x centre top;*/
	
}

.menuOffer ul li a{
	color:#fff;
	padding:0;
	width:166px;
	height:25px;
	display:block;
	text-align:center;
	
}

.menuOffer ul li a:hover{
	text-decoration:none;
	
}

.menuOffer ul li a strong{
	color:#fff;
}


/* Footer */
.footer{
	width:1010px;
	padding:10px 0 30px 0;
	background:transparent url(../images/footer.png) no-repeat top center;
	text-align:left;
	font: 10px/11px Arial, Helvetica, sans-serif;
}

.footer_col{
	width:315px;
	display:inline;
	float:left;
	padding-left:10px;
	padding-right:10px;
	margin:0;
	padding-top:0;
	text-align: left;
	}

.footer h2{
	color:#333;
	font-size:14px;
	padding:5px 0;
	text-transform:uppercase;
}

.footer p{
	color:#404040;
	padding:10px 0 0 0;
}

.footer a{
	color:#404040;
}

.footer a:hover{
	color:#666;
	text-decoration:underline;
}

.footer ul {
	list-style: none;
	margin:0 0 10px 0; 
	padding:5px 0;	
}

.footer li {
	width: 290px;
	margin:0 10px 3px 0;
	float:left;
	background: url(../images/footer-dots.png) repeat-x left bottom;		
}

.footer li a {
	display: block;
	font-weight: normal;
	padding:4px 0;
	color:#404040;
	text-decoration:none;
}

.footer li a:hover {
	color:#666;
	text-decoration:underline;
}

.StandardRangeLink{
	 padding:0;
	 margin:0 auto 0 auto;
	 font-family:"Times New Roman", Times, serif;
	 font-size:12px;
}

.catpdfLink{
	 padding:0 12px 12px 12px;
	 margin:15px auto 0 auto;
	 height:140px;
	 font-family:"Times New Roman", Times, serif;
	 font-size:12px;
}

.catpdfLinks{
	width:120px;
	float:left;
}

.catpdfLinks img{
	border:0;
	margin:0;
	padding:0;
	outline:0;
}

.catpdfLinks p{
	text-align:center;
	color:#666;
}

.catpdfLinks p span{
	color:#640000;
}

.alignCentre
{
    text-align:center;
    }
    
.alignLeft
{
    text-align:left;
    }

.alignRight
{
    text-align:right;
    }

.filter_options {
	padding:200px 0 0 0;
}

.filter_count {
	text-align:center;
	padding:10px 0;
	font: 18px/24px Arial, Helvetica, sans-serif;
}

/*
.bespoke
{
    border-bottom:#640000 solid 1px;
    }
  */  
.bespokebg {
    background:#fff url(../images/bespoke/bespokebg.gif);
    background-repeat:repeat-y;
    }
    
.bespokeitemproduct {width:797px; height:610px;}  
.bespokeitemproducttxt {width:250px; margin-left:530px; color:#fff;}
.bespokeitemproduct h1 {width:250px; margin-left:530px; color:#fff; line-height:28px;}    
.bespokeHeadernew
{
    margin:0;
    background:url(../images/bespoke/textbg.gif) no-repeat left top;
    margin-left:10px;
    margin-top:10px;
    height:195px;
    width:760px;
    }
    

.bespokeHeadernew h1
{
    font-size:16px;
    width:730px;
    padding:5px 0;
    padding-top:15px;
    padding-left:20px;
}

.bespokeHeadernew p
{
    font-size:12px;
    width:730px;
    border:0;
    padding:0;
    color:#fff;
    padding-left:20px;    
}

.bespokeHeader
{
    display:block;
    background:#fff url(../images/header_bg.jpg) no-repeat left top;
    padding:15px 0 0 20px;
    }

.bespokeHeader h1
{
    font-size:16px;
    width:730px;
    padding:5px 0;
    padding-top:15px;
    padding-left:5px;
}

.bespokeHeader p
{
    font-size:12px;
    width:730px;
    border:0;
    padding:0;
    color:#000;
    padding-left:5px;    
}


.bespokeFooter
{
    display:block;
    border:0;
    background:#fff url(../images/header_bg_footer.jpg) no-repeat left bottom;
    height:25px;
    padding:0 0 0 20px;
    }
    
.externalHeader
{
    display:block;
    background:#fff url(../images/headerEx_bg.jpg) no-repeat left top;
    padding:10px 0 0 20px;
    }
    
.externalFooter
{
    display:block;
    background:#fff url(../images/headerEx_bg_footer.jpg) no-repeat left bottom;
    padding:10px 0 0 20px;
    }

.externalHeader h1
{
    font-size:16px;
    width:740px;
    padding:5px 0;
}

.externalHeader p
{
    font-size:12px;
    width:740px;
    border:0;
    padding:0;
    color:#fff;
}




.nav{
	margin:-40px 0 0 0;
	width:797px;
	height:40px;
	padding:0 0 5px 0;
	float:left;
	border-bottom:#640000 solid 1px;
	display:block;
}

#related_products{
	position:relative;
	overflow:hidden;
	margin:0;
	height:120px;
	width:667px;
	padding:0 0 0 130px;
	background:#fff url(../images/header_relateditems.png) no-repeat 0 0;
}



a.zoom {position:relative; float:left; margin:0; display:block;}
a.zoom span { display:none; background-image:url(../images/zoom.png); background-repeat:no-repeat; width:48px; height:48px; position:absolute; left:0; top:0;}
a.zoom:hover span { display:block;}

a.switch {position:relative; float:left; margin:0; display:block;}
a.switch span { display:none; background-image:url(../images/swap.png); background-repeat:no-repeat; width:48px; height:48px; position:absolute; left:0; top:0;}
a.switch:hover span { display:block;}

/*table.product { width:198px;font-size:11px;float:right;font-family:"Times New Roman", Times, serif;color:#640000;font-size:13px;}
table.product th
{
    padding:3px 2px;
    color:#640000;
	font-size:18px;
	text-align:center;
    }
table.product td{ padding:2px; height:25px;}
table.product td.center{ text-align:center;}
table.product td.left{ text-align:left;width:99px;}
table.product td.right{ text-align:left;width:99px;}
table.product strong{ color:#640000;}

table.productSpec { width:150px;font-size:11px;float:right;font-family:"Times New Roman", Times, serif;color:#640000;font-size:13px;margin:0 auto;}
table.productSpec th
{
    padding:3px 2px;
    color:#640000;
	font-size:18px;
	text-align:center;
    }
table.productSpec td{ padding:2px; height:25px;}
table.productSpec td.center{ text-align:center;}
table.productSpec td.left{ text-align:left;width:74px;}
table.productSpec td.right{ text-align:left;width:74px;}
table.productSpec strong{ color:#640000;}
*/

table.product { width:198px;font-size:11px;float:right;font-family:"Times New Roman", Times, serif;color:#640000;font-size:13px;}
table.product th
{
    padding:3px 2px;
    color:#640000;
	font-size:18px;
	text-align:center;
	/*font-family:"Times New Roman", Times, serif;*/
    }
table.product td{ padding:2px; height:25px;}
table.product td.center{ text-align:center;width:198px;}
table.product td.left{ text-align:left;width:99px;}
table.product td.right{ text-align:left;width:99px;}
table.product strong{ color:#640000;}

table.productSpec { width:190px;font-size:11px;font-family:"Times New Roman", Times, serif;color:#640000;font-size:13px;margin:0 auto;}
table.productSpec th
{
    padding:3px 2px;
    color:#640000;
	font-size:18px;
	text-align:center;
	/*font-family:"Times New Roman", Times, serif;*/
    }
table.productSpec td{ padding:2px; height:25px;}
table.productSpec td.center{ text-align:center;width:190px;}
table.productSpec td.left{ text-align:left;width:95px;}
table.productSpec td.right{ text-align:left;width:95px;}
table.productSpec strong{ color:#640000;}

table.prod_option { width:380px;font-size:12px;float:left;margin:10px 0 0 0}
table.prod_option td{ padding:2px 5px; height:25px;}
table.prod_option td.left{ text-align:left;width:280px;}
table.prod_option td.right{ text-align:left;width:100px;}
table.prod_option td.table_footer{ text-align:left;width:auto;padding:10px 0 0 0}
table.prod_option strong{ color:#640000;}
table.prod_option td em{ font-size:0.9em;}

		
/* slider */

#slider ul, #slider li{ 
	margin:0;
	padding:0;
	list-style:none;
	}	
#slider, #slider li{ 
	height:495px;
	width:797px;
	overflow:hidden;
	}	
#slider{ 
	margin:0;
	}	
#prevBtn, #nextBtn{ 
	display:block;
	width:30px;
	height:30px;
	position:absolute;
	left:5px;
	top:220px;
	text-indent:-9999px;
	}	
#nextBtn{ 
	left:776px;
	}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:30px;
	height:77px;
	background:url(../images/icon_left.png) no-repeat 0 0;
	}	
#nextBtn a{ 
	background:url(../images/icon_right.png) no-repeat 0 0;
	}

h4.related
{
    display:block;
	width:100px;
	height:30px;
	float:left;
	margin:30px 10px;
    }
	
.supp_port
{
    display:block;
    float:left;
    width:144px;
    height:144px;
    padding:8px;
    margin:0;
    background:url(../images/products/sup_bg_p.jpg) no-repeat top left;
    }

.supp_land
{
    display:block;
    float:left;
    width:167px;
    height:99px;
    padding:8px;
    margin:0;
    background:url(../images/products/sup_bg_l.jpg) no-repeat top left;
    }

.terms blockquote
{
    margin:2px 0 0 15px;
    }
    
.terms ol
{
    margin:2px 0 0 15px;
    list-style-type:lower-alpha;
    }
.terms ol li
{
    margin:2px 0 0 30px;
    }
    
.searchBox
{
    display:block;
    height:57px;
    background:#320000 url(../images/cmd_search.jpg) no-repeat top left;
    position: absolute;
    bottom: 5px;
	left:5px;
	width:160px;
	padding:5px;
	margin:0 auto;
	border-top:#fff solid 2px;
    }
    
.searchBox h4
{
    color:#fff;
    font-size:12px;
    line-height:12px;
    margin:5px 0 10px 0;
    padding:0;
}


.searchTB {
	padding:2px 2px;
	border:1px solid #320000;
	width:125px;
	height:18px;
	font-size:11px;
	color:#333;
	float:left;
}

.searchCmd
{
    width:22px;
    height:22px;
    float:left;
    padding:3px;
    
    }

.my
{
    border:solid 2px #fff;
    margin:0;
    background:#fff;
    float:left;
    }
    
 .my img.ls
{
    width:185px;
    height:114px;
    margin:0;
    border:0;
}

 .my img.pt
{
    width:114px;
    height:114px;
    margin:0 36px 0 36px;
    border:0;
}

.my_header
{
  background:#bb7172 url(../images/my_footer.gif) repeat-x bottom left;
  border-top:solid 2px #fff;
    }
    
.my_header p
{
 font-size:11px;
 line-height:12px;
    }
    
.my_header b
{
 color:#fff;
    }
    
a.remove 
{
    font-size:10px;
	color:#fff;
	text-decoration:none;
	float:right;
	margin:-2px 2px 2px 0;
}

a.remove:hover {
	color:#bb7172;
	text-decoration:underline;
}

.proj_desc p
{
    height:auto;
    margin:0 5px 1px 5px;
    }
 .proj_desc p.desc
{
    height:auto;
    min-height:96px;
    margin:0 5px 1px 5px;
    }
 
 
ul.sitemap,ul.sitemap ol {
	margin:0;
	padding:0 0 0 10px;
	list-style-type:none;
	width:600px;
}
ul.sitemap li, ul.sitemap ol li {
	margin:0;
	padding:0;
	width:600px;
	display:block;
	
}
ul.sitemap li{
	font-weight:bold;	
}

ul.sitemap ol li{
	font-weight:normal;	
}

ul.sitemap li a span {
	float:left;
	display:block;
	color:#333;
	padding:5px 0;
	width:500px;
}

ul.sitemap li a.hover span,ul.sitemap li a:hover span {
	color:#000;
}