/* globals */

body
{
    background: #6B5B4B url(    '/bg-body.jpg' ) no-repeat left top;
    color: #352306;
    margin: 10px 0;
    padding: 0px;
    border: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #666666;
    text-align: center;
}


/* header footer */

#headerContainer {
 width:100%;
	
}					
#header {
	width: 770px;
	padding: 0;
	margin: 0;
	text-align: left;
	
}

#footerContainer {
width:770px;
}

	#footer {
	background:#ede7dc;
	color : #c08831;
	text-align : left;
	padding: 10px 20px 10px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #a3864f;
 letter-spacing:0px;
	text-align:left;
	}
    #footer a {
    color: #C08831;
    text-decoration: none;
    padding:0px 3px;
    font-weight:normal;
    }
    #footer a:hover {
    color: #352306;
    text-decoration: underline;
    }
				#footer p {
				margin:5px 0;
				}
				


/*
#header ul {
display:inline;
list-style:none;
font-size:9px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
margin:0;
letter-spacing:3px;
}
#header li {
display:inline;
border:1px solid #58421b;
margin:0px 5px;
padding:0;
}
#header li a {
color:#c08831;
padding:5px 8px;
text-decoration:none;
background:#442d09;
}
#header li a:hover {
color:#c08831;
padding:5px 8px;
text-decoration:none;
background:#58421b;
}
		*/			
							
		
#promo {
width:790px;
}



#navContainer{
width:100%;
margin:0px;
padding: 0px;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
z-index:5;
}
/*
#nav{
width:770px;
background: #ede7dc ;
margin:0px;
padding: 0px;
text-align:left;
color:#FFFFFF;
border-bottom:1px solid #352306;
}
#nav ul {
color:#FFFFFF;
margin:0px;
padding:6px 0px;
}
#nav li {
list-style:none;
display:inline;
border-right: 1px solid #d1c3a7;
padding:0px;
margin:0px;
}
#nav li a {color:#C08831; text-decoration:none; padding:6px 8px 6px 8px;}
#nav li a:hover {color:#352306; text-decoration:underline; background:#e1d9c9;padding:6px 8px 6px 8px;}
*/

#nav, #nav ul {
	float: center;
 width:100%;
	list-style: none;
	line-height: 1;
	background: #eee;
	font-weight: bold;
	padding: 0;
	border: solid #e1d9c9;
	border-width: 0 0 1px 0;
	margin: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
#nav a {
	display: block;
	color: #C08831;
	text-decoration: none;
	padding: 6px 10px;
}

#nav li {
	float: left;
	padding: 10;
 border-right:0px solid #e1d9c9;
	background:#eee;
	text-align: left;
}
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 170px;
	
	font-weight: normal;
	border-width: 1px 1px 1px 1px;
	margin: 0;
		margin-left:-1px;
}
#nav li li {
	padding-right: 1em;
	width: 170px;
 border-bottom:0px solid #e1d9c9;
}
#nav li ul a {
	width: 170px;
	
}
#nav li ul ul {
	margin: 10px 0 0 0px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}
#nav li:hover, #nav li.sfhover {
	background: #e1d9c9;
}




#containerContent {
width:770px;
margin: 0px;
padding: 0px;
background:#fff;
clear:both;
}

#content {
	text-align: left;
 padding: 0px;
	}
	
	    #content p {
					text-align: center;
					}

p.indent {
margin:5px 20px;
padding:0px;
line-height:16px;
}
#section {
border-top:1px solid #ccc;


}
#section p{
margin:5px 0px;
}
	
#blackline1 {
  width: 100%;
  background: #000000;
  height: 1px;
  overflow: hidden;
}
	
	#blackline2 {
  width: 100%;
  background: #000000;
  height: 2px;
  overflow: hidden;
}

 #greydottedline {
	width: 100%;
	background: #ffffff;
	border-style : dotted none none none;
	border-width : 1px 0px 0px 0px;
	border-color : #cccccc;
	height: 1px;
 overflow: hidden;
	margin: 10px 0px;
}
	



#shad1 {
width: 100%;
padding: 0px;
margin: 0px;
background: #999999;
height: 1px;
overflow: hidden;
}
#shad2 {
width: 100%;
padding: 0px;
margin: 0px;
background: #bbbbbb;
height: 1px;
overflow: hidden;
}
#shad3 {
width: 100%;
padding: 0px;
margin: 0px;
background: #dddddd;
height: 1px;
overflow: hidden;
}				

	#leftBar {
	width: 150px;
	background : #FFFFFF;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 0px dotted #000000;
	margin: 0px;
	}
	
	       #leftBar p {
				   	padding: 0px 10px;
				   	}


#leftNav {
	width: 150px;
	float: left;
	left: 0px;
	background : #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0px;
	}
	
     	#leftNav ul  {
     		list-style: none;
     		padding: 0px;
     		margin: 15px 15px 150px 15px;
     		border: 0;
     		}
	
     		#leftNav li  {
     	 display: block;
     		text-align: center;
     		width: 100px;
     		background : #999999;
     		text-decoration: none;
     		margin: 0px;
     		}
	
     		#leftNav li a {
     	 display: block;
     		color: #000;
     		padding : 5px;
     		background : #999999;
     		border : 0px solid #444;
     		text-decoration: none;
							margin: 0px;
     		}
	
     		#leftNav li a:hover {
     		color: #000;
     		background : #cccccc;
     		border : 0px solid #000;
     		text-decoration: none;
							margin: 0px;
     		}


							
/* basic href hovers */

A            {color: #996600; font-weight: bold; text-decoration: none;}
A:hover      {color: #cc9933; font-weight: bold; text-decoration: underline;}

A.subdued       {color: #6666CC; font-weight: normal; text-decoration: underline;}
A:hover.subdued {color: #CC9900; font-weight: normal; text-decoration: underline;}

A.lite       {color: #FFCC33; font-weight: bold; text-decoration: none;}
A:hover.lite {color: #FFFFFF; font-weight: bold; text-decoration: underline;}


/* colors */

.white {color: #FFFFFF;}
.tan {color: #996600;}
.black {color: #000000;}




/* text */

.sz10  { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px
}
.sz10a { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
line-height: 16px
}
.sz11  { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px
}
.sz11a { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
line-height: 17px
}
.sz12 { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px
}
.sz12a { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px;
line-height: 18px
}
.sz14  { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 14px
}
.sz14a { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 14px;
line-height: 20px
}
.sz18  { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 18px
}

	
	

/* decorative */

.padding10 {
	padding : 10px;
	}
	
.indent30dottop {
	border-top : 1px dotted #BBB;
	margin : 20px 30px 10px 30px;
	padding : 5px 0px 0px 0px ;
	}
	
.outdentFirstline {
	margin : 0px 30px 10px 40px;
	text-indent : -20px;
	}

.indent30 {
	margin : 0px 30px 10px 30px;
	}
	
.callout {
	margin-top : 15px;
	padding : 10px;
	border : 1px dotted #C00;
	line-height : 14px;
	color : #777;
	}

.dotcell {
	margin : 0px;
	padding : 10px;
	border : 1px dotted #BBB;
	color : #444;
	}
	
.dottop {
	border-top : 1px dotted #BBB
	}
	
.dotbottom {
	border-bottom : 1px dotted #BBB
	}
	
.dotCellRight {
	padding : 10px;
	border-right : 1px dotted #BBB;
	}	

.navMargin {
	margin-top : 3px;
	}

.calloutf {
	padding : 5px 0px;
	border-bottom : 1px dotted #BBB;
	border-right : 1px dotted #BBB;
	border-left : 1px dotted #BBB;
	white-space : nowrap;
	line-height : 14px;
	color : #444;
	}
	
.skinny {
	margin : 0px;
	padding : 10px 15px 10px 15px;
	background : #FFF;
	border-right : 1px dotted #444;
	border-left : 1px dotted #444;
	border-bottom : 1px dotted #444;
	}

	
	
/* form elements */

SELECT.dropdown { 
font-family: Verdana, Arial,Helvetica,Sans-serif;
font-size: 11px;
color: #333333;
}


INPUT.button { 
font-family:Verdana,Arial,Helvetica,Sans-serif; 
font-weight: bold;
font-size: 10px; 
background-color: #212451; 
color: #ffffff 
}
     
.dataentry {
    font-weight: bold;
    font-family: Verdana,Helvetica,Sans-Serif;
    font-size: 10px;
    width: 200px;}

textarea {
	font : 10px verdana, helvetica, arial, geneva, sans-serif;
	border : 1px solid #666;
	padding : 2px;
	background : #FFF;
	}

input.submit {
	font : 10px verdana, helvetica, arial, geneva, sans-serif;
	padding : 2px;
	background : #FFF;
	}

input.submit:active {
	padding : 2px;
	color : #000;
	background : #666;
	}

input.text {
	font : 10px verdana, helvetica, arial, geneva, sans-serif;
	border : 1px solid #666;
	padding : 2px;
	background : #FFF;
	}

input.textnav {
	font : 10px verdana, helvetica, arial, geneva, sans-serif;
	border : 1px solid #666;
	padding : 2px;
	background : #EEE;
	}

input.check {
	font : 10px verdana, helvetica, arial, geneva, sans-serif;
	color : #666;
	background : #FFF;
	}

select {
	font : 10px verdana, helvetica, arial, geneva, sans-serif;
	color : #666;
	background : #FFF;
	}
	


em {
font-style: normal;
background: #eee;
}

h1 
{
	font-family:Arial;
}

h3 {
margin: 10px 0;
padding: 0 5px;
font: bold 18px georgia;
color: #6600cc;
}

h4 {
margin: 10px 0 0 5px;
color: #666;
text-transform: uppercase;
font: 10px verdana;
}

p,
li {
font-size: 13px;
font-family: arial;
padding: 0;
}

p {
line-height: 18px;
margin: 5px;
}
/*
ul {
list-style: none;
margin: 5px;
padding: 0;
}

li {
padding: 0 0 0 18px;
background: url(images/bullet_purple.gif) top left no-repeat;
}
*/

/* Layout
   ======================== */

.header {
height: 50px;
margin-left:10px;
}

.menu {
width: 150px;
float: left;
border-width:1px;
margin: 20px 5px;
}

.content 
{
text-align:left;
float:left;
margin: 20px 5px;
margin-left:20px;
}

.feed
{	font-family:Arial;
	font-weight:bold;
	height:40px;
}

.customize
{
	text-align:right;
	width:70px;
	position:absolute;
	margin-left:720px;	
	margin-top:-50px;
	font-family:Verdana;
	font-size:12px;	
}

.loginstatus 
{
	text-align:right;
	width:200px;
	position:absolute;
	margin-left:660px;	
	margin-top:20px;
	font-family:Verdana;
	font-size:12px;
}

.loginstatus span 
{
	margin-right:20px;
}

.updateprogress
{
	font-family:Arial;
	color:Red;
	font-size:20px;
}

.login
{
font: 12px Verdana;
margin-left:100px;
margin-top:30px;
}

.login .logintitle
{
color: #0066cc;
font-size: 16px;
font-weight:bold;
padding: 2px;
color:White;
background: #005CB8;
letter-spacing: 0;
font-family: Arial, sans-serif;
text-align: left;
padding-left: 5px;
}

.login input[type=text] input[type=password]
{
	width:100px;
}

/* Header
   ======================== */

.header h1 {
color: #0066cc;
font: 36px Trebuchet MS;
position: absolute;
margin:0 0;
}

.header h2 {
position: absolute;
top: 28px;
font: 9px verdana, sans-serif;
color: #666;
}

* html .header h2 {
top: 35px;
}

.header h2 a {
font-weight: normal;
color: #6600cc;
}


/************************************/

.products {
width:1100px;
}

.products form,
.products table,
.products p,
.products div,
.products fieldset,
.gridview form,
.gridview table,
.gridview p,
.gridview div,
.gridview fieldset {
margin: 0;
padding: 0;
}

.insert {
width:300px;
}

.insert span 
{
	font-family:verdana;
}

.gridview td a {
color: #0066CC;
text-decoration: none;
}

.gridview th a 
{
	color:White;
	
}

.gridview {
width: 100%;
}

.detailsview 
{
	width:100%;
}

/* Header Styling
   ======================== */

.productsheader {
position: relative;
background: #005CB8;
}

.productsheader div.insertlink a {
color: #fff;
background: url(images/add.gif) 1px 50% no-repeat;
font-size: 13px;
font-family: Trebuchet MS;
font-weight: bold;
text-decoration: none;
padding: 1px 2px 1px 19px;
}

.productsheader div.insertlink a:hover {
background: #378CDF url(images/add.gif) 1px 50% no-repeat;
}

.productsheader h2 {
color: #fff;
padding: 3px 5px;
margin: 0;
font-size: 18px;
font-weight: normal;
font-family: Verdana, sans-serif;
}

.productsheader .insertlink {
position: absolute;
right: 5px;
bottom: 2px;
}

/* GridView
   ============================= */

.gridview tr.header {
background: #C5DBF7;
}

.gridview th {
font-size: 11px;
padding: 2px;
color:White;
background: #555;
letter-spacing: 0;
font-family: Arial, sans-serif;
text-align: left;
padding-left: 5px;
}

/* Table Body Styling
   ============================= */

.gridview td {
padding: 5px 4px;
border-bottom: solid 1px #C5DBF7;
color: #333;
font-family: Verdana, sans-serif;
font-size: 11px;
background-color: #E6F2FF;
}

.gridview tr.even td {
background-color: #fff;
}

.gridview .edit td,
.gridview .create td {
padding: 0;
padding: 4px;
}

/* Table Actions (Edit, Delete) Styling
   ============================= */

.gridview td a {
font-family: Verdana, sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: -1px;
padding: 2px;
line-height: 18px;
}

/* The following fixes some very weird 
     layout issue in IE where the edit link
     is too close to the delete link after 
     the introduction of the taconite JS library
.gridview .actions a {
display: block;
float: right;
padding: 0 2px;
margin-left: 3px;
}
 */

.gridview td a:hover {
background: #ff8;
}

.gridview .edit td,
.gridview .create td {
background: #DAFFCD;
}

.gridview .edit td,
.gridview .create td {
border-top: solid 2px #fff;
border-bottom: solid 2px #fff;
}

.gridview .actions div {
width: 95px;
text-align: right;
float: right;
padding-right: 2px;
}

/* GridView
   ============================= */

.detailsview tr.header {
background: #C5DBF7;
}

.detailsview th {
font-size: 11px;
padding: 2px;
color:White;
background: #555;
letter-spacing: 0;
font-family: Arial, sans-serif;
text-align: left;
padding-left: 5px;
}

/* Table Body Styling
   ============================= */

.detailsview td {
padding: 5px 4px;
border-bottom: solid 1px #C5DBF7;
color: #333;
font-family: Verdana, sans-serif;
font-size: 11px;
background-color: #E6F2FF;
}

.detailsview tr.even td {
background-color: #fff;
}

.detailsview .edit td,
.detailsview .create td {
padding: 0;
padding: 4px;
}

/* Table Actions (Edit, Delete) Styling
   ============================= */

.detailsview td a {
font-family: Verdana, sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: -1px;
padding: 2px;
line-height: 18px;
}

.detailsview td a:hover {
background: #ff8;
}

.detailsview .edit td,
.detailsview .create td {
background: #DAFFCD;
}

.detailsview .edit td,
.detailsview .create td {
border-top: solid 2px #fff;
border-bottom: solid 2px #fff;
}

.detailsview .actions div {
width: 95px;
text-align: right;
float: right;
padding-right: 2px;
}


/* Loading Indicators
   ============================== */

.products .loading-indicator {
vertical-align: bottom;
margin: 0;
}

.products .productsheader .loading-indicator,
.products .edit .loading-indicator,
.products .create .loading-indicator {
vertical-align: bottom;
margin-bottom: 3px;
}


/* IE hacks
   ==================================== */
   
* html .productsheader {
height: 1%;
}   


/******************************************/

BODY {
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 1em;
	LINE-HEIGHT: 110%;
	color : #000000;
}

#UnderlineANCHOR {
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 1 em;
	LINE-HEIGHT: 120%;
	color : #000000;
	text-decoration: underline;
}

#BODYTEXT {
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: .8 em;
	LINE-HEIGHT: 140%;
	color : #000000;
}

#REDTEXT {
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: .8 em;
	color : #660000;
}

#SiteTitle {
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 2 em;
	FONT-Weight: Normal;
	color : #FFFFFF;
}

#PageTitle {
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 1.8 em;
	FONT-Weight: Normal;
	color : #808080;
}

#SmallPageTitle {
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 1.2 em;
	FONT-Weight: Bold;
	color :#808080;
}

#ArticleTitle {
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: .8 em;
	FONT-Weight: Bold;
	color : #000066;
}

#LinkTitle {
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: .8 em;
	FONT-Weight: Bold;
	color : #000066;
}

#BlueArticleTitle {
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 1.2 em;
	FONT-Weight: Normal;
	color : #000066;
}

#copyrighttext {
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: .7 em;
	color : #000066; 
}

.mytitle {
	padding:5px;
	background-image:url("images/title-bg.gif");
	background-repeat:repeat-x;
	width:100%;
}

.shade td {
	background-color: #fff7b7;
}

.shade2 td {
	background-color:#efefef;
}

.UserControl td {
	font:11px verdana;
	vertical-align: top;
}

/**************************/

.productimage
{
	width:105px;
	padding-right:0px;
	padding-left:0px;
	float:left;
}

.productdetails
{
	float:right;
	width:135px;
	margin-top:5px;
	margin-bottom:5px;
}

/**************************/

.catalogue
{
    font-size: 13px;
    padding: 2px;
    letter-spacing: 0;
    font-family: Arial, sans-serif;
    text-align: left;
    padding-left: 5px;    
}

.catalogue h2
{
    color:#005CB8;
    font-size: 18px;
    font-weight: normal;
    font-family: Verdana, sans-serif;
}

.catalogue td
{
    width:250px;
}

/**************************/

.navigation 
{
    width:155px;
    font-family: Arial, Helvetica, Sans-Serif;   
    font-size: 10px;
    float: left;
    margin: 20px 5px;
}

.navigation ul 
{
    list-style:none;
    margin:0;
    padding:0;
}

.navigation li 
{
    border-bottom: 1px solid #0066cc;
}

.navigation li a:link, .navigation li a:visited 
{
    display: block;
    padding: 5px 5px 5px 0.5em;
    border-left: 12px solid #0066cc;
    border-right: 1px solid #0066cc;
    background-color: #C5DBF7;
    color: black;
    text-decoration: none;
}

.navigation li a:hover 
{
    background-color: #0066cc;
    color: #FFFFFF;
}

.navigation ul ul 
{
    margin-left: 12px;
}

.navigation ul ul li 
{
    border-bottom: 1px solid #0066cc;
    margin: 0;
}

.navigation ul ul a:link, .navigation ul ul a:visited 
{
    background-color: #fff;
    color: black;
}

.navigation ul ul a:hover 
{
    background-color: #0066cc;
    color: #FFFFFF;   
}

/************************************************/

.orders {
width:710px;
}

.orders form,
.orders table,
.orders p,
.orders div,
.orders fieldset,
.orders form,
.orders table,
.orders p,
.orders div,
.orders fieldset {

}

.daterange 
{
    margin-top:10px;
    margin-bottom:15px;   
}

.DetailsPanel {           
    background-color:#ff4;
    overflow:hidden;
    height:0px;    
    width:100px;
}

.details 
{
    width:100px;   
}

.DetailsPanelLabel {
    background-color:blue;
    color:white;
}



#Table_01 {
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:768px;
}

#layout1-03 {
	position:absolute;
	left:78px;
	top:26px;
	width:6px;
	height:159px;
}

#layout1-04 {
	position:absolute;
	left:84px;
	top:26px;
	width:220px;
	height:159px;
}

#layout1-05 {
	position:absolute;
	left:304px;
	top:26px;
	width:255px;
	height:159px;
}

#layout1-06 {
	position:absolute;
	left:559px;
	top:26px;
	width:273px;
	height:159px;
}

#layout1-07 {
	position:absolute;
	left:832px;
	top:26px;
	width:16px;
	height:159px;
}
#flashcontent {
		border: solid 1px #000;
		width: 500px;
		height: 275px;
		float: left;
		margin: 0px 0px;
	}
#flashcontent_intro
{
    border: solid 1px #000;
    width: 500px;
    height: 275px;
    
    margin: 0px 0px;
}