/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

/* login */
.page .header { height: 132px; z-index: 2;}
.page .main { z-index: 1; width:1000px; margin:0;}
.page .main .sidebar {width: 168px; }
.page .main ul.categories { width: 158px;}
.page .main ul.categories li { font-size: 11px; font-weight: normal;width: 158px;}
.page .main ul.categories li a { background-image: none; }
.page .main ul.categories  { padding-bottom: 10px; }

.page .main .content {width: 588px; padding: 0; margin: 0 12px; }
.page .main .content .maincon { background: url(../images/bg_pagemainbox_body.gif) repeat-y left top; float: left; color: #1a4888; font-size: 12px; }
.page .main .content .maincon .wrap4top { background: url(../images/bg_pagemainbox_head.gif) no-repeat left top; width: 588px; overflow: hidden; padding: 0; margin: 0;}
.page .main .content .maincon .wrap4top .wrap4foot { background: url(../images/bg_pagemainbox_foot.gif) no-repeat left bottom; padding: 10px 16px 10px; margin: 0; width: 556px; float: left; min-height: 860px; }

.page .main .content .maincon ul li,
.page .main .content .maincon ol li,
.page .main .content .maincon p {color: #1a4888;}
.page .main .content .maincon a,
.page .main .content .maincon h2 a,
.page .main .content .maincon p a { color: #1a4888; text-decoration: none; }
.location { padding: 0 0 10px 4px; color: #a3b6cf; }
.location a { color: #a3b6cf; text-decoration: none; }
.page .main .content .maincon h2 { font-size: 24px; }
.page .main .content .maincon p.desc { font-size: 18px; }

.page .main .login .maincon ol.mainform li { width: 260px; float: left; padding: 10px 0 0 0; line-height: 160%; }
.page .main .maincon ol.mainform li.btn,
.page .main .maincon ol.mainform li.srow { clear: left;}
span.required { color: #e96666; }

.page .main .login .maincon ol.mainform li.srow a { text-decoration: underline; }

.page .main .login .maincon ol.mainform li input { width: 200px; }
.page .main .sidebar .box160 { margin-bottom: 12px; }
.page .main .login .maincon div.btn { background: url(../images/line_dot1.gif) repeat-x bottom left; clear: both; float: left; width: 556px; margin: 10px 0; padding: 10px 0 30px 0;}
.page .main .login .maincon div.btn span { display: block; padding: 10px 0 0 2px;}
.page .main .login .maincon div.btn span a { text-decoration: underline; margin-top: 10px;}
.page .main .sidebar .pitems dl a.hover{text-decoration: underline;}
.page .main .sidebar .pitems dl.items a{ color: #1a4888; /*padding: 4px 4px 0 4px;*/ text-decoration: none; text-align:left ;}

.page .main .sidebar .basket dl.items,
.page .main .sidebar .pitems dl.items { color: #1a4888; padding: 4px 4px 0 4px;}
.page .main .sidebar .basket dl.items dd,
.page .main .sidebar .pitems dl.items dd { background: url(../images/line_dot1.gif) repeat-x bottom left; font-weight: bold; padding-bottom: 4px;}
.page .main .sidebar .basket dl.items dd.last { background: none; }
.page .main .sidebar .basket p.order { margin-top: 0;}
.page .main .sidebar .basket p.order { font-size: 10px; }
.page .main .sidebar .basket p.order span.price { font-size: 15px; }

.page .main .sidebar .pitems p.btn { text-align: right; padding: 6px 4px;}
.page .main .sidebar .pitems dl.items dt { font-weight: bold; }
.page .main .sidebar .pitems dl.items dd { font-weight: normal; color:#ec1c24; }

.page .main .sidebar .specp { color: #1a4888; }
.page .main .sidebar .specp h2 { padding: 4px 0 0 4px; }

.page .main .sidebar .specp .text h3 { font-size: 13px; font-weight: bold; padding: 10px 4px 6px 4px; line-height: 14px; }
.page .main .sidebar .specp .text p { padding: 0px 6px 10px 4px; line-height: 14px; }
.page .main .sidebar .specp .text .textcon { background: url(../images/bg_vboxblue.gif) no-repeat left top; padding: 6px; height:70px;}
.page .main .sidebar .specp .text p.price { color: #fff; font-size: 12px; font-weight: bold; padding: 6px 0; }
.page .main .sidebar .specp .text p.btn { text-align: right; }

div.page div.footer div.container { background: transparent none; }
div.page div.footer div.container div.map { background: url(../images/icon_shopping_page.gif) no-repeat 10px 6px; }

/* Changedetails */

.w350 { width: 350px; }
.w270 { width: 270px; }
.w260 { width: 260px; }
.w190 { width: 190px; }
.w160 { width: 160px; }
.w150 { width: 150px; }
.w140 { width: 140px; }
.w130 { width: 130px; }
.w120 { width: 120px; }
.w110 { width: 110px; }
.w100 { width: 100px; }
.w70 { width: 70px; }
.w60 { width: 60px; }
.w40 { width: 40px; }
.w45 { width: 45px; margin-right: 3px; }
.w24 { width: 24px; }
.tmad2 { margin-top: 11px; }

.page .main .changedetails .maincon ol.mainform li,
.page .main .checkout .maincon ol.mainform li,
.page .main .regist .maincon ol.mainform li {  padding: 6px 0 0 0; line-height: 140%; }
.page .main .changedetails .maincon ol.mainform li input,
.page .main .checkout .maincon ol.mainform li input { color: #000; }
.page .main .changedetails .maincon div.btn { background: url(../images/line_dot1.gif) repeat-x top left; clear: both; float: left; width: 558px; margin: 20px 0; padding: 30px 0;}

/* checkout */
/* step1 */
.checkout { position: relative; }
.checkout p.step { font-size: 11px; position: absolute; top: 42px; right: 20px; overflow: hidden; }
.checkout p.step span { border-right:1px solid #1a4888; display: block; float: left; margin-right: -1px; padding: 0 6px; }
.checkout p.step span.current { font-weight: bold; }

.checkout .items { padding-top: 40px; }
.checkout .items th { text-align: left;}
.checkout .items th,
.checkout .items td { padding: 4px 0; }
.checkout .items td.qty { padding: 6px 0 0 0; }
.checkout .items td.qty input { width: 20px; padding: 4px; }
.checkout .items td.name,
.checkout .items td.price,
.checkout .stat td.price { font-size: 14px; font-weight: bold;}
.checkout .items td.price,
.checkout .stat td.price { color: #ec1e26;}

.checkout .items td table.itemdetail td { padding: 12px 0;}

.checkout .stat { padding: 10px 0; }
.checkout .stat table { float: right; }
.checkout .stat td { font-size: 14px; border-bottom: 1px solid #cde0fb; padding: 4px 0; }

.checkout .maincon .btn { text-align: right; padding-top: 20px; clear: both;}
.checkout .maincon .btn a { clear: both; float: right; margin-bottom: 10px; }

/* step2 */
.userdetail { padding-top: 20px; overflow: hidden; }
.row { clear:both; margin: 10px 0; padding: 10px 0; }
.page .main .content .maincon h3 { font-size: 18px; font-weight: normal; }

/* step3 */
.step3 .stat td { padding: 2px 0;}
.step3 .stat { padding-top: 0px; }

/* step4 payment */

.payment { margin-top: -20px; }
.payment ol.mainform li label { width: 110px; float: left; }
.payment h3 { padding: 30px 0 6px;}
.checkout .maincon .payment p { padding-top: 16px; }
.checkout .maincon .payment p.btn a { float: left; }
.payment p.note { padding: 30px 0 0 0; clear: both; line-height: 160%;}
.checkout .maincon .payment .items { padding-top: 20px;}
.checkout .maincon .payment .stat { overflow: hidden; padding-bottom: 20px;}
.checkout .maincon .payment .stat td { font-size: 12px; }
.checkout .maincon .payment .items td.price,
.checkout .maincon .payment .stat td.price { text-align: right; font-size: 12px; font-weight: bold; color: #ec1e26; }
.checkout .maincon .payment .items th.price { text-align: right; font-size: 12px; }
.checkout .maincon .payment .row h3 { padding-top: 0;}

.thank { text-align: center; font-style: italic;}

/* contact us */
.contactus p.btn { padding: 20px 0 0 0;}
.contactus ol.mainform li { padding: 6px 0 0 0;}
.contactus ol.mainform li { overflow: hidden; }
.contactus ol.mainform li textarea {float: left;}

/* Article */
.article .video { padding: 30px 0; }
.article p.btn span.right { float: right; }
.article p.btn span.left { float: left; }
.article div.row { overflow: hidden;}
.article div.photos ul li { display: inline; margin-right: 14px; }
.article div.phbox div { float: left;}

.page .main .content .maincon .pvbox .box160 {display:inline; margin-right: 16px; margin-bottom:12px;}
.page .main .content .maincon .pvbox div.omega {margin-right: 0; }

/* diy list */
.diylist dl dt { font-size: 18px; padding-top: 10px;}
.page .main .diylist .maincon dl dd ul li a { color: #666; text-decoration: underline; }
.page .main .diylist .maincon dl dd ul li a:hover { color: #333; }
.page .main .diylist .maincon dl dd { padding-bottom: 20px; }

/* regist */
.regist input,
.regist select { color: #000; }
.page .main .regist .maincon .row a { text-decoration: underline;}

.regist .btn { padding: 20px 0; text-align: right; }
.regist .row { overflow: hidden;}

/* ordertracking */
.checkout div.note { font-size: 11px; padding: 50px 0 0 0;}
.checkout div.note p { padding-bottom: 10px; }
.page .main .checkout .maincon td a { text-decoration: underline;}

/* vieworder  */
.vieworder ol.mainform li label { font-weight: bold;}

/* category list  */
ul.categorylist li { padding: 5px 0; clear: both; overflow: hidden; }
.page .main .content .maincon ul.categorylist li  h3{ font-size: 14px; font-weight: bold; }
ul.categorylist li img { float: left; }
.page .main .categorylist ul.categorylist li span a { font-size: 11px; color: #666; text-decoration: underline;}

/* product detail */
.page .main .productdetail .title { overflow: hidden; }
.page .main .productdetail .title h2,
.page .main .productdetail .title p.price { float: left; line-height: 24px;}
.page .main .productdetail .title h2 { width: 420px; }
.page .main .productdetail .title p.price { font-size: 25px; font-weight: bold; text-align: right; width: 130px; }
.page .main .productdetail .title p.price span { font-size: 15px; font-weight: bold; color: #ec1c24;}

.page .main .productdetail .detail { float:left; padding: 30px 0; width: 556px;}
.page .main .productdetail .detail .img span { display: block; width: 210px; height: 280px; overflow: hidden; }

.page .main .productdetail .maincon .pvbox .box160 { margin-right: 12px; }
.page .main .productdetail .maincon h3 { font-size: 14px; font-weight: bold; padding-bottom: 10px; }

.page .main .productdetail .pvbox .desc {float:left; width:100%; padding:5px 0 1em 0;} /* Dave Bui 27.11.09 */

.page .main .productdetail .detail .text ol.mainform { float: left; margin-top: 10px; padding: 5px 0; }
.page .main .productdetail .detail .text ol.mainform li { padding: 4px 0 0 0;}
.page .main .productdetail .detail .text ol.mainform li label { display:block;float:left; font-weight: bold; width:80px;}
.page .main .productdetail .detail .text ol.mainform li input,
.page .main .productdetail .detail .text ol.mainform li select { width: auto;}
.page .main .productdetail .detail .text ol.mainform li input.w60,
.page .main .productdetail .detail .text ol.mainform li select.w60 { width:60px;}
.page .main .productdetail .detail .text ol.mainform li input.w130,
.page .main .productdetail .detail .text ol.mainform li select.w130 { width:130px;}
.page .main .productdetail .detail .text p { padding: 10px 0 0 0; }
.page .main .productdetail .detail .text p.right { text-align: right;}

.page .main .productdetail .detail .text ol.desc li { line-height: 16px; }
.page .main .productdetail .detail .text ol.desc li { font-size: 14px; }
.page .main .productdetail .detail .text ol.desc li label { float:left; clear: both;width:120px;}
.page .main .productdetail .detail .text h4{float:left;font-size: 14px; padding: 6px 0; width:326px;}
.page .main .content .detail .text ol.desc li span.outstock { display: block; float: left; background: #f00 url(../images/icon_f.gif) no-repeat 4px 4px; color: #fff; padding: 1px 4px 1px 16px; }
.page .main .content .detail .text ol.desc li span.instock { display: block; float: left; background: #0c0 url(../images/icon_y.gif) no-repeat 4px 4px; color: #fff; padding: 1px 4px 1px 16px; }

div.textdesc {float:left;}
div.textdesc ul li { line-height: 16px;}

/* Product list */
.productlist .row div p { font-size: 11px; line-height: 14px; }
.productlist .row div.price p { line-height: 4em; }

/* compare */
.productlist p.tbtitle { overflow: hidden; padding-top: 10px; }
.productlist p.tbtitle span { display: block; float: left; overflow: hidden;}
.productlist .row { overflow: hidden; }
.productlist .row div { float: left;overflow: hidden; }
.productlist .row div.img { float: left; margin-right: 10px; overflow: hidden; }
.productlist .row div.desc { padding-right: 10px;}
.productlist .row div p.price { color: #ec1e26; }
.productlist .row div p.price del,
.productlist .row div p.price span { display: block; float: left; width: 50%; }
.productlist .row div p.price del { font-size: 16px; }
.productlist .row div p.price span { font-size: 16px; font-weight: bold; }

/* searchlist */
.searchlist .row div.price { font-size: 18px; font-weight: bold; }
.searchlist .row div.price span { color: #ec1e26; }
.searchlist .row ul { color: #666; float: left; }
.searchlist .row ul li { background: url(../images/icon_disc.gif) no-repeat 2px 4px; display: inline; font-size: 11px;  padding-left: 12px; }

.searchlist ul.subpage { padding: 20px 0; overflow: hidden; }
.searchlist ul.subpage li { display: block; float: left; }
.page .main .searchlist ul.subpage li a { display: block; float: left; background-color: #fff; border: 1px solid #78acf4; width: 26px; height: 22px; text-align: center; padding-top: 4px; margin-right: 4px; }
.page .main .searchlist ul.subpage li a:hover { background-color: #78acf4; }
.page .main .searchlist ul.subpage li.current a { background-color: #1a4888; color: #fff; }
.page .main .searchlist ul.subpage li.pre a,
.page .main .searchlist ul.subpage li.next a { border: 0; padding-top: 8px; }

.page .main .searchlist ul.subpage li.pre a:hover,
.page .main .searchlist ul.subpage li.next a:hover { background-color: #fff; }

/* Select category list */

.page .main ul.selectcategorylist { padding-top: 10px; }
.page .main ul.selectcategorylist li {background: url(../images/line_dot1.gif) repeat-x bottom left; display: block; float: left; height: 90px; overflow: hidden; padding-top: 10px; width: 265px; margin-right: 20px; }
.page .main ul.selectcategorylist li span.img { display: block;  float: left; width: 55px; }
.page .main ul.selectcategorylist li div.text { float: left; width: 210px;}
.page .main ul.selectcategorylist li div.text h3 { line-height: 16px; }
.page .main ul.selectcategorylist li div.text span { font-size: 11px; }
.page .main ul.selectcategorylist li div.text span a { color: #666; }

.page .main ul.selectcategorylist li.omega {margin-right: 0;}

/* tell a friend */
.page .main .maincon ol.mainform li input.tellfriendsubmit{ 
    width:155px ;
    cursor:pointer;
    background: url(../images/btn_send.gif) no-repeat;
    border:1px solid #7F9DB9 ;
    padding:4px;
}