/********** elements **********/

html, html body, body {
width: 100%;
padding: 0;
margin: 0;
background-color: #5676b1;
background-image: url('') 0 0 repeat;
font:normal 12px Verdana, Tahoma, Helvetica, sans-serif;
text-align: center;
color: #000000;
}
* {padding:0;}
b, strong {font-weight:bold;}
blockquote {margin:1em;}
dd {margin:0 0 0 10px;}
dl {margin:5px 0;}
em, i {font-style:italic;}
img {border:0;}
li {margin:0 0 0 15px; padding:0;}
ol, ul {list-style:disc outside; margin:0; padding:0;}
p {margin:10px 0; padding:0;}
tr, td {vertical-align:top;}

a { color: #0000ff; }
a:visited { /*color:#660099*/ }

td {
padding:0;
margin:0;
font-size: 12px ;
color: #000000;
}

h1, h2, h3 {
margin: 0;
}

/*input.addtocartInp, {
     border-top:1px solid #CECECD;
     border-right:1px solid #333;
     border-bottom:1px solid #333;
     border-left:1px solid #CECECD;
     margin:0;
     padding:0;
     background:#ff8429;
     color:#fff;
     font:bold 12px Verdana, Tahoma, Helvetica, sans-serif;
     text-align:center;
     cursor:pointer;
}*/

/********** Classes ***********/

.boxclose { zoom:1; }

.breadcrumbs {
margin: 0 10px 8px 10px;
}

.breadcrumbs span {
padding: 2px 3px;
background-color: #ffffcc;
color: #444444;
font-size: 10px;
}

.last { border:0 solid; }

input.buttonsubmit {margin-left:4px !important; text-transform:uppercase;}

.ys_primary {
padding: 1px 5px;
background: #ff8429;
color: #ffffff;
font: bold 11px Arial,verdana,sans-serif;
text-align: center;
cursor: pointer;
}

.first {
margin-top: 0;
padding-top: 10px;
}

/********** IDs **********/

#container {
width: 950px;
margin: 10px auto 5px auto;
 /*border: solid thin #ffffff;*/
text-align: left;
}

#container2 {
position: relative;
width: 950px;
background: #efecf6 url('http://ep.yimg.com/ca/I/yhst-85055483075013_2191_4308749') -125px 0 repeat-y;
margin-top: 25px;
margin-bottom: 11px;
}

#home #container2 {
background: #fff url('http://ep.yimg.com/ca/I/yhst-85055483075013_2191_4308749') -301px 0 repeat-y;
}

#header {
position: relative;
background:#5676b1 url('') left bottom no-repeat;

zoom:1;
}

#info-div {
padding:5px;
/*background:#FFFFFF url('http://ep.yimg.com/ca/I/yhst-85055483075013_2191_4308749') left bottom repeat-x;*/
background: #ffffff;

zoom:1;
}

#accessorytitle {}

#itemtype #accessorytitle {
padding:2px 10px 8px;
background:transparent;
color:#000;
font:bold 1.2em/1.1 verdana, sans-serif;
}

/* 150 + 610 = 760 */
/* The Min-width is needed for Moz to stretch the bodycontent that is shrinkwrapping content due to floats. This is only necessary on pages without Tables in the contents. Min-width breaks Opera's layout so Width:100% is used instead of Min-width. */

#bodycontent {
float: left;
width: 595px;
}

#home #bodycontent {
width: 765px;
}

#bodyshell {
position: relative;
float: right;
width: 775px;
margin: 0;
background: #fff;
/*border-left: 175px solid #e4ecf6;*/
/*background: #ffffff url('http://ep.yimg.com/ca/I/yhst-85055483075013_2191_4308749') left bottom repeat-x;*/

zoom: 1;
}

#home #bodyshell {
width: 950px;
}

#features {
position: relative;
float: right;
width: 180px;
background: transparent;

zoom: 1;
}

#features .content {
margin-left: 15px;
}

#brandmark {
float: left;
width: 720px;
/*margin-top: 10px;*/
margin: 0;
padding: 0;
font: normal 36px Tahoma, Geneva, Verdana, sans-serif;
}

#brandmark a {
display: block;
padding: 0 0 5px 13px;
margin: 0;
color: #000000;
text-decoration: none;
}

#searcharea {
position: relative;
display: block;
float: right;
clear: right;
width: 210px;
margin: 0;
background: #5676b1 url('') 0 0 repeat-x;
text-align: right;
}

#searcharea input {
display: inline;
margin-top: 10px;
font: bold 12px arial,verdana,sans-serif;
width: 130px;
}

#searcharea fieldset {
border: 0 solid;
display: block;
padding: 0;
}

#searcharea fieldset #query {
background-color: #fff;
font: bold 12px arial,verdana,sans-serif;
}

* html #searcharea fieldset #query {
margin-top: 1px;
}

#searcharea fieldset label#labelfield span {
display: none;
}

#searcharea label {
color: #444444;
font: bold 12px arial,verdana,sans-serif;
text-transform: uppercase;
}

#searcharea #searchsubmit {
display: inline;
width: 60px;
border: solid 1px #ffffcc;
margin: 10px 0 0 5px;
padding: 1px  !important;
background: #ffffcc url('') repeat-x;
color: #444444;
font: bold 12px arial,verdana,sans-serif;
text-align: center;
cursor: pointer;
}

#caption {zoom:1;}

#contentarea {
background:transparent;
margin:0 0 10px 12px;
}

#contentarea #caption {
margin:0 10px 10px;
background:transparent;
}

#itemtype #caption {/*padding:0 10px;*/}

#maintype #caption {background:transparent; padding:15px;}

#captionarea, #messagearea, #info-div {
/* 1px is used to prevent Margin Folding */
/*border-bottom:1px #fff solid;*/
margin:10px 10px 9px;
background:transparent;
}

#messagetitle {
background:#008def url('') 0 0 repeat-y; color:#ffffff; font:bold 14px Tahoma, Geneva, Verdana, sans-serif;
margin:15px 5px 0; padding:2px 15px 3px;
}

#itemtype #contentarea #captiontitle {
margin:15px 0 10px;
padding:0 2px;
}

/* The Left/Right Padding is smaller because the Caption Title needs to be nested within the Caption on Item pages, but not on Section pages */

#itemtype #captiontitle {
background:none; color:#0033cc; font:bold 14px Tahoma, Geneva, Verdana, sans-serif; margin:0; padding:2px 2px 8px;
}

/*
#section-contenttitle {
background-color:#ffffff;
color:#0033cc;
font:bold 18px Verdana, Tahoma, Helvetica, sans-serif;
margin:0 15px;
padding:4px 15px 6px;
}
*/

#section-contenttitle {
margin:10px 15px 10px;
}

#section-contenttitle span {
padding: 4px 15px 6px;
background-color: #ffffff;
color: #0033cc;
font: bold 18px Verdana, Tahoma, Helvetica, sans-serif;
}

/*
#item-contenttitle {
background-color:#ffffff;
color:#0033cc;
font:bold 14px Verdana, Tahoma, Helvetica, sans-serif;
margin:0 15px;
padding:4px 15px 6px;
}
*/

#item-contenttitle {
margin:10px 15px 10px;
}

#item-contenttitle span {
padding: 4px 15px 6px;
background-color: #ffffff;
color: #0033cc;
font: bold 14px Verdana, Tahoma, Helvetica, sans-serif;
}

#bodyContent #info-div #searchpageHeader {
background-color:#ffffff;
color:#0033cc;
font:bold 18px Verdana, Tahoma, Helvetica, sans-serif;
margin:0;
padding:4px 15px 6px;

display: none;
}

#maintype #bodyContent #info-div #searchpageHeader {
display: none;
}

#specialstitle {
background: #008def url('') 0 0 repeat-y;
color: #ffffff;
font: bold 14px Tahoma, Geneva, Verdana, sans-serif;
/*margin: 15px;*/
padding: 2px 15px 3px;
margin: 0 15px 0;
}

#finaltext, #introtext {
margin:10px;
}

#footer {
position: relative;
clear: both;
background: #5676b1 url('') 0 0 repeat;
border-top: 1px solid #5676b1;
border-bottom: 1px solid #5676b1;

zoom:1;
}

#footer-links {
color: #777777;
display: block;
font-weight: bold;
font-size: 11px;
padding: 10px 0 15px;
text-align: center;
}

#footer-links a {
color: #0033cc;
text-decoration: none;
text-transform: capitalize;
}

#footer-links a:hover {
text-decoration: underline;
}

#footer .content {
position: relative;
float: right;
width: 950px;
}

#copyright {
display: block;
padding: 0 15px 15px;
color: #444444;
font-size: 10px;
font-weight: normal;
text-align: center;
}

#footer .content-other {
position: relative;
float: left;
width: 175px;
}

#badge {
width: 84px;
margin: 10px auto 10px;
}

#footer .content-other .powered-by {
margin: 10px 0 10px;
font-size: 10px;
text-align: center;
}

#footer .content-other .powered-by a {
color: #0033cc;
text-decoration: none;
}

/* Search */

#info-div form, 
.infoText div {margin:0 10px;}
#info-div form table td a img {margin-right:5px;}
#info-div form table td b {display:block; padding:15px 0 5px;}
#info-div form table td font {font-size:1em;}

#introtext {} /* REF: #finaltext */
	

#itemarea {
background:transparent;
/*margin: 10px 10px 0;
padding: 10px;*/
margin: 10px 10px 0 10px;
padding: 10px 10px 10px 10px;

zoom: 1;
}

#nav-top {
padding: 0;

/*border-bottom: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;*/

background: #e4ecf6;

/*border: 1px solid #ddd;
border-right-color: #333;
border-bottom-color: #333;*/

/*border: 1px solid #e4ecf6;*/

border: 1px solid #e4ecf6;

}

/* UL */
#nav-general {
clear: both;
display: block;
list-style: none;
margin: 0;
padding: 0;

background: #e4ecf6;

}

#nav-general li {
background: transparent;
border: none;
float: left;
margin: 0;
padding: 0;
}

#nav-general li a {
background: #5676b1;
color: #ffffff;
display: block;
font-size: 14px;
font-weight: bold;
margin: 1px;
padding: 3px 16px 3px 15px;
text-align: center;
text-decoration: none;
text-transform: capitalize;
white-space: nowrap;

border: 1px solid #5676b1;

width: 83px;
}

#nav-general li.last a {
width: 85px;
}

#nav-general li a:hover {
background: #e4ecf6; 
color: #3e5684;

border: 1px solid #5676b1;

}

/*
#nav-general li.last a:hover {
border-right: none;
}
*/

.index #home a,
.services #services a,
.products #products a,
.support #support a,
.contact-us #contact-us a,
.info #info a,
.news #news a,
.norder #show-order a {
background: #e4ecf6; 
color: #3e5684;

border: 1px solid #5676b1;

}

#nav-general a.linkcheckout {
background:transparent url() 90% 0 no-repeat; 
padding-right:35px;
cursor:pointer;
}

#nav-general a.linkcheckout:hover {
background:transparent url() 90% 0 no-repeat; 
padding-right:35px;
cursor:pointer;
}		

#home #nav-product {
display: none;
}

#nav-product {
position: relative;
float: left;
width: 175px;
border: none;
overflow: hidden;
background: transparent;
min-height: 300px;

height: 300px;
}

#nav-product .heading {
position: relative;
color: #111111;
background-color: #e4ecf6;
font-family: verdana,arial,helvetica,sans-serif;
font-size: 17px;
font-weight: normal;
margin: 0;
padding: 11px 3px 10px 12px;
}

#nav-product ul {
list-style: none;
background: transparent;
}

#nav-product li {
margin: 0;
}

#nav-product ul li a {
display: block;
width: 175px;
height: auto;
min-height: 18px;
margin: 0 0px 0 0px;
padding: 10px 4px 6px 21px;
background: url('') 7px 50% no-repeat;
border-bottom: 1px solid #c2d3d3;
color: #0000ff;
font-weight: normal;
font-size: 12px; 
text-decoration: none;
}

#nav-product ul li a:hover {
width: 175px;
background: #5676b1 url('') 7px 50% no-repeat; 
color: #ffffff;
}

#htmltop, #htmlbottom {padding:5px;}

#searchpageHeader {
display: none;

background-color: #ffffff;
color: #0033cc;
font: bold 18px Verdana, Tahoma, Helvetica, sans-serif;
margin: 0;
padding: 4px 15px 6px;
}

input#query {
margin-left:4px;
padding:2px;
background:#ffe7b5;
color:#000;
}

#query {padding:1px;}

#slogan {
display: block;
float: right;
padding: 0 0 10px 10px;
margin: 0;
width: 217px;
color: #000000;
font: normal 9px Tahoma, Geneva, Verdana, sans-serif;
text-align: left;
}

/********** Contents **********/

/********** classes **********/

.image-l {background-color:#fff; display:block; float:left; margin:0 15px 10px 0;padding:0px;}
.image-r {background-color:#fff; display:block; float:right; margin:0 0 10px 15px;padding:0px;}
.image-c {text-align:center; margin-bottom:10px;}
.inset-l {background-color:#fff; display:block; float:left; margin:0 8px 5px 0;padding:0px;}
.inset-r {background-color:#fff; display:block; float:right; margin:0 0 5px 8px;padding:0px;}

.addtocartImg{
     border:0;
     margin:10px 0;
     padding:0px;
     cursor:pointer;
     display:block;
}

.el #contents {}  
#contents .vertical td {text-align:center;} /* Used for the "Vertical" RTML Layout */	
.wrap #contents {}

/********** IDs **********/

#contents {background:transparent/*#ffffff*/;border-right:0px solid #ffffff; border-left:0px solid #ffffff}
#contents #contents-table select option, #itemarea select option{padding-right:10px}
#contents a{text-decoration:none;}
#contents a:hover{text-decoration: underline;}
#contents #contents-table {background:transparent;border-collapse:collapse; border-bottom:0px solid #ffffff}
	#itemtype #contents table {/*margin:10px 0;*/}
#contents td {background-color:transparent/*#ffffff*/; margin:2px; padding:5px;}
#contents .horizontal-seperator{border-bottom:2px solid silver !important;}
#contents .vertical-seperator{border-right:0px solid #ffffff;}
#contents.accessory * {text-align:left;}
#contents.accessory .details {background:transparent; margin:2px 10px; padding:10px;}
#contents.accessory .details a {color:#000; font-size:1em;} /* COLOR:LINK, FONTSIZE:NAME */
#contents.accessory .details h3 {font-size:1em;}
#contents.accessory .details .sale-price {margin-bottom:10px;}

#contents .detail td {padding:5px; /*border-bottom:15px solid #E9E9E4;*/} /* The Border-bottom must be applied to the TD, not the TR in order to work in IE */
#contents .detail.last td {border-bottom:0 solid;} /* Needed for FF */
	#itemtype #contents .detail td,
	#maintype #contents .image td {padding-bottom:10px;}
#contents .last {border:0;}
#contents .name * {color:#000; font-weight:bold;}
#contents .price {font-weight:normal; margin:10px 0 0;}
	#itemtype .price em {font-style:normal; font-weight:bold; margin:10px 0; padding:0 4px 0 0;}
#contents .sale-price {color:#ff8429;}  
#contents .sale-price-bold {color:#ff8429;font-weight:bold;}
#contents .price-bold {font-weight:bold;margin:10px 0 0;}
#itemtype .itemform .price {margin:10px 0;}
#itemtype .itemform .price-bold {font-weight:bold;margin:10px 0;}
	#itemtype .itemform .sale-price, #itemtype .itemform .sale-price-bold {margin:10px 0;}
	#itemtype .itemform .sale-price-bold {font-weight:bold;}
	#itemtype .itemform .sale-price-bold em {/*background:#ffffff;*/ color:#ff8429; font-style:normal; font-weight:bold; margin:10px 0; padding:0 4px 0 0;}
	#itemtype .itemform .sale-price em {color:#ff8429; font-style:normal; margin:10px 0; padding:0 4px 0 0;}
#itemtype .code {font-style:normal; margin:10px 0;}
#itemtype .code em {font-style:normal;margin:10px 0 0;}
#itemtype .itemavailable {color:#000; margin:8px 0;}
#itemtype .itemavailable em {color:#474537; font-style:normal; font-weight:bold; margin:8px 0 8px 4px;}
#itemtype .itemoption {display:inline; font-weight:bold; margin:2px 0;}
#itemtype .multiLineOption {display:block;margin:5px 0; font-weight:normal;}
.contenttitle-center{text-align:center}
form{padding:0;margin:0}

.sale-regular-price {
text-decoration: line-through;
color: #ff8429;
}

.sale-regular-price span {
color: #000000;
}

#contents .quantity-input-label {
display:inline;
font-weight:bold;
margin:3px 0;
}

.quantity-input {
width: 20px;
font: normal 12px Verdana, Tahoma, Helvetica, sans-serif;
}

#contents .quantity-input {
margin: 3px 0;
}

#itemtype .addtocartImg,
#itemtype .ys_primary {
display: block;
margin-top: 8px;
}

#caption .image-l {background:none; display:block; float:left; margin:0 15px 10px 0;padding:0px;}
#caption .image-r {background:none; display:block; float:right; margin:0 0 10px 15px;padding:5px;}

#services-content ul li {
margin-top: 6px;
margin-bottom: 6px;
}

#about-us-content ul {
margin-top: 10px;
margin-bottom: 10px;
}

#about-us-content ul li {
margin-top: 6px;
margin-bottom: 6px;
}

#about-us-content h2 {
margin-bottom: 10px;
font-size: 14px;
}

#policy-content ol li {
margin-top: 6px;
margin-bottom: 6px;
}

#policy-content ul li {
margin-top: 6px;
margin-bottom: 6px;
}

/********** original **********/

.SOFTSpeech {  background-color: #00FFFF; font-family: Arial, Helvetica, sans-serif}

.style2 {color: #000000}
.style3 {	font-family: Verdana, Arial, Helvetica, sans-serif;	color: #0033FF;	font-weight: bold;	font-size: 14px;}
.style8 {color: #FF0000}
.style29 {	font-size: 8px;	color: #000000;}
.style30 {color: #0033FF; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.style33 {	font-size: xx-small;	color: #000000;	font-weight: bold;}
.style34 {font-size: 9px}

.style24 {font-size: 9px}
.style27 {font-size: 14px;font-weight: bold;}
.style31 {font-size: 16px; font-weight: bold; }
.style32 {font-size: 12px}

/********** force wrap **********/

#nav-top:after,
#info-div:after,
#bodyshell:after,
#caption:after,
#header:after,
#itemarea:after,
#container:after,
#container2:after,
#features:after,
#footer:after,
#nav-general:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}

.clear {
clear:both;
display:block;
font-size:1px;
height:1px;
line-height:-1;
}