/*redefine standard tags*/


body {
	margin:0; padding: 0;
	background: #fff url(../images/generic/yuko_bg_main.gif) no-repeat top center;	
	text-align: center;
}

body.background {
	background-color: #fff;
}

img {
	border: 0;
}

form {
	padding: 0; margin: 0;
}



/* layout styles*/

#header {
	position: relative;
	width: 750px;
	margin: 0 auto;
	text-align: left;
}


#header #top_nav .orderline {
	padding-left: 360px;
}

#header #top_strip {
	height: 30px;
	margin: 4px 0;
	background: #FCDFDD url(../images/generic/yuko_bg_top.gif) no-repeat top left;	
}

#header #main_nav {
	font-size: 13px;
	padding: 3px 0 4px 0;
	background-color: #F8BEBA;
	color: #fff;
	text-align: center;
}


#header #main_nav .separator {
	padding: 0 10px;
}

#header #main_nav a .selected {
	color: #FFEEED;
	text-decoration: underline;
}


#header #subnav {
	position: absolute;
	font-size: 12px;
	font-weight: bold;
	margin: 20px 0 0 288px;
}

#header #subnav .separator {
	padding: 0 10px;
}


#header #orderline {
	position: absolute;
	font-size: 12px;
	font-weight: bold;
	margin: 13px 0 0 564px;
}

#header #logo {
		position: absolute;
		width: 242px;
		height: 68px;
		left: 24px; top: 62px;
		background: url(../images/generic/logo.gif) no-repeat top left;	
}

#header #logo h1 {
		text-indent: -99999em;
}

#header #logo h1 a {
		width: 242px;
		height: 68px;
		display: block;
		text-decoration: none;
}


#left_column {
	width: 221px;
	border-right: 1px solid #f2efec;
	padding-right: 14px;
}

#right_column {
	padding: 4px 0 24px 18px;
}

#main {
	text-align: left;
	margin-top: 55px;
}


/*menus*/

/* main category menu */
#category_menu {
	margin: 24px 0 24px 48px;
}

#category_menu .title {
	font-size: 12px;
	font-weight: bold;
	color: #373028;
	margin: 0;
}

#category_menu ul {
	list-style-type: none;	
	margin: 0 0 0 6px; padding: 0;
}

#category_menu ul li {
	font-weight: bold;
	margin: 6px 0; padding: 0;
}

/**** search ****/

#search {
	width: 155px;
	margin: 0 0 0 52px;
}

#search #searchbox {
	font-size: 11px;
	width: 147px;
	border: 1px solid #999;
	background: #FFFDFD;
	padding: 1px 3px 2px 3px;
	color: #DE8E89;
}

#newsletter {
	width: 155px;
	margin: 52px 0 0 52px;
}

#newsletter a img {
	float: right;
}

#newsletter #newsbox {
	font-size: 11px;
	width: 147px;
	border: 1px solid #999;
	background: #FFFDFD;
	padding: 1px 3px 2px 3px;
	margin: 4px 0px 2px 0px;
	color: #DE8E89;
}

#search .submit{
	text-align: right;
	margin: 2px 0;
}


/*content*/
#content {
	margin: 0;
}

#content {
	color: #6C7481;
	line-height: 15px;
}


#content h1 {
	font-size: 24px;
	font-weight: 100;
}

#content h2 {
	font-size: 24px;
	font-weight: 100;
}


#content h3 {
	font-size: 18px;
	font-weight: 100;
}

#content h4 {
	font-size: 15px;
	font-weight: bold;
}


/***** product listings *******/



#content #dialog_box {
	
}

#content #dialog_box h1,#content #dialog_box h2 {
	font-size: 18px;
	font-weight: 100;
	color: #ACB1B9;
	background: #F2F3F4;
	padding: 8px 0 8px 10px;
	margin: 0;
	border: 1px solid #CCCFD4;
}

#content #dialog_box .content {
	border: 1px solid #E2E4E7;
	border-top: 0;
	padding: 8px;
}

#content #sort_search {
	margin: 4px 0;
	display: none;
}

#content #dialog_box .content p {
	margin: 0 0 12px 0;
}

#content #dialog_box .content .prod_thb {
	float: right;
	margin: 0 8px 4px 8px;
}

#content #dialog_box .content .prod_thb img {
	border: 1px solid #6C7481;
}

#content #dialog_box .content #details,#content #dialog_box .content #options {
	clear: both;
	margin: 12px 0;
}

#content #dialog_box .content #detailed_images {
	text-align: center;
}

#content #dialog_box .content #more_images {
	text-align: center;
}

#content #dialog_box ul {
	clear: both;
	margin:12px 0 12px 24px;padding:0;
}



#content #products {
	margin: 4px 0 13px 0;
	border-bottom: 1px dashed #DFD8D0;
}

#content #products h3 {
	font-size: 15px;
	font-weight: bold;
	margin: 0 0 0 12px;
}

#content #products h3  a:link { color: #CD8A85; text-decoration: none;}
#content #products h3 a:visited { color: #CD8A85; text-decoration: none;}
#content #products h3 a:hover { color: #E5B0AC; text-decoration: underline;}
#content #products h3 a:active { color: #999; }



#content #products .thumbnail img {
		border: 1px solid #6C7481;
}

#content #products .thumbnail  a:link { color: #CD8A85; text-decoration: underline;}
#content #products .thumbnail  a:visited { color: #CD8A85; }
#content #products .thumbnail  a:hover { color: #E5B0AC; }
#content #products .thumbnail  a:active { color: #999; }

#content #products .short_description {
		margin: 7px 0 0 12px;
}

#content #products .price {
		font-size: 14px;
		font-weight: bold;
		color: #999;
		border-top: 1px solid #DFD8D0;
		padding-top: 5px;
		margin: 9px 0 0 12px;
}

#content #products .discount {
		font-size: 11px;
		color: #E5B0AC;
		padding: 5px;
		font-weight: 100;
}


#content #products .add2basket {
	margin: 7px 0 13px 11px;
}

/*homepage content*/

#content .feature {  width: 275px; height: 130px; background: #F2F3F4; margin: 6px 0;}
#content .feature .image { float: left; width: 92px;}
#content .feature h2.title { float: right; width: 176px; font-size: 12px; font-weight: bold; background-color: #aab2bf; color: #fff; margin: 0 0 6px 0; padding: 1px 0 3px 7px; }
#content .feature .description { position: relative; line-height: 13px; left: 5px; padding-right: 7px;}
#content .feature .more { text-align: right; margin: 16px 0 0 0}

#content .feature h2.title a {
	color: #fff;
}

#content p.welcome {
	margin: 2px 0 16px 0;
	text-align:justify;
}

#content #welcome_legs {
	float: right;
	width: 176px;
	margin-left: 10px;
	height: 286px;
	background: #fff url(../images/generic/welcome_legs3.jpg) no-repeat;
}

.size_chart {
	font-size: 12px;
	font-weight: bold;
}

/** footer **/

#footer {
	width: 750px;
	margin: 10px auto;
	text-align: center;
}

#footer .resource_bar {
	font-size: 11px;
	background-color: #F8BEBA;
	padding: 3px 0;
	margin-bottom: 6px;
	color: #fff;
	text-transform: uppercase;
}

#footer .copyright {
	font-size: 11px;
	border-top: 5px solid #cccfd4;
	text-transform: uppercase;
	color: #9fa9ba;
	padding: 6px 0 8px 0;
}

/*category menu links*/
#footer .resource_bar a:link { color: #fff; }
#footer .resource_bar a:visited { color: #fff; }
#footer .resource_bar a:hover { color: #fff; text-decoration: underline;}
#footer .resource_bar a:active { color: #fff; }

/*links*/
#header #subnav a:link { color: #999; text-decoration: none;}
#header #subnav a:visited { color: #999; text-decoration: none; }
#header #subnav a:hover { color: #ccc; text-decoration: underline;}
#header #subnav a:active { color: #BB817C; }

#header #main_nav a { font-weight:bold; text-decoration: none;}
#header #main_nav a:link { color: #fff; }
#header #main_nav a:visited { color: #fff; }
#header #main_nav a:hover { color: #fff; text-decoration: underline;}
#header #main_nav a:active { color: #fff; }


#main a:link { color: #BB817C; }
#main a:visited { color: #BB817C; }
#main a:hover { color: #F8BEBA; text-decoration: underline;}
#main a:active { color: #F8BEBA; }

/*category menu links*/
#category_menu ul li a:link { color: #888; }
#category_menu ul li a:visited { color: #aaa; }
#category_menu ul li a:hover { color: #ccc; text-decoration: underline;}
#category_menu ul li a:active { color: #BB817C; }

/*OLD X-CART CSS*/

P,DIV,TH,TD,P,INPUT,SELECT,TEXTAREA {
        FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif; 
        COLOR: #8D939D; FONT-SIZE: 11px;
}
H1 {
        FONT-SIZE: 15px;
}
H2 {
        FONT-SIZE: 13px;
}
H3 {
        FONT-SIZE: 12px;
}
HR {
        COLOR: #DDDDDD; HEIGHT: 1px;
}

.HeadBox {
        BACKGROUND-COLOR: #9E9FA7;
}
.HeadText {
        FONT-SIZE: 12px; FONT-WEIGHT: bold;
}
.HeadLine {
        BACKGROUND-COLOR: #EDEDED;
}
.VertMenuBox {
        BACKGROUND-COLOR: #EDEDED;
}
.VertMenuBorder {
        BACKGROUND-COLOR: #000000;/*#FFC58C;*/
}
.VertMenuTitle {
        BACKGROUND-COLOR: #FFC58C; COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 10px;
}
.VertMenuItems {
        COLOR: #000000; TEXT-DECORATION: none;
}
.VertMenuItems:link {
        COLOR: #330000; TEXT-DECORATION: none;
}
.VertMenuItems:visited {
        COLOR: #330000; TEXT-DECORATION: none;
}
.VertMenuItems:hover {
        COLOR: #550000; TEXT-DECORATION: underline;
}
.VertMenuItems:active  {
        COLOR: #330000; TEXT-DECORATION: none;
}
.VertMenuHr {
        COLOR: #999999;
}
.CategoriesList {
	FONT-SIZE: 12px;
}
.DialogBox {
        BACKGROUND-COLOR: #ffffff;
}
.DialogBorder {
        BACKGROUND-COLOR: #F8BEBA;
}
.DialogTitle {
        COLOR: #771811; FONT-WEIGHT: bold; FONT-SIZE: 13px;
}
.NumberOfArticles {
        COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 10px;
}
.TopLabel {
        COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 12px;
}
.Text {
        COLOR: #000000;
}
.AdminSmallMessage {
        COLOR: #550000;
}
.AdminTitle {
        COLOR: #330000; FONT-WEIGHT: bold; FONT-SIZE: 12px;
}
.Line {
        BACKGROUND-COLOR: #DFD4C8;
}
.ProductTitle {
        COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 12px;
}
.ProductDetailsTitle {
        COLOR: #7E6B58; FONT-WEIGHT: bold; FONT-SIZE: 12px;
}
.ProductDetails {
        COLOR: #000000;
}
.ProductPriceTitle {
        COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 12px;
}
.ProductPriceConverting {
        COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 12px;
}
.ProductPrice {
        COLOR: #7E6B58; FONT-WEIGHT: bold; FONT-SIZE: 12px;
}
.ProductPriceSmall {
        COLOR: #550000; FONT-WEIGHT: bold; FONT-SIZE: 10px;
}
.MarketPrice {
        FONT-SIZE: 11px;
}
.ItemsList {
        COLOR: #330000; FONT-WEIGHT: bold; FONT-SIZE: 10px;
}
.NavigationPath {
        COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 10px;
}
.FormButton {
        COLOR: #000; FONT-WEIGHT: bold; FONT-SIZE: 12px;
}
.Button {
       FONT-FAMILY: Verdana, Arial;
	  BACKGROUND: #C6928D URL(images/butbg.gif);
       COLOR: #fff; FONT-WEIGHT: bold; 
       FONT-SIZE: 11px;
       TEXT-DECORATION: none;
	 height: 22px;
	 padding: 3px 3px 0 3px;
}
.CustomerMessage {
        COLOR: #7E6B58; FONT-WEIGHT: bold; FONT-SIZE: 10px;
}
.ErrorMessage {
        COLOR: #c00; FONT-WEIGHT: bold; FONT-SIZE: 10px;
}
.Star {
        COLOR: #FF0000;
}
.HighLight {
		BACKGROUND-COLOR: #FFFFCC;
}
.SaveMoneyLabel {
        COLOR: #FFFFFF; FONT-WEIGHT: bold; FONT-SIZE: 10px;
}
.TableHead {
    BACKGROUND-COLOR: #DDDDDD;
}
.SmallNote:link {
        COLOR: #888888; TEXT-DECORATION: none; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif;
}
.SmallNote:visited {
        COLOR: #888888; TEXT-DECORATION: none; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif;
}
.SmallNote:hover {
        COLOR: #888888; TEXT-DECORATION: underline; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif; 
}
.SmallNote:active {
        COLOR: #888888; TEXT-DECORATION: none; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif;
}
.Bottom {
        BACKGROUND-COLOR: #FFC58C; COLOR: #330000;
}
.Tab {
        BACKGROUND-COLOR: #FFC58C;
        FONT-WEIGHT: bold;
    TEXT-TRANSFORM: uppercase;
}
.CatMenuItemOff 
{
    BACKGROUND-COLOR: transparent;	/* like "VertMenuBox" */
    BORDER-RIGHT: none;				/* like "VertMenuBox" */
    BORDER-TOP: none;				/* like "VertMenuBox" */
    BORDER-LEFT: none;				/* like "VertMenuBox" */
    BORDER-BOTTOM: none;			/* like "VertMenuBox" */
    MARGIN-BOTTOM: 1px;
    MARGIN-TOP: 1px;
    MARGIN-LEFT: 1px; 
    MARGIN-RIGHT: 2px;
    CURSOR: pointer;
}
.CatMenuItemOffExp
{
    BACKGROUND-COLOR: transparent;	/* like "VertMenuBox" */
    BORDER-RIGHT: none;				/* like "VertMenuBorder" */
    BORDER-TOP: none;				/* like "VertMenuBorder" */
    BORDER-LEFT: none;				/* like "VertMenuBorder" */
    BORDER-BOTTOM: none;			/* like "VertMenuBorder" */
    MARGIN-BOTTOM: 1px;
	MARGIN-TOP: 1px;
	MARGIN-LEFT: 1px;
    MARGIN-RIGHT: 2px;  
    CURSOR: pointer;
}
.CatMenuItemOn 
{
    BACKGROUND-COLOR: #FFC58C;              /* like "VertMenuTitle" */
    BORDER-RIGHT: #FFC58C 1px solid;        /* like "VertMenuTitle" */
    BORDER-TOP: #FFC58C 1px solid;          /* like "VertMenuTitle" */
    BORDER-LEFT: #FFC58C 1px solid;         /* like "VertMenuTitle" */
    BORDER-BOTTOM: #FFC58C 1px solid;       /* like "VertMenuTitle" */
    MARGIN-LEFT: 1px; 
    MARGIN-RIGHT: 2px; 
    CURSOR: pointer;
}
.CatSubMenu
{
    BACKGROUND-COLOR: #EDEDED;              /* like "VertMenuBox" */
    BORDER-RIGHT: #000000 1px solid;        /* like "VertMenuBorder" */
    BORDER-TOP: #000000 1px solid;          /* like "VertMenuBorder" */
    BORDER-LEFT: #000000 1px solid;         /* like "VertMenuBorder" */
    BORDER-BOTTOM: #000000 1px solid;       /* like "VertMenuBorder" */
    MARGIN-LEFT: 1px; 
    MARGIN-RIGHT: 2px; 
}
.CatMenuItem
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial; 
    CURSOR: pointer;
}
.CatMenuItem:link
{
    COLOR: #000000;                         /* like "VertMenuItems" */
}
.CatMenuItem:visited
{
    COLOR: #000000;                         /* like "VertMenuItems" */
}
.CatMenuItem:hover
{
    COLOR: #000000;                         /* like "VertMenuTitle" */
}
.CatMenuItem:active
{
    COLOR: #000000;                         /* like "VertMenuItems" */
}
.NavDialogTitle {
    font-size: 11px;
    font-weight: bold;
    color: #330000;
}   
.NavDialogBorder {
    background-color: #FFC58C;
}
.NavDialogBox {
    background-color: #EDEDED;
}
.SubHeader2 {
    COLOR: #666666;
    font-size: 11px;
    FONT-WEIGHT: bold;
}
.SubHeader2Line {
    BACKGROUND-COLOR: #CCCCCC;
}
.PopupHelpLink {
    FONT-SIZE: 9px;
    COLOR: #330000;
    TEXT-DECORATION: none;
}
.HightLightRow {
	BACKGROUND-COLOR: #B0B0B0;
	font-weight: bold;
}
.HightLightEqualRow {
	BACKGROUND-COLOR: #ffe8af;
}
.VertMenuSubTitle {
	BACKGROUND-COLOR: #FFC58C;
}