body
{
    background-color:#000;
    background-image: url(../images/bg_darkBlock.gif);
    background-repeat:repeat-y;
    background-position:top;
    margin:0;
    font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

i { display:none;}

/* Entire Page Setup */

    div#bodyBackground 
    {
        /*
		background-image: url(../images/bg_page.jpg);
	    background-repeat: no-repeat;
	    background-position:top center;
    	*/
	}

        div#bodyBorder
        {
            /*
			width:826px;
	        background-image: url(../images/bg_page_border.gif);
	        background-repeat: no-repeat;
            margin-left:auto;
            margin-right:auto; 
        	*/
		}

            div#body
            {
                width:790px;
	            text-align:left;
                margin-left:auto;
                margin-right:auto; 
            }
            
                div#pageBody{ 
	                
					background-image:url(../images/bg_pageBody_promar.jpg);
	                background-position:top;
	                background-repeat:no-repeat;
	                background-color:#1d1d1d;
					
                }
                
/* Navigation */

    div#navigation
    {
        height:32px;
		background-image:url(../images/bg_navigation_text.gif);
		background-position:left;
		background-repeat:no-repeat;
        background-color:#202020;
		text-align:right;
		padding-right:16px;
    }

	    div#navigation ul { /* all lists */
		    float:right;
			padding: 0;
		    margin: 0;
			list-style: none;
		    cursor: pointer;
		    cursor: hand;
		    width:431px; /* The width of all the nav items combined */
	    }
    	
	    div#navigation li { /* all list items */
		    float: left;
		    position: relative;
			text-align:left;
    		    
	    }
    	
	        div#navigation li ul { /* second-level lists */
		        display: none;
		        position: absolute;
		        top: 32px;
		        left: 0;
	        }
    	
	        div#navigation li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
		        top: auto;
		        left: auto;
	        }
    	
	        div#navigation li:hover a, 
	        div#navigation li.over a { /* lists nested under hovered list items */
	            background-position: 0 32px;
	        }
        	
	        div#navigation li:hover ul, div#navigation li.over ul { /* lists nested under hovered list items */
		        display: block;
		        width:180px;
	        }
        	
	        div#navigation li:hover ul li a, div#navigation li.over ul li a{
		        display:block;
		        width:210px;
		        font-size:11px;
		        font-weight:normal;
				text-transform:uppercase;
        		padding:7px 0 7px 10px;
		        color:#AEAEAE;
		        background-color:#202020;
		        text-decoration:none;
	        }
        	
	            div#navigation li:hover ul li a:hover, div#navigation li.over ul li a:hover{
		            background-color:#2a459d;
					color:#FFF;
	            }
    	
	            div#navigation a#navProducts
	            {
	                display:block;
	                background-image:url(../images/nav_products.gif); 
	                height:32px;
	                width:78px;
	            }
	            div#navigation a#navAboutUs
	            {
	                display:block;
	                background-image:url(../images/nav_aboutUs.gif); 
	                height:32px;
	                width:73px;
	            }
	            div#navigation a#navDealers
	            {
	                display:block;
	                background-image:url(../images/nav_dealers.gif); 
	                height:32px;
	                width:64px;
	            }
	            
				div#navigation a#navMedia
	            {
	                display:block;
	                background-image:url(../images/nav_media.gif); 
	                height:32px;
	                width:52px;
	            }
				
				/* 
				
				Removed 10/11/2008
				
				div#navigation a#navGallery
	            {
	                display:block;
	                background-image:url(../images/nav_gallery.gif); 
	                height:32px;
	                width:65px;
	            }
	            
				*/
				div#navigation a#navShopping
	            {
	                display:block;
	                background-image:url(../images/nav_shopping.gif); 
	                height:32px;
	                width:74px;
	            }
	            div#navigation a#navContactUs
	            {
	                display:block;
	                background-image:url(../images/nav_contactUs.gif); 
	                height:32px;
	                width:90px;
	            }   

/* Header */

    div#header
    {
	    width:790px;
	    height:109px;
		background-color:#202020;
		
    }
	    div#header a#logo
	    {
	        background-image:url(../images/logo_promar.gif); 
		    display:block;
		    width:254px;
		    height:109px;
	    }

/* Text Styles */

    h1
    {
        font-size:18px;
	    font-weight:normal;
		font-family:Arial, Helvetica, sans-serif;
        color:#FFF;
        text-transform:uppercase;
        padding:30px 30px 10px 40px;
        margin:0;
        clear:both;
    }

    h2
    {
        font-size:18px;
	    font-weight:bold;
        color:#fff;
        margin:10px 0;
    }
    h3
    {
        font-size:14px;
	    font-weight:bold;
        color:#5573d6;
        margin:10px 0;
    }
    
    p{ margin:0; font-size:11px; color:#FFF; font-weight:normal;}
    
/* Generic box */

div.normalBox{
    margin:0 auto;
}
    div.normalBox div.body1{
        border:1px solid #000;
    }
        
    div.normalBox div.body2{
        padding:20px; 
        color:#FFF; font-size:11px; 
        border:3px solid #5573d6; 
        background-color:#000;
    }
    div.normalBox div.body2 div.article{ border-bottom:1px solid #333; padding:10px;}
    
    div.normalBox div.body2 h4{ font-size:11px; color:#666; margin:5px 0 0 0; font-weight:bold;}
    div.normalBox div.body2 p{ font-size:11px; margin:5px 0;}
    div.normalBox div.body2 a{ font-size:11px; color:#5573d6;}
	div.normalBox div.body2 ul 
    { 
        margin:0px; padding-left:20px;
    }
        div.normalBox div.body2 ul li 
        { 
            margin:0px 10px; padding-left:0px;
        }

/* About Us*/
    
    div#aboutUs
    {
        width:710px; 
        margin:0 auto;
    }
    div#aboutUs div.normalBox div.body2 p.aboutText
    { 
        font-size:11px; 
        font-weight:bold; 
        margin-bottom:30px;
    }

/* Gallery */
    
    div#gallery
    {
        width:710px; 
        margin:0 auto;
    }

/* Shopping */

    div#shopping{width:710px; margin:0 auto;}
    div#shopping div.normalBox div.salesItem{}
    div#shopping div.normalBox div.salesItem div.pic{width:252px; height:189px; float:left;}
    div#shopping div.normalBox div.salesItem div.desc{float:left; width:390px; margin-left:20px;}

/* Contact Us */
    
    div#contactUs
    {
        width:710px; 
        margin:0 auto;
    }
    
	div.formItem 
	{ 
		margin:10px 0 5px 0; 
		font-size:11px;
	}
	    div.formItem span 
        { 
	        color:#cc0000;
        }
		div.formItem .textbox,
		div.formItem textarea
		{ 
			background-color:#fff; 
			border-left:1px solid #999; 
			border-top:1px solid #999; 
			border-right:1px solid #CCC; 
			border-bottom:1px solid #CCC; 
			margin:4px 0 2px 0;
			font-size:11px;
		}
		div.formItem .button 
		{ 
			background-color:#1a8ef6; 
			padding:5px; 
			border-left:2px solid #4caaff; 
			border-top:2px solid #4caaff; 
			border-right:2px solid #0065bf; 
			border-bottom:2px solid #0065bf; 
			color: #FFF; 
			font-weight:bold;
		}
		div#contactUs div.normalBox div.left
		{
		    border-right:1px solid #333; 
		    width:420px; 
		    float:left;
		    padding-left:15px;
		    padding-right:20px;
		    padding-bottom:40px; 
		    margin-right:25px;
		}
		div#contactUs div.normalBox div.right
		{ 
		    width:150px; 
		    float:left;
		    padding-top:5px;
		}

/* Category Page */

div#categoriesBody
{
    width:720px;
    margin-left:38px;
}

div#categoriesBody a
{
    width:235px; height:237px; float:left; padding:1px; margin:1px;
}
    div#categoriesBody a:hover
    {
        background-color:#FFF;
    }
div#categoriesBody a span{
    display:block; 
    width:235px; height:237px;
    cursor:hand;
}



/* Sub Category Page */

div.subCategoryBox{ width:710px; margin:5px auto 0 auto; clear:both;}
    div.subCategoryBox div.subCate_header{ border:1px solid #000;}
    div.subCategoryBox div.subCate_footer{ }
    div.subCategoryBox div.subCate_body_bg{ background-color:#0e0e0e; padding-bottom:3px;}
    div.subCategoryBox div.subCate_body{ padding:20px 0px 17px 20px; background-image: url(../images/promar_subCat_box_top_bg.gif); background-position:top; background-repeat: repeat-x;}
        
        div.subCategoryBox div.subCate_body div.subCate_image{ width:252px; height:189px; float:left;}
            div.subCategoryBox div.subCate_body div.subCate_image img{ width:250px; height:188px; border:1px solid #333;}
        div.subCategoryBox div.subCate_body div.subCate_desc
        {
            float:left;
            width:390px;  
            margin-left:20px;
		}
    /* Text Styles */
    div.subCategoryBox div.subCate_body div.subCate_desc h1 
    {
        padding:10px 0 0 0;
        font-size:18px; 
        font-weight:normal; 
        color:#FFF; text-transform: none;
        
    }
    div.subCategoryBox div.subCate_body div.subCate_desc h2 
    {
        margin:10px 0; 
		padding:0;
        font-size:11px; 
		font-weight:bold; 
		color:#aeaeae; 
    }  
    div.subCategoryBox div.subCate_body div.subCate_desc p 
    { 
        margin:10px 0;
        color:#fff; 
		font-weight:bold; 
		font-size:11px;
         
    } 
    div.subCategoryBox div.subCate_body div.subCate_desc ul 
    { 
        margin:0px; padding-left:20px;
        text-align:left; font-size:11px; color:#fff; 
    }
        div.subCategoryBox div.subCate_body div.subCate_desc ul li 
        { 
            margin:5px 10px; padding-left:0px; 
        }
            div.subCategoryBox div.subCate_body div.subCate_desc ul li a 
            { 
                color:#5573d6;
                font-weight:normal; 
            }
            div.subCategoryBox div.subCate_body div.subCate_desc ul li a:hover
            { 
                color:#86a2ff;
            }    
    
/* Search Control */

    div#search{ position:absolute; width:790px; top:0px; text-align:right; }
        div#search img#searchLabel{ position:absolute; top:4px; right:0; margin-right:160px; }
        div#search input{ background-color:#ddf3ff; border:1px solid #989898; width:115px; font-size:11px; position: absolute; right:0; top:4px; padding:2px; margin-right:37px; }
        div#search img#searchButton{ position:absolute; top:4px; right:4px; }	

/* Search Results Page*/
    div.subCategoryBox div.subCate_body div.row{clear:both; height:56px; margin-bottom:15px; padding-left:10px;}
    div.subCategoryBox div.subCate_body div.search_image{ width:75px; height:56px; float:left;}
        div.subCategoryBox div.subCate_body div.search_image a img{ width:75; height:56px; border:1px solid #999;}
    div.subCategoryBox div.subCate_body div.search_desc
    {
        float:left;
        width:550px;  
        margin-left:10px;
        font-size:11px;
        color:#FFF;
        font-weight:normal;
        padding-top:13px;
    }
    div.subCategoryBox div.subCate_body div.search_desc a{ font-size:12px; font-weight:bold; color:#5573d6; }
    
/* Item Detail Page */

	    div.itemDetail
	    {
	    
	    }
	    div.itemDetail h1 
	    {
	        font-size:18px;
	        font-weight:bold;
            color:#5573d6;
            text-transform: none;
            margin:5px 0 0 0;
            padding:0;
        }
        div.itemDetail h2 
	    {
	        font-size:14px;
	        font-weight:bold;
            color:#fff;
            text-transform: none;
            margin:0 0 20px 0;
        }
        div.itemDetail h4 
	    {
	        font-size:12px;
	        font-weight:bold;
            color:#fff;
            text-transform: none;
            margin-bottom:5px;
        }
        
        div.itemDetail p.description { color:#FFFFFF; font-size:11px; margin:20px 0; }
        div.itemDetail div.additionalInfo p { color:#FFFFFF; font-size:11px; margin:5px 0; }
        div.itemDetail div.additionalInfo a{ font-size:11px; color:#5573d6;}
        
        div.relatedItems{}
        div.relatedItems div.row{ clear:both; margin:5px; height:58px;   }
            div.relatedItems div.row div.image{ float:left; width:77px; height:58px; }
                div.relatedItems div.row div.image a,
                div.relatedItems div.row div.desc a
                { padding:0; margin:0; font-size:11px; font-weight:bold; color:#5573d6;}
                div.relatedItems div.row div.image a img{ width:75px; height:56px; border:1px solid #999;  }
                div.relatedItems div.row div.desc{ float:left; width:300px; padding-top:20px; margin-left:10px; }
        
        div.itemDetail div.mainImageArea{ text-align:center; }
        div.itemDetail div.mainImageArea a img { width:250px; height:188px; border:5px solid #EEE; margin-bottom:5px;}
        div.itemDetail div.mainImageArea a{ font-size:9px; color:#5573d6; text-decoration:none; }
        div.itemDetail div.mainImageArea a span{ display:block; text-decoration:underline;}
        
        div.itemDetail div.additionalImages{}
        div.itemDetail div.additionalImages a img { width:75px; height:56px; border:1px solid #999;}
        div.itemDetail div.additionalImages a{ text-decoration:none; }


        
/* Footer */

    div#footer
    {    
	    margin:0;
	    background-image:url(../images/bg_footer_promar.gif);
	    background-color:#00022d;
	    background-position:top;
	    background-repeat:no-repeat;
	    text-align:center;
	    padding:50px 50px 70px 50px;
    }
    
    div#footer p,
    div#footer a,
    div#footer a:link,
    div#footer a:visited,
    div#footer a:hover 
    {
        color:#6d6fb4;
	    font-size:10px;
	    font-weight:normal;
	}
    {
        color:#666;
	    font-size:10px;
	    font-weight:normal;
	}
