html {
	padding: 0px;
	margin: 0px;
}

body {
	padding: 0px;
	margin: 0px;
	color: #474e59;
	background: #fff !important;
	font: .7em Verdana, Arial, Helvetica, sans-serif !important;
}

a:link { color: #30528b; }
a:visited { color: #6783b2; }
a:active, a:hover { color: #215fc8; }

h1 {
	font: bold 140% Lucida, Lucida Sans, Helvetica, Arial, sans-serif;
	color: #676e79;
	margin: 0px 0px 5px 0px;
	border-bottom: solid 1px #676e79;
}

h2 {
	font: bold 140% Lucida, Lucida Sans, Helvetica, Arial, sans-serif;
	color: #676e79;
	margin: 0px 0px 5px 0px;
	border-bottom: dotted 1px #676e79;
}

h3 {
	font: bold 140% Lucida, Lucida Sans, Helvetica, Arial, sans-serif;
	color: #676e79;
	margin: 0px 0px 5px 0px;
}

h4 {
	font: bold 125% Lucida, Lucida Sans, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #676e79;
	margin: 0px 0px 5px 0px;
}

h5 {
	font: bold 125% Lucida, Lucida Sans, Helvetica, Arial, sans-serif;
	color: #676e79;
	margin: 0px 0px 5px 0px;
}

h6 {
	font: bold 125% Lucida, Lucida Sans, Helvetica, Arial, sans-serif;
	color: #676e79;
	text-transform: lowercase;
	margin: 0px 0px 5px 0px;
}

code { font-size: 100%; }
img { border: 0px; }

.clear {
	clear: both;
}

#top {
	height: 75px; /* change if you have a taller logo, check in FireFox */
}

#seo {
	background: #30528b;
	color: #d6dce8;
	padding: 2px;
	height: 22px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 18px;
}
	html>body #seo { height: 18px; }
	#seo h1 { border-bottom: none; color: #d6dce8; font: normal 80% Verdana, Arial, sans-serif; }

#logo { padding: 2px 0px 0px 10px; }

#topmenu {
	position: absolute;
	color: #fff;
	top: 22px;
	right: -1px;
	width: 360px;
	height: 43px;
	background: url('toptab.gif') no-repeat;
	padding: 2px 0px 0px 128px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 41px;
	width: 232px;
}
	html>body #topmenu { height: 41px; width: 232px; }

#menu1 {
	height: 25px;
	background: #4f6c9c;
	color: #fff;
	padding: 5px 5px 5px 23px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 15px;
}
	html>body #menu1 { height: 15px; }

	#menu1 ul {
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
	
	#menu1 li {
		display: inline;
		padding-right: 10px;
	}
	
	#menu1 a:link, #menu1 a:visited {
		color: #fff;
		text-decoration: none;
	}
	
	#menu1 a:active, #menu1 a:hover {
		text-decoration: underline;
	}

.submenu {
	margin: 0px; padding: 0px; list-style: none;
}
	.submenu li { margin-bottom: 3px; }
	.submenu a:link, .submenu a:visited {
		display: block;
		width: 160px;
		border: solid 1px #fff;
		color: #30528b;
		text-decoration: none;
		padding: 3px;
		/* box model hack */
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 152px;
	}
		html>body .submenu a:link, html>body .submenu a:visited { width: 152px; }
	
	.submenu a:active, .submenu a:hover {
		background: #e9ecf3;
	}
	
	.subcat a:link, .subcat a:visited { border: none; }
	.subcat a:active, .subcat a:hover { background: none; border: none; }

#wrapper {
	min-width: 540px; 
	width: 100%;
}
	
#body3col {
	width: auto;
	border-left: solid 170px #d6dce8; 
	border-right: solid 170px #d6dce8;
}

#body2col {
	width: auto;
	border-left: solid 170px #d6dce8; 
}

#body1col {
	width: auto; 
	background: #fff;
	clear: both;
}

#body1col #body1 { padding: 0px 0px 10px; }

#innerbody {
	margin: 0px;
	width: 100%;
}

#body2 {
	background: url('leftbg.gif') no-repeat;
	padding: 75px 5px 5px 5px;
	width: 170px; 		
	margin-left: -170px; 	
	float: left;
	position: relative;
	z-index: 10;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 160px;
}
	html>body #body2 { width: 160px; }
	
#body3 {
	padding: 5px;
	position: relative;
	width: 170px;	
	margin-right: -170px;
	float: left;
	z-index: 11;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 160px;
}
	html>body #body3 { width: 160px; }
	
#body1 {
	float: left;
	position: relative;
	width: 100%;
	z-index: 12;
}

#content { padding: 5px; }

/* fixes for mozilla 
#body3col > #innerbody { border-bottom: 1px solid transparent; }
#body2 { margin-right: 1px; }
#body3 { margin-left: 1px; }
*/

#footer {
	clear: both;
	background: #30528b;
	padding: 5px;
	color: #fff;
}

#footer a:link, #footer a:visited {
	color: #fff;
}

#footer a:active, #footer a:hover {
	color: #d6dce8;
}

.prostoresbanner { margin: 0px auto; margin-top: 10px; margin-bottom: 10px; background: #fff; padding: 5px; width: 200px; }

@media print {
	#top, #menu1, .submenu, #footer, #ad { display: none; }
	#body2 { padding-top: 5px; }
}

/* one page checkout */

	#container {
		/* necessary if dark background
		background: #fff;
		color: #000 !important;
		*/
	}
	
	#container hr { display: none; }
	
	#container a { color: #30528b !important; }

	td, input, select, button {
		font-size:11px;
	}

	/*
	 * This controls the look of the line that separates the line items from the invoice 
	 * summary information.
	 * Default default is to show black line.
	*/
    #invoiceseparator {
    	
    	height: 1px;
    	padding: 0px;
    	margin:0px;
    }
    
	/*
	 * This controls the look of the area that displays order note.
	 * Default state is to accept style from parent and print text in red.
	*/
	.ordernote {
		color: red;
	}
	
	/*
	 * This controls the look of the area that displays invoice promotion text.
	 * Default state is to accept style from parent
	*/
	#promotext_container {
		padding: 5px;
	}
	
	/*
	 * This controls the look of each promotion text item appearing within the promotext_container
	 * Default state is to accept style from parent
	*/
	.promotext {
	
	}
	
	.register_box, .promotioncode_register {
		border: 1px dashed rgb(255, 153, 51); 
		margin: 10px 5px 10px; 
		padding: 3px; 
		background-color: rgb(255, 255, 219);
	}
	
	.countrylist {
		width:175px;
	}
	
	#custom-section {
		width:100%;
	}
	
	#header {
		vertical-align:bottom;
		width:100%;
		right:10px;
		left:0px;
	}
	
	#logo {
		float:left;
		min-width:201px;
	}

	#navbar {
		float:left;
		width:100%;
		right:10px;
		text-align:right;
	}

	#content {
		right:10px;
	}

	#column1 {
		width:305px;
		padding: 0px;
		margin:0px auto 0px 0px;
	}
	
	#container {
		width:100%;
	}
	
	#column2 {
		padding-left: 25px;
		width:100%;
	}

	#billingTable {
		background-color:#d6d6d6;
	}

	#billingTable td {
		background-color:white;
	}

	#orderTable {
		background-color:#d6d6d6;
	}

	#cartTable {
		background-color:#d6d6d6;
	}

	#cartTable td {
		background-color:white;
	}

	#billingTable td, input, select, button {
		font-size:12px;
	}

	#orderTable td, input, select, button {
		font-size:12px;
	}

	#cartTable td, input, select, button {
		font-size:12px;
	}
	
	.display_section {
		background-color:#d6d6d6;
	}
	
	.display_section_title {
		background-color:rgb(227,227,227);
	}
	
	.display_section_content {
		background-color:white;
	}

	#billInformation {
		font-size:10px;
		font-family:<ss:value source="$storeversion.font.paragraph.face" default="Arial, Helvetica, sans-serif"/>;
	}

	#shipInformation {
		font-size:10px;
		font-family:<ss:value source="$storeversion.font.paragraph.face" default="Arial, Helvetica, sans-serif"/>;
	}

	.error {
		color: red; 
		font-weight: bold;
		text-align:left;
	}
	
	.edit {
		visibility: hidden; 
		position: absolute; 
		top: 8px; 
		right: 5px; 
		color: rgb(122, 134, 156);
	}
	
	.interruptor .optional {
		border: 1px dashed rgb(255, 153, 51); 
		margin: 5px 0px; padding: 3px; 
		background-color: rgb(255,255,219);
	}
	
	.section {
		border-bottom: 1px solid #d6d6d6;
		border-left: 2px solid #d6d6d6;
		border-right: 2px solid #d6d6d6;
		background-color:#D6D6D6;
		width:305px;
	}

	.sectionTitle {
		background-color:#EBEBEB;
		color:#999999;
		font-weight: bold;
		padding: 8px 16px;
		border-bottom:0px solid #D6D6D6;
		border-top:1px solid #D6D6D6;
		font-size:18px;
		position:relative;
	}

	div.selected {
		background: #7A869C url('%3Css:value%20source=%22$storeversion.images[%27selected_arrow.gif%27]%22/%3E') no-repeat left;
		color:#1d0f03;
		font-weight:bold;
		border-top:2px solid #D6D6D6; padding-left:16px; padding-right:16px; padding-top:8px; padding-bottom:8px
	}
	
	.sectionContent {
		font-size: 12px;
		background: #ffffff;
	}

	.sectionContentInner {
		padding:10px;
	}

	.sectionContentInner table {
		text-align:left;
	}

	.giftwrapcheckbox {
		margin:0px;
	}
