html {}

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 115%;
	color: #707070;
	/*background-color: #FFFFFF;*/
	background-image:url(/site/atriacharkodeli/images/static/bg.gif);
	background-repeat: repeat;
}

p { margin-top: 0px; margin-bottom: 0px; padding-bottom: 10px; }

h1 { font-size: 195%; line-height: 100%; font-weight: bold; margin-bottom: 10px; margin-top: 1px; }
h2 { font-size: 165%; line-height: 100%; font-weight: normal; margin-bottom: 5px; margin-top: 1px; }
h3 { font-size: 145%; line-height: 100%; font-weight: normal; margin-bottom: 5px; margin-top: 1px; }
h4 { font-size: 125%; line-height: 100%; font-weight: normal; margin-bottom: 5px; margin-top: 1px; }

hr { width: 100%; border: 0; color: #E20040; background-color: #E20040; height: 4px; margin-top: 15px; margin-bottom: 15px; padding: 0px; }
a:link, a:visited, a:active { text-decoration: none; outline: none; color: #E40140; }
a:hover { text-decoration: underline; outline: none; color: #E40140; }
.clear { clear:both; margin-top:-1px; height:1px; overflow:hidden; }

#wide_right ul, #default_right ul {
	margin-left: 0px;
	padding: 3px;
	padding-left: 0px;
}

#wide_right ul li, #default_right ul li	{
	margin: 0px;
	margin-top: 3px;
	margin-left: 20px;
	padding: 0px;
	border: 0px;
}

/* content formatting containers ******************************************** */
#outer_container {
	position: relative;
	width: 790px;
	margin: 0 auto;
}

#inner_container {
	position: relative;
	margin-top: 20px;
	margin-bottom: 10px;
}

#top_container {
	position: relative;
	background-image:url(/site/atriacharkodeli/images/static/cmain.gif);
	background-repeat: repeat-y;
	width: 790px;
}

#logo {
	position: relative;
	float: left;
	left: 20px;
}

#banner_area {
	background-color: #FFFFFF;
	position: relative;
	float: right;
	right: 16px;
	top: -4px;
	width: 504px;
	height: 112px;
}

#top_nav_container {
	position: relative;
	background-image:url(/site/atriacharkodeli/images/static/cmain.gif);
	width: 790px;
	height: 28px;
	background-repeat: repeat-x;
	border: 0;
}

#top_nav_inner_container {
	position: relative;
	width: 780px;
	height: 28px;
	background-image:url(/site/atriacharkodeli/images/static/top_nav_bg.png);
	background-repeat: no-repeat;
	border: 0;
}


#content_container {
	background-image:url(/site/atriacharkodeli/images/static/cmain.gif);
	background-repeat: repeat-y;
	position: relative;
	width: 790px;

}


#footer {
	position: relative;
	text-align: center;
	color: #9a9a9a;
	font-size: 90%;
	margin-bottom: 10px;
}

#footer_main {
	position: relative;
	background-image:url(/site/atriacharkodeli/images/static/cmain.gif);
	background-repeat: repeat-y;
	width: 790px;
}

#footer_inner {
	padding-top: 15px;
	padding-bottom: 5px;
}

#footer a:link, #footer a:visited, #footer a:active, #footer a:hover {
	color: #9a9a9a;
	text-decoration: none;
}



/* page specific ************************************************************ */
#start_left {
	position: relative;
	width: 515px;
	float: left;
	left: 20px;
	margin-top: 15px;
}

#start_right {
	position: relative;
	width: 210px;
	float: left;
	left: 40px;
	margin-top: 15px;
}

#start01 { }
#start02 { }
#start03 {
	position: relative;
	float: left;
	width: 250px;
}

#start04 {
	position: relative;
	float: right;
	width: 250px;
}


#default_left {
	position: relative;
	width: 210px;
	float: left;
	left: 20px;
	margin-top: 15px;
}

#default_right {
	position: relative;
	width: 400px;
	float: left;
	left: 60px;
	margin-top: 15px;
}


#wide_left {
	position: relative;
	width: 210px;
	float: left;
	left: 20px;
	margin-top: 15px;
}

#wide_right {
	position: relative;
	width: 490px;
	float: left;
	left: 30px;
	margin-top: 15px;
}



#sales_01 {
	position: relative;
	width: 210px;
	float: left;
	left: 20px;
	margin-top: 15px;
}

#sales_02 {
	position: relative;
	width: 500px;
	float: left;
	left: 60px;
	margin-top: 15px;
	z-index: 100;
}

#sales_03 {
	position: relative;
	width: 150px;
	float: left;
	margin-top: 15px;
	left: 60px;
}

#sales_04 {
	position: relative;
	width: 150px;
	float: left;
	margin-top: 15px;
	left: 80px;
}









/* object templates ********************************************************* */
.image_text {
	font-style: italic;
	margin-bottom: 5px;
}

.section_object {
	margin-bottom: 15px;
}








.sidebox {
	width: 210px;
	margin-bottom: 10px;
}

.sidebox_bg {
	background-image:url(/site/atriacharkodeli/images/static/sidebox_main.png);
	background-repeat: repeat-y;
}

.sidebox_inner {
	width: 185px;
	margin-left: 10px;
	padding-top: 1px;
	padding-bottom: 5px;
}

.sidebox_image {
	text-align: center;
}

.sidebox h1, .sidebox h2 {
	font-weight: bold;
	font-size: 100%;
	color: #3D3D3D;
	margin-top: 0px;
}



.sidebox_narrow {
	width: 190px;
	margin-bottom: 10px;
}

.sidebox_narrow_bg {
	background-image:url(/site/atriacharkodeli/images/static/sidebox_narrow_main.png);
	background-repeat: repeat-y;
}









.redbox {
	width: 210px;
	margin-bottom: 10px;
	color: #FFFFFF;
}

.redbox_bg {
	background-image:url(/site/atriacharkodeli/images/static/redbox_main.png);
	background-repeat: repeat-y;
}

.redbox_inner {
	position: relative;
	/*width: 185px;*/
	width: 200px;
	margin-left: 10px;
	padding-top: 1px;
	padding-bottom: 5px;
}

.redbox_image {
	text-align: center;
}

.redbox h1 {
	font-size: 110%;
	color: #FFFFFF;
	margin-top: 0px;
}

.redbox a:link, .redbox a:visited, .redbox a:active, .staffbox a:link, .staffbox a:visited, .staffbox a:active  {
	color: #FFFFFF;
	text-decoration: none;
}

.redbox a:hover, .staffbox a:hover {
	text-decoration: underline;
}





#sales_item {
	position: relative;
}

/*.sales_image {
	position: relative;
	float: left;
	left: -8px;
	width: 70px;
	height: 45px;
	margin-top: 1px;
}

.sales_info {
	position: relative;
	float: left;
	width: 130px;
	left: -5px;
	overflow: visible;
	margin-bottom: 20px;
}*/

.sales_image {
	position: relative;
	width: 180px;
	height: 58px;
	margin-bottom: 5px;

}




.staffbox {
	width: 230px;
	margin-bottom: 10px;
	color: #FFFFFF;
}

.staffbox_bg {
	background-image:url(/site/atriacharkodeli/images/static/staffbox_main.png);
	background-repeat: repeat-y;
}

.staffbox_inner {
	width: 205px;
	margin-left: 10px;
	padding-top: 1px;
	padding-bottom: 5px;
}


.staffbox h1 {
	font-size: 100%;
	color: #FFFFFF;
	margin-top: 0px;
}

.sales_info a:link, .sales_info a:visited, .sales_info a:active {
	color: #000000;
	text-decoration: none;
}

.sales_info a:hover {
	text-decoration: underline;
}


.sw_link {
	color: #E40140;
}

.sw_link:hover {
	text-decoration: underline;
	cursor: pointer;
	cursor: hand;
}






.news_item {
	margin-bottom: 20px;
	line-height: 125%;
}

.news_date {
	color: #999999;
	font-weight: normal;
}

.news_list_item {
	margin-bottom: 10px;
	font-weight: bold;
}

.news_list_item a:link, .news_list_item a:visited, .news_list_item a:active {
	color: #9a9a9a;
	text-decoration: none;
}

.news_list_item a:hover {
	color: #E40140;
	text-decoration: none;
}

.news_image {
	margin-bottom: 10px;
}

.news_list_item a.current_item:link, .news_list_item a.current_item:visited, .news_list_item a.current_item:active, .news_list_item a.current_item:hover {
	color: #E40140;
	outline: none;
}





.formbox {}

#default_left .formbox {
	margin-left: 9px;
	width: 177px;
	margin-bottom: 15px;
}

#default_left .formbox h3 {
	font-size: 110%;
	color: #3D3D3D;
	margin-top: 0px;
	font-weight: bold;
}

#default_right .formbox {
	width: 390px;
	margin-bottom: 15px;
}








.form_pair {
	margin-bottom: 10px;
}

.contact_submit {
	position: relative;
	float: right;
	right: -8px;
}









.archive_nav {
	position: relative;
	float: left;
}

.archive_nav_center {
	position: relative;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	font-weight: bold;
}







.arc_image_item {
	position: relative;
	float: left;
	width: 260px;
}
.arch_cat_item {
	position: relative;
	float: left;
	width: 75px;
}

.arch_image_preview {
	position: relative;
	float: right;
	width: 100px;
}

.arc_image_text {
	margin-top: 5px;
}



.brand_logo_search {
	margin-top: 10px;
	margin-bottom: 10px;
}

.search_results_menu_item {
	position: relative;
	float: left;
	margin-right: 7px;
}





#brands {
	width: 520px;
}



.brand_container {
	position: relative;
	float: left;
	width: 80px;
	height: 70px;
	text-align: center;
	margin-right: 30px;
	margin-bottom: 10px;
}

.brand_image {
	position: relative;
	width: 80px;
	height: 70px;
}



#product {
	position: relative;
	width: 530px;
}

#product_image {
	position: relative;
	float: left;
	width: 320px;

}

#product_markings {
	position: relative;
	float: right;
	width: 190px;
	text-align: center;
	top: -30px;
}

#product_markings_inner {
	margin-top: 10px;
}




.product_info {
	border: 1px solid #E8E8E8;
	margin-bottom: 10px;
}

.product_info h4 {
	padding: 5px;
}

.product_info_section {
	position: relative;
	width: 100%;
}

.odd { background-color: transparent; }
.even { background-color: #F8F8F8; }


.product_info_left {
	position: relative;
	float: left;
	width: 175px;
	padding: 5px;
}

.product_info_right {
	position: relative;
	float: left;
	width: 330px;
	padding: 5px;
}



.item_bull {
	width: 40px;
	height: 40px;
	position: relative;
	float: left;
}

.item_label {
	width: 110px;
	line-height: 40px;
	position: relative;
	float: left;
	left: 10px;
	text-align: left;

}


.toggler {
	margin:20px 0 10px 0;
	cursor:pointer;
	text-decoration: none;
	line-height:20px;
	display: block;
}
.toggler-closed {
	color:#707070;
	padding-left:20px;
	background: url('/site/atriacharkodeli/images/static/right.gif') center left no-repeat;
}

.toggler-opened {
	color:#707070;
	padding-left:20px;
	background: url('/site/atriacharkodeli/images/static/down.gif') center left no-repeat;

}

/* Container - default style */
.toggler-c {
}
.toggler-c-closed {
	margin: 0;
	padding: 0;
}
.toggler-c-opened {
	margin: 0;
	padding:0;
}

#prodinfogroup a:link, #prodinfogroup a:visited, #prodinfogroup a:active {
	font-size: 125%;
	font-weight: normal;
	color: #707070;
	text-decoration: none;
}

#prodinfogroup a:hover {
	text-decoration: none;
}

/* top navigation *********************************************************** */
#top_nav {
	padding:0;
	margin:0;
	white-space:nowrap;
	list-style-type:none;
	z-index: 100;
	width: 750px;
	margin-left: 20px;
}

/* give the top nav section its right border */
#top_nav ul {
	border-right: 1px solid #000000;
}

#top_nav li {
	float: left;
	height: 28px;
	line-height: 28px;
	border-right: 1px solid #F8F8F8;
	text-transform: uppercase;
	cursor: pointer;
	cursor: hand;
}

#top_nav li.current {
	float: left;
	height: 28px;
	line-height: 28px;
	background-image: url(/site/atriacharkodeli/images/static/top_nav_active_bg.png);
	background-repeat: repeat-x;
	background-position: bottom right;
	cursor: pointer;
	cursor: hand;
}

/* give the first top nav item its left border */
#top_nav li.first {
	border-left: 1px solid #F8F8F8;
}

#top_nav li:hover {
	background-image: url(/site/atriacharkodeli/images/static/top_nav_active_bg.png);
	background-repeat: repeat-x;
	background-position: bottom right;
}


#top_nav li a {
	font-size: 90%;
	font-weight: bold;
	margin-left: 1.4em;
	margin-right: 1.4em;
	text-decoration:none;
	float:left;
	outline: none;
	background-color: transparent;
	color: #FFFFFF;
}


#top_nav li a:hover {
	text-decoration:none;
	outline: none;
	background-color: transparent;
	color: #000000;
}

#top_nav li.current a {
	color: #000000;
}
















/* left navigation ********************************************************** */

#left_menu_container {
	position: relative;
	left: 0 !important; left: 20px;
}

#nav {
	position: relative;
	padding: 0px;
	margin: 0px;
	color: #666666;
	margin-bottom: 20px;
	left: 0 !important; left: -20px;
}

#nav li {
	list-style: none;
	background-image: url(/site/atriacharkodeli/images/static/left_menu_bg.png);
	background-repeat: repeat-y;
	background-position: top left;
	border-bottom: 1px solid #FFFFFF;

	/*cursor: pointer;
	cursor: hand;*/
	width: 185px;
}


/* add bottom margin to nested ul (children) */
#nav ul {
	margin-bottom: 10px;
}


/* rid children of bottom border */
#nav ul li {
	background-image: none;
	border-bottom: none;
	line-height: 20px;
}


#nav li.first {
	background-image: url(/site/atriacharkodeli/images/static/left_menu_bg_first.png);
	background-repeat: no-repeat;
	background-position: top left;
	border-bottom: 1px solid #FFFFFF;
}

#nav li.last {
	background-image: url(/site/atriacharkodeli/images/static/left_menu_bg_last.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	border-bottom: hidden;
	border-bottom: 1px solid #FFFFFF;
}


/* level 1 */
#nav a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	outline: none;
	line-height: 30px;
	margin-left: 1.5em;
}

/* level 2 */
#nav li ul {
	margin-left: 0;
	padding-left: 1.0em;
	/*text-indent: -1em;*/
}

#nav li ul a {
	font-size: 90%;
	outline: none;
	line-height: 15px;
}

/* all levels */
#nav li a.current {
	color: #E40140;
	text-decoration: none;
}

#nav li a.current:hover {
	color: #E40140;
	text-decoration: none;
	background-color: transparent;
}

#nav li a:hover {
	color: #E40140;
	text-decoration: none;
	background-color: transparent;
}






/* product navigation ******************************************************* */
#prod_menu_container {
	position: relative;
	left: 0 !important; left: 20px;
}

#prod_cats {
	position: relative;
	padding: 0px;
	margin: 0px;
	color: #666666;
	margin-bottom: 20px;
	left: 0 !important; left: -20px;
}

#prod_cats li {
	list-style: none;
	background-image: url(/site/atriacharkodeli/images/static/left_menu_bg.png);
	background-repeat: repeat-y;
	background-position: top left;
	border-bottom: 1px solid #FFFFFF;

	/*cursor: pointer;
	cursor: hand;*/
	width: 185px;
}


/* add bottom margin to nested ul (children) */
#prod_cats ul {
	margin-bottom: 10px;
}


/* rid children of bottom border */
#prod_cats ul li {
	background-image: none;
	border-bottom: none;
	line-height: 20px;
}


#prod_cats li.first {
	background-image: url(/site/atriacharkodeli/images/static/left_menu_bg_first.png);
	background-repeat: no-repeat;
	background-position: top left;
	border-bottom: 1px solid #FFFFFF;
}

#prod_cats li.last {
	background-image: url(/site/atriacharkodeli/images/static/left_menu_bg_last.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	border-bottom: hidden;
	border-bottom: 1px solid #FFFFFF;
}


/* level 1 */
#prod_cats a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	outline: none;
	line-height: 30px;
	margin-left: 1.5em;
}

/* level 2 */
#prod_cats li ul {
	margin-left: 0;
	padding-left: 1.0em;
	/*text-indent: -1em;*/
}

#prod_cats li ul a {
	font-size: 85%;
	outline: none;
	line-height: 15px;
}

/* all levels */
#prod_cats li a.current {
	color: #E40140;
	text-decoration: none;
}

#prod_cats li a.current:hover {
	color: #E40140;
	text-decoration: none;
	background-color: transparent;
}

#prod_cats li a:hover {
	color: #E40140;
	text-decoration: none;
	background-color: transparent;
}