﻿/*  

Theme Name:    Productz
Theme URI:     http://templatic.com/
Description:   Developed by Bhavesh Radadiya.
Version:       1.0.1
Author:        Templatic.com
Author URI:    http://templatic.com/

*/

/*             IMPORTANT NOTE!
               If you wish to make custom changes to your theme, DO NOT EDIT THIS FILE. Instead, use the custom.css template
               to define custom styles. This way, you will still be able to take advantage of future upgrades to the theme
               without worrying about overwriting your style changes.
*/

/*=== Setup ===*/

/* Import RESET styling for grid framework*/
@import url('library/css/reset.css');

/* Import GRID styling for grid framework*/
@import url('skins/1-default.css');



/*	--------------------------------------------------
Global Reset - Resets all browser defaults to 0
-------------------------------------------------- */
html, body { margin:0; padding:0; }
body { font:14px Arial, Helvetica, sans-serif;}
a { text-decoration:none; }
a:hover { text-decoration:none; }

.fix{ clear: both; height:1px; margin: -1px 0 0; overflow: hidden }
.fl{ float: left }
.fr{ float: right }
.ac{ text-align: center }
.ar{ text-align: right }

hr { margin-bottom:30px; margin-top:20px; clear:both;  }
.hr2 { margin:0px; padding:0; clear:both;  }

h1,h2,h3,h4,h5,h6 { font-family:Arial, Helvetica, sans-serif; font-weight:normal; }

.imgright { margin:0 0 15px 10px; float:right; border:1px solid #ccc; padding:2px; background:#fff;  }
#content .imgleft { margin:5px 18px 15px 0; float:left; border:1px solid #ccc; padding:2px;  background:#fff; }
#content #post .imgleft { margin:5px 18px 5px 0; float:left; border:1px solid #ccc; padding:2px;  background:#fff; }

/* headings ---------------------- */

h1.head { margin:0 0 10px 0; padding:0; display:block; font-size:35px; font-weight:bold; }

/* Wordpress default image  css class format ----------*/
.alignleft { float:left;  padding:4px; margin:7px 25px 18px 0; text-align:center;  }
.alignright { float:right; padding:4px;  margin:24px 0 0px 12px; text-align:center; }
.aligncenter { text-align:center; padding:5px; margin:10px 0; background:#fff; border:2px solid  #eee; }

.alignleft { border:1px solid #a9a9a9; background:#fff;  }
.alignright { border:1px solid #a9a9a9; background:#fff;  }

.wp-caption .alignleft { margin:0 15px 10px 15px;  padding:0;    }
.wp-caption p { margin:0; padding:3px 5px; font:bold 12px Arial, Helvetica, sans-serif;  }
.wp-caption .alignright { float:right; margin:0 0 10px 15px; padding:0;    }
.wp-caption { width:auto !important; }


/* Structure ---------------------- */
#header { clear:both; min-height:100px; margin-bottom:0px; }
#header_in { width:960px; margin:0 auto; padding:10px 0 10px 0; margin-bottom:10px; min-height:160px; }
#nav { width:600px; float:right;  }
.header_inner { min-height:214px !important; border-bottom:none !important; }
.header_inner #header_in  {border-bottom:none !important;  }

#wrapper { width:960px; margin:0 auto 20px auto; clear:both; height:100%; overfloow:hidden;  }
.spacer_none { padding-top:0 !important; }
#content { width: 630px; float:left; }

#sidebar { width:260px; float:right;  }
.sidebar_bottom { padding-left:25px; height:100%; overflow:hidden;   }


#bottom { clear:both;   }
#bottom_in { width:960px; margin:0 auto; padding:15px 0 10px 0; clear:both; height:100%; overflow:hidden; }

#footer { width:960px; margin:0 auto; padding:10px 0 0px 0; clear:both; height:100%; overflow:hidden;  }

/*inner page --------- */

#inner_banner { width:960px; margin:0 auto 0px auto; position:relative;  }
.content_in  { float:right !important; width:670px !important;  padding-bottom:30px; }

#sidebar_in { width:245px; float:left; margin-bottom:30px; }
.sidebar_in_bottom { min-height:400px; overflow:hidden; padding-top:0px;  }



/* header ---------------------- */
.logo { width:290px; float:left; margin-top:0px; }

#header .blog-title a{ font:40px Arial, Helvetica, sans-serif; padding:0; margin:0; text-transform:uppercase; text-decoration:none; }
#header .blog-title a:hover{ text-decoration:none;}
#header p.blog-description{  font-size:12px; margin:0; padding:0; text-transform: uppercase; }

#header h1 { width:960px; margin:0 auto 10px auto; padding:0; font:bold 30px Arial, Helvetica, sans-serif; text-align:center; }
#header h2 { width:625px; margin:15px auto 10px auto; padding:0; font:bold 24px Arial, Helvetica, sans-serif; text-align:right; }

.header_right { float:right; width:625px; position:relative; z-index:99; }


/* inner_banner  ---------------------- */
#inner_banner .product { width:485px; float:left; text-align:right;  }
.product_right { float:right !important;  }
#inner_banner .product_details { width:400px; float:right; position:relative; padding-bottom:55px; }
.product_detail_right { float:left !important;  }
#inner_banner .product embed, #inner_banner .product object {  width:477px !important; }


#header #inner_banner .product_details h1 { width:auto; font:bold 35px Arial, Helvetica, sans-serif; text-align:left;   }
#header #inner_banner .product_details h2 { width:auto; font:bold 18px Arial, Helvetica, sans-serif; text-align:left; }
#header #inner_banner .product_details p { width:auto; font: 15px Arial, Helvetica, sans-serif; text-align:left; line-height:20px; }
#header #inner_banner .product_details p.price  { margin:18px 0 10px 0; padding:0; color:#fff; font-size:18px; text-shadow:none;   }


.button_bar { position:absolute; bottom:-15px; left:562px;   }
.button_bar_right { position:absolute; bottom:-15px; left:0px !important;   }

.action_button { float:left;  height:45px; margin-right:10px; }
#header .action_button a { display:block; padding:12px 25px; font:bold 16px Arial, Helvetica, sans-serif; }
.button_bar span { display:block; float:left; padding:12px 10px 0 0; font-size:14px; font-weight:bold; }
.button_bar a.sample_link { margin:12px 0 0 0; display:block; float:left; text-decoration:underline; font-size:14px; font-weight:bold; }



/* index - services ------------------ */
#services_section { height:100%; overflow:hidden; padding-bottom:15px; margin-bottom:35px;  }

.services { width:270px; padding-bottom:55px;  }
.services  img { float:left; padding-top:4px;  }  
.services h3 { margin:0 0 8px 0; padding:0; font:18px Arial, Helvetica, sans-serif; }
.services p { margin:0 0 8px 0; float:right; width:200px; padding:0; font:14px Arial, Helvetica, sans-serif; line-height:18px;  }
.services p a { text-decoration:underline; }
.s_spacer { padding-left:65px; }
.services a {font-weight:bold;}

/* index - featured products --------------- */
.featured_products { margin-bottom:50px; clear:both;  }
.featured_products_bottom { height:100%; overflow:hidden; }
.featured_products h3 { margin-bottom:15px; padding:12px 0 12px 15px; font:18px Arial, Helvetica, sans-serif; font-weight:bold;   }


#wrapper .fslider_spacer { margin:30px 0 15px 0 !important; }


/* index - content --------------- */

.latest_news { float:left; width:270px; margin-bottom:20px;  }

.video_screencast { width:300px;  float:right; padding-left:25px; padding-bottom:30px;   }
.video_screencast img { margin-bottom:10px; }


#index_sidebar { float:left; width:330px; padding-right:30px; min-height:360px; }
#content .latest_news h3, #sidebar .latest_news h3 { margin:0 0 10px 0; padding:0 0 0 22px; font:18px Arial, Helvetica, sans-serif; }
#content .video_screencast h3 { margin:0 0 10px 0; padding:0 0 0 22px; font:18px Arial, Helvetica, sans-serif; }

#content .newslist, #sidebar .newslist { margin:0; padding:0;  }
#content .newslist li, #sidebar .newslist li { margin:0 0 10px 0; padding:0 0 10px 0; list-style:none; }
#content .newslist li span, #sidebar .newslist li span { float:left; display:block; width:30px; padding-top:5px; line-height:20px; text-align:center; font:bold 11px Arial, Helvetica, sans-serif;  }
#content .newslist li span small, #sidebar .newslist li span small { margin-top:2px; display:block; font:10px Arial, Helvetica, sans-serif; padding:2px; padding-bottom:0; text-transform:uppercase; text-align:center;  }

#content .newslist li a { float:right; width:220px; font:14px Arial, Helvetica, sans-serif;   }
#sidebar .newslist li a { float:left; width:190px; padding-left:10px; font:14px Arial, Helvetica, sans-serif; }

#content p.more_news, #sidebar p.more_news { margin:0 0 0 20px; padding:0 8px 0 20px; float:left; font:bold 13px Arial, Helvetica, sans-serif; text-align:left; clear:both; }
#content p.more_news a, #sidebar p.more_news a { text-decoration:underline; }
#sidebar p.more_news  { margin-left:143px; } 
#content p.more_news  { margin-left:168px; }


#content .video_postlist ul { margin:0; padding:0;  }
#content .video_postlist li { margin:0 0 10px 0; padding:3px 0 0 20px; list-style:none; font:14px Arial, Helvetica, sans-serif; }
#content .video_postlist li.main_post { padding-left:0; background:none; }
#content .video_postlist li.main_post span {  background:url(images/i_bullet.png) no-repeat left 3px; padding-left:20px; float:left;}

.twitter { border:1px solid #e5e3e3; background:#fff; padding:10px; clear:both; height:100%; overflow:hidden; position:relative;  }
#content #twitter h3 { margin:0; display:block; float:left; text-indent:-9009px; margin-right:13px;  }
#content #twitter h3 a { display:block; width:109px; height:66px; }

#content #twitter_update_list { margin:0; padding:0; float:right; width:475px;  }
#content  #twitter_update_list li { background:none; margin:0px; padding:10px 0 10px 0;  }


#content .twitter p.twit_link { margin:0; padding:0; font-size:11px; text-align:right; position:absolute; left:142px; bottom:5px;  }
#content .twitter p.twit_link a { text-decoration:underline; }



/*#breadcrumb section  =================================== */
.breadcrumb {font-size:11px; padding:5px 0 30px 0; clear:both; } 
.breadcrumb { font-weight:normal; }
.breadcrumb a { font-weight:normal; text-decoration:none; padding:0 3px 0 0; margin:0; text-align:left; text-decoration:none; }
.breadcrumb strong { padding:0 0 0 5px; margin:0; font-weight:normal; font-size:11px; text-align:left; }
.breadcrumb a:hover { text-decoration:none; }

#content a.more { font-size:12px; } 

/* content innner ---------------------------- */
#content .features { margin-top:20px; }
#content .features li { margin-bottom:20px; padding:0; list-style:none; height:100%; overflow:hidden; background:none; }
#content .features li h3 { margin-top:3px; font-size:22px;  }
#content .features li p { font-size:14px;   }
#content .features li img { float:left; padding:5px; margin-right:25px; margin-bottom:25px; background:no-repeat;   }

#content .features li br { display:none; }

#sidebar_in .sub_nav { margin:0 0 30px 0; padding:0; }
#sidebar_in .sub_nav li { margin:0; padding:0 0 0 0; font:bold 14px Arial, Helvetica, sans-serif;  }
#sidebar_in .sub_nav li a { display:block; padding:14px 0 14px 15px; width:205px; }
#sidebar_in .sub_nav li.current_page_item a { display:block; padding:11px 24px 12px 15px; width:229px; }
img.page_icon, img.category_icon {
margin-bottom:0.25em;
padding:0 10px 0 0;
text-decoration:none;
vertical-align:middle;
}
client.css (line 1)
img.page_icon, img.category_icon {
background:none no-repeat scroll 0 0 transparent;
}
#sidebar_in h3 { margin:0 0 8px 0; padding:0; font-size:18px; }
#sidebar_in .about { width:200px; margin-bottom:20px; }

#sidebar .subscribe { margin-bottom:20px; padding:12px; }
#sidebar .subscribe p { margin:0; font-size:12px;  }
.subscribe form { margin:0; padding:5px 0 11px 0; position:relative; }
.subscribe .textfield { padding:5px; width:160px; height:16px; }
.subscribe .bsubscribe { width:29px; height:28px; position:absolute; right:10px; top:5px;}


/* content ---------------------------- */
.content_spacer { padding:15px 0; }
p { padding:0px 0 10px 0; line-height:20px; margin:0 }
#content p { font-size:14px; }

#content ul { list-style:none;  margin:0 0 34px 0; padding:0; }
#content li { margin:0 0 8px 0; padding:3px 0 3px 20px; line-height:20px; font-size:14px; }
#content ol { margin:0 0 0 18px; padding:0 0 10px 5px; list-style-type:decimal;  line-height:18px; }
#content ol li ol { margin:8px 0 5px 18px; padding:0; }
#content ol li { margin:0 0 5px 0; padding:0; }


#content .gallerylist { margin:30px 0 0 -25px; padding:0; list-style:none;  min-height:280px;  }
#content .gallerylist li { margin:0 0 25px 25px; padding:0; float:left; list-style:none; height:200px; width:185px;  }

* html #content .gallerylist { height:500px;   }
* html #content .gallerylist li { margin:0 0 15px 18px; }

#content .gallerylist li img { padding:2px;   }
#content .gallerylist li p { font-size:14px; font-weight:bold;  line-height:normal; }
#content .gallerylist li .date { font-size:11px; margin-top:3px; float:left; font-weight:normal; }
#content .img { padding:2px; margin-bottom:10px; }


#content .productlist { margin:30px 0 0 -60px; padding:0; list-style:none;  min-height:280px;  }
#content .productlist li { margin:0 0 30px 60px; padding:0; float:left; list-style:none; height:200px; width:165px; background:none; }

* html #content .productlist { height:500px;   }
* html #content .productlist li { margin:0 0 15px 18px; }

#content .productlist li img { padding:2px;   }
#content .productlist li p { font-size:14px; font-weight:bold;  line-height:normal; text-align:center; }
#content .productlist li .date { font-size:11px; margin-top:3px; float:left; font-weight:normal; }
#content .img { padding:2px; margin-bottom:10px; }


#content h3 { margin:30px 0 10px 0; padding:0; font-size:22px; }
.content_in h2 { margin-top:20px; margin-bottom:10px;  border-bottom:1px dotted #ccc; }

.center_img { text-align:center; margin:20px 0; }


.featured_work { margin-bottom:20px; }
.featured_work img { margin-bottom:10px; float:left; margin:0 25px 10px 0; }

#content .featured_work a.more_link { font-size:12px; font-weight:bold; text-decoration:underline;  }


/* contact us -------*/
#content .form_row { height:100%; overflow:hidden; margin-bottom:24px;  } 
#content .form_row label { display:block; padding:4px 0; margin-right:10px; }
#content .form_row .textfield { font:14px Arial, Helvetica, sans-serif; width:350px; padding:6px; } 
#content .form_row .textarea { font:14px Arial, Helvetica, sans-serif; width:550px; padding:6px; } 
#content .error, .message_error2 { display:block; clear:both; padding-top:4px; color:#900 !important; font-size:11px;  }

#contact_frm {  width:100%;  }
#contact_frm .b_submit  { font:14px Arial, Helvetica, sans-serif; padding:6px 24px; cursor:pointer; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:2px 2px 2px #DDD; -khtml-box-shadow:2px 2px 2px #DDD; -webkit-box-shadow:2px 2px 2px #DDD; }
#content p.success_msg { padding:5px; margin-top:20px; margin-bottom:20px; text-align:center; }


/*---------TOP NAVIGATION for PAGES---------  */
.page_nav { float:right; height:27px; margin:20px -30px 0 0; text-align:left; padding:0;  }
.page_nav li { list-style:none; margin:3px 30px 0 0; padding:0; float:left; }
.page_nav li  a { list-style:none; font-size:12px; font-weight:bold; padding:6px 0;  }
.page_nav li  a:hover { text-decoration:none; }

.main_navi { float:right; width:600px; margin-top:15px; }

/* post  ---------------------------- */
blockquote { clear:both; height:100%; margin:10px 0 0px 5px; overflow:hidden; padding:0 0 5px 55px; }
#content blockquote p { font: 18px Arial, Helvetica, sans-serif; margin:0 0 5px 0; padding:0; line-height:23px; }
blockquote cite { font-size:12px; font-weight:bold; float:right; line-height:18px; text-align:right; display:block;   }
#content p cite { float:right; padding-bottom:10px; }


.flickr h3 span{ font-weight:normal;}
.flickr h3{ margin-bottom:20px }
.flickr ul{ margin:12px 0 0; padding:0 }
.flickr_badge_image{ float:left; list-style:none; margin:0 10px 10px 0 }
.flickr img{ padding:2px; width:68px; height:68px;   }

#calendar_wrap{ padding:0; font-size:13px }
#wp-calendar { width:100%; }
#wp-calendar  caption { font-weight:bold; font-size:15px; text-transform:uppercase; }
#calendar_wrap caption{ padding:10px 0 }

h1 {	font-size: 32px }
h2 {	font-size: 28px }
h3 {	font-size: 21px }
h4 {	font-size: 19px }
h5 {	font-size: 17px }
h6 {	font-size: 15px }

#content .posts h3 {	font-size: 21px; margin-top:20px; }

#content h4.cate_title { font-size:26px; margin-bottom:15px; clear:both; }
dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset { padding:10px 0 5px 0; margin:0 }
p { padding:0px 0 10px 0; margin:0; line-height:22px; margin:0;  }
p em { line-height:20px; } 

code { line-height:18px; }

#content .bnone { background:none !important; }
#content .posts { padding-bottom:5px; margin-bottom:30px; }
#content .post_top { margin:0 0 10px 0; }
#content p.post_top a { text-decoration:none; }
#content p.post_top a:hover { text-decoration:none; }
.more { font-size:12px; font-weight:bold; }

#content .post_top h2 { margin:0; padding:0; font-size:22px;  line-height:normal;  }


.commentcount { margin-left:0px; padding-left:18px;  }

#content .headline {   padding-left:25px; }
#content .headline h3 { margin:0; border:none; float:left; font-size:16px; font-weight:bold;   }
#content .headline h3 a { padding:12px 0 8px 0;  width:430px; display:block;}

#content h3.head { margin:0 0 30px 0; }

#content .headline .commentcount {  float:right; margin-right:-8px; margin-top:12px; width:90px; text-align:left;  }
#content p.postmetadata { margin:0 0 0px 0;  font-size:11px;  }
#content .post_top p.postmetadata { margin:0; padding:4px 0 0 0; font:11px Arial, Helvetica, sans-serif; text-transform: uppercase; }

#content .services { margin-bottom:20px; padding-bottom:20px; border-bottom:1px dotted #c1beb1; }
#content .services h3 { margin:0 0 8px 0; padding:0; }
#content .services br { display:none; }

#content .posts h2.title { margin:0; padding:0; font-size:26px; font-weight:bold; }
#content .posts h2.title a { text-decoration:none; }
#content .posts h2.title a:hover { text-decoration:none; }

#content p.post_bottom { margin:10px 0 0 0; padding:0 0 0 18px; font-size:12px; clear:both; }
#content p.post_bottom a { text-decoration:none;  }
#content p.post_bottom a:hover { text-decoration:none;  }

.google_map { margin-bottom:20px; border:2px solid #9b978a; }

/* Post Pagination */
.pagination { clear:both; text-align:center; margin:0; padding:20px 0 20px 0; height:100%; overflow:hidden; }
.pagination .on { padding:5px 12px; margin-right:3px;   }
.pagination a { padding:5px 12px; margin-right:3px; }



/*#sidebar ----------------------- */
#sidebar h3 { margin:0 0 8px 0; padding:0; font:18px Arial, Helvetica, sans-serif;  }
#sidebar p { margin:0; padding:0 0 5px 0; font:14px Arial, Helvetica, sans-serif; line-height:18px; }

.testimonials { padding-bottom:25px; margin-bottom:25px; }

#sidebar .latest_news { padding-bottom:20px; margin-bottom:20px; }

#sidebar .testimonials h3 { margin:0; padding:0 0 0 22px; clear:both; }
#sidebar .testimonials blockquote { padding:0; background:none;  }
#sidebar .testimonials blockquote p { font:18px Arial, Helvetica, sans-serif; } 
#sidebar .testimonials blockquote p span { width:26px; height:18px; float:left; display:block; margin:0 5px 0 0; }
#sidebar .testimonials blockquote cite { float:left; padding:10px 0; font:normal 14px Arial, Helvetica, sans-serif; }

#sidebar .testimonials p.more { text-align:right; font:12px Arial, Helvetica, sans-serif;  }
#sidebar .widget { margin:0 0 25px 0; }

#sidebar .support { margin-bottom:25px; }

#sidebar .affilates h3 { margin:0 0 5px 0; padding:0 0 0 22px;  }
#sidebar ul { list-style:none; margin:0 0 20px 0; padding:0;  }
#sidebar li { margin:0 0 3px 0; padding:0 0 10px 20px;  font-size:14px; }
#sidebar li a { text-decoration:none; }
#sidebar li a:hover { text-decoration:none; }

#sidebar_in li { margin:0 0 3px 0; padding:0 0 10px 20px;  font-size:14px; }        
#sidebar_in li a { text-decoration:none; }
#sidebar_in li a:hover { text-decoration:none; }
#sidebar_in { background: url(6-black/i_bullet.png) no-repeat left 1px;}


/* widget search box */
#searchform { padding:5px;  }
#searchform input { padding:5px 4px; width:148px; font:12px Arial, Helvetica, sans-serif;  }
#searchform #searchsubmit { font:bold 12px Arial, Helvetica, sans-serif !important; font-weight:bold; cursor:pointer; width:60px;  }
.screen-reader-text { display:none; }

  
/*---------ARCHIVE PAGE --------- */
.arclist ul{ padding:0; margin:0 }
.arclist ul li{ color:silver; font-size:14px; padding:5px 0; margin:0; }
.arclist ul li ul{ border-bottom:0; padding:0 0 0 5px }
.arclist ul li ul li{ border-bottom:0; padding:10px 0 0 5px }
.arclist .archives-time{ float: left; font-size:12px;	text-transform: uppercase; width:90px; margin:0 15px 0 0 }
.arclist ul li a:hover { text-decoration:underline; }

/*---------COMMENTS --------- */
#comments h3{ font-size:18px; padding:40px 0 5px 0; margin:0 0 20px 0; }
#comments .commentlist { padding:0; margin:0 }

#comments .commentlist li p { margin:0; padding:0; }
#comments .commentlist li { clear:both; border-bottom:1px dotted #9b978a; height:100%; overflow:hidden;  }
  
#comments .commentlist ul.children li { border-top:1px dotted #9b978a; border-bottom:none;  }

#comments ol{padding:20px 0;}
#content #comments .comment { margin: 10px 0 8px 0; padding:20px 0 10px 0; width: 100%; background:none; list-style:none }
#comments .comment a{ text-decoration:none; padding:1px 0 }
#content #comments  p.authorcomment { margin:3px 0 0 0; padding:0; line-height:10px;  font:12px Arial, Helvetica, sans-serif; }
#comments  p.authorcomment a { text-decoration:none; }
#comments  p.authorcomment a:hover { text-decoration:none; }
#comments  p.authorcomment span { font-size:11px; }


#comments .comment .meta-left { width: 90px; float:left;}
#comments .comment .meta-left p{ padding:0; margin:0 }
#comments .comment .meta-left .meta-wrap {width: 90px; overflow: hidden; padding-right: 7px; min-height:70px; }
#comments .comment small {font-size: 11px }
* html #comments .comment .text-right { height:70px }
#comments .comment .text-right { min-height:70px; margin:0; margin-left:100px; float:none }
#comments .comment .text-right p { line-height: 18px; padding: 0 0 8px 13px; font-size:14px; }
#comments ul.children { margin:10px 0 0 20px; padding:0 }
p.commpadd{ padding:0; margin:0 0 10px 0 }
span.comm-reply{ float:right; padding:5px 0 20px 0; font-size:11px; }
span.comm-reply a:hover{ font-size:11px; text-decoration:none; }
.cancel-comment-reply{ padding:0 0 10px 0 }
#respond { padding:10px 0 0 0; margin:0 }
#respond textarea, .commpadd input{ font:13px Arial, Helvetica, sans-serif;   }
#respond textarea { margin:0; padding:5px; width:500px; }
p.commpadd input{ line-height:25px; height:25px; padding:5px 0 0 5px; width:300px }
p.commpadd label{ padding:0 0 0 5px; float:left; display:block; width:100px; }
input#submit{ font:bold 12px Arial, Helvetica, sans-serif; text-align:center; padding:7px 14px;  margin:0 0 0 105px; cursor:pointer; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:2px 2px 2px #DDD; -khtml-box-shadow:2px 2px 2px #DDD; -webkit-box-shadow:2px 2px 2px #DDD; }
* html #commentform label { margin:-8px 0 0 0; 	position:relative; top:-8px; }
*+html #commentform label { margin:-8px 0 0 0; 	position:relative; top:-8px; }

.avatar {}

/* bottom ---------------------------- */
#bottom h3 { margin:0 0 10px 0; padding:0;  font:bold 14px Arial, Helvetica, sans-serif; } 
#bottom p { margin:0 0 10px 0; padding:0;  font:14px Arial, Helvetica, sans-serif; line-height:20px;  }
#bottom p a { text-decoration:underline; }

#bottom li { margin:0 0 8px 0; padding:0 0 3px 15px; font:13px Arial, Helvetica, sans-serif; }

.first_col { width:270px; float:left; margin-bottom:20px; } 
.second_col { width:230px; float:left; padding-left:55px; }
.third_col { width:150px; float:left; padding-left:50px; }
.last_col { width:155px; float:right; padding-right:10px; }

#bottom .about h3, #bottom .support h3, #bottom .third_col h3, #bottom .connect h3 { padding-left:22px; }

#bottom .connect ul { margin:0; padding:10px 0 0 0 ; }
#bottom .connect li { margin:0 11px 5px 0 ; padding:0; float:left; background:none;  }


/* footer ---------------------------- */
#footer .copyright , #footer .copyright  a {text-decoration:none; }
#footer .copyright { padding:5px 8px 0 0; float:left; }

#footer p { font-size:12px; padding-top:5px; }
#footer p.fr { padding-top:0; }
#footer p span.templatic {  width:80px; display:block; overflow:hidden;  float:left;    color:#fff;  background:url(images/templatic.png) no-repeat 0;   }
#footer p span.templatic a {  text-indent:-9009px; padding-left:120px; height:30px; display:block; }

/* featured product slider ---------------------- */


.anythingSlider  { width: 915px;   height: 140px;  position: relative; margin: 0 auto;  }
.anythingSlider .wrapper   { width: 870px;   height: 140px;   margin:0; position: absolute; top: 0; left: 18px; }
.anythingSlider .wrapper ul  { width:9999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; padding:0; }
.anythingSlider ul li  { margin:0; padding:0; float:left; display:block; width:900px; height:110px; text-align:center; font:12px Arial, Helvetica, sans-serif;  }
.anythingSlider .arrow  { display:block;  }

.anythingSlider ul li a { margin:0; padding:0 0px 10px 0px; float:left; display:block; width:110px; height:110px;  text-align:center; font:14px Arial, Helvetica, sans-serif; font-weight: bold;}
.anythingSlider ul li img { margin-top:12px; margin-bottom:10px;  }

#thumbNav   { position: relative; top:-40px; right:55px; float:right; text-align: left; z-index:9999; text-align:right; }

#thumbNav a  { color: black; float:left; font: 11px Arial, Helvetica, sans-serif; display:block; padding:0; width:8px; height:8px; margin: 0 5px 0 0; text-align: center; 
text-indent:-9009px; }
#start-stop   { display:none; }

.forward { width:43px; height:21px; display:block; text-indent:-9009px; position:absolute; top:-48px; right:-25px; cursor:pointer; }
.back { width:43px; height:21px; display:block; text-indent:-9009px; top:-48px; right:15px; position:absolute; cursor:pointer; }


/* clearfix ----- */
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0 }
.clearfix:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }
.clearfix { display:inline-block }
* html .clearfix { height:1% }
.clearfix { display:block; }
.categories {
	vertical-align: middle;
}
.tablo {
	border: 1px;
	font-size: 12px;
	width: 100%;
}
.tablo td {
	border: 1px solid black;
	padding: 5px;
}
.red
{color: #FF0000;}
.red a
{
color: #FF0000;}
.itemNameTD {vertical-align: top;}
.btn_addcart {vertical-align: middle;}
.cartTable {width:100%}

#inner_banner .product img {
width: 40px;
}
