body,html{
    margin:0px;
    padding:0px;
    font-family:arial;
    font-size:12px;
    color:#373737;
    line-height:16px;
    background:url(../images/back_bg.jpg);
}

a:focus{
    outline:none;
}


.wrapper{
    width:988px;
    margin:0 auto;
    background: transparent;
}


/*header part start here*/

.header{
    width:988px;
    margin:0;
    padding: 0;
    border: 0px none;
}

.head_main{
    width:988px;
    float:left;
    margin: 0;
}

/**overload the main classes**/
.header-nav-container { background:transparent; }
.middle-container { background:url(../images/mid_back.gif) repeat-x #ffffff; clear: both; }
.middle { 
    width:972px;
    background:transparent;
    padding:14px 8px 10px 8px;
}
.side-col { width:254px; padding: 0px; margin: 0px;}

.col-2-right-layout .col-main { float:left; width:685px;  }
.col-2-left-layout .col-main { float:left; width:685px; margin-left: 10px; }


/****************************/

.recently-list td{
    border-right: 1px solid #CFCFCF;
    padding: 10px;
}


.logo{
    width:400px;
    height:53px;
    padding-top:20px;
    float: left;
}

.top_nav{
    width:538px;
    float:right;
    height:18px;
    padding-top:18px;
    padding-left:20px;
    text-align: right;
}

.top_nav ul{
    list-style: none;
}

.top_nav ul li {
    display: block;
    float: left;
    padding-left: 10px;
    padding-right:25px;
    background: url(../images/arrow_icon.gif) no-repeat left center;
}

.top_nav ul li a{
    color:#ffffff;
    text-decoration:none;
}

.top_nav a:hover{
    color:#ffcd3a;
}

.img_bor{
    border:none;
    outline:none;
    padding-top: 8px;
}

/*header part ends here*/

/*middle part start here*/

#middle{
    width:988px;
    float:left;
    z-index:1;
}


.mid_main{
    width:988px;
    float:left;
}

.cor_main{
    width:988px;
    float:left;
}

.left_cor{
    display:block;
    height:43px;
    width:17px;
    float:left;
    background: url(../images/left_cor.gif);
}


.mid_cor{
    width:954px;
    float:left;
    background:url(../images/mid_cor.gif) repeat-x;
    height:28px;
    padding-top:15px;
}


.right_cor{
    display:block;
    height:43px;
    width:17px;
    float:left;
    background: url(../images/right_cor.gif);
}


.top_link{
    margin:0px;
    padding:0px;
}

.top_link li {
    display: block;
    float:left;
    list-style-type:none;
}


.top_link li a {
    font-size:14px;
    color:#202020;
    text-decoration:none;
    padding-left:15px;
    padding-right:15px;
    background:url(../images/line.gif) no-repeat bottom right;
}


.top_link li a:hover {
    color:#c73a3a;
}

.top_link li ul{
    position: absolute;
    list-style-type:none;
    border: 1px solid #CFCFCF;
    visibility: hidden;
}

.top_link li li{
    display: block;
    width: 150px;
    clear: both;
    list-style-type:none;
    background:url(../images/pager_bg.gif) repeat-x;
}

.top_link li li a{
    display: block;
    line-height: 28px;
    background: none;
}


.red_line{
    width:988px;
    float:left;
    background:url(../images/red_line.gif) repeat-x;
    height:10px;
}

.mid_back{
    width:972px;
    float:left;
    background:url(../images/mid_back.gif) repeat-x #ffffff;
    padding-left:8px;
    padding-right:8px;
    padding-top:14px;

}


.mid_town{
    width:972px;
    float:left;
}

.mid_left{
    width:255px;
    float:left;
    padding-right:10px;
}


.mid_right{
    width:707px;
    float:left;
}

.box3{
    width:240px;
    float:left;
    background:url(../images/box1.gif) no-repeat;
    height:60px;
    margin-bottom:14px;
    padding-left:15px;
    padding-top:10px;
}

.box1{
    width:240px;
    float:left;
    background:url(../images/box2.gif) no-repeat;
    height:60px;
    margin-bottom:14px;
    padding-left:15px;
    padding-top:10px;
}

.box2{
    width:240px;
    float:left;
    background:url(../images/box3.jpg) no-repeat;
    height:60px;
    margin-bottom:14px;
    padding-left:15px;
    padding-top:10px;
}


.blue_text{
    font-family:Myriad Pro;
    font-size:20px;
    line-height:24px;
    color:#5b83d9;
    font-weight:bold;
}

.red_text{
    font-family:Myriad Pro;
    font-size:20px;
    line-height:24px;
    color:#c73a3a;
    font-weight:bold;
}


.mag_text{
    font-family:Myriad Pro;
    font-size:20px;
    line-height:24px;
    color:#57318c;
    font-weight:bold;
}

.mid_town1{
    width:972px;
    float:left;
    padding-top:18px;
}

.signup_box{
    width:231px;
    float:left;
    margin-right:8px;
    height:81px;
    background:url(../images/signup_box.jpg) no-repeat;
    padding-top:12px;
    padding-bottom:8px;
    padding-left:8px;
}

.signup1_box{
    width:246px;
    float:left;
    height:83px;
    background:url(../images/signup_box1.jpg) no-repeat;
    padding-top:12px;
    padding-bottom:8px;
    padding-left:8px;
    margin-top:15px;
}


.getlokk_box{
    width:227px;
    float:left;
    margin-right:8px;
    height:81px;
    background:url(../images/getlokk_box.jpg) no-repeat;
    padding-top:12px;
    padding-bottom:8px;
    padding-left:8px;
}

.getlokk1_box{
    width:246px;
    float:left;
    margin-top:15px;
    height:84px;
    background:url(../images/getlokk_box1.jpg) no-repeat;
    padding-top:12px;
    padding-bottom:8px;
    padding-left:8px;
}

.ask_box{
    width:227px;
    float:left;
    margin-right:8px;
    height:81px;
    background:url(../images/ask_box.jpg) no-repeat;
    padding-top:12px;
    padding-bottom:8px;
    padding-left:8px;
}

.ask1_box{
    width:246px;
    float:left;
    margin-top:15px;
    height:81px;
    background:url(../images/ask_box1.jpg) no-repeat;
    padding-top:12px;
    padding-bottom:8px;
    padding-left:8px;
}

.follow_box{
    width:235px;
    float:left;
    margin-top:15px;
    height:61px;
    background:url(../images/follow_box.jpg) no-repeat;
    padding-top:12px;
    padding-bottom:8px;
    padding-left:8px;
    z-index: 1000;
}


.viedo_box{
    width:231px;
    float:left;
    height:81px;
    background:url(../images/video_box.jpg) no-repeat;
    padding-top:12px;
    padding-bottom:8px;
    padding-left:8px;
}


.field_bg{
    background:url(../images/field_bg.gif) repeat-x;
    border:1px solid #bdbcbd;
    margin-top:7px;
    font-size:11px;
    color:#424242;
    height:18px;
}

.input_bg1{
    background:url(../images/input_bg.gif) repeat-x;
    border:1px solid #bdbcbd;
    font-size:11px;
    color:#424242;
    line-height:15px;
    height:20px;
}



.bot_text{
    font-size:11px;
    color:#545454;
    line-height:13px;
    padding-top:10px;
}


.mid_town2{
    width:972px;
    float:left;
    padding-top:20px;
    padding-bottom:15px;
}


.bot_left{
    width:254px;
    float:left;
}

.bot_right{
    width:706px;
    float:left;
    padding-left:12px;
}

.botmain_cor{
    width:254px;
}

.botmain_cor8{
    width:254px;
    float:left;
    min-height:800px;
}

.botmain_cor6{
    width:254px;
    float:left;
    min-height:500px;
}

.left_corner{
    display:block;
    float:left;
    width:15px;
    height:34px;
    background: url(../images/left_corner.gif) no-repeat left top;
}


.mid_corner{
    width:224px;
    float:left;
    background:url(../images/mid_corner.gif) repeat-x;
    height:34px;
}


.right_corner{
    display:block;
    float:left;
    width:15px;
    height:34px;
    background: url(../images/right_corner.gif) no-repeat left top;
}

.bot_left_cor{
    display:block;
    float:left;
    width:16px;
    height:15px;
    background: url(../images/bot_left_cor.gif) no-repeat left top;
}

.bot_mid_cor{
    width:222px;
    float:left;
    background:url(../images/bot_mid_cor.gif) repeat-x;
    height:15px;
}

.bot_right_cor{
    display:block;
    float:left;
    width:16px;
    height:15px;
    background: url(../images/bot_right_cor.gif) no-repeat left top;
}


.tek_box{
    width:706px;
    float:left;
}

.mid_corner3{
    width:676px;
    float:left;
    background:url(../images/mid_corner.gif) repeat-x;
    height:34px;
}


.trease{
    width:704px;
    float:left;
    background:url(../images/bot_bg.gif) repeat-x center bottom;
    border-left: 1px solid #CFCFCF;
    border-right: 1px solid #CFCFCF;
}

.bot_mid_cor5{
    width:674px;
    float:left;
    background:url(../images/bot_mid_cor.gif) repeat-x;
    height:15px;
}


/*middle part ends here*/

/*footer part start here*/
.footer-container{
    margin: 0;
    padding: 0;
    border-top:0px none;
}

.footer{
    margin: 0;
    padding: 0;
    width:988px;
    float:left;
    background: transparent;
}

.foot_main{
    width:988px;
    float:left;
    padding-bottom:20px;
}

.foot_left{
    display: block;
    height: 77px;
    width:21px;
    float:left;
    background: url(../images/foot_left.gif) no-repeat left top;
}

.foot_mid{
    width:946px;
    float:left;
    height:77px;
    background:#351562;
    text-align: left;
}

.foot_right{
    display: block;
    height: 77px;
    width:21px;
    float:left;
    background: url(../images/foot_right.gif) no-repeat left top;
}


.menu{
    width:440px;
    float:left;
    padding-top:15px;
    padding-bottom: 10px;
}

.menu3{
    width: 520px;
    float: right;
    padding: 3px;
    margin-right: 50px;
}

.terms{
    width: 500px;
    float: right;
    padding-top:10px;
    text-align:right;
    font-family:arial;
    font-size:11px;
    color:#ffffff;
}

.terms  a {
    font-family:arial;
    font-size:11px;
    color:#fff;
    font-weight:normal;
    text-decoration:none;
    padding-top:6px;

}
.terms a:hover {
    font-family:arial;
    font-size:11px;
    color:#fff;

}


.menu  a {
    font-family:arial;
    font-size:11px;
    color:#fff;
    font-weight:normal;
    text-decoration:none;
    padding-top:6px;

}
.menu a:hover {
    font-family:arial;
    font-size:11px;
    color:#fff;
}

.mid_box{
    width:707px;
    height:83px;
    float:left;
    padding-top:20px;
}

.side_left_cor{
    width:16px;
    float:left;
}

.side_mid_cor{
    width:675px;
    float:left;
    background:url(../images/side_mid_cor.jpg) repeat-x;
    height:83px;
}

.mcor{
    width:675px;
    float:left;
    background:url(../images/mcor.gif) repeat-x;
    height:33px;
    font-size:24px;
    color:#d64242;
    font-weight:bold;
    padding-top:12px;
}



.side_right_cor{
    width:16px;
    float:left;
}


.textbox_bg{
    width:689px;
    float:left;
    background:url(../images/box_bg.jpg) repeat-x #eeeeee;
    border-left:1px solid #cfcfcf;
    border-right:1px solid #cfcfcf;
    padding-top:20px;
    padding-left:16px;
    color:#373737;
    line-height:20px;
    padding-bottom:40px;
}


.textbox_cor{
    width:707px;
    float:left;
}

.box_leftcor{
    width:15px;
    float:left;
}

.box_midcor{
    width:677px;
    float:left;
    background:url(../images/box_midcor.gif) repeat-x;
    height:18px;
}

.box_rightcor{
    width:15px;
    float:left;
}

.mid_corner1{
    width:625px;
    float:left;
    background:url(../images/mid_corner1.gif) repeat-x;
    height:98px;
    padding-left:50px;
}

.mid_corner2{
    width:660px;
    float:left;
    background:url(../images/mid_corner1.gif) repeat-x;
    height:98px;
}

.stock{
    width:237px;
    float:left;
    padding-top:10px;
    padding-bottom:15px;
}

.mid_box7{
    width:707px;
    float:left;
    padding-top:20px;


}

.textbox_bg3{
    width:689px;
    float:left;
    background:url(../images/box_bg.jpg) repeat-x #eeeeee;
    border-left:1px solid #cfcfcf;
    border-right:1px solid #cfcfcf;
    padding-left:16px;
    color:#373737;
    line-height:20px;
    padding-bottom:40px;
}


.textbox_bg6{
    width:689px;
    float:left;
    background:url(../images/box_bg.jpg) repeat-x #eeeeee;
    border-left:1px solid #cfcfcf;
    border-right:1px solid #cfcfcf;
    padding-left:16px;
    color:#373737;
    line-height:20px;
}

.left_took{
    width:453px;
    float:left;
    padding-top:15px;
}


.right_took{
    width:235px;
    float:left;
    border-left:1px solid #cfcfcf;
}

.right_took2{
    width:225px;
    float:left;
    background:#eeeeee;
    height:23px;
    border-bottom:1px solid #cfcfcf;
    font-size:14px;
    color:#57318c;
    font-weight:bold;
    padding-top:7px;
    padding-left:10px;
}


.right_took7{
    width:225px;
    float:left;
    background:#eeeeee;
    height:23px;
    border-bottom:1px solid #cfcfcf;
    border-top:1px solid #cfcfcf;
    font-size:14px;
    color:#57318c;
    font-weight:bold;
    padding-top:7px;
    padding-left:10px;
    margin-top:10px;
}


.right_took9{
    width:210px;
    float:left;
    padding-top:10px;
    padding-left:15px;
    padding-right:10px;
}


.right_took3{
    width:235px;
    float:left;
}



.right_took3 a{
    font-size:12px;
    color:#202020;
    text-decoration:none;
    line-height:18px;
}

.right_took3 a:hover{
    font-size:12px;
    color:#0e2352;
    text-decoration:none;
    line-height:18px;
}


.mack1{
    width:655px;
    float:left;
    border-left:1px solid #cfcfcf;
    border-right:1px solid #cfcfcf;
    border-top:1px solid #cfcfcf;
    background:#eeeeee;
    height:40px;
    padding-top:5px;
    padding-left:50px;
}

.mack5{
    width:685px;
    float:left;
    border-left:1px solid #cfcfcf;
    border-right:1px solid #cfcfcf;
    background:url(../images/mack_bg.gif) repeat-x;
    height:28px;
    font-size:16px;
    color:#0e2352;
    font-weight:bold;
    font-family:Georgia;
    padding-top:25px;
    padding-left:20px;
}

.trace9{
    width:705px;
    float:left;
    background:url(../images/trace_bg.gif) repeat-x #eeeeee;
    border-left:1px solid #cfcfcf;
    border-right:1px solid #cfcfcf;
    padding-top:10px;
}


.trace0{
    width:705px;
    float:left;
    border-left:1px solid #cfcfcf;
    border-right:1px solid #cfcfcf;
    padding-top:10px;
    border-top:1px solid #dde7d4;

}

.trace_box{
    width:185px;
    float:left;
    border-right:1px solid #dde7d4;
    padding-left:25px;
    padding-right:25px;
    padding-bottom:10px;
}

.trace_box6{
    width:183px;
    float:left;
    border-right:1px solid #dde7d4;
    padding-left:25px;
    padding-right:25px;
    padding-bottom:10px;
    border-bottom:1px solid #dde7d4;
}

.trace_box4{
    width:188px;
    float:left;
    padding-left:22px;
    padding-right:22px;
    padding-bottom:10px;

}

.trace_box8{
    width:187px;
    float:left;
    padding-left:22px;
    padding-right:22px;
    padding-bottom:10px;
    border-bottom:1px solid #dde7d4;


}

.corn_main{
    width:707px;
    float:left;
}

.leftcor{
    width:21px;
    float:left;
}

.midcor{
    width:665px;
    float:left;
    background:url(../images/midcor.gif) repeat-x;
    height:35px;
    padding-top:10px;
    text-align:right;
}


.mcor0{
    width:675px;
    float:left;
    background:url(../images/mcor.gif) repeat-x;
    height:33px;
    padding-top:12px;
}

.rightcor{
    width:21px;
    float:left;
}


.view{
    font-size:14px;
    color:#c73a3a;
    line-height:18px;
    text-decoration:underline;
    font-weight:bold;
}

.view:hover{
    font-size:14px;
    color:#000000;
    line-height:18px;
    text-decoration:none;
}

/*footer part ends here*/

/*
	Vertical Accordions
*/

div.accordion {
    clear: both;
    position: relative; /* required for bounding */
}

.accordion-toggle{
    position: relative; /* required for effect */
    z-index: 10;		/* required for effect */
    background: url(../images/accordion_up.gif) no-repeat;
    color: #82a0e1;
    cursor: pointer;
    padding: 0px 14px;
    line-height: 30px;
}
.accordion-toggle a{
    color: #5b83d9;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}

.accordion-toggle:hover, .accordion-toggle-active{
    background: url(../images/accordion_down.gif) no-repeat;
}

div.accordion-content{
    overflow: hidden;	/* required for effect */
    background: #FFFFFF;
    padding: 0;
    color: #c4bab1;
    border: 1px solid #cfcfcf;
    border-top: 0px none;
    border-bottom: 0px none;
    padding: 9px 14px 6px 14px;
}
div.accordion-content a{
    color: #444444;
    text-decoration: none;
}

.mid_corner h4{
    color: #57318c;
    padding:0;
    margin:0;
    line-height: 34px;
    font-size: 20px;
    font-weight: normal;
    background: transparent;
}

h4.red{
    color: #c73a3a;
    line-height: 34px;
    font-size: 20px;
    font-weight: normal;
}

.mid_corner3 h4.red .graytext{
    color: #444444;
    font-size: 14px;
    font-weight: normal;
}

.product-image-home1{
    border:1px solid #d0cdc9;
    background: #FFFFFF;
    text-align: center;
}

.product-image-home{
    ;
}
td.last-row{
    border-right: 0px none;
}

.product-featured{
    position: relative;
    min-height: 240px;
}

.product-featured .product-name-home{
    color: #c73a3a;
    font-weight: bold;
    text-decoration: none;
}
.product-featured .price-box-wrap{
    color: #000000;
    font-weight: bold;
}
.product-featured .price-box-wrap div{
    float: left;
    padding:0 5px 0 0;
}

.product-featured .price-box-wrap .price{
    color: black;
    font-size: 12px;
}
.product-featured .buttons{
    clear: both;
    position: absolute;
    bottom: 0px;
}

button.form-button{
    background: url(../images/buttonbg1.png) no-repeat left 1px;
    border: 0px none;
    height: 22px;
    padding: 0px;
    padding-left: 10px;
    margin:0;
}

button.form-button span {
    display: block;
    margin:0;
    line-height: 22px;
    padding-right: 12px;
    background: url(../images/buttonbg1.png) no-repeat right -22px;
}

.add-to-cart-box button.form-button{
    background: url(../images/add_cart2.gif) no-repeat;
    border: 0px none;
    height: 21px;
    width: 87px;
}
.add-to-cart-box button.form-button span{
    background: transparent;
    text-indent: -10000px;
}

/** box **/
.round_box_top{
    margin:0px;
    padding: 0px;
}
.round_box_top .left{
    display:block;
    float:left;
    width: 15px;
    height: 34px;
    background: url(../images/left_corner.gif) no-repeat left top;
}
.round_box_top .right{
    display:block;
    width: 15px;
    height: 34px;
    background: url(../images/right_corner.gif) no-repeat left top;
}
.round_box_top .mid{
    float:left;
    height: 34px;
    background:url(../images/mid_corner.gif) repeat-x left top;
}

.round_box_bt{
    margin:0px;
    padding: 0px;
}
.round_box_bt .left{
    display:block;
    float:left;
    width: 15px;
    height: 15px;
    background: url(../images/bot_left_cor.gif) no-repeat left top;
}
.round_box_bt .right{
    display:block;
    float:left;
    width: 15px;
    height: 15px;
    background: url(../images/bot_right_cor.gif) no-repeat left top;
}
.round_box_bt .mid{
    height: 15px;
    float: left;
    background:url(../images/bot_mid_cor.gif) repeat-x;
}

.round_box_mid{
    clear: both;
    float:left;
    background:url(../images/bot_bg.gif) repeat-x center bottom;
    border-left: 1px solid #CFCFCF;
    border-right: 1px solid #CFCFCF;
}

.box_mid_width{
    width: 704px;
}

.box_mid_width_tb{
    width:674px;
}
.box_mid_width1{
    width: 702px;
    min-height: 540px;
    display: inline;
}
.box_mid_width2{
    width: 702px;
}

.red{
    color: #c73a3a;
}
.violte, .violet{
    color: #57318c;
}

.orange{
    color: #ffa72f;
}

#contactForm .input-box label {
    display: block;
    width: 80px;
    float: left;
}
#contactForm .input-box{
    padding-top:10px;
}

#contactForm input.input-text{
    width:250px;
}

.about-img{
    padding-top:10px;
    padding-right: 10px;
}

ul.right-link-list li{
    list-style: none;
    list-style-image: url(../images/icon.gif);
    margin:2px;
    margin-left: 10px;
}
ul.right-link-list li a {
    color: #000000;
    text-decoration: none;
}

.border-bottom{
    border-bottom: 1px solid #cfcfcf;
}

.content-main{
    padding: 15px;
}

.style1 {
    color: #0e2352;
    font-size: 14px;
    font-family: "Myriad Pro";
    font-weight: bold;
}
.style2 {
    font-size: 14px;
    font-family: "Myriad Pro";
    font-weight: bold;
    color: #57318c;
}
.style6 {
    font-size: 14px;
    font-family: "Myriad Pro";
    font-weight: bold;
    color: #c73a3a;
}
.style8 {
    font-size: 14px;
    font-family: "Myriad Pro";
    font-weight: bold;
    color: #faa633;
}

.style10 {color: #faa633}

.about-us-logo img{
    padding:5px;
    float:left;
}
.uni-referral-table{
    border:1px solid #DDDDDD;
}
.uni-referral-table td{
    padding:5px;
}

div#advice-required-entry-newsletter{display: none;}
div#advice-validate-email-newsletter{display: none !important;}
/**************************Get The Look Form***************************************/
#contactForm div.image-div{width: 470px; float: right; padding-top: 3px; display: inline;}
#contactForm div.get-image{width: 270px; float: right;}
#contactForm div.get-thumb-image{width: 320px; float: right;}
#contactForm div.get-image-title{float: left; width: 200px;}
#contactForm div.get-image-thumb{width: 250px; float: left;}
#contactForm input.image-title {width: 100px;}
#contactForm input.file-image {width: 220px;}
#contactForm label.label-image {width: 50px;}
#contactForm label.label-thumb-image {width: 100px;}

ul.video_ul_ad{padding: 9px;}
ul.video_ul_ad_left{padding: 2px; vertical-align: bottom;}
li.video_li_ad{border: 1px solid rgb(204, 204, 204); padding-top: 5px; padding-bottom: 2px; margin-top: 5px;}
/**********************************************************************/
div .base-mini-left .content-left, .base-mini-left ol {background:#F8F7F5 none repeat scroll 0 0;}
div .base-mini-left{background:#FFFFFF none repeat scroll 0 0; border:1px solid #C4C1BC; font-size:0.95em; line-height:1.3em; width: 235px; vertical-align: bottom;}
div .base-mini-left .head-left{background:#FFFFFF url(../images/base_mini_head_bg.gif) repeat-x scroll 0 0; border-bottom:1px solid #DDDDDD; margin:0 1px; padding:2px 8px;}
div .base-mini-left .head-left h4 {background-position:0 0; background-repeat:no-repeat; color:#E26703; min-height:16px; padding:1px 0 1px 2px; text-transform:none;}
div .base-mini-left .content-left {padding:5px 10px; min-height: 20px;}
div .title-box{border: 1px solid rgb(207, 207, 207); font-size: 11px; font-weight: bold; width: 99%; margin-top: 2px;}
.flash-footer{padding: 0 0 14px 0;}