/*MODIFIED BY HAEWEN 7/13/2011*/



BODY, P, DIV, TD, BLOCKQUOTE {

	font-family:verdana;

	font-size:12px;

	font-style:normal;

	font-weight:normal;

}



Body{

        margin: 0 !important;

}



#card_logo_div{

    background: url(/ixxo/images/custom/bgheader.jpg) top center no-repeat;

    height: 186px;

    width: 830px;

}



#card_logo_div h1{

    margin: 0 !important;

    padding-top: 20px;

    padding-left: 15px;

}



#logo{

    background: url(/ixxo/images/custom/logo.png) center no-repeat;

    height: 152px;

    width: 223px;

    display: block;

}



#top_banner img { width:820px;}

#top_banner .card_logo { width:100px;}



body div#footerlinkbox{

   width: 830px;

   margin: 0 auto 5px;

   color: #fff !important;

}



#footerlinkbox a{

   font-weight: bold !important;

   font-size: 11px !important;

}



form{margin:0;padding:0;}

A:ACTIVE{color:#0E4369;text-decoration:none;}

A:LINK{color:#0E4369;text-decoration:none;}

A:VISITED{color:#0E4369;text-decoration:none;}

A:HOVER{color:#706E05;text-decoration:underline;}



table td.TopBottomBar{

        font-size:12px;

	background:url(/ixxo/images/custom/bgmenu.jpg) top left repeat-x;

	height: 39px;

	color:#FFFFFF;

}



table td.TopBottomBar td.TopBottomBar{

        background: none;

        height: 35px;

}



A:ACTIVE.TopBottomBarLink{color:#FFFFFF;text-decoration:none;}

A:LINK.TopBottomBarLink{color:#FFFFFF;text-decoration:none;}

A:VISITED.TopBottomBarLink{color:#FFFFFF;text-decoration:none;}

A:HOVER.TopBottomBarLink{color:#FFFFFF;text-decoration:underline;}



.strike{

	text-decoration:line-through;

}

/** BOX STYLES **/

.BoxFrame{background-color:#69baa7;}



.BoxHeader{

	font-family:verdana;

	font-size:12px;

	font-style:normal;

	font-weight:bold;

	background-color:#FFFFFF;

	height:25px;

	padding-left:5px;

	padding-right:5px;

	color:#454545;

}

.BoxContent{

	font-family:verdana;

	font-size:10px;

	font-style:normal;

	font-weight:normal;

	padding-left:5px;padding-right:5px;padding-top:3px;padding-bottom:3px;

	background-color:#F0F0F0;

	color:#000000;

}

.BoxText{

	font-family:verdana;

	font-size:10px;

	font-style:normal;

	font-weight:normal;

	background-color:#F0F0F0;

	color:#000000;

}

A:ACTIVE.BoxLink{color:#000033;text-decoration:none;}

A:LINK.BoxLink{color:#000033;text-decoration:none;}

A:VISITED.BoxLink{color:#000033;text-decoration:none;}

A:HOVER.BoxLink{color:#000055;text-decoration:underline;}



/** PAGE HEADER AND NAVIGATION					**/

.pageHeader{

	font-family:verdana;

	font-size:14px;

	font-style:normal;

	font-weight:bold;

	background-color:#FFFFFF;

	text-align:left;

	padding:5px;

	margin:0px;

	color:#000000;

}



.pageNavigation{

	font-family:verdana;

	font-size:11px;

	font-style:normal;

	font-weight:normal;

	background-color:#FFFFFF;

	padding:5px;

	height:16px;

	color:#0033cc;

}



.pageNavigation div{

	font-family:verdana;

	font-size:11px;

	font-style:normal;

	font-weight:normal;

	color:#0033cc;

}



/** CATALOG ITEMS				 				**/

.CatalogNavigation{

	font-family:verdana;

	font-size:12px;

	font-style:normal;

	font-weight:normal;

	background-color:#CCCCCC;

	color:#000000;

}

.CatalogItemDark{

	font-family:verdana;

	font-size:9px;

	font-style:normal;

	font-weight:normal;

	background-color:#F0F0F0;

	padding:4px;

	color:#000000;

}

.CatalogItemLight{

	font-family:verdana;

	font-size:9px;

	font-style:normal;

	font-weight:normal;

	background-color:#ffffff;

	padding:4px;

	color:#000000;

}



/** LISTS FOR CART ITEMS - USES CATALOG STYLES **/



.listHeader{

	font-family:verdana;

	font-size:9px;

	font-style:normal;

	font-weight:normal;

	background-color:#F0F0F0;

	color:#000000;

}



.listItem{

	font-family:verdana;

	font-size:9px;

	font-style:normal;

	font-weight:normal;

	background-color:#ffffff;

	color:#000000;

}



/** FORMS										**/

/**NEW FORM STYLES**/



.formFieldSet{

	border:1px solid #89a8ad;

	margin-top:0px;

	margin-bottom:5px;

	margin-left:5px;

	margin-right:5px;

	/*border-style: outset;*/

	padding-bottom:10px;



}



.formContent{

	clear:both;

	float:left;

	padding-left:0px;

	width:99%;

}



.formSeparator{

	font-family:verdana;

	font-size:12px;

	font-style:normal;

	font-weight:normal;

	background-color:#F0F0F0;

	padding:6px;

	color:#000000;

}



.formHeader{

	clear:both;

	font-family:verdana;

	font-size:12px;

	font-style:normal;

	font-weight:bold;

	background-color:#FFFFFF;

	color:#000000;

	padding:5px;

}



.formLine{

	clear:both;

	float:left;

	width:100%;

}



.formCaption{

	font-family:verdana;

	font-size:11px;

	font-style:normal;

	font-weight:normal;

	color:#333333;

	float:left;

	padding:5px;

	margin-top:3px;

	text-align:right;

	width:40%;

}



.formControl{

	font-family:verdana;

	font-size:11px;

	font-style:normal;

	font-weight:normal;

	color:#333333;

	float:left;

	padding:5px;

}



.formSpace{

	font-family:verdana;

	font-size:11px;

	font-style:normal;

	font-weight:normal;

	color:#333333;

	float:left;

	padding:5px;

	padding-left:15px;

}



.formControlText{

	font-family:verdana;

	font-size:11px;

	font-style:normal;

	font-weight:normal;

	width:150px;color:#666666;

}



.formControlSelect{

	font-family:verdana;

	font-size:11px;

	font-style:normal;

	font-weight:normal;

	width:150px;color:#666666;

}



.formButtons{

	text-align:center;

	padding-top:15px;

	padding-bottom:15px;

	clear:both;

	float:left;

	width:99%;

}

/**NEW FORM END**/



.FormItems{

	font-family:verdana;

	font-size:11px;

	font-style:normal;

	font-weight:normal;

	padding:2px;

	color:#333333;

}



.formRemark{

	font-family:verdana;

	font-size:9px;

	font-style:normal;

	font-weight:normal;

	color:#999999;	

}



.ProductSubtitle{

	font-family:verdana;

	font-size:14px;

	font-style:normal;

	font-weight:bold;

	border-bottom:1px solid #CCCCCC;

	padding:5px;

}



/**NEW CONTACT FORM**/

.contact td,input,select,textarea{

font: 8pt Verdana;

}



a.squarebutton{

background: transparent url('../../../../images/square-gray-left.gif') no-repeat top left;

display: block;

float: left;

font: normal 12px Arial; /* Change 12px as desired */

line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */

height: 23px; /* Height of button background height */

padding-left: 9px; /* Width of left menu image */

text-decoration: none;

}



a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{

color: #494949; /*button text color*/

}



a.squarebutton span{

background: transparent url('../../../../images/square-gray-right.gif') no-repeat top right;

display: block;

padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/

}



a.squarebutton:hover{ /* Hover state CSS */

background-position: bottom left;

}



a.squarebutton:hover span{ /* Hover state CSS */

background-position: bottom right;

color: black;

}





/*-- MODIFIED BY HF 1/23/2011 --*/

#top_banner img{ width: 830px;}

#box-cattitle{ font-size: 14px; font-weight: bold;}

#box-categories .BoxText, #box-categories .BoxContent{ background-color:#BFDFFF;}

#top_banner #payment-icons{ width: auto;}

.hideme{
	display: none;
}