.orderdtl
{
    overflow-x: auto;
    float: left;
    max-width: 100%;
}
.slider2
{
    width: 191px;
    height: 206px;
    margin-top: 0px;
}
body
{
    background: url(../aimages//body-bg.jpg) repeat-y center top #edeeee;
    font: 12px normal Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}
.ui-accordion .ui-accordion-header
{
    max-width: 817px;
}
.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
    margin-right: 4px;
}
.fr
{
    float: right;
}
a
{
    text-decoration: none;
}
img, input
{
    border: 1;
}
.cl
{
    clear: both; /*float:right;*/
}
.cl1
{
    clear: both; /*float:right;*/
}
h1, h2, h3, h4, h5, h6
{
    margin: 0;
    padding: 0;
    font-size: 12px;
}
#wrapper
{
    margin: 0 auto;
    max-width: 1020px;
}
#header, #middle, #footera
{
    float: left;
    width: 100%;
    max-width: 100%;
}
#header
{
    background: url(../aimages//header-bg.jpg) top left repeat-x;
    min-height: 164px;
}
.heading-top
{
    border: 1px solid red;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin: 0 auto;
    text-align: center;
    padding: 5px;
    width: 974px;
    max-width: 95%;
    margin-bottom: 10px;
}
.heading-top-left
{
    background: url(../aimages//header-top.jpg) top left no-repeat;
    float: left;
    height: 32px;
    width: 12px;
}
.heading-top-right
{
    background: url(../aimages//header-top.jpg) right top no-repeat;
    float: right;
    height: 32px;
    width: 14px;
}
.heading-top-middle
{
    background: url(../aimages//header-mid.jpg) repeat-x;
    color: #0055a6;
    float: left;
    font: 12px normal Arial, Helvetica, sans-serif;
    min-width: 948px;
    padding: 7px 0 9px;
    text-align: center;
}
.logo
{
    float: right;
    width: 455px;
}
.logo h2
{
    color: #0055a6;
    font: bold 34px Arial, Helvetica, sans-serif;
    margin-top: -5px;
    text-align: right;
}
.logo h4
{
    color: #0055a6;
    font: bold 14px Arial, Helvetica, sans-serif;
    margin: 3px 0;
    text-align: right;
}
.red
{
    color: red !important;
}
.search
{
    float: right;
    margin: 0;
    padding: 0;
}
.search span
{
    float: left;
    margin: 4px 5px 0 0;
}
.search-input
{
    background: url(../aimages//search.jpg) no-repeat;
    float: left;
    height: 13px;
    margin: 0;
    padding: 5px;
    width: 103px;
}
.margin
{
    float: left;
    margin: 0;
}
.menu
{
    /*background:url(../aimages//menu1.jpg) top center no-repeat; 	float:left;*/
    margin: 0px 0 0;
    max-width: 100%;
    width: 1020px;
}
.menuL
{
    /*float:left; 	margin:-27px 0 0; 	min-height:16px; 	position:relative;*/
    width: 1020px;
    max-width: 100%;
}
ul.nav
{
    float: right;
    margin: 4px 6px 0 0;
    padding: 0;
}

ul.nav li
{
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0 25px;
}
.welcome-text
{
    clear: both;
    color: #000;
    float: left;
    margin: 0px 0 0 6px;
    width: 400px;
    max-width: 100%;
}
.welcome-text span, .currency span
{
    float: left;
    margin: 6px 45px 0 10px;
}
.currency
{
    color: #000;
    /*float: right;*/
}

.currency img
{
    float: right;
    margin: 0px 0 0 5px;
}
.shopping
{
    color: #000;
    float: left;
    font: 12px normal Arial, Helvetica, sans-serif;
    margin: 4px 5px 0px;
    width: 183px;
    max-width: 100%;
}
.marleft10
{
    float: left;
    margin-top: 10px;
    height: 26px;
    width: 215px;
    max-width: 100%;
    margin-left: 10px;
}
.marleft110
{
    /*height:162px; */
    margin-left: 0px;
    border-width: 1px;
}
.marleft11
{
    margin-left: 10px;
}
.marleft12
{
    margin-left: 10px;
}

.shopping span, .shopping p
{
    clear: both;
    float: left;
    margin-bottom: 2px;
}
.shopping p
{
    font-size: 13px;
    line-height: 16px;
    width: 150px;
    margin-left: -10px;
}
.font20
{
    font-size: 20px;
}
.font23
{
    font-size: 23px;
}
.shopping p a
{
    color: #fff;
    text-decoration: underline;
}
bannerquote .shopping p img
{
    margin: 5px 0 0;
}
.sliderl
{
    /*background:url(../aimages//slider.jpg) no-repeat; 	background:url(../aimages//slider.jpg) no-repeat;*/
    height: 216px;
    float: left;
    width: 423px;
    max-width: 100%;
}
.sliderr
{
    /*background: url(../aimages//optimum-protection.jpg) no-repeat;*/
    float: left;
    height: 153px;
    width: 391px;
    max-width: 100%;
    background-color: #FFFFFF;
}
.CurrTit
{
    background-color: #FFFFFF;
    font-size: 14px;
    color: #000;
    float: left;
    height: 34px;
    max-width: 100%;
    width: 391px;
    font-weight: bold;
}
.Curr1
{
    background-color: #FFFFFF;
    float: left;
    height: 40px;
    margin-right: 10px;
    margin-top: 0px;
}
.Curr2
{
    float: left;
    height: 34px;
    left: 489px;
    position: absolute;
    top: 210px;
    width: 91px;
    margin-top: 0px;
}
.Curr3
{
    float: left;
    height: 34px;
    left: 548px;
    position: absolute;
    top: 210px;
    width: 91px;
    margin-top: 0px;
}
.Curr4
{
    float: left;
    height: 34px;
    left: 609px;
    position: absolute;
    top: 210px;
    width: 91px;
    margin-top: 0px;
}
.Curr5
{
    float: left;
    height: 34px;
    max-width: 100%;
    width: 91px;
}
.main-content
{
    margin: 0 auto;
    width: 974px;
    max-width: 100%;
}
.left-panel
{
    /*background:url(../aimages//left-panel.png) no-repeat;*/
    float: left;
    margin: 0 0 15px 0;
    padding: 10px;
    width: 954px;
    max-width: 100%;
    border: 1px solid #dedede;
    border-radius: 25px;
}
.left-panela
{
    font: 14px;
    margin: 0 auto;
    padding: 0px;
    width: 942px;
    max-width: 100%;
    font: 14px normal Arial,Helvetica,sans-serif;
}
.right-panel
{
    float: right;
    margin: -30px 0 0;
    padding: 0;
    width: 182px;
}
.left-panel-h1, .left-panel-head
{
    background: url(../aimages//heading-bot.png) 15px bottom no-repeat;
    color: red;
    float: left;
    font: bold 12px "Trebuchet MS" , Arial, Helvetica, sans-serif;
    padding: 13px 0 10px 15px;
    margin-left: 275px;
}
.categories
{
    float: right;
    padding: 15px 30px 0 0;
}
.categories select
{
    width: 150px;
}
.products, .product-view
{
    float: left;
    margin: 0 0 0 12px;
    padding: 0;
    width: 974px;
    max-width: 100%;
}
.prod-box
{
    float: left;
    margin: 0 0 0 -4px;
    padding: 0;
    width: 191px;
}
.prod-box-t
{
    /*background:url(../aimages//product-bgt.png) no-repeat;*/
    float: left;
    height: 22px;
    width: 191px;
}
.prod-box-b
{
    background: url(../aimages//product-bgt.png) left center no-repeat !important;
    height: 230px;
}
.prod-box-m
{
    /*background:url(../aimages//product-bgm.png) repeat-y;*/
    float: left;
    height: auto;
    padding: 0 20px;
    width: 151px;
    min-height: 180px;
}
.prod-box-m img
{
    float: left;
    padding: 0 20px 10px;
    width: 110px;
    height: 130px;
}
.prod-box-m a, .prods-name a
{
    color: #000000;
    float: left;
    font-weight: bold;
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    min-height: 0px;
    width: 280px;
    text-align: left;
    margin-top: 7px;
}



.prod-box-m a:hover
{
    text-decoration: underline;
}
.online-pur, .special
{
    float: left;
    width: 181px;
}
.online-pur-t
{
    float: left;
    width: 181px;
}
.online-pur-m
{
    background: url(../aimages//online-pur-m.png) repeat-y;
    float: left;
    padding: 0 3px;
    width: 175px;
}
.online-pur-m p, .special-m p
{
    border-bottom: 1px solid #0055a6;
    border-top: 1px solid #0055a6;
    float: left;
    font-size: 13px;
    margin: 5px 0;
    padding: 5px 0;
    text-align: center;
    width: 175px;
}
.online-pur-m img
{
    border: 0;
    padding: 0 18px;
}
.head-red, .special-m span a
{
    color: red;
    float: left;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    width: 175px;
}
.online-pur-b
{
    background: url(../aimages//online-pur-b.png) no-repeat;
    float: left;
    height: 27px;
    width: 181px;
}
.col2
{
    float: left;
    margin: 10px 0;
    width: 181px;
}
.special-t
{
    background: url(../aimages//special.png) no-repeat;
    float: left;
    height: 40px;
    width: 181px;
}
.special-m
{
    background: url(../aimages//special-m.png) repeat-y;
    float: left;
    margin: 0;
    padding: 0 3px;
    width: 175px;
}
.special-m img
{
    border: 0;
    padding: 0 !important;
}
.special-b
{
    background: url(../aimages//special-b.png) repeat-y;
    float: left;
    height: 27px;
    margin: 0;
    width: 181px;
}
.sr
{
    float: left;
    margin: 0;
    padding: 10px 0 0 15px;
    width: 85px;
}
.prices
{
    border: none;
    color: red;
    float: left;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 60px;
}
#footera
{
    background: url(../aimages//footera.jpg) left bottom repeat-x;
    color: #000;
    margin: 20px 0 0;
    min-height: 220px;
    position: relative;
}
#footera img
{
}
ul.footeranav
{
    margin: 15px 0 0;
    padding: 0;
    text-align: center;
    width: 962px;
}
ul.footeranav li
{
    border-right: 1px solid #fff;
    display: inline;
    padding: 0 10px;
    text-align: center;
}
ul.footeranav li a
{
    color: #fff;
    text-decoration: none;
}
ul.footeranav li:last-child
{
    border: none;
    padding-right: 0;
}
.footera-text
{
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 10px;
    margin: 15px 0 0;
    text-align: center;
    width: 962px;
}
.footera-tag
{
    background: url(../aimages//footera-tag.png) no-repeat;
    bottom: 0;
    height: 107px;
    position: fixed;
    right: 0;
    width: 125px;
    z-index: 9999;
    float: right;
}
.Top-tag2
{
    position: relative;
    float: left;
    width: 974px;
    background-color: #FFFFCC;
    text-align: center;
}

.fl, .welcome-text img
{
    float: left;
}
.blue, .special-m span a
{
    color: #0055a6;
}
ul.nav li a, .welcome-text a
{
    color: #000;
}
/* prod details css */
.prod-name
{
    clear: both;
    color: #ef1c23;
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 700;
    margin: 3px 0 10px 15px;
}
.otherproduct
{
    clear: both;
    color: #0055a6;
    font-size: 12px;
    margin: 0 0 25px 0px;
}
.otherproduct a
{
    color: #0055a6;
}
.bb
{
    color: #000;
}
.product-view, .prod-cat
{
    margin: 0 0 0 9px;
    width: 945px;
    max-width: 99%;
    float: left;
}
.product-view
{
    margin: 0;
}
.box-head, .box-midd, .box-bottoms
{
    float: left;
    width: 945px;
    max-width: 100%;
}
.blue-box, .blue-box1
{
    float: left;
    margin: 0 0 -40px 9px;
    text-transform: uppercase !important;
    width: 927px;
}
.blue-boxleft, .blue-boxright
{
    /*background: url(../aimages//blue-left.png) top left no-repeat;*/
    float: left;
    height: 33px;
    width: 11px;
}
.blue-boxleft1, .blue-boxright1
{
    background: url(../aimages//blue-left.png) top left no-repeat;
    float: left;
    height: 33px;
    width: 11px;
}
.blue-boxright1
{
    background: url(../aimages//blue-right.png) top left no-repeat;
    float: right;
}

.blue-boxright
{
    /*background: url(../aimages//blue-right.png) top left no-repeat;*/
    float: right;
}

.blue-boxmid, .blue-boxmid1
{
    /*background:url(../aimages//blue-middle.png) repeat-x;*/
    color: #000;
    float: left;
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    min-width: 885px;
    padding: 7px 10px 15px;
    text-decoration: underline;
}
.blue-boxmid1
{
    min-width: 0;
}
.blue-boxmid span
{
    text-decoration: underline !important;
}
.box-midd
{
    /*background:url(../aimages//box-center.png) repeat-y;*/
    float: left;
    padding: 0;
    width: 934px;
    max-width: 100%;
    border: 1px solid #dedede;
    border-radius: 15px;
    margin-bottom: 10px;
}
.box-top, .box-right
{
    /*background:url(../aimages//box-left.png) top left no-repeat;     height:40px;*/
    float: left;
    width: 27px;
}
.box-right
{
    /*background:url(../aimages//box-right.png) top left no-repeat;*/
    float: right;
}
.box-mid, .box-mid2, .box-mid3, .box-mid4
{
    /*background:url(../aimages//box-details-m.png) top left repeat-x; */
    float: left;
    height: 30px;
    min-width: 891px;
}
.box-botleft, .box-botright
{
    /*background:url(../aimages//boxbl.png) no-repeat;*/
    float: left;
    height: 21px;
    width: 27px;
}
.box-botright
{
    /*background:url(../aimages//boxbr.png) no-repeat;*/
    float: right;
}
.box-botmiddle, .box-botmiddle2, .box-botmiddle3, .box-botmiddle4
{
    /*background:url(../aimages//box-b-m.png) repeat-x; 	border-style: solid;     border-width: 1px;*/
    float: left;
    height: 21px;
    min-width: 891px;
}
.width190
{
    width: 190px;
    max-width: 100%;
}
.width380
{
    float: left;
    padding: 0 10px 0 0;
    width: 500px;
    max-width: 100%;
}
.width85
{
    float: left;
    width: 85px;
}
.prods-name
{
    margin: 10px 0 0px 0px;
}
.des-text
{
    clear: both;
    float: left;
    font: Arial, Helvetica, sans-serif;
    font-size: 14px;
    min-height: 50px;
    width: 300px;
    max-width: 100%;
}
.price
{
    float: left;
    font-size: 14px;
    font-weight: 700;
    margin: 10px 0;
    width: 60px;
    max-width: 100%;
    color: red;
}
.price span
{
    color: #ef1c23;
    font-size: 18px;
    margin: 5px 0;
    text-decoration: none !important;
}
.products1
{
    float: left;
    padding: 0 22px 10px;
    width: 901px;
    max-width: 100%;
}
.sep
{
    /*background:url(../aimages//box-details-top.png) top left no-repeat; 	height:22px; 	border-style: solid;     border-width: 1px;*/
    float: left;
    width: 935px;
}
/* product description */

.width278
{
    width: 286px;
    float: left;
    max-width: 100%;
}
.left-panel-head
{
    font-size: 16px;
    background: url(../aimages//underline.png) 15px bottom no-repeat;
    width: 500px;
    max-width: 100%;
}
.left-panel-head span
{
    float: right;
    color: #000;
    font-size: 12px;
    font-weight: normal;
    padding: 5px 0 0 0;
}
.img-top
{
    /*background:url(../aimages//prod-imgt.png) top left no-repeat*/
    width: 278px;
    height: 15px;
    float: left;
}
.img-midd
{
    /*background:url(../aimages//prod-imgm.png) top left repeat-y;*/
    float: left;
    width: 278px;
    border: 1px solid #dedede;
    border-radius: 15px;
}
.img-midd img
{
    margin: 0;
    padding: 0 0px 0 64px;
    float: left;
}
.img-bot
{
    background: url(../aimages//prod-imgb.png) no-repeat;
    width: 278px;
    float: left;
    color: #fff;
    font-size: 12px;
    text-align: right;
    padding: 0px;
}
.img-bot span
{
    float: right;
    padding: 4px 20px 5px 0;
}
.img-bot span img
{
    margin-right: 5px;
}
.img-bot span a
{
    color: #fff;
}
.width467, .box-bottoms2, .box-head2, .box-middle
{
    width: 467px;
    float: left;
    max-width: 100%;
}
.box-mid2, .box-botmiddle2
{
    min-width: 413px;
    max-width: 100%;
}
.box-middle
{
    /*background:url(../aimages//box-midd.png) repeat-y;*/
    float: left;
    border: 1px solid #dedede;
    border-radius: 15px;
    margin-top: -16px;
}
.content
{
    width: 407px;
    max-width: 100%;
    padding: 0 30px;
    float: left;
    font-size: 12px;
    margin: 0px 0 0px 0;
    color: #000;
}
.width106, .width90
{
    float: left;
    text-align: center;
    width: 106px;
    max-width: 100%;
    background: url(../aimages//price-sep.png) right top no-repeat;
    padding: 9px 0px 0 0;
}
.width106 span, .width90 span
{
    text-align: center;
    font-size: 16px;
    padding: 5px 0 0px;
    float: left;
    width: 106px;
}
.width90, .width90 span
{
    width: 90px;
}
.addtocart
{
    margin: 15px 0 0 15px;
    float: left;
}
.mright
{
    margin-right: 10px;
}
.width185
{
    width: 185px;
    float: left;
    padding-right: 10px;
}
.testcss
{
    padding-right: 10px;
}
.block1
{
    width: 400px;
    float: left;
    font-size: 12px;
    padding-left: 10px;
    padding-bottom: 10px;
}
.block1 strong
{
    width: 400px;
    margin: 0 0 5px;
    float: left;
}
.block1 input
{
    margin: 1px 5px 0px 0;
    padding: 0px;
    float: left;
}
.block1 p
{
    margin: 5px 0 0px;
    padding: 0px;
    float: left;
}
/* new for login page */

.marleft15
{
    margin-left: 15px;
}
.box-middle3
{
   /* background: url(../aimages//box-3mid.jpg) repeat-y;*/
    float: left;
    margin: -15px 0 0 0;
    padding: 0 25px;
    width: 325px;
}
.login-h1
{
    color: #0055a6;
    float: left;
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 18px;
    margin: 0;
}
.login-h1 span
{
    font-size: 15px;
    font-weight: 700;
}
.login-text, .form-text, .form-text2
{
    clear: both;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin: 25px 0;
}
.login-text
{
    width: 300px;
}


.form-text
{
    margin: 5px 0;
}
.input-btn
{
    background: url(../aimages//input.jpg) no-repeat;
    clear: both;
    height: 30px;
    margin: 0;
    padding: 0px 0px 0 0px;
    width: 311px;
}
.form-text a
{
    text-decoration: underline;
}
.martop10px
{
    margin-top: -10px;
}
.prod-cat2
{
    float: left;
    margin: 0 0 0 5px;
    /*width: 750px;*/
    max-width: 100%;
}
 .box-head3, .box-bottoms3, .boxred-t, .boxred-m, .boxred-b
{
    float: left;
    width: 375px;
    max-width: 100%;
}
.width375 
{
    float: left;
    width: 375px;
    max-width: 100%;
    border: 1px solid #dedede;
    border-radius: 25px;
}
.box-mid3, .box-botmiddle3
{
    min-width: 321px;
}
.red-l, .red-r
{
    background: url(../aimages//redbox-tl.png) no-repeat;
    width: 18px;
    height: 24px;
    float: left;
}
.red-m
{
    background: url(../aimages//redbox-tm.png) repeat-x;
    min-width: 339px;
    float: left;
}
.red-r
{
    background: url(../aimages//redbox-tr.png) no-repeat;
}
.boxred-m
{
    /*background: url(../aimages//redbox-m.png) repeat-y;*/
    width: 325px;
    float: left;
    padding: 0 25px;
}
.red-bl, .red-br
{
    background: url(../aimages//redbox-bl.png) no-repeat;
    width: 18px;
    height: 24px;
    float: left;
}
.red-br
{
    background: url(../aimages//redbox-br.png) no-repeat;
}
.red-bm
{
    background: url(../aimages//redbox-bm.png) repeat-x;
    height: 24px;
    min-width: 339px;
    float: left;
}
.gray
{
    color: #969191;
}
.box-head4
{
    width: 750px;
    float: left;
}
.box-mid4, .box-botmiddle4
{
    min-width: 696px;
}
.abox-middle4, .box-middle5
{
    /*background:url(../aimages//box4-m.png) repeat-y;*/
    border: 1px solid #dedede;
    border-radius: 15px;
    width: 650px;
    float: left;
    margin: 0px 0 0 0;
    padding: 0;
    padding: 30px 50px;
}
.box-middle4 h2, .box-middle5 h2
{
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 18px;
    margin: -8px 0 15px 0;
    padding: 0px;
    color: #0055a6;
    float: left;
}
.box-middle4 p
{
    float: left;
    margin: 10px 0;
    line-height: 18px; /*width:640px;*/
    font-size: 13px;
}
.box-middle4 h3
{
    float: left;
    margin: 0;
    padding: 0;
    font-size: 15px;
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
}
.row
{
    width: 600px;
    float: left;
    font-size: 14px;
    color: #0055a6;
    margin: 20px 0 20px 105px;
    text-align: center;
}
.row span
{
    clear: both;
    text-align: center;
    font-size: 11px;
    float: left;
    margin-left: 20px;
}
.colum1
{
    background: url(../aimages//table-bg.jpg) repeat-x #f8f7f7;
    float: left;
    padding: 10px;
    border: 1px solid #dedede;
    text-align: center;
}
/* how to order */
.print
{
    float: right;
}
.printtext
{
    float: left;
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 14px;
}
.printbtn
{
    float: right;
    margin: 3px 5px;
}
.box-heading
{
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #D9161D;
    font-weight: 700;
}
.number
{
    float: left;
    margin: 10px 0px;
    width: 670px;
}
.numberimg
{
    float: left;
    text-align: left;
}
.number10img
{
    float: left;
    text-align: left;
    margin-left: -18px;
}
.colum2
{
    background: url(../aimages//table-bg.jpg) repeat-x #f8f7f7;
    float: left;
    padding: 10px;
    border: 1px solid #dedede;
    text-align: center;
    color: #000000;
    text-transform: uppercase;
}
.width127
{
    width: 117px;
    float: left;
    padding-right: 10px;
}
.row1
{
    width: 600px;
    float: left;
    font-size: 14px;
    color: #0055a6;
    margin: 20px 0 20px 50px;
    text-align: center;
}
.row1 span
{
    clear: both;
    text-align: center;
    font-size: 11px;
    float: left;
    margin-left: 20px;
}
/* address */


.box-middle5
{
    width: 900px;
    max-width: 100%;
    padding: 0 25px;
}
.width350
{
    width: 340px;
    float: left;
    background: url(../aimages//address-sep.jpg) right 20px no-repeat;
    padding-top: 35px;
}
.width350 h2
{
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 18px;
    float: left;
    color: #0055a6;
    margin-bottom: 15px;
}
.form-text2
{
    margin: 15px 0 5px 0;
}
.same-add input
{
    margin: 1px 10px 0 15px;
    float: left;
}
.button
{
    margin: 25px 0 0 285px;
    padding: 0;
    float: left;
}
/*------------------------ 28-03-2012 Css start here ----------*/

.address
{
    margin-top: 0px;
    clear: both;
}
.bill-add
{
    background: url(../aimages//address-sep1.jpg) no-repeat right;
    width: 310px;
    float: left;
    margin-left: 25px;
}
.deli-add
{
    width: 300px;
    float: left;
    padding: 0px 0px 0px 60px;
}
.same-add
{
    background: url(../aimages//confirmation.jpg) no-repeat;
    width: 302px;
    height: 26px;
    float: left;
    padding: 5px;
    font-size: 11px;
}
.delivery-box
{
    width: 500px;
    float: left;
    margin: 8px 0px 0px 18px;
}
.delivery-first
{
    width: 457px;
    height: 25px;
    background: url(../aimages//deli-left.jpg) repeat-x;
    border: 1px solid #dedede;
    border-right: none;
    float: left;
    padding: 12px 0px 0px 35px;
}
.txt
{
    padding: 2px 0px 0px 10px;
}
.delivery-second
{
    width: 463px;
    height: 28px;
    background: url(../aimages//deli_sec.jpg) repeat-x;
    border: 1px solid #dedede;
    float: left;
    border-top: none;
    padding: 8px 0px 0px 35px;
}
.delivery-third
{
    width: 463px;
    height: 28px;
    background: url(../aimages//deli-left.jpg) repeat-x;
    border: 1px solid #dedede;
    float: left;
    border-top: none;
    padding: 8px 0px 0px 35px;
}
.delivery-last
{
    width: 457px;
    height: 25px;
    background: url(../aimages//deli-left.jpg) repeat-x;
    border: 1px solid #dedede;
    border-right: none;
    border-top: none;
    float: left;
    padding: 12px 0px 0px 35px;
}
.delivery-right
{
    background: url(../aimages//deli-right.png) right no-repeat;
    float: right;
    width: 7px;
    height: 39px;
}
.delivery-right1
{
    background: url(../aimages//delivery-last.jpg) right no-repeat;
    float: right;
    width: 7px;
    height: 38px;
}
.numbertext
{
    float: left;
    width: 650px;
}
.width302
{
    /*width:302px; */
    width: 195px;
}
.width112
{
    width: 119px;
    text-align: center;
}
.width106n
{
    width: 107px;
    text-align: center;
}
.width100
{
    width: 175px;
    text-align: right;
    padding-right: 5px;
}
.prod-order
{
    margin: 0 0 0 9px;
    width: 688px;
    float: left;
}
.order-boxmid1
{
    background: url(../aimages//blue-middle.png) repeat-x;
    color: #fff;
    float: left;
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 700;
    min-width: 620px;
    padding: 12px 10px 15px;
    text-decoration: underline;
}
.order-box
{
    float: left;
    margin: 30px 0 -10px 9px;
    text-transform: uppercase !important;
    width: 662px;
}
.order-detail
{
    float: left;
    margin: 0px 0 -20px 9px;
    width: 662px;
}
.order-boxleft, .order-boxright
{
    background: url(../aimages//order-left.jpg) top left no-repeat;
    float: left;
    height: 43px;
    width: 11px;
}
.order-boxright
{
    background: url(../aimages//order-right.jpg) top left no-repeat;
    float: right;
}
.order-detailbox
{
    background: url(../aimages//order-mid.jpg) repeat-x;
    color: #000000;
    float: left;
    font-size: 12px;
    min-width: 620px;
    padding: 12px 10px 15px;
    text-decoration: underline;
    height: 31px;
}
.width111
{
    width: 118px;
    text-align: center;
    border-left: 1px solid #c1c1c1;
    height: 30px;
    margin-top: -12px;
    padding-top: 12px;
}
.width105
{
    width: 106px;
    text-align: center;
    border-left: 1px solid #c1c1c1;
    height: 30px;
    margin-top: -12px;
    padding-top: 12px;
}
.width99
{
    width: 75px;
    text-align: right;
    border-left: 1px solid #c1c1c1;
    height: 30px;
    margin-top: -12px;
    padding-top: 12px;
    padding-right: 15px;
}

.width170
{
    width: 170px;
    text-align: right;
    border-left: 1px solid #c1c1c1;
    height: 30px;
    margin-top: -12px;
    padding-top: 12px;
}
.pricebox
{
    width: 220px;
    float: right;
    margin: 15px 20px 0px 0px;
}
.subtotal
{
    width: 95px;
    height: 29px;
    background: url(../aimages//orderleft1.png) no-repeat;
    float: left;
    padding: 14px 0px 0px 14px;
    text-decoration: underline;
    text-transform: uppercase;
}
.subtotalprice
{
    width: 111px;
    height: 29px;
    background: url(../aimages//orderright1.png) no-repeat;
    text-align: center;
    float: left;
    padding: 14px 0px 0px 0px;
    text-transform: uppercase;
}
.discount
{
    width: 95px;
    height: 23px;
    background: url(../aimages//orderleft2.png) no-repeat;
    text-align: left;
    float: left;
    padding: 14px 0px 0px 14px;
    text-decoration: underline;
    text-transform: uppercase;
}
.discountprice
{
    width: 111px;
    height: 23px;
    background: url(../aimages//orderright2.png) no-repeat;
    text-align: center;
    float: left;
    padding: 14px 0px 0px 0px;
    text-transform: uppercase;
}
.total
{
    width: 95px;
    height: 28px;
    background: url(../aimages//orderleft3.png) no-repeat;
    float: left;
    padding: 14px 0px 0px 14px;
    text-decoration: underline;
    text-transform: uppercase;
}
.totalprice
{
    width: 111px;
    height: 28px;
    background: url(../aimages//orderright3.png) no-repeat;
    text-align: center;
    float: left;
    padding: 14px 0px 0px 0px;
    text-transform: uppercase;
}
.paymentbutton, .paymentbutton2
{
    margin: 65px 0 0 250px;
    padding: 0;
    float: left;
}

.paymentbutton2
{
    float: right;
    margin-right: 19px;
}
.font16px
{
    font-size: 16px !important;
}
.font13px
{
    font-size: 13px;
}
.vatsep
{
    margin: 15px 0px -1px 0px;
}

.textarea
{
    background: url(../aimages//textarea.jpg) no-repeat;
    clear: both;
    height: 64px;
    margin: 0;
    padding: 0 7px 0 5px;
    width: 300px;
    border: none;
}

.caption-text
{
    float: left;
    margin: 12px 0 0 10px;
    font-size: 12px;
}

.marleft18
{
    margin-left: 18px;
}

.fontsize12
{
    font-size: 12px;
}



.width426
{
    width: 426px;
    margin: -10px 0 0 0;
}

/* new */

.payment-img
{
    float: left;
    width: 80px;
    height: 29px;
    margin: -6px 0 0 5px;
}

.payment-img img
{
    float: left;
    margin: 0;
    padding: 0;
}

/*---------04-04-2012----------------*/

.delivery-box-new
{
    width: 600px;
    float: left;
    margin: 8px 0px 0px 18px;
}
.delivery-first-new
{
    width: 557px;
    height: 25px;
    background: url(../aimages//deli-left.jpg) repeat-x;
    border: 1px solid #dedede;
    border-right: none;
    float: left;
    padding: 12px 0px 0px 35px;
}
.delivery-second-new
{
    width: 563px;
    height: 28px;
    background: url(../aimages//deli_sec.jpg) repeat-x;
    border: 1px solid #dedede;
    float: left;
    border-top: none;
    padding: 8px 0px 0px 35px;
}
.delivery-third-new
{
    width: 563px;
    height: 28px;
    background: url(../aimages//deli-left.jpg) repeat-x;
    border: 1px solid #dedede;
    float: left;
    border-top: none;
    padding: 8px 0px 0px 35px;
}
.delivery-last-new
{
    width: 557px;
    height: 25px;
    background: url(../aimages//deli-left.jpg) repeat-x;
    border: 1px solid #dedede;
    border-right: none;
    border-top: none;
    float: left;
    padding: 12px 0px 0px 35px;
}
.delivery-right-new
{
    background: url(../aimages//deli-right.png) right no-repeat;
    float: right;
    width: 7px;
    height: 39px;
}
.delivery-right1-new
{
    background: url(../aimages//delivery-last.jpg) right no-repeat;
    float: right;
    width: 7px;
    height: 38px;
}
.txt-new
{
    padding: 2px 0px 0px 10px;
    width: 55px;
}
.payment-box
{
    float: right;
    width: 538px;
}
.order-detail-box
{
    float: left;
    margin: 10px 0 -10px -8px;
    text-transform: uppercase !important;
    width: 695px;
}
.order-detail-new
{
    float: left;
    margin: 0px 0 -20px -8px;
    width: 695px;
}
.order-detail-new1
{
    float: left;
    margin: 0px 0 0px -8px;
    width: 695px;
}
.order-boxmid1-new
{
    background: url(../aimages//blue-middle.png) repeat-x;
    color: #fff;
    float: left;
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 700;
    width: 648px;
    padding: 12px 10px 15px;
    text-decoration: underline;
}
.order-detailbox-new
{
    background: url(../aimages//firstrowbg.png) repeat-x;
    color: #000000;
    float: left;
    font-size: 12px;
    min-width: 670px;
    padding: 12px 10px 1px;
    text-decoration: underline;
    height: 75px;
}
.second-row
{
    background: url(../aimages//second-row.png) repeat-x;
    color: #000000;
    float: left;
    font-size: 12px;
    min-width: 670px;
    padding: 12px 10px 15px;
    text-decoration: underline;
    height: 75px;
}
.width73
{
    width: 73px;
    text-align: right;
    padding-right: 5px;
}
.width73-new
{
    width: 64px;
    text-align: right;
    padding-right: 5px;
}
.width100n
{
    width: 50px;
}
.width105n
{
    width: 50px;
    text-align: left;
    border-left: 1px solid #c1c1c1;
    height: 46px;
    margin-top: 7px;
   /* padding-top: 30px;*/
    margin-left: 5px;
    padding-left: 28px;
}
.width73n
{
    width: 63px;
    text-align: center;
    border-left: 1px solid #c1c1c1;
    height: 46px;
    margin-top: 7px;
   /* padding-top: 30px;*/
    padding-left: 6px;
}
.order-boxleft-new, .order-boxright-new
{
    background: url(../aimages//firstright.png) top left repeat-x;
    float: left;
    height: 77px;
    width: 11px;
}
.order-boxright-new
{
    background: url(../aimages//firstleft.png) top left no-repeat;
    float: right;
}
.order-detail-box-new
{
    float: left;
    margin: 10px 0 -10px -8px;
    text-transform: uppercase !important;
    width: 690px;
}
.purchase-box
{
    border: 1px solid #dedede;
    border-radius: 25px;
    width: 278px;
    height: 68px;
    /*background: url(../aimages//purchase-box.png) no-repeat;*/
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #d9161d;
    padding: 10px 0px 0px 15px;
    font-weight: 700;
}
.discount-box
{
    width: 278px;
    height: 79px;
    background: url(../aimages//discount-box.png) no-repeat;
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #525150;
    padding: 10px 0px 0px 15px;
    font-weight: 700;
}
.input-btn-new
{
    background: url(../aimages//input-box.png) no-repeat;
    clear: both;
    height: 27px;
    margin: 0;
    padding: 0 0px 0 0px;
    width: 240px;
}
.input-btn-dis
{
    background: url(../aimages//input-dis.png) no-repeat;
    clear: both;
    height: 27px;
    margin: 0;
    padding: 0 0px 0 0px;
    width: 145px;
}
.discount-txt
{
    font-size: 10px;
    color: #898989;
    padding-top: 2px;
}
.vat-inst
{
    max-width: 690px;
    border-top: 1px solid #dedede;
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    float: left;
    color: #525150;
    font-weight: 700;
    padding-bottom: 5px;
}
.pricebox-new
{
    width: 220px;
    float: right;
    margin: 15px 10px 0px 0px;
}

/* common styling */
.menu3
{
    font-family: verdana, sans-serif;
    width: 200px;
    position: relative;
    font-size: 0.85em;
    z-index: 100;
    clear: both;
    margin-left: 10px; /* for this page only */
}

.menu3 ul
{
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.menu3 ul li
{
    float: left;
    position: relative;
}
.menu3 li.last
{
    border-bottom: 1px solid #00f;
    margin: 0;
}
.menu3 ul li a, .menu3 ul li a:visited
{
    display: block;
    text-decoration: none;
    width: 189px;
    height: 30px;
    color: white;
    border: 1px solid rgb(0, 85, 166);
    border-width: 1px 1px 1px 1px;
    padding-left: 10px;
    line-height: 30px;
    background: rgb(0, 85, 166);
}
.menu3 ul li ul
{
    display: none;
}
.menu3 table
{
    margin: -1px;
    border-collapse: collapse;
    font-size: 1em;
}

/* specific to non IE and IE7 browsers */
.menu3 ul li:hover a
{
    color: #c00;
}
.menu3 ul li:hover ul
{
    display: block;
    position: absolute;
    top: 29px;
    margin-top: 1px;
    left: 0;
    width: 200px;
    height: auto;
}
.menu3 ul li:hover ul li ul
{
    display: none;
}
.menu3 ul li:hover ul li a
{
    display: block;
    background: #ddd;
    color: #000;
    height: auto;
    line-height: 7px;
    padding: 8px 10px;
    width: 179px;
}
.menu3 ul li:hover ul li a.drop
{
    background: #ddd url(images/point3.gif) bottom right no-repeat;
}
.menu3 ul li:hover ul li:hover a
{
    background: #888;
    color: #fff;
}
.menu3 ul li:hover ul li:hover a.drop
{
    background: #888 url(images/point3a.gif) bottom right no-repeat;
}
.menu3 ul li:hover ul li:hover ul
{
    display: block;
    position: absolute;
    left: 150px;
    top: -1px;
    width: 200px;
}
.menu3 ul li:hover ul li:hover ul li a
{
    background: #ddd;
    color: #000;
}
.menu3 ul li:hover ul li:hover ul li:hover a
{
    background: #888;
    color: #fff;
}

/*------------------17-05-2012----------------*/

.bannerquote
{
    width: 205px;
    height: 80px;
    background: url() no-repeat top left;
    padding-left: 0px;
    font-family: arial, Geneva, sans-serif;
    font-size: 13px;
    margin: 0px 0px 0px 0px;
    float: left;
}
.bannername
{
    width: 205px;
    height: auto;
    float: right;
    margin-right: 25px;
    text-align: right;
    padding-right: 10px;
    padding-bottom: 8px;
    color: #0055a6;
}
.starwraper
{
    width: 177px;
    clear: both;
    float: right;
    margin: 10px 0px 0px 0px;
}

/* NO SCRIPT - MB - ASCENSOR - 03/12/2012 */

.js #no-script
{
    display: none;
}

#no-script
{
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    padding: 20px;
    background-image: url(/shop/aimages/noscript/ns-70.png);
    background-repeat: repeat-x;
    color: #FFFFFF;
    text-align: center;
    z-index: 9999;
}

#no-script p
{
    margin: 0 auto;
    padding-bottom: 15px;
    width: 900px;
    text-align: center;
}

#no-script p a, #no-script p a:visited
{
    padding-right: 10px;
    margin-right: 10px;
    color: #FFFFFF;
    padding-left: 40px;
    height: 32px;
    font-weight: bold;
    padding-top: 8px;
    padding-bottom: 10px;
}

#no-script p a
{
    background-repeat: no-repeat;
}

#no-script p a:hover
{
    color: #d1679f;
}

#no-script p a#ie
{
    background-image: url(/shop/aimages/noscript/ns-ie.png);
}

#no-script p a#ff
{
    background-image: url(/shop/aimages/noscript/ns-firefox.png);
}

#no-script p a#gc
{
    background-image: url(/shop/aimages/noscript/ns-chrome.png);
}

#no-script p a#op
{
    background-image: url(/shop/aimages/noscript/ns-opera.png);
}

@media (min-width:320px) and (max-width:390px)
{
    .sliderr img
    {
        width: 320px;
    }
    .Curr5
    {
        clear: both;
    }
    .orderdtl
    {
        margin: 5px;
        width: 270px;
    }

}
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    html
    {
        margin-left: 1px;
    }
}
@media (min-width:700px) and (max-width:849px)
{
    .welcome-text
    {
        width: 253px;
    }
    .marleft10
    {
        width: 205px;
    }
    .welcome-text span, .currency span
    {
        margin: 6px 9px 0 10px;
    }
    .slider2
    {
        width: 191px;
        height: 200px;
        margin-top: 0px;
    }
    .box-middle5
    {
        padding: 0px;
    }
}
@media (min-width:850px) and (max-width:990px)
{
    .welcome-text
    {
        width: 305px;
    }

    .welcome-text span, .currency span
    {
        margin: 6px 25px 0 10px;
    }
    .slider2
    {
        width: 191px;
        height: 200px;
        margin-top: 0px;
    }
    .Curr5
    {
        width: 120px;
    }
}
@media (min-width:320px) and (max-width:480px)
{
    .currency
    {
        float: left;
        margin: 6px 45px 0 3px;
    }
    .prod-cat2
    {
        margin: 0;
        max-width: 94%;
    }
    .left-panel
    {
        margin: 5px;
        max-width: 93% !important;
    }

}
@media (min-width:320px) and (max-width:767px)
{
    .left-panel
    {
        margin: 5px;
        max-width: 90%;
    }
    .left-panel-h1, .left-panel-head
    {
        margin-left: 0px;
        max-width: 95%;
    }
    .left-panel-head h1
    {
        font-size: 13px !important;
    }
    .box-middle5
    {
        padding: 0px;
    }
    

}


@media (min-width:768px) and (max-width:1024px)
{
    .left-panel
    {
        margin: 5px;
        max-width: 95%;
    }
    .left-panel-h1, .left-panel-head
    {
        margin-left: 195px;
    }

    .width467, .box-bottoms2, .box-head2, .box-middle
    {
        float: left;
        width: 445px;
    }

}
@media (min-width:220px) and (max-width:1024px)
{
.cl1, .starwraper
    {
        display: none;
    }
.deli-add
{
	padding:0 0 0 28px;
	}
	
}



@media screen and (max-width:320px)
{
	.left-panel-h1, .left-panel-head
    {
        margin-left: 0px;
        max-width: 95%;
    }
    .left-panel-head h1
    {
        font-size: 13px !important;
    }
}
@media  (max-width:240px)
{

	.welcome-text span, .currency span
	{
	margin:6px 25px 0 10px;
	}
	.fr {
		float: left;
	}
		.product-view, .prod-cat
{
    margin: 64px 0 0 9px;
    width: 945px;
    max-width: 99%;
    float: left;
}

}


@media (min-width:320px) and (max-width:1024px)
{
    .products1
    {
        padding: 0 0px 10px;
    }
    
    .CurrTit
    {
        width: 168px;
    }

}
@media (min-width:830px) and (max-width:1024px)
{
    .left-panela
    {
        width: 90%;
    }
    .width467, .box-bottoms2, .box-head2, .box-middle
    {
        float: left;
        width: 500px;
    }

}
html, body
{
    width: 100%; /*  height: 100%; overflow:visible !important;*/
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;

}

@media (width:480px)
{
    .orderdtl
    {
        margin: 5px;
        width: 405px;
        overflow-x:auto;
    }
}
