/*/////////// general settings //////////*/
* {
   padding:0;
   margin:0;   
}

P
{
	/*
    line-height:130%;  /* same value used in fckeditor/editor/css/fck_editorarea.css  */
    line-height:20px;  /* line above replace to keep line spacing the same with static and dynamic pages (static pages slightly closes together when % used)  */    
}


html
{
    background-position:top center;
    background-image:url(images/bg2.jpg);
    background-repeat:no-repeat;
    background-color:#ffcc00;
}



/*/////////////////////// Header /////////////////////////*/
/*
#outerheaderwrapper
{
    width:100%;
    height:370px;
    background-image:url(images/headerbackground.jpg);
    background-repeat:repeat-x;    
}
*/
#outerheaderwrapper
{
    width:100%;
    height:370px;
    /*background-image:url(images/bg.jpg);*/
}


#Header
{
    margin: 0 auto;
    width:1000px;
    font-family:Arial;
    font-size:20pt;
    color:White;
    text-align:left;
    padding-left:0px;
    background-image:url(images/header.jpg);
    height:370px;
    vertical-align:top; 
}

#Login
{
    width:1000px;
    height:30px;
    text-align:right;
    padding-top:0px;    
}

.loginText
{
    margin: 0 auto;
    background-color:Black;
    font-family:Verdana, Arial;
    font-size:10pt;
    color:White;
    text-align:right;
    padding-top:5px;
    padding-right:10px;
    padding-left:10px;
    padding-bottom:5px;
    float:right;
}


/*////////////////////// Menu Bar ///////////////////*/
#outermenubarwrapper
{
    width:100%;
    height:40px; 
    background-color:transparent;
    /*background-image:url(images/bg.jpg);*/
    background-image:none;    
}


#menubar
{
    margin: 0 auto;
    width:1000px;
    text-align:left;
    background-image:url(images/menubar.jpg);
    background-repeat:repeat-x;  
}


/*
.menustyle
{
    text-align:center;
    padding-top:12px;
    padding-right:0px;
    padding-left:0px;
    padding-bottom:8px;
    width:120px;
    height:20px;
    background-image:url(images/menuItem.jpg);
    background-repeat:no-repeat;
    border-style:none;
}




.menustyle:hover
{
    text-align:center;
    padding-top:12px;
    padding-right:0px;
    padding-left:0px;
    padding-bottom:8px;
    width:120px;
    height:20px;
    background-image:url(images/menuItemSelected.jpg);
    background-repeat:no-repeat;    
}

*/



.menustyle
{
    font-family:Verdana, Arial;
    font-size:10pt;
    color:#ffffff;
    text-align:left;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:5px;
    padding-right:5px;
    height:20px;
    background-image:url(images/menuItem.jpg);
    background-repeat:repeat-x;    
}


.menustylehover
{
    font-family:Verdana, Arial;
    font-size:10pt;
    color:#ffffff;
    text-align:left;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:5px;
    padding-right:5px;
    height:20px;
    background-image:url(images/menuItemSelected.jpg);
    background-repeat:repeat-x;
}


.menustyleselected
{
    font-family:Verdana, Arial;
    font-size:10pt;
    color:#ffffff;
    text-align:left;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:5px;
    padding-right:5px;
    height:20px;
    background-image:url(images/menuItemSelected.jpg);
    background-repeat:repeat-x;
}


.submenustyle
{
    font-family:Verdana, Arial;
    font-size:10pt;
    color:#ffffff;
    text-align:left;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:5px;
    padding-right:5px;
    height:20px;
    background-image:url(images/menuItem.jpg);
    background-repeat:repeat-x;
}

.submenustylehover
{
    font-family:Verdana, Arial;
    font-size:10pt;
    color:#ffffff;
    background-color:transparent;
    text-align:left;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:5px;
    padding-right:5px;
    height:20px;
    background-image:url(images/menuItemSelected.jpg);
    background-repeat:repeat-x;        
}

.ie8fix
{
    z-index:100;
}



/*////////////////////// Breadcrumb Menu ///////////////////*/
#outerbreadcrumbwrapper
{
    width:100%;
    height:20px; 
    /*background-image:url(images/bg.jpg);*/
    background-repeat:repeat-x; 
}

#breadcrumb
{
    margin: 0 auto;
    width:1000px;
    height:20px;
    text-align:left;
    background-image:url(images/breadcrumbbar.jpg);
    background-repeat:repeat-x;
    background-color:White;
    color:#333333;  
}

.breadcrumbstyle
{
    font-family:Verdana;
    font-size:10pt;
    text-align:left;
    color:#333333;
    background-color:transparent;
    padding-top:0px;
    padding-right:0px;
    padding-left:0px;
    padding-bottom:0px;
    text-decoration:none;
}

.breadcrumbstylehyperlink
{
    font-family:Verdana;
    font-size:10pt;
    text-align:left;
    color:#333333;
    background-color:transparent;
    padding-top:0px;
    padding-right:0px;
    padding-left:0px;
    padding-bottom:0px;
    text-decoration:underline;
}



/*////////////////////// Body ////////////////////*/

#outerbodywrapper
{
    /*background-image:url(images/bg.jpg);   */
}


#bodywrapper
{
    margin: 0 auto;
    width:1000px;
    min-height: 200px;     
    text-align:left;
    background-color:White;
}

.body 
{
    font-family:Verdana, Arial;
    font-size:10pt;
    color:#333333;
    font-weight:normal;
}

.bodybold 
{
    font-family:Verdana,Arial;
    font-size:10pt;
    color:#333333;
    font-weight:bold;
}


.subheading
{
    font-weight: normal; 
    color: #ff6600;
    font-size: 12pt;
    font-family: Verdana;
}

#body
{
    font-family:Verdana, Arial;
    font-size:10pt;
    padding:10px,10px,10px,10px;
}



.hyperlink 
{
    font-family:Verdana,Arial;
    font-size:10pt;
    color:#333333;
    font-weight:normal;
    font-weight:bold;
}




/*//////////// Login / forgotten password details  //////////////*/
.loginFormTitle
{
    text-align:left;
    font-family:Verdana, Arial;
    font-size:10pt;
    color:#333333;
    background-color:transparent;
    padding-top:5px;
    padding-left:20px;
    padding-bottom:5px;
    font-weight:bold;
}

.loginFormTextBoxes
{
    text-align:left;
    font-family:Verdana, Arial;
    font-size:10pt;
    color:#333333;
    background-color:White;
    padding-top:0px;
    width:200px;
    height:20px;
    border-style:solid;
    border-color:#999999;
    border-width:1px;
}

.loginFormLabels
{
    text-align:left;
    font-family:Verdana, Arial;
    font-size:10pt;
    color:#333333;
    background-color:transparent;
    padding-bottom:5px;
    padding-top:10px;
    padding-left:20px;
}

.loginCheckBox
{
    text-align:left;
    font-family:Verdana, Arial;
    font-size:10pt;
    color:#333333;
    background-color:transparent;
    padding-left:0px;
    padding-right:10px;
    width:200;
}



/*/////////////////// Footer ////////////////////*/
#outerfooterwrapper
{ 
    margin: 0 auto;   
    width:100%;
    height:150px;
    /*background-image:url(images/bg.jpg);    */
}

#footer
{
    margin: 0 auto;
    width:1000px;
    height:121px;     
    background-image:url(images/footer.jpg);
    padding-left:0px;
    clear:both;
}

.footerText
{
    font-family:Verdana;
    font-size:8pt; 
    color:#cccccc;
    text-align:left;
    padding-left:10px;
}

.footerTextLink
{
	font-family:Verdana;
    font-size:8pt; 
    color:#cccccc;
    text-align:left;
    padding-left:10px;
    text-decoration:none;
}

.footerTextLink:hover
{
	color:White;	
}



HR {
background-color: #ff6600; /* mozilla */
border: 0px; /* fixes mozilla height */
clear: left;
color: #ff6600; /* ie */
float: left;
height: 1px;
margin: 4px 0px 4px 0px;
width: 99%;
}





/*/////////////////// store //////////////////////*/
.itemHeader
{
    background-color:#cccccc;
    font-family:Arial;
    font-size:12pt;
    color:Black;
    text-align:left;
    height:30px;
    padding-left:5px;
    vertical-align:middle;
}


.itemHeaderEdit
{
    background-color:#ffffcc;
    font-family:Arial;
    font-size:12pt;
    color:Black;
    text-align:left;
    height:30px;
    padding-left:5px;
    padding-top:5px;
    vertical-align:middle;
    width:300px;
    border:none;
}


.itemDetails
{
    background-color:transparent;
    font-family:Arial;
    font-size:10pt;
    color:Black;
    text-align:left;
    padding-left:5px;
    padding-top:5px;
    vertical-align:top;
    width:800px;   
}

.itemPrice
{
    background-color:transparent;
    padding-top:5px;
    height:50px;
    font-family:Arial;
    font-size:15pt;
    color:Black; 
    vertical-align:bottom;   
}

.itemImage
{
    width:200px;
    vertical-align:top;
}

.itemEdit
{
    font-family:Arial;
    font-size:10pt;
    color:Black;
    text-align:left;
    vertical-align:top;
    border:none;
}

.itemDetailsEdit
{
    background-color:#ffffcc;
    font-family:Arial;
    font-size:10pt;
    color:Black;
    text-align:left;
    padding-left:5px;
    padding-top:5px;
    vertical-align:top;
    border:none;  
}




/*///////////////// data pager for store products ///////////////*/
.dataPager
{
    background-color:transparent;
    font-family:Verdana;
    font-size:10pt;
    color:Black;
    text-align:left;
    padding-left:5px;
    padding-top:5px;
}

.dataPager:visited
{
    color:Black;
}

.dataPager:hover
{
    color:Black;
}

.datPager:active
{
    color:black;
}


/*///////////// store admin ////////////////////*/
.gridView
{
    background-color:transparent;
    font-family:Verdana;
    font-size:10pt;
    color:Black;
    text-align:left;
    border-style:none;
    padding-left:10px;
    padding-right:10px;
    padding-top:10px;
    padding-bottom:10px;
}

.gridHeader
{
    background-color:#cccccc;
    font-family:Arial;
    font-size:10pt;
    color:Black;
    text-align:left;
    height:35px;
    padding-left:5px;
    vertical-align:middle;    
}

.gridPager td
{
    background-color:transparent;
    font-family:Arial;
    font-size:10pt;
    color:Black;
    padding-right:10px;
}







/*///////////// Text boxes ////////////*/
.txtBoxesMedium
{
    text-align:left;
    font-family:Verdana, Arial;
    font-size:10pt;
    font-weight:normal;
    color:#333333;
    background-color:White;
    padding-top:0px;
    width:200px;
    height:20px;
    border-style:solid;
    border-color:#999999;
    border-width:1px;
}


/*/////////////// validation /////////////*/
.validation
{
    font-family:Verdana, Arial;
    font-size:10pt;
    color:Red;
}