/* CSS Document */


body {

	margin: 0;
	padding: 0;
	font-size: 11px;
	font-family: Verdana, sans-serif;
	background-image:url(images/page_back.jpg);
background-repeat:repeat-x;
background-color:#fff;
}


.formfind	{
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-left:3px;
		}

.formsearch	{
	width:100px;
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-top:5px;
	margin-left:10px;
		}


p{

font-family: Arial,Tahoma, Helvetica, sans-serif;

font-size:11px;

color:#222;

line-height:20px;



}





.b_link {
	color: #ffffff;
	font-size: 10px;
	margin: 5px 5px 0px 0px;
	float: right;
}

.b_link a {
	text-decoration: none;
	color: #ffffff;
}




.cms-grid {width:100%;}



#searchbox {

	padding: 2px;
	border: 1px solid #cccccc;
	background: #ffffff;
	width: 180px;
	height: 20px;
	margin-bottom:5px;
margin-left:2px;
margin-top:3px;

}

* html #searchbox {
	width: 185px;
	height: 26px;
	overflow: hidden;
}

#formsearch {
	width: 120px;
	height: 20px;
	border: 0px;
	background: none;
	margin: 0px;
	padding: 3px 0px 0px 0px;
	font-size: 12px;
}

#formfind {
	margin: 0px;
	padding: 0px;	
	width: 20px;
	height: 20px;
	border: 0px;
	background: none;
	vertical-align: bottom;
	float: right;
}







/* LINESAVE CART CSSS BELOW HERE */


p {

	font-family:Tahoma, Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#333333;

	text-align:left;

	text-decoration:none;

}



p a	{

	text-decoration:none;

	color:#333333;

	font-weight:bold;

}



p a:hover	{

	text-decoration:none;

	color:#999999;

	font-weight:bold;

}



img         { border:0; }

form        { display:inline; }

#leftColumn { width:195px; }



#centerColumn {

    width:705px;

    padding-right:5px;

    font-size:12px;

}

#rightColumn { width:0px; }



.headerban	{

	width:900px;;

	height:70px;

	background-color:#FFFFFF;

	border-left:solid;

	border-left-color:#222;

	border-left-width:1px;

	border-right:solid;

	border-right-color:#222;

	border-right-width:1px;

	border-top:solid;

	border-top-color:#222;

	border-top-width:1px;

		}



.topmenuban	{

	width:900px;;

	background-color:#FFFFFF;

	border-left:solid;

	border-left-color:#222;

	border-left-width:1px;

	border-right:solid;

	border-right-color:#222;

	border-right-width:1px;

	text-align:right;

	height:40px;

	font-size:10px;

}



.lineban	{

	width:900px;;

	border-left:solid;

	border-left-color:#222;

	border-left-width:1px;

	border-right:solid;

	border-right-color:#222;

	border-right-width:1px;

	height:5px;

	background-color:#CCCCCC;

		}









.quicksearch	{

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#FF6600;

	text-align:justify;

	font-weight:bold;

	margin-bottom:5px;

	padding-left:10px;

	}



.formsearch	{

	width:100px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:10px;

	margin-top:5px;

	margin-left:10px;

		}



.formfind	{

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:10px;

	margin-left:10px;

		}



ul.catmenu	{

	list-style:none;

	margin-left:0px;

	padding-left:0px;

		}



li.catmenu	{

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#ffffff;

	text-decoration:none;

	background-image:url(images/cat_but_bkgrd.jpg);

	background-repeat:no-repeat;

	width:130px;

	padding-left:5px;

	margin-bottom:0px;

	line-height:35px;

	font-weight:bold;



			}



li.catmenu a	{

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#ffffff;

	text-decoration:none;

	width:130px;

	padding-left:5px;

	margin-bottom:0px;

	line-height:35px;

	font-weight:bold;



			}



li.catmenu a:hover	{

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#333333;

	text-decoration:none;

	width:130px;

	padding-left:5px;

	margin-bottom:0px;

	line-height:35px;

	font-weight:bold;



			}





.linesave	{

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:10px;

	color:#222;

	text-align:justify;

	}



.linesave a	{

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:10px;

	color:#222;

	text-align:justify;

	text-decoration:none;

	}



.linesave a:hover	{

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:10px;

	color:#666;

	text-align:justify;

	text-decoration:none;

	}



.topbar1 {



    height:28px;

    padding-left:19px;

    color:#FFF;

    font-weight:bold;

    font-size:12px;

    margin-top:2px;

}

.topright {



    width:19px;

    height:28px;

    width:100%;

}

.topbartitle {
	


    height:22px;

    margin-right:19px;

    padding-top:6px;
	
	font-size:11px;
	font-weight:bold;
text-align:right;

color:#999;

}

* html .topbartitle { height:28px; }



.checkouttopbar	{

	background-image:url(images/cart-details-header-bkgrd.jpg);

	background-repeat:no-repeat;

    height:20px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#FFFFFF;

	font-weight:bold;

	padding-top:5px;

	width:165px;

	text-align:center;

}





.featuredproductbox	{

	background-image:url(images/featuredproduct_bkgrd.jpg);

	background-repeat:no-repeat;

	background-position:center;

	width:170px;

	height:100px;

	float:left;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#666666;



					}



.featuredproductbox-12112007	{

	background-image:url(images/featuredproduct_bkgrd-12112007.jpg);

	background-repeat:no-repeat;

	background-position:center;

	width:140px;

	height:100px;

	float:left;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#666666;

	}

.featuredlinkbox-12112007	{

        background-color:#EFf9E1;

	padding-left:10px;

	margin-left:1px;

	width:417px;

        float:left;

        font-family:Verdana, Arial, Helvetica, sans-serif;

        font-size:12px;

        color:#666666;

	border:solid;

	border-color:#97b74c;

	border-width:1px;

					}

pagination {

    margin:25px auto 25px auto;

    position:relative;

    font-size:9px;

}



.pagination a, .pagination .active {

    padding:5px;

    background:#FFF;

    border: 2px solid #CCC;

    text-decoration:none;

}



.pagination a:hover, .pagination .active {



    background:#dddddd;



    color:#FFF;



    text-decoration:none;



}



.pagination .active {



    cursor:pointer;



    font-weight:bold;



    text-decoration:none;



}



.pagination .num {

    cursor:pointer;

    text-decoration:none;

}



.pagination .label a  {

    text-decoration:none;

}



.pagination a, .pagination a:link, .pagination a:hover, .pagination a:visited {

	text-decoration:none;

	color:#666666;

	padding:2px;

}







.featuredlinkbox-12112007 a       {

        font-family:Verdana, Arial, Helvetica, sans-serif;

        font-size:12px;

        color:#666666;

	text-decoration:none;

                                        }



.cart-details-content-box	{

	background-image:url(images/cart-details-content-bkgrd.jpg);

	background-repeat:no-repeat;

	background-position:center;

	width: 165px;

	height:100px;

	font-family:Verdana, Arial, Helvetica, sans-serif;



	color:#666666;

	margin-bottom:2px;

}



.specials-content-box	{



	width:190px;

	height:97px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#666666;

	margin-bottom:2px;



}



.recently-viewed-content-box	{

	background-image:url(images/recent-content-bkgrd.jpg);

	background-repeat:no-repeat;

	background-position:top center;

	width:165px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#666666;

	margin-bottom:2px;

	border-bottom:solid;

	border-bottom-width:1px;

	border-bottom-color:#ccc;

					}

.recently-viewed-content-box p {

    margin:0;

    padding:0;

}



.specials-button a	{

	text-decoration:none;

	padding-left:5px;

	color:#333333;

	padding-bottom:2px;

	margin-top:2px;

	display:block;

	text-align:center;

}



.specials-button a:hover	{

	text-decoration:none;

	padding-left:7px;

	color:#333333;

							}



.specials-title	{

	display:block;

	font-family:trebuchet ms, Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#FFFFFF;

	height:20px;

	font-weight:bold;

	padding:3px 0 0 0;

	width:162px;

	text-align:center;

}





.cart-details-text-box	{

	width:100%;

	text-align:center;

	padding-top:5px;

	font-size:14px;



}



.cart-details-links-box	{

	width:100%;

	text-align:center;

	padding-top:25px;

	padding-bottom:2px;

	font-size:10px;

}



.cart-details-links, .cart-details-links a	{

	color:#333333;

	text-decoration:none;

	font-weight:bold;

}



.cart-details-links:hover {

	color:#999999;

	text-decoration:none;

}





.featuredproductbox-lay2	{

	background-image:url(images/featuredproduct_long_bkgrd.jpg);

	background-repeat:no-repeat;

	background-position:center;

	width:511px;

	height:100px;

	float:left;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#666666;



					}



.featuredproductbox-lay4	{

	background-image:url(images/featuredproduct_long_bkgrd-lay4.jpg);

	background-repeat:no-repeat;

	background-position:center;

	width:511px;

	height:200px;

	float:left;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#666666;

}



.featuredproductbox-lay5 {

	background-image:url(images/featuredproduct_bkgrd-lay5.jpg);

	background-repeat:no-repeat;

	background-position:center;

	width:250px;

	height:100px;

	float:left;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#666666;

	margin-bottom:10px;

}





.featuredproductboxtitle {

	color:#548800;

	font-weight:bold;

	float:left;

	margin-left:5px;

	margin-top:5px;

	font-size:12px;

}



.featuredproductboxtitle-12112007 {

	color:#548800;

	font-weight:bold;

	float:left;

	margin-left:10px;

	margin-top:5px;

	font-size:12px;

	width:50px;

}





.featuredproductboxtitle-lay3 {

	color:#548800;

	font-weight:bold;

	float:right;

	margin-right:5px;

	margin-top:5px;

}



.featuredproductboxdesc	{

	width:100px;

	float:left;

	margin-left:5px;

}



.featuredproductboxdesc-12112007	{

	width:70px;

	float:left;

	padding-left:10px;

				}





.featuredproductboxdesc-lay2	{

	width:380px;

	float:left;

	margin-left:5px;

	text-align:justify;

				}



.featuredproductboxdesc-lay6	{

	width:200px;

	float:left;

	margin-left:5px;

	text-align:justify;

				}





mainfeaturetable-lay6	{

	border-right:solid;

	border-right-color:#00FF00;

	border-right-width:1px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#666666;

						}





.featuredproductboxdesc-lay3	{

	width:370px;

	float:right;

	margin-left:10px;

	margin-right:10px;

	text-align:justify;

				}



.featuredproductboximg	{

	float:right;

	margin-right:5px;



						}



.featuredproductboximg-lay2	{

	float:right;

	margin-right:5px;



						}





.featuredproductboximg-lay3	{

	float:left;

	margin-left:5px;



						}



.featuredproductboximg-lay4	{

	margin-right:5px;

	margin-bottom:5px;



						}





.featuredproductboxlinkcon	{

	width:100px;

	float:left;

	margin-top:5px;

	margin-left:5px;

						}



.featuredproductboxlinkcon-12112007	{

	width:100px;

	float:left;

	margin-top:5px;

	margin-left:10px;

						}





.featuredproductboxlinkcon-lay2	{

	width:90px;

	float:right;

	margin-top:5px;

	margin-left:5px;

						}



.featuredproductboxlinkcon-lay3	{

	width:90px;

	float:left;

	margin-top:5px;

	margin-left:15px;

						}





.featuredproductboxlink	{

	text-decoration:none;

	color:#5A9100;

	font-weight:bold;

	font-size:12px;

						}



.featuredproductboxlink:hover	{

	text-decoration:underline;

	color:#8DE100;

	font-weight:bold;

								}



#marqueecontainer {

    position: relative;

    width: 150px; /*marquee width */

    height: 70px; /*marquee height */

    overflow: hidden;

    padding-left:5px;

    z-index:900;

}



.mailbutton{
margin-top:5px;
    border:2px solid #C9C3A3;

    background-color:#113D22;

    color:#000;

    font-weight:bold;

font-size:11px;
}

.sbutton1, .sbutton2, .sbutton3, .sbutton5, {

    border:1px solid #8EC9E6;


    background-color:#EEF7FB;

    color:#000;

font-weight:normal;

font-size:10px;



}

.sbutton2, .sbutton4 {



    background-color:#EEF7FB;

    font-size:11px; 

    font-weight:bold; 

    color:#000;

    padding:4px;

    margin:0px;

    cursor:pointer;

    text-decoration:none;

}

.sbutton3 {        
    background-color:#EEF7FB; font-size:11px; }

* html .sbutton2:link {

	display:inline-block;

}



label { font-size:12px; }

#product_view {

    font-size:12px;

}

#product_view {

    font-size:12px;

    width:436px;

    /*border:1px solid #7aac33;*/

}

#product_view img { border: 1px solid #cccccc;}

.product_thumbx { margin-right:2px; }

.product_desc { padding:15px 5px 5px 5px; font-weight:normal; }

.product_addons, .addon_text { font-size:12px; }

.product_price { padding:10px; font-size:13px; font-weight:bold; color:#999; }

.product_info { padding:5px 0 0 5px; font-size:12px; }

.product_code { font-weight:normal; font-size:11px; }

.prodcuts_related_title { border-bottom:1px solid #cccccc; padding-left:10px}

.addon_text a:link, .addon_text a:hover, .addon_text a:visited {text-decoration:none;color:#000;}

#product_view a:link, #product_view a:hover, #product_view a:visited {

    text-decoration:none;color:#000;

    font-size:12px;

}



.view_product_link a:link, .view_product_link a:hover, .view_product_link a:visited {

    text-decoration:none;

    color:#666;

    background:#cccccc;

    border:1px solid #000;

    display:block;

    font-size:10px;

    font-weight:bold;

    text-align:center;

    width:100px;

    padding:4px;

}



.related tr { border:1px solid #ccc; }

.relprod_title { font-size:9px; font-weight:bold; }

.addon_text { width:200px; padding-left:5px; }

.addons_head { font-size:9px; color:#999;}

.timg { padding:0px; }

.imgtext { margin:-5px 0 0 40px; font-size:10px; }

.balloonstyle{

    position:absolute;

    top: -500px;

    left: 0;

    padding: 5px;

    visibility: hidden;

    border:1px solid black;

    font:normal 12px Verdana;

    line-height: 18px;

    z-index: 9999;

    background-color: white;

    width: 200px;

}
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/

/*    filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);

}*/

#arrowhead{

    z-index: 99;

    position:absolute;

    top: -500px;

    left: 0;

    visibility: hidden;

}





/* overlay */

#imgbox {

    background:transparent;

    position:absolute;

	z-index:9000;

}



#scrollpanel {

	position:relative;

	z-index:7000;

	display:block;

	margin:0 auto;

}

.thumbimg {

    z-index:9000;

    cursor:pointer;

}



#mainImg {

    background:#000;

    position:absolute;

    border:1px solid #CCC;

}

#closebox, #print {

    background:transparent url(../images/jspop/buttonbg.gif) no-repeat;

    text-align:center;

    color:#000;

    position:absolute;

    z-index:1000;

    width:73px;

    height:21px;

    padding-top:4px;

    font-family:Tahoma,Arial,sans-serif;

    font-size:11px;

    font-weight:bold;

    z-index:1000;

    cursor:pointer;

}

#print { top:5px; }



#pause {

    background:transparent url(../images/jspop/pause.gif) no-repeat;

    position:absolute;

    width:11px;

    height:10px;

    z-index:9999;

    display:none;

}



img { border:0; padding:0; margin:0; }



/**

 * This <div> element is wrapped by jCarousel around the list

 * and has the classname "jcarousel-container".

 */

.jcarousel-container {position: relative;}

.jcarousel-clip {

    z-index: 2;

    padding: 0;

    margin: 0;

    overflow: hidden;

    position: relative;

}

.jcarousel-list {

    z-index: 1;

    overflow: hidden;

    position: relative;

    top: 0;

    left: 0;

    margin: 0;

    padding: 0;

}

.jcarousel-item {

    float: left;

    list-style: none;

    /* We set the width/height explicitly. No width/height causes infinite loops. */

    width: 80px;

    height: 60px;

}

.jcarousel-skin-tango.jcarousel-container {background: #000;}

.jcarousel-skin-tango .jcarousel-clip-horizontal {height: 60px;}

.jcarousel-skin-tango .jcarousel-item {width:80px;height: 60px;}

.jcarousel-skin-tango .jcarousel-item-horizontal {margin-right: 0px;}

.jcarousel-skin-tango .jcarousel-item-placeholder {background: #000;color: #000;}



.boxprod {

    width:105px;

    text-align:center;

    font-size:12px;

    font-weight:bold;

}

.boxprod img { border:0px; margin:3px; }

.boxprod span { display:block; padding:6px; }

.boxprod a:link, .boxprod a:hover, .boxprod a:visited {

    text-decoration:none;

    color:#000;

    font-size:12px;

}

#toptext {

margin-left:5px;
margin-top:0px;

    font-size:12px;

}



#bottomtext {

    font-size:12px;

}



#indexTitle {

    font-weight:bold;

    font-size:20px;

    text-align:center;

}

#indexCenter {



}

#datatable td { padding:3px; border-bottom:1px solid #ccc; }



.searchresult_name {

    font-size:12px;

}

.searchprice {

    font-weight:bold;

    font-size:12px;

}

.searchresult_name a:link, .searchresult_name a:hover, .searchresult_name a:visited {

    text-decoration:none;color:#000;

    font-size:12px;

}



#carttable {

    border:1px solid #ccc;

    width:650px;

    border-collapse:collapse;

    border:1px solid #ccc;

    font-size:12px;

}



#carttable th {

    background:#EEF7FB;
    padding:5px;

    border:1px solid #ccc;

}

#carttable .head { 

    background:#EEF7FB;

    font-weight:bold; 

    text-align:right;

}

#carttable td {

    padding:5px;

    border:1px solid #ccc;

    font-size:12px;

    text-align:center;

}

#carttable .index { text-align:left; }

#carttable .opts {

    font-size:10px;

}

#carttable a, #carttable a:link, #carttable a:visited {

	text-decoration:none;

	color:#445248;

}

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



#product_added {

    border:2px solid #fff;

    background:green;

    font-weight:bold;

    padding:6px;

    color:#FFF;

    text-align:center;

}



#checkout_button_1,  

#checkout_button_1 a {

    font-size:12px;

    text-decoration:none;

        background:url('images/checkout2.gif') no-repeat;

    border:0;

    width:150px;

    height:31px;


    outline:0px;

    cursor:pointer;

    margin:20px 0 0 20;

    display:block;

}

#checkout_button_1 a { margin:0px; }

#checkout_button_2,

#checkout_button_2 a {

    font-size:12px;

    text-decoration:none;

    background:url('images/checkout2.gif') no-repeat;

    border:0;

    width:150px;

    height:30px;


background:transparent url('images/continue2.gif') no-repeat;

    border:0;


    height:31px;

    margin:20px 0 0 300;

    outline:0px;

    display:block;

    cursor:pointer;

}

#checkout_button_2 a { margin:0px; }



#stock_errormsg {

   color:red;

   font-weight:bold;

}



.contentbox {

	margin-left:1px;

	width:450px;

	padding:10px;

	font-size:12px;

}



  

.close_content {

	height:20px;

	width:100%;

}

* html .close_content {

	width:442px;

}

.product_addons {

	margin-top:4px;

	font-size:11px;

}



.cat-links, .cart-links a	{

	color:#333333;

	text-decoration:none;

	font-weight:bold;

	font-size: 12px; 

}

.prod-links	{

	color:#333333;

	text-decoration:none;

	font-weight:normal;

	font-size: 9px; 

}

#category_page td { font-size:12px;  }

.qty { text-align:center; }



.innerContent {

    padding:10px;

    border:solid 1px #bccc9b;

    font-size:12px;

}

.searchresult {

    font-size:11px;

    padding:10px 0 5px 0;

    border-bottom:1px solid #ccc;

    width:100%;

}

.delivery, .delivery p {

    font-size:12px;

}

.delivery .delborder {

    border-left:1px solid #ccc;

    padding:0px 5px 0px 15px;

}

#checkout_breadcrumb {

    text-align:center;

    padding:15px 0px 0px 0px;

}

#checkout_breadcrumb li {

    display:inline;

    padding-right:10px;

    color:#ececec;

}

#checkout_breadcrumb li .last { padding:0px; }

#checkout_breadcrumb li .active {

    font-weight:bold;

    background:url('images/cart-small.gif') no-repeat left;

    padding:0 0 0 25px;

}

#checkout_breadcrumb a, #checkout_breadcrumb a:link, #checkout_breadcrumb a:visited {

	text-decoration:none;

	color:#000;

}

.payoptions_item {

    background:#FFF;

    cursor:pointer;

}

.payoptions_mouseover {

    background:#fafafa;

    cursor:pointer;

}   

.boxbody {

    border:1px solid #cccccc;

    font-size:12px;

}

.boxbody a {

    color:#000;

    font-size:12px;

}

.cart-details-account-links {

    font-size:10px;

    text-align:center;

}



.smalltext {

    font-size:9px;

}


.menutitle{
font-family:Arial, Helvetica, sans-serif;
display:block;
width:165px;
height:25px;
background-color:#d8d8d8;
padding:5px 2px 5px 2px;
font-size:10px;
font-weight:bold;
color:#222;
text-align:center;
}

* html .menutitle{
width:160px;
}

.traderlogin{
width:165px;
text-align:center;
background-image:url(images/trader_background.jpg);
background-repeat:no-repeat;
height:60px;
}

.trader{
font-weight:bold;
font-size:12px;
color:#fff;
line-height:33px;
}

.smallscroll{
font-size:10px;
color:#222;
}




/* BANNER CSS ETC */

.topbanner {
    display: block;
    text-align:center;
    margin-top: 35px;
margin-right:5px;
float:right;
}

.lgo{
	position: relative;
	text-align: left;
}



#sm_table {
    width:100%;

}
#sm_table td {
    vertical-align:top;
    width:33%;
}
P.breakhere {page-break-before: always}









/* ANNABELL CSS BELOW HERE */


.pageWrapper {
	margin: 0 10%;
	width: auto;
	min-width: 620px;

}

/** Uncomment below for liquid width (expands and contracts with brwoser window width 
*/
.pageWrapper {
	margin: 0 auto;
	width: 900px;
	min-width: 620px;
}


/* extension to page wrapper */
#main {
	border-right: #FFF 2px solid;
	border-left: #FFF 2px solid;
	/* IE Hack. Set this to right colour for now */
background-color:#fff;
}

div#bodyWrap {
	background: url('images/back_top.jpg') repeat-x;
}

div#bodyWrap {
	width: auto;
	min-width: 770px;
	height: 432px;
}


.subBarInner p {
	margin: 8px 8px 2px 8px;
	padding: 0;
}




/* -----------------------------------------------------------
					Headers ( h* style )
----------------------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6
{
	font-size: 14px;
	font-weight: bold;
color:#666;
}

h1 {
font-size: 18px;
color:#666;

}


/* -----------------------------------------------------------
					View Controllers
----------------------------------------------------------- */

.clear {
	clear: both;
}

.hide, #oldBrowserNotice, 
.ieSixCharDupBug {
	display: none;
}

/* -----------------------------------------------------------
					Page Header(s) and Footer
----------------------------------------------------------- */

#header {
	height: 177px;

	margin-right: -2px; /* Box model adjustment */
}

#header #logo {
	width: 525px;
	float: left;
	background: url('images/logo.jpg') no-repeat;
	margin: 0 0px;
	height: 128px;
	position: absolute;
	z-index: 100;
}

#header #logo h1 {
font-size:10px;
color:#000;
float:left;
padding:0px;
margin-top:0px;
}

#heading .head {
	height:130px;
width:375px;
float:right;

	position: relative;
	margin-right: -2px;
}

* html #heading .head {
  margin-right: -4px; /* Extra 2px due to IE Box model */

}

#heading .top, 
#heading .sub {
	color: #FFF;
	margin: 10px 10px 0 0;
	float: right;
	width: 890px;

	text-align:left;
	height: 30px;


}

#heading a:link,
#heading a:visited {
	color: #222;
	margin-left: 32px;
}

#heading a:hover {
	border-bottom: #87AEE2 4px solid;
}

#heading .sub {
	clear: right;
}

#footer {
	position: relative;	/* IE fix */
	padding: 4px 24px;
	color: #666;
background:#ececec;
border-top: solid #999 1px;
	
}

/* -----------------------------------------------------------
						Layout Controls
----------------------------------------------------------- */

/* --------------------- Common to both -------------------- */

#mainInner,
div.subBarInner,
div.subTitleInner {
	z-index: 2;
	width: 100%;
	border-right: #ff0000 2px solid;

}

div.content {
	border-width: 0;	/* Fix print/v4 borders issue */
}

#mainOuter div.left,
#mainOuter div.right,
#mainOuter div.content,
div.subBarInner div.content,
div.subBarInner div.right,
div.subTitleInner div.content,
div.subTitleInner div.right {
	/* For Sub elements of #mainOuter AND div.subBarInner */
	float: left;
	position: relative;
	z-index: 10;
	overflow: visible;	/* fix for IE italics bug */
}

/* --------------------- The Sub Bar Piece -------------------- */

div.subBarOuter,
div.subTitleOuter {
	z-index: 1;
	border-style: solid;
	border-color: #E5EDF1;
	border-width: 0;
}

div.subBarInner div.right,
div.subTitleInner div.right {
	float: right;
	width: 20em;
	margin: 0 -20em 0 1px;
}

div.subBarInner div.content,
div.subTitleInner div.content {
	margin: 0 -1px; /* Ensure floating */
	width: 100%;
}

/* --------------------- The Main Bar Piece -------------------- */

#mainOuter {
	z-index: 1;
	border-left: 16em #fff solid;
	border-right: 8px #222 solid;
}

#mainInner {
	border-left: 2px solid #FFF;
	background: #fff;
}

#mainOuter .content {
	margin: 0 -1px;	/* Ensure floating */
	width: 100%;
}

#mainOuter .right {
	/* Not used for now */
	float: right; 			/* Possiblity for NN4 layout */
	width: 15em;
	margin: 0 -15em 0 1px;	/* Column position */
}

#mainOuter .left {
	width: 16em;
	margin: 0 1px 0 -16em;	/* Column position */
}

/* -----------------------------------------------------------
					Decoration Fix-up Pieces
----------------------------------------------------------- */

div.gap {
	border-top: 2px solid #FFF;
	background: #CDE;
	position: relative;
}

html>body .mozclear {
	border-bottom: 1px solid white;	/* help mozilla recognize empty  clearing element */
	margin-bottom: -1px;                  /* compensate for 1px space used by border */
}

/* -----------------------------------------------------------
						Fix BugIE :-|
----------------------------------------------------------- */

* html #mainInner, * html div.subBarInner, * html div.subTitleInner {
	position: relative;	/* fix a render bug in IE under certain conditions */
}

* html div.gap {
	margin-right: -4px;
}

* html #mainOuter {
	border-right: 1px #fff solid;
}

.leftInside,
.titleSide,
#mainInner .left div.button1,
#mainInner .left div.button2 {
	margin-left: -2px;
	margin-right: 2px;
}


/* -----------------------------------------------------------
					Sub Bar (Thing under header)
----------------------------------------------------------- */

div.subBarInner {
	background: #F7F7EC  url('images/bg2.gif');
	padding-bottom: 8px;
}

div.subBarInner span {
	display: block;

}

div.subBarOuter,
div.subTitleOuter {
	border-right-width: 20em;
}

div.subTitleOuter div.right,
div.subBarOuter div.right {
	text-align: center;
}

div.subTitleOuter {
	border-color: #CFE0E9;
}

div.subTitleInner {
	background: #E6EDE0 url('images/bg1.gif');
	color: #164677;
}

/* -----------------------------------------------------------
							Main Bar
----------------------------------------------------------- */

.titleSide,
.titleMain {
	padding: 8px 16px 4px 16px;
	border-bottom: 1px solid #FFF;
	letter-spacing: 0.1em;
	height: 16px;
}

.titleSide {
	background: #666;
	color: #FFF;
	margin-bottom: 12px;
	font-size: 12px;
	padding-left: 24px;
}

.titleMain {
text-align:right;
	font-size: 10px;
	color:#999;
}

.titleMain a:link,
.titleMain a:visited {
	color: #5382B3;
}

.right p,
.content p {
	color: #274563;
	line-height: 1.6em;
	letter-spacing: 0.05em;
	padding: 0 16px 8px 16px;
}

#mainInner .left ul {
	list-style-type: none;
	margin: 0 0 12px 12px;
	padding: 0;
}

#mainInner .left ul li {
	margin: 8px;
}

ul.dotted,
li.select {
	list-style-type: square;
	color: #40A3FE;
	margin-left: 52px;
}

.left .active a:link,
.left .active a:visited {
	font-weight: bold;
	color: #0471E1;
	list-style-type: square;
}

#mainInner .left ul.dotted {
	list-style-type: square;
}

#mainInner .left input {
	color: #000;
}

#mainInner .left div.button1,
#mainInner .left div.button2 {
	width: 100%;
	color: #163977;
	border: 0 none;
	border-top: #FFF solid 2px;
	padding: 6px 0;
}

#mainInner .left div.button1 a:link,
#mainInner .left div.button1 a:visited,
#mainInner .left div.button2 a:link,
#mainInner .left div.button2 a:visited {
	margin: 0 0 0 24px;
	font-size: 12px;
	font-weight: bold;
}

#mainInner .left div.button1 {
	background: #C9D6A6 url('images/bg3.gif');
}

#mainInner .left div.button2 {
	border-bottom: #FFF solid 2px;
	background: #C9D6A6 url('images/bg4.gif');
}


.pwrap{
width:900px;
padding-top:10px;
overflow:visible;
height:550px;
background: #fff;
border-right-style:solid;
border-right-color:#ccc;
border-right-width:1px;
border-left-style:solid;
border-left-color:#ccc;
border-left-width:1px;
}



.cssnav a{
font-size:11px;
display:block;
background:#E5F4FB;

margin-top:2px;
color:#666;

text-decoration:none;
padding:4 0 4 10px;
}


.cssnav a:hover{
background:#D5EDF9;
color:#000;
padding:4 0 4 10px;
}

.footerbox{
width:900px;
background: #fff url('images/footer_bg.jpg');
height:40px;
border-right-style:solid;
border-right-color:#ccc;
border-right-width:1px;
border-left-style:solid;
border-left-color:#ccc;
border-left-width:1px;
}


.crumbs {text-decoration:none; color:#999; font-size:11px;  }

.crumbs:hover { text-decoration:underline; color:#666; font-size:11px; }


.spacerbox{margin-top:0px; padding-top:10px; background-color:#fff; width:900px; border-right-style:solid;
border-right-color:#ccc;
border-right-width:1px;
border-left-style:solid;
border-left-color:#ccc;
border-left-width:1px; }



