/* MAIN.CSS */

/*
  blue: #1575D7;
  dark-grey: #4E4E4E;
*/


* { 
	margin: 0px; padding: 0px; 
	color: #444444;
}

body {
    font-family: Arial, "Trebuchet MS", sans-serif;
	font-size: 12px;
    text-align: center;
    background: #EFF7FE;
}
img { border: none; }



div#contmain {
    width: 1064px;
    margin: 0px auto; padding-bottom: 20px;
    overflow: auto;
    text-align: left;
    background: white url(img-cs/contmain-bg.gif) repeat-y top left;
}

    div#collft {
        width: 200px;
        margin-left: 26px; margin-top: 1px;
        float: left;
        display: inline;
    }
		div.tx-macinasearchbox-pi1 {
            margin-bottom: 3px;
			padding: 10px 15px 5px;
            background: #D4EFFF;
        }
			div.tx-macinasearchbox-pi1 input.searchinput {
				margin-bottom: 5px;
                width: 130px; height: 13px;
                padding: 5px 25px 5px 10px;
                color: #CCCCCC;
                border: 1px solid #CCCCCC;
                background: white url(img-cs/magnifyingglass-grey.gif) right center no-repeat;
            }
			div.tx-macinasearchbox-pi1 a {
				padding-left: 10px;
				color: #CCCCCC;
				font-size:11px;
				text-decoration: none;
			}
				div.tx-macinasearchbox-pi1 a:hover { text-decoration: underline; }
			
        
        ul#menumain1,
        ul#menumain2,
 		ul#shopcontent {
            list-style-type: none;
        }
            ul#menumain1 li {
                margin-top: 2px;
                padding: 5px 5px 5px 25px;
                background: #D4EFFF url(img-cs/list-arrow-normal.gif) top left no-repeat;
            }
            ul#menumain1>li.active,
            ul#menumain1>li:hover { background: #E0F3FB url(img-cs/list-arrow-active.gif) top left no-repeat; }
            
                ul#menumain1 li a {
                    color: #4E4E4E;
                    font-weight: bold; font-size: 12px;
                    text-decoration: none;
                }
                ul#menumain1 li.active>a,
                ul#menumain1 li:hover>a { color: #1575D7; }

				ul#menumain1 li table a { font-weight: normal; }

			ul#shopcontent li {
	                margin-top: 2px;
	                padding: 5px 5px 5px 25px;
	                background: #D4EFFF url(img-cs/list-arrow-normal.gif) top left no-repeat;
	            }
	            ul#shopcontent>li.active,
	            ul#shopcontent>li:hover { background: #E0F3FB url(img-cs/list-arrow-normal.gif) top left no-repeat; }

	                ul#shopcontent li a {
	                    color: #4E4E4E;
	                    font-weight: bold; font-size: 12px;
	                    text-decoration: none;
	                }
	                /*ul#shopcontent li.active>a,
	                ul#shopcontent li:hover>a { color: #1575D7; }*/

            ul#menumain2 li { background: #E0F3FB url(img-cs/list-arrow-normal.gif) top left no-repeat; }
            ul#menumain2 li a {
                font-weight: normal;
                font-size: 12px;
            } 
            ul#menumain2>li.active,
            ul#menumain2>li:hover { background: url(img-cs/list-arrow-active.gif) top left no-repeat; }
        
        
        div.tx-felogin-pi1 {
            margin-top: 15px; padding: 10px;
            background: #EFEFEF;
        }
            div.tx-felogin-pi1 h1 {
                margin-bottom: 5px;
                color: #C0C0C0;
                font-size: 12px;
                font-weight: bold;
            }
            div.tx-felogin-pi1 input.inputbox {
                padding: 2px; margin-bottom: 4px;
                width: 130px; height: 14px;
                color: #CCCCCC;
                border: 1px solid #CCCCCC;
            }
            div.tx-felogin-pi1 input.submitbtn {
                color: #262626;
                border: 1px solid #CCCCCC;
            }
            div.tx-felogin-pi1 a {
                font-size: 11px;
				color: #C0C0C0;
                text-decoration: none;
            }
            div.tx-felogin-pi1 a:hover { text-decoration: underline; }


/*****************/
/*****************/
    div#colrgt {
        width: 810px;
        margin-left: 2px; margin-top: 1px;
        float: left;
    }

        div#headerbar {
            height: 28px;
            color: #1575D7;
            font-size: 11px;
			font-weight: bold;
            background: #D4EFFF;
        }
        
            /*div#loginstatusbox {
                margin-right: 50px; padding-top: 4px;
                float: right;
                text-align: right;
            }
                div#loginstatusbox a {
                    color: #1575D7;
                    text-decoration: none;
                }
                div#loginstatusbox a:hover { text-decoration: underline; }
                div#loginstatusbox input {
                    padding-left: 5px;
                    width: 100px; height: 16px;
                    font-size: 10px;
                    border: 1px solid #1575D7;
                    color: #1575D7;
                }
                div#loginstatusbox input.submitbtn { vertical-align:bottom; margin-top: 3px; width: 16px; border: none; }
			*/

            div#quicklinks {
				height: 28px; width: 400px;
				margin-left: 7px;
				line-height: 28px;
                float: left;
            }
				div#quicklinks ul {
					margin-left: 5px;
					display: inline;
					list-style-type: none;
				}
				div#quicklinks ul li {
                    padding-left: 3px; padding-right: 3px;
                    display: inline;
                }
					div#quicklinks ul li.quicklinks-book {
						padding-left: 20px; margin-right: 5px;
						background: url(img-cs/icon-book.gif) left center no-repeat;
					}
					div#quicklinks ul li.quicklinks-shop {
						padding-left: 20px; margin-right: 5px;
						background: url(img-cs/icon-shoppingcart.gif) left center no-repeat;
					}
					div#quicklinks ul li.quicklinks-contact {
						padding-left: 20px; margin-right: 5px;
						background: url(img-cs/icon-contact.gif) left center no-repeat;
					}
					div#quicklinks ul li.quicklinks-terms {
						padding-left: 20px; margin-right: 5px;
						background: url(img-cs/icon-terms.png) left center no-repeat;
					}
					
                div#quicklinks li a {
                    font-size: 11px;
                    text-decoration: none;
					font-weight: normal;
                    color: #1575D7;
                }
			
			div#membersarea {
				height: 28px;
				margin-right: 5px;
				/*padding-top: 7px;*/ padding-left: 35px;
				line-height: 28px;
				float: right;
				/*background: url(img-cs/accountmngr_icon.gif) left center no-repeat;*/
			}
				div#membersarea ul {
					margin-left: 5px;
					display: inline;
					list-style-type: none;
				}
				div#membersarea li { 
					padding-left: 5px;
					display: inline; 
				}
				div#membersarea li a {
                    font-size: 11px;
                    text-decoration: none;
					font-weight: normal;
                    color: #1575D7;
                }
                
        div#breadcrumb {
            margin-top: 2px;
            height: 140px;
            background: url(img-cs/shop.jpg) top left no-repeat;
        }
            div#breadcrumb p {
                padding-top: 115px; padding-left: 25px;
                color: #4E4E4E;
            }
            div#breadcrumb p a { color: #4E4E4E; }

/* ----------------------------
   seperate content-styles here
   ----------------------------*/
  div#contentmain { /*background: #F2F2F2;*/ 
	margin: 2px 140px 0 25px}
	/*div#contentmain p*/
	div#contentmain>table {
   		/*margin: 10px; margin-left: 25px; margin-right: 100px;*/
   		font-size: 13px;
   		text-align: justify;
   		line-height: 19px;
   		/*color: #4E4E4E;*/
	}
	div#contentmain a { color: #1068D4; }
	div#contentmain h1 {
   		/*margin: 10px; margin-left: 25px; margin-right: 100px;*/
		margin: 10px 0px;
   		font-weight: bold; font-size: 15px;
   		text-transform: uppercase;
   		color:  #1068D4;
	}
	div#contentmain h2 {
   		/*margin: 10px; margin-left: 25px; margin-right: 100px;*/
		margin: 10px 0px;
   		font-weight: bold; font-size: 14px;
	}
	div#contentmain h3 {
		margin: 10px 0px;
   		font-weight: bold; font-size: 13px;
	}
	div#contentmain ul { margin-left: 80px; margin-top: 20px; margin-bottom: 20px;}
   	div#contentmain ul li {
       padding: 5px;
       font-size: 13px;
       color: #4E4E4E;
   }

	div#contentmain table { border-collapse: collapse; border-spacing: 0px; }
	div#contentmain table.contenttable {
   		margin-left: 70px; margin-top: 10px; margin-bottom: 10px;
   		border: 1px solid #D4EFFF;
	}
   		div#contentmain table.contenttable td {
       		padding: 7px 10px;
       		color: #4E4E4E;
   		}
   		div#contentmain table.contenttable tr.even td { background: #E0F3FB; }
   		div#contentmain table.contenttable tr.odd td { background: white; }



		td.contentsTopics {
			color: #1068D4;
			font-weight: bold; font-size: 15px; 
			text-transform: uppercase;
		}

		table.box_shoppingcart {
			margin-top: 10px;
		}
			table.box_shoppingcart td { background: #EFEFEF; }
			table.box_shoppingcart td.infoBoxHeading_right {
				padding: 5px;
				font-size:12px; font-weight: bold;
				color: #C0C0C0;
			}
			table.box_shoppingcart td.boxText {
				padding: 5px;
			}
		
		table.categoryitem {
			margin-bottom:20px;
		}
		table.categoryitem td.collft { vertical-align: top; padding-left: 20px; }
		
		table.product_listing_item td.colrgt { padding-left: 20px; vertical-align:top;}
		
		table.new_products_default td.collft { padding-right: 10px; }
		table.new_products_default td.bottom { padding-bottom: 20px; }
		table.new_products_default td.colrgt { padding-right: 20px;}

/*****************
 **   FOOTER   **
 ****************/
div#contfooter {
    width: 1064px; height: 58px;
    margin: 0px auto;
    overflow: auto;
    text-align: left;
    background: white url(img-cs/footer-bg.gif) repeat-y bottom center;
}
    div#footer {
        height: 31px;
        margin-left: 24px; margin-right: 24px;
        background: #E0F3FB;
    }
    span#copyrightnotice {
        margin-left: 5px; padding-top: 10px;
        width: 195px;
        color: #1575D7;
        float: left;
        font-size: 10px;
    }
    ul#menufooter {
        margin-right: 10px; margin-top: 8px;
        width: 250px;
        float: right;
        text-align: right;
        list-style-type: none;
    }
        ul#menufooter li {
            padding-left: 10px;
            font-size: 11px;
            display: inline;
        }
        ul#menufooter li a {
            font-size: 10px;
            color: #1575D7;
            text-decoration: none;
        }