﻿html { margin: 0px; padding: 0px; }

body {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	background: #c1c3ce url('/main/images/bg.gif') repeat-y center;
	font: .7em Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

a:link { color: #18809f; }
a:visited { color: #4e98ae; }
a:active, a:hover { color: #7e159c; }

img { border: 0px; }

h1, h2, h3, h4, h5, h6 { color: #206b8c; margin: 10px 0px 10px 0px; }

h1 { font-size: 160%; }
h2 { font-size: 160%; font-style: italic; }
h3 { font-size: 140%; }
h4 { font-size: 140%; font-style: italic; }
h5 { font-size: 120%; }
h6 { font-size: 120%; font-style: italic; }

.clear { clear: both; }
.content { padding: 10px; }

#container {
	width: 950px;
	text-align: left;
	margin: 10px auto;
	background: url('/main/images/columns.gif') repeat-y;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 930px;
}
	html>body #container { width: 930px; }

#body2 { 
	width: 210px; 
	float: left;
	padding: 0px 10px 0px 0px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 200px;
}
	html>body #body2 { width: 200px; }
	
	#menu { width: 200px; }

	#logo { width: 200px; }

#body1 {
	width: 520px;
	float: left;
}
	#flashmovie { width: 520px; }

	#banner { width: 520px; }

	#topmenu { width: 520px; }

#body3 { 
	width: 200px;
	float: left;
	padding: 10px 10px 10px 20px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 170px;
}
	html>body #body3 { width: 170px; }

#footer {
	margin: 0px auto;
	width: 930px;
	border-top: solid 10px #5aaeca;
	border-bottom: solid 10px #5aaeca;
	padding: 5px 0px 5px 0px;
}

#logo {
	border-top: solid 10px #5aaeca;
	border-bottom: solid 10px #5aaeca;
}

#menu {
	border-bottom: solid 10px #caccd5;
	background: url('/main/images/leftcolbg.gif') repeat-x;
}
	#menu ul {
		margin: 0px;
		padding: 10px 0px 10px 15px;
		list-style: none;
		text-transform: lowercase;
	}
	
	#topmenu ul {
		margin: 0px;
		padding: 10px 0px 10px 15px;
		list-style: none;
		text-transform: lowercase;
	}
	
	#menu a:visited {
		display: block;
		background: url('/main/images/vertical.gif') no-repeat;
		width: 150px;
		height: 20px;
		padding: 2px 0px 0px 10px;
		text-decoration: none;
		color: #206b8c;
		/* box model hack */
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 170px;
		height: 18px;
	}
			
	#menu a:link {
		display: block;
		background: url('/main/images/vertical.gif') no-repeat;
		width: 150px;
		height: 20px;
		padding: 2px 0px 0px 10px;
		text-decoration: none;
		color: #206b8c;
		/* box model hack */
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 170px;
		height: 18px;
	}
		html > body #menu a:visited { 
			width: 170px;
			height: 18px;
		}
	
		html > body #menu a:link { 
			width: 170px;
			height: 18px;
		}
	
	#menu a:hover {
		background-position: 0px -63px;
	}

	#menu a:active {
		background-position: 0px -63px;
	}

#topmenu {
	background: url('/main/images/horizontal.gif') top repeat-x;
	height: 40px;
}
	#topmenu ul {
		margin: 0px;
		padding: 0px 0px 0px 6px;
		list-style: none;
	}
	
	#topmenu li {
		display: inline;
		margin: 0px;
		padding: 0px;
	}
	
	#topmenu a:visited {
		display: block;
		float: left;
		width: auto;
		height: 40px;
		color: #fff;
		font-weight: bold;
		background: url('/main/images/horizontal.gif') no-repeat;
		text-decoration: none;
		padding: 13px 10px 13px 10px;
		/* box model hack */
		voice-family: "\"}\"";
		voice-family:inherit;
		height: 14px;	
	}
			
	#topmenu a:link {
		display: block;
		float: left;
		width: auto;
		height: 40px;
		color: #fff;
		font-weight: bold;
		background: url('/main/images/horizontal.gif') no-repeat;
		text-decoration: none;
		padding: 13px 10px 13px 10px;
		/* box model hack */
		voice-family: "\"}\"";
		voice-family:inherit;
		height: 14px;	
	}
		html > body #topmenu a:visited { height: 14px; }
		
		html > body #topmenu a:link { height: 14px; }
		
	#topmenu a:hover {
		background-position: 50% -40px;
	}
	
	#topmenu a:active {
		background-position: 50% -40px;
	}
	
	#page7 #link7 a { background-position: 50% -40px; }

	#page6 #link6 a { background-position: 50% -40px; }

	#page5 #link5 a { background-position: 50% -40px; }

	#page4 #link4 a { background-position: 50% -40px; }

	#page3 #link3 a { background-position: 50% -40px; }

	#page2 #link2 a { background-position: 50% -40px; }

	#page1 #link1 a { background-position: 50% -40px; }

#banner h1 {
	margin: 0px;
	padding: 5px 15px 10px 15px;
	text-transform: lowercase;
	font-size: 160%;
	color: #4198b3;
}

#flashmovie {
	background: url('/main/images/mainpic1.jpg') no-repeat;
	height: 208px;
}

#altcontent { padding: 30px; }




#login {
    margin-top: 30px;
    margin-bottom: 30px;
}

#change-password-wrapper {
    margin-top: 40px;
}

#full-cart {
    margin-top:20px;
}

#full-cart #cart-items {

    border-top: 1px solid #206b8c;
    border-bottom: 1px solid #206b8c;
}

#full-cart .line1 {
    font-weight: bold;
}
#full-cart .alt-row, #mini-cart .alt-row {
    background-color: #e1eaf1;
}

#mini-cart {
    text-align: left;
}

#mini-cart .cart-item {
    color: #000000;
}

#mini-cart .cart-item .line1 {
    font-weight: bold;
}

a.button, a.button:link {
    font-size: 11px;
    color: #555555;
    font-weight: normal;
    text-decoration: none;
}
a.button span, a.button:link span {
    text-decoration: underline;
}
a.button img, a.button:link img {
    vertical-align: -3px;
    margin-right: 5px;
}

.icon-qty-minus, icon-qty-plus {
    /*vertical-align: -3px;*/
}

.invalid-msg {
    color: #660000;
    font-size:10px;
}

input, select, textarea {
    padding: 3px;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

input.invalid, select.invalid, textarea.invalid {
    border: 1px solid #990000;
}
