/* 
Create on 15/01/2009 by Nishant

1. Standard Tags
2. Footer
3. Width
4. form
5. Backgrounds
6. general
7. Pseudo (a:link) Class
8. Padding and Margin
9. Text Style
10.testing classes
11.Price figure
*/


/* Standard Tags - e.g. body, table, td, input etc.*/
*{padding:0px; margin:0px; border:0px; font:11px "Trebuchet MS",Arial; color:#666; text-align:left;}
html{}
body{}
select{border:1px solid #999;}
table{border-collapse:collapse;}
td{vertical-align:top;}
input{ border:1px solid #999;} /* Updated on 21/01/09 */ 
b,strong{font-weight:bold;}


/* 2. Footer */
.footer{background:url(./images/grass.gif); background-repeat:repeat-x;}
.footer a{font-size:12px; font-weight:bold;}

/* 3. Width */
.width100pc{width:100%;}
.width90pc{width:90%;}
.width80pc{width:80%;}
.width70pc{width:70%;}
.width60pc{width:60%;}
.width50pc{width:50%;}
.width40pc{width:40%;}
.width30pc{width:30%;}
.width20pc{width:20%;}
.width10pc{width:10%;}

.width1005{width:1005px;}
.width976{width:976px;}
.width190{width:190px;}
.width16{width:16px;}
.width770{width:770px;}
.text_red{color:#dd4d47;}

/* 4. form */
.input_search{border:1px solid #999; width:150px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .input_search {margin-top: 9px;height:18px }
}


/* 5. Backgrounds */
.bg_header{background:url(./images/bg_header_general.gif); background-repeat:repeat-x;}
.bg_illustration{background-image:url(./images/bg_illustration.gif); background-repeat:no-repeat;}


/* 6. General */
.align_left{text-align:left;}
.aligncenter{text-align:center;}
.align_right{text-align:right !important;}

.floatl{float:left;}
.floatr{float:right;}

.margin_auto{margin:auto;}

.logo{padding:42px 0px 0px 11px;}
.home_logo{padding:28px 0px 0px 11px;}

.menu {padding-top:32px; margin-left:12px;}
*html .menu {padding-top:32px; margin-left:12px;}

.menu_home {padding-top:31px; margin-left:12px;}
*html .menu_home {padding-top:31px; margin-left:12px;}

.middle_area{width:976px; margin:6px auto auto;  min-height:300px; height:auto;}
*html .middle_area{height:332px;}
.video{ background:url(./images/bg_player.gif); background-repeat:no-repeat;}

.whypp{position:absolute;}

.search_cart{background:url(./images/bg_store_bar.gif); background-repeat:repeat-x;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .search_cart {background:url(./images/bg_store_bar.gif); background-repeat:repeat-x;margin-top:-11px}
}

.menupanel{border:10px solid #f0f0f0; background:#f8f8f8;}

ul.menu{list-style-type: none; padding:10px 0px 0px 0px; margin:0px;}
ul.menu li.heading,ul.menu li.heading a{color:#4b6db5; text-transform:uppercase; font-weight:bold;padding-left:5px; padding-bottom:5px;}
ul.menu li.sub_heading{background-image:url(./images/menu_stripe.gif); background-repeat:repeat-x; padding:3px 2px 3px 10px;}
ul.menu li.sub_heading a{background:url(./images/arrow_right.gif); background-repeat:no-repeat; background-position:0em 100%; padding-left:20px;height:15px}
ul.menu li.sub_heading_active{background-image:url(./images/menu_stripe.gif); background-repeat:repeat-x; padding:3px 2px 3px 10px;}
ul.menu li.sub_heading_active a{background:url(./images/arrow_right.gif); background-repeat:no-repeat; background-position:2px left; padding-left:20px; font-weight:bold;}
ul.menu li.sub_heading_line{background-image:url(./images/menu_stripe.gif); background-repeat:repeat-x;}

.detailpanel{}
.detailpanel h1{background:#efefef; text-transform:uppercase; padding:5px 10px; font-weight:bold; font-size:12px; color:#3da301;}

.price{color:#dc4f46; font-weight:bold;}

.listing{margin:auto; width:99%;}
.listing tr{margin-top:10px;}
.listing tr td{padding-top:10px; text-align:center; line-height:16px;}
.listing img.btn{margin:8px 0px;}

.photo{border:1px solid #CCC;}

.pagination{width:100%; border:1px solid #efefef;}
.pagination td{padding:8px;}
.pagination a{color:#dc4d47;}
.pagination .disable{color:#c7c7c7;}
.pagination .enable{color:#de4d48; font-weight:bold;}
.pagination .stripe{color:#c7c7c7;margin:0px 5px;}
.pagination .active{font-weight:bold;}


/* 7. Pseudo (a:link) Classes */
a{text-decoration:none;}
a:hover{text-decoration:underline;}

.footer a{color:#FFFFFF;}
.footer a:hover{color:#6FC;}

a.blue{color:#3366CC;}
a.blue:hover{color:#3399FF;}


/* 8. Padding and Margin */
.mrg40t{margin-top:40px;}
.mrg20t{margin-top:20px;}

.pdg25t40l{ padding-top:30px;padding-left:30px;}
.pdg25t10r40l{ padding-top:25px;padding-right:10px;padding-left:40px;}
.pdg25tblr{padding:25px;}
.pdg14t20b{margin:8px 0px 20px 0px;}


/* Text Style */
.txt_style1{ text-transform:uppercase; font-size:12px; font-weight:bold;}
.txt_style2{ font-size:12px; font-weight:bold;}
.txt_style2 a{ font-size:12px; font-weight:bold;}
.txt_style3 {font-size:12px; font-weight:bold;color:#006eb8}
.txt_style3 a{font-size:12px;color:#006eb8}
.txt_red {color:red;}

/* 9. Testing Classes*/
.border_green{border:1px solid #00CC00;}
.border_red{border:1px solid #FF0000;}
.border_grey{border:1px solid #cccccc;}


.bg_green{background:green;}
.bg_red{background:red;}

.zoom_block{width:165px; display:block; background:#d1d1d1; color:#686868; text-align:center; padding:5px;}
*html .zoom_block{margin-left:0px;}
.zoom_block{margin-left:0px;}
.zoom_block a{font-weight:bold;}


/* 11. Price figure*/
 .price_value{font-weight:bold;color:#DC4F46;font-size:11px}
 .description_value{padding-left:11px;padding-top:14px}
 *html .description_value{padding-left:11px;padding-top:14px}
 .colour_value{padding-left:10px}
 *html .colour_value{padding-left:0px}
 .add_cart{padding-left:10px}
 *html .add_cart{padding-left:0px}
 .options {background:#FFFDEA none repeat scroll 0 0;border:1px solid #FCEFA0;padding:5px;}
 
 
 .philosophy, .organics, .win_win, .be_i_am, .help, .partners, .links
{line-height:1.6; padding-right:270px; text-align:justify;background-repeat:no-repeat;background-position:right bottom; font-size:12px;}

 td.width_option{width:6px}
 * html td.width_option{width:4px}
.philosophy{background-image:url(images/bg_philosophy.gif); height:360px;}
.organics{background-image:url(images/bg_organicsx.gif); height:360px;}
.win_win{background-image:url(images/bg_win.gif); height:360px;}
.be_i_am{background-image:url(images/bg_be_i_am.jpg); height:420px;}
.help{background-image:url(images/bg_help.gif); height:360px;}
.partners{background-image:url(images/bg_partner.gif); height:360px;}
.links{background-image:url(images/bg_links.gif); height:360px;}
.title{padding:15px 0px;}

.headerError{color:red;font-weight:bold}

.border_grey_left{border-left:1px solid #ccc}
.border_grey_right{border-right:1px solid #ccc}
.border_grey_top{border-top:1px solid #ccc}
.border_grey_btm{border-bottom:1px solid #ccc}

.padding_product {padding-top: 2px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .padding_product {padding-top: 11px; }
}

.search_button {padding-top: 0px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .search_button {margin-top: 9px; }
}

.my_account {padding-top: 0px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .my_account {padding-top: 9px; }
}

.img_cart{padding-top:1px}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .img_cart {padding-top: 9px; }
}

.shop_cart{padding-top:0px}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .shop_cart {padding-top: 8px; }
}

.divider {padding-top: 0px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .divider {padding-top: 9px; }
}

.logoff {padding-top: 0px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .logoff {padding-top: 9px; }
}