/* Dyfed Steel Specific */

body
{
    background-image: url(images/grad2.gif);
    background-repeat: repeat-x;
    margin: 0px;
    padding: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #003300;
    text-align: center;
	background-color:#C3A972;
}


#container
{
	margin:0px;
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px; 
	background-color: #A5BCA5;
	text-align: left;
	
	
}

#border
{
    border: 4px solid #A5BCA5;
    padding: 0px;
    margin: 0px;
}




#banner
{
    padding: 0px;
    margin: 0px;
    height: 197px; /*height: 230px;*/
    background-image: url(images/top-place-holder.jpg);
    background-repeat: no-repeat;
}

h1
{
    position: absolute;
    top: 80px;
    color: #333333;
    font-size: 1.6em;
    padding-left: 0px;
    margin: 0px;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: lighter;
    z-index: 10;
}

h1 span
{
    right: -5.62em;
    top: -0.07em;
    position: relative;
    color: #EFEDEA;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: lighter;
    z-index: 11;
}


#nav1
{
    position: absolute;
    font-size: 0.7em;
    color: #FFFFFF;
    padding: 7px;
    background-image: url(images/nav_back.jpg);
    background-repeat: repeat-x;
    background-color: #5A6358;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 490px;
    width: 248px;
    text-align: right; /*z-index:11;*/
}


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

#nav1 ul li
{
    display: inline;
    padding: 0px;
    margin: 0px;
}

#nav1 ul li a
{
    text-decoration: none;
    color: #FFFFFF;
    padding-right: 4px;
    padding-left: 4px;
}

#nav1 ul li a:hover
{
    text-decoration: underline;
}

#pagebody
{
    background-image: url(images/pagebody-repeat.jpg);
    background-repeat: repeat-y;
    margin: 0px;
    padding: 0px; 
	/height:auto;/
	height: 1%;
	width: 752px;


}

#uppercontent
{
    width: 566px;
    padding: 0px;
    margin: 0px;
    float: right;
    background-image: url(images/chooser_back_1.jpg);
    background-repeat: no-repeat;
}

#search
{
    background-image: url(images/footer-repeat.jpg);
    background-repeat: repeat-x;
    height: 38px;
    width: 566px;
    padding: 8px 0px 0px 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    text-align: right;
    color: #FFFFFF;
    font-size: 0.8em;
}

#brochure
{
    color: #FFFFFF;
    text-align: right;
    padding-right: 30px;
    height: 34px;
    background-image: url(images/brochure_back.jpg);
    background-repeat: no-repeat;
}

#brochure a
{
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}

#brochure a:hover
{
    text-decoration: underline;
}

#chooser
{
    width: 566px;
    text-align: center;
    margin: 0px;
    padding-top: 18px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
}

#chooser ul
{
    list-style-type: inline;
    padding: 0px;
    margin: 0px;
}

#chooser ul li
{
    display: inline;
    padding: 0px;
    margin: 0px;
}

#chooser ul li a
{
    text-decoration: none;
    color: #FFFFFF;
    padding: 0px;
    margin: 0px;
    border: 3px solid #A5BCA5;
}

#chooser ul li a:hover
{
    text-decoration: underline;
}

#content
{
    padding: 10px 10px 10px;
    margin-left: 186px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-image: url(images/content-back.jpg);
    background-repeat: no-repeat;
	font-size:0.9em;

	
}

#content a
{
    
	color: #003300;
	
}


h2
{
    color: #263F27;
    font-size: 1.6em;
    padding: 0px;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
	
	
}


#leftcol
{color: #EFEDEA;
    float: left;
    width: 180px;
    margin: 0px 0px 0px;
    padding: 0px;
    font-size: 0.8em;
    height: auto;
	/*background-color:#003300;*/



}

#leftcol h3
{
color: #EFEDEA;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #101C10;
    margin: 0px;
    font-size: 1.1em;
    padding-bottom: 3px;
    padding-top: 9px;
}

#nav2
{
    font-size: 0.9em;
    padding: 7px;
    margin: 0px; /*z-index:11;*/
}


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

#nav2 ul li
{
    display: list;
    padding: 0px;
    margin: 0px;
}

#nav2 ul li a
{   color: #FFFFFF;
    text-decoration: none;
    padding-right: 4px;
    padding-left: 4px;

}
#nav2 ul li .menuLevel2
{
    text-decoration: none;
    padding-right: 4px;
    padding-left: 5px;

	

}


#nav2 ul li .menuLevel2 a
{
    text-decoration: none;
    padding-right: 4px;
    padding-left: 5px;
	color:#ACCFA7;
	
}

#nav2 ul li a:hover
{
    text-decoration: underline;
	
}


#nav3
{
    font-size: 0.9em;
    color: #EFEDEA;
    padding: 7px;
    margin: 0px; /*z-index:11;*/
}


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

#nav3 ul li
{
    display: list;
    padding: 0px;
    margin: 0px;
}

#nav3 ul li a
{
    text-decoration: none;
    color: #EFEDEA;
    padding-right: 4px;
    padding-left: 4px;
}

#nav3 ul li a:hover
{
    text-decoration: underline;
}

#footer
{
    clear: both;
    padding: 0px;
    margin: 0px 0px 0px;
    background-image: url(images/footer-repeat.jpg);
    background-repeat: repeat-x;
    height: 38px;
    font-size: 0.7em;
    color: #A5BCA5;
    border-top-width: 4px;
    border-top-style: solid;
    border-top-color: #A5BCA5;
}

#footer a
{
    color: #A5BCA5;
    margin: 0px;
    padding: 0px;
}
#footer span
{
    padding: 10px;
}
.padding5
{
    padding: 5px;
    margin: 0px;
}


/* Non Specific */

#menutext
{
    text-align: center;
    width: 201px;
    margin-left: 3px;
}

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

#menutext li
{
    text-align: center;
    list-style-type: none;
    background: #C8B9A0;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 2px solid #E4DDD2;
}

#menutext a:link, #menutext a:visited
{
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #333333;
    text-decoration: none;
}

#menutext a:active, #menutext a:hover
{
    color: #555555;
}

#navBar
{
    padding: 20px 0px 5px 0px;
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 14px;
}

.productbox
{
    padding: 11px;
    margin-bottom: 7px;
    width: auto;
    padding-right: 5px;
    padding-left: 5px;
   color:#555555;
    font: 0.8em ;
	
}

.productdetailbox
{
    /*background-image: url(../images/product_back_repeat.jpg);*/
    /*background-repeat: repeat-x;*/
    /*background-color: #EFECE7;*/
}

.thumbimage
{
    border: solid 2px #947D49;
    /*width: 100px; height: 100px;*/
}

.fullimage
{
    border: solid 3px #947D49;
}

.catalogmenu
{
    border-bottom: gainsboro 1px solid;
    text-align: right;
    margin-bottom: 10px;
}

.textbox
{
    border: solid 1px #CBCED4;
    background: #f5f5f5;
    padding: 11px;
    margin-bottom: 7px;
    width: 190px;
}

.textbox li
{
    list-style-type: none;
}

.plainbox
{
    padding: 11px;
    margin-bottom: 7px;
    width: auto;
    padding-right: 5px;
    padding-left: 5px;
    color: #555555;
    font: 0.8em ;
}

.offsetleftbox
{
    margin-bottom: 7px;
    width: auto;
    padding-right: 5px;
    padding-left: 30px;
}

.textboxheader
{
    font-weight: bold;
    font-size: 8pt;
    color: #f5f5f5;
    font-family: verdana;
    background-color: #65738E;
    padding-right: 5px;
    padding-left: 10px;
    padding-bottom: 3px;
    padding-top: 3px;
    width: 190px;
}

.textboxheader a
{
    color: #f5f5f5;
    font-family: verdana;
    text-decoration: none;
    font-size: 8pt;
    font-weight: bold;
}

.MiniBasket
{
    display: block;
    position: relative;
    margin-top: 10px;
    margin-left: 8px;
    width: 190px;
}

.MiniBasketHeader
{
    font-weight: bold;
    font-size: 8pt;
    color: #f5f5f5;
    font-family: verdana;
    background-color: #B5A389;
    padding-right: 5px;
    padding-left: 10px;
    padding-bottom: 3px;
    padding-top: 3px;
    width: 190px;
}

.MiniBasketHeader a
{
    color: #f5f5f5;
    font-family: verdana;
    text-decoration: none;
    font-size: 8pt;
    font-weight: bold;
}

.MiniBasketDetail
{
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    border: solid 1px #CBCED4;
    background: #f5f5f5;
    padding: 11px;
    margin-bottom: 7px;
    width: 190px;
}

.MiniBasketDetail li
{
    list-style-type: none;
}

.graybox
{
    border: solid 1px #CBCED4;
    background: #ffffff;
    padding: 11px;
    margin-bottom: 7px;
}

.grayboxheader
{
    font-weight: bold;
    font-size: 8pt;
    color: #f5f5f5;
    font-family: verdana;
    background-color: #999DA6;
    padding-right: 5px;
    padding-left: 10px;
    padding-bottom: 3px;
    padding-top: 3px;
}

.homeproductdisplay
{
    padding-right: 5px;
    padding-left: 5px;
    color: #696969;
    margin-left: 5px;
    margin-right: 5px;
    min-width: 500px;
}

.subtotal
{
    text-align: right;
    border-top: 1px solid #c9c9c9;
    margin-top: 5px;
}

.checkout
{
    margin-top: 5px;
    color: #696969;
    font-size: 8pt;
}

.searchbox
{
    border-right: #dcdcdc 1px solid;
    border-top: #dcdcdc 1px solid;
    font-size: 8pt;
    border-left: #dcdcdc 1px solid;
    border-bottom: #dcdcdc 1px solid;
    font-family: verdana;
}

.oldprice
{
    font-weight: bold;
    color: #696969;
    text-decoration: line-through;
}

.saleprice
{
    font-weight: bold;
    color: #cc0000;
}

.sidemenulink
{
    font-size: 8pt;
    font-family: verdana;
}

.errorbox
{
    border-right: #660000 1px solid;
    border-top: #660000 1px solid;
    font-weight: bold;
    font-size: 9pt;
    border-left: #660000 1px solid;
    color: #660000;
    border-bottom: #660000 1px solid;
    font-family: verdana;
    background-color: #ffcccc;
    width: auto;
}

.sectionheader
{
    border-bottom: #dcdcdc 1px dotted;
    color: #65738E;
    font-size: 8pt;
    padding-bottom: 5px;
    font-weight: bold;
}

strong
{

}

.addtocartlink
{
    color: #000000;
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    background-color: #CBCAC7;
    border: 1px solid #91908D;
    padding: 1px 4px;
}

.checkoutlabel
{
    font-size: 8pt;
    font-family: verdana;
    color: gray;
}

.form
{
    font-size:0.9em;
    width:100px;
}

INPUT
{
    border-right: #696969 1px solid;
    border-top: #696969 1px solid;
    font-size: 8pt;
    border-left: #696969 1px solid;
    border-bottom: #696969 1px solid;
    font-family: verdana;
}

SELECT
{
    border-right: #696969 1px solid;
    border-top: #696969 1px solid;
    font-size: 8pt;
    border-left: #696969 1px solid;
    border-bottom: #696969 1px solid;
    font-family: verdana;
}

.admin-header
{
    background-color: #6190CD;
    height: 40px;
    padding-left: 10px;
    border-bottom: solid 4px #B4CCEB;
}

.admin-header h1
{
    color: white;
}

/* Product Selector */
.Thumbnail
{
    border: 1px solid #DDDDDD;
    cursor: pointer;
}

.ThumbnailHover
{
    border: 1px solid #AAAAAA;
    cursor: pointer;
}

.ThumbnailSelected
{
    border: 1px solid #DD3409;
    cursor: pointer;
}

.ScrollItem
{
    color: black;
    border: 1px solid #919B9C;
    font-family: MS Sans Serif, Verdana;
    font-size: 10px;
    cursor: pointer;
}

.ScrollItemHover
{
    color: black;
    border: 1px solid #919B9C;
    background-color: #E3E3E3;
    font-family: MS Sans Serif, Verdana;
    font-size: 10px;
    cursor: pointer;
}

.ScrollItemActive
{
    color: black;
    background-color: #E3E3E3;
    border: 1px solid #DD3409;
    font-family: MS Sans Serif, Verdana;
    font-size: 10px;
    cursor: pointer;
}

/* Styles for scrolling layers  
	 Specify width and height in hold and wn, and in clip for wn */
div#hold
{
    position: relative;
    overflow: hidden;
    width: 400px;
    height: 61px;
    z-index: 100;
}
div#wn
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 400px;
    height: 61px;
    clip: rect(0px, 400px, 61px, 0px);
    overflow: hidden;
    z-index: 1;
}
div#lyr1
{
    position: absolute;
    visibility: hidden;
    left: 0px;
    top: 0px;
    z-index: 1;
}


a:visited
{
    color: #339;
}
a img
{
    border: none;
}

.productSelector
{
    border: solid 3px #A5BCA5;
	padding: 0px;
	margin: 0px;
	height:48px;
}   
hr{
color:#82734A;
height:1px;
} 
.contactdetail{
width:250px;
	float:left;
	padding:0px;

	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
	border-bottom:1px solid green;
	}
	.category{
	list-style:none;
	border-bottom:1px #759975 solid;
	padding:8px 0px 8px 0px;

	}
	.category img{
	border:2px solid #C2A466;
	}
	.category a{
	margin:0px 0px 0px 8px;
	vertical-align:middle;
	}
	
	.category a:hover{
	color:#006600;
	text-decoration:none;
	}
		
		
/* HERE Is the drop down */


#rollovermenucontainer{
	/*normally position absolute*/
	position:relative;
	/*top: 303px;
	margin-left:35px;*/
	margin:0px;
	padding: 0px;
	
}
#rollovermenu{
	padding:0px 0px 0px 0px;
	margin: 0;
	/*width:160px;*/
	/*border:1px solid #333333;
	border-color: #FFFFFF #FFFFFF #CCCCCC #CCCCCC;
	background-color:#f7f3f3;*/
	/*font: bold 0.9em  Trebuchet MS, Helvetica, sans-serif;*/
	color: #FFFFFF;
}
#rollovermenu a
{
    text-decoration: none;
    color: #FFFFFF; /*height: 20px;
	margin-right: 20px;*/
   
    margin: 0;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
    padding-top: 3px;
}

#rollovermenu a:hover{
	text-decoration:none;
	color: #FFFFFF;
	/*margin-right: 20px;*/
	background-color:#0C1F0C;
	display: block;
	margin: 0px;
	padding:0px;
}

#rollovermenu, #rollovermenu ul { /* all lists */
	padding: 0;
	margin: 0 0 0 0;
	list-style: none;
}
#rollovermenu ul
{
    /*border-color: #FFFFFF #FFFFFF #CCCCCC #CCCCCC;
	background-color:#7E7F83;*/
    width: 110px;
    padding-bottom: 7px;
   /* border-right: #003300 1px solid;
    border-top: #003300 1px solid;
    border-left: #003300 1px solid;
    border-bottom: #003300 1px solid;*/
}

#rollovermenu ul a:link, #rollovermenu a:visited
{
    display: block; /*inline here for inline*/
    border: none;
    text-decoration: none;
    height: 15px;
    color: #FFFFFF;
    margin: 0px;
    padding: 3px;
    padding-right: 3px;
    padding-left: 0px;
    padding-bottom: 3px;
    padding-top: 3px;
}
#rollovermenu ul a:hover, #current a
{
    background: #0C1F0C;
    color: #fff;
    display: block;
    text-decoration: underline;
    margin: 0px;
    padding-right: 3px;
    padding-left: 0px;
    padding-bottom: 3px;
    padding-top: 3px;
}
#rollovermenu li { /* all list items */
	position: relative;
	/*text-align: right;*/
	cursor: default;
	padding:0px;
	margin:0 0 0 0;
	color:#999999;
	float:left;
	display: block;
	/*height: 20px;*/
	/*background-color: #7E7F83;*/
	clear:both;
	
	
}

#rollovermenu li ul { /* second-level lists */
	position: absolute; 
	/*position:relative;*/
	/*border:1px solid #333333;
	border-color: #f7f3f3 #FFFFFF #CCCCCC #CCCCCC;*/
	/*background-color:#7E7F83;*/
	left: -999em;  /*using left instead of display to hide menus because display: none isn't read by screen readers */
	padding:0px;
	margin:0px;
	display: none;
	
	
}

#rollovermenu li a
{
    padding: 0px;
    margin: 0px;
    
}


#rollovermenu li:hover ul, #rollovermenu li.sfhover ul { /* lists nested under hovered list items */
	left:150px;
	top:0px;/*19px for good drop height on 20px high lines*/
	padding:0px;
	margin:0px;
	/*display:list-item;*/
	display: block;
	z-index:99;
	background-color:Fuchsia;
	
	
}




.menuLevel1{
	text-align:left;
	font-size:9pt;
	margin: 0;
	padding:0px 0px 0px 0px;
	color: #fff;
	/*height:19px;*/
	display: block;
	clear:both;
	width: 156px;
	/*left: -4px;*/

	list-style: none;
	
}

li.menuLevel1 a{

	color: #fff;
	
}

.menuLevel2
{
    text-align: left;
    font-size: 9pt;
    margin: 0;
    padding: 0px 0px 0px 0px;
    color: #fff;
    background-color: #0C1F0C;
    /*height: 21px;*/
    display: block;
    clear: both;
    width: 110px;
    left: 0px;
    list-style: none;
    border-bottom: #A5BCA5 1px solid;
}

.menuLevel2 a
{
    padding: 3px;
}

#sub2 li{
	text-align:left;
	font-size:8pt;
	margin: 0;
	padding:0px 0px 2px 4px;
	color: black;
	height:19px;
	display: block;
	clear:both;
	width: 150px;
	left: -4px;
	
}
#sub3 li{
	width:150px;
	text-align:left;
	font-size:8pt;
	margin: 0;
	padding:0px 0px 2px 4px;
	color: black;
	height:19px;
	display: block;
	clear:both;
	width: 155px;
	left: -4px;
	
}
#sub4 li{
	text-align:left;
	font-size:8pt;
	margin: 0;
	padding:0px 0px 2px 4px;
	color: black;
	height:19px;
	display: block;
	clear:both;
	width: 150px;
	left: -4px;
	
}
#sub5 li{
	text-align:left;
	font-size:8pt;
	margin: 0;
	padding:0px 0px 2px 4px;
	color: black;
	height:19px;
	display: block;
	clear:both;
	width: 150px;
	left: -4px;
	
}


/* end of drop downs*/


/* drop style 2  */

/*dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 0;
left: 0;
}
dl#menu {
width: 15em;
}
dl#menu dt {
cursor: pointer;
margin: 2px 0;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: #ccc;
}
dl#menu dd {
border: 1px solid gray;
}
dl#menu li {
text-align: center;
background: #fff;
}
dl#menu li a, dl#menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

dl#menu li a:hover, dl#menu dt a:hover {
background: #eee;
}*/

/* drop downs 2 end  */

/* drop downs 3 */

/* common styling */
.menu {font-family: arial, sans-serif; width:106px; height:150px; position:relative; margin:0; font-size:11px; margin:50px 0;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000; width:104px; height:20px; text-align:center; border:1px solid #fff; border-width:1px 1px 0 0; background:#c9c9a7; line-height:19px; font-size:11px;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#b3ab79;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:105px; width:105px;}
.menu ul li:hover ul li a.hide {background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover a.hide {width:150px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#b3ab79; color:#000; width:150px;}
.menu ul li:hover ul li a:hover {background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#000;}
.menu ul li:hover ul li:hover ul li a {display:block; width:200px; background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;}

/* drop downs 3 finish */