.foo{}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
SEARCH PAGE
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.searchPanel{margin-bottom:15px; padding:0px}
.searchPanel .title{padding:10px 10px 5px 0px; font-weight:bold; text-transform:uppercase; clear:both}
.searchPanel .searchInput{border:1px solid #d7d7d7; padding:10px}
.searchPanel .searchResults{padding-top:10px}
.searchPanel .searchResults .result{font-weight:bold; color:#555}
.searchResults .ProductList1{width:600px; margin:0 auto 0 auto}
.searchResults .ProductList1 .ItemBox{text-align:left; clear:both; position:relative; margin-bottom:10px}
.searchResults .ProductList1 .ProductItem{width:600px; height:177px; background:url('images/pb_s_bg.gif') no-repeat 0 100%}
.searchResults .ProductList1 .ProductItem .title{font-weight:bold; background:url('images/deal_box_hl.gif') no-repeat 0 0; margin:0; padding:0 0 0 10px}
.searchResults .ProductList1 .ProductItem .title a{background:url('images/deal_box_hr.gif') no-repeat 100% 0; display:block; height:2em; line-height:1.3em; overflow:hidden hidden; padding:4px 10px 8px 0px}
.searchResults .ProductList1 .ProductItem .picture{float:left; margin:10px 0 10px 10px}
.searchResults .ProductList1 .ProductItem .description{padding:0px 0 0 10px; margin:10px 150px 0px 140px; text-align:left; border-left:solid 1px #e3e3e3; color:#555}
.searchResults .ProductList1 .ProductItem .prices-wrapper{float:right; text-align:right; position:absolute; bottom:20px; right:5px}
.searchResults .ProductList1 .ProductItem .prices{font-size:11px}
.searchResults .ProductList1 .ProductItem .prices .productPrice{color:green}
.searchResults .ProductList1 .ProductItem .prices .oldproductPrice{color:Red; text-decoration:line-through}
.searchResults .ProductList1 .ProductItem .buttons{padding-top:20px}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
CONTACT US FORM
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.contactform{background-image:url(images/bg_areas_top.jpg); background-position:top; background-repeat:no-repeat; padding:15px 10px 10px 40px;}
.contactform-bottom{background-image:url(images/bg_areas_bottom.jpg); background-position:bottom; background-repeat:no-repeat; padding:15px 10px 10px 40px; height:30px;}
.contactform .button{text-align:right}
.contactform .sendEmail{}
.contactform .contactform{}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
ABOUT US FORM
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.aboutform{background-image:url(images/bg_areas_top.jpg); background-position:top; background-repeat:no-repeat; padding:15px 10px 10px 40px;}
.aboutform-bottom{background-image:url(images/bg_areas_bottom.jpg); background-position:bottom; background-repeat:no-repeat; padding:15px 10px 10px 40px; height:30px;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
BREADCRUMB
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.breadcrumb{float:left; padding:0px; margin:10px 0px 0px 0px; font-weight:normal; text-transform:lowercase; font-size:1.1em; color:#f4b51d; }
.breadcrumb a{text-decoration:none; color:#f4b51d; font-weight:normal;}
.breadcrumb a:hover{text-decoration:none; color:#f93}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
PROJECTS ROTATOR
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.projectlist{margin-bottom:15px; padding-bottom:5px; padding-left:0}
.projectlist .title{padding:10px 10px 1px 0px; margin:0 5px 10px 5px; font-weight:bold; text-transform:uppercase; clear:both; font-size:1.1em; color:#3a3a3a; border-bottom:solid 1px #999}
.projectlist .projectitems{margin:0px 5px 0 5px; padding:0px 0 0 0}
.projectlist .projectitems .item{border-bottom:dashed 1px #9a9a9a; margin-bottom:10px; padding-bottom:10px}
.projectlist .projectitems .projectDate{color:#9a9a9a; font-style:italic}
.projectlist .projectitems a.projectTitle{color:#444; text-decoration:none; font-size:1.2em}
.projectlist .projectitems a.projectTitle:hover{text-decoration:underline}
.projectlist .projectitems .projectDetails{margin-top:10px; margin-bottom:10px}
.projectlist .projectitems .projectReadMore{font-weight:bold; text-decoration:none; color:#f93; background-color:inherit}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
NEWS LIST
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.newslist{margin-bottom:15px; padding-bottom:5px; padding-left:0}
.newslist .title{padding:10px 0px 1px 0px; margin:0 5px 10px 5px; font-weight:bold; text-transform:uppercase; clear:both; font-size:1.1em; color:#3a3a3a; border-bottom:solid 1px #999}
.newslist .newsitems{margin:0px 5px 0 5px; padding:0px 0 0 0}
.newslist .newsitems .item{border-bottom:dashed 1px #9a9a9a; margin-bottom:10px; padding-bottom:10px}
.newslist .newsitems .newsDate{color:#9a9a9a; font-style:italic}
.newslist .newsitems a.newsTitle{color:#444; text-decoration:none; font-size:1.2em}
.newslist .newsitems a.newsTitle:hover{text-decoration:underline}
.newslist .newsitems .newsDetails{margin-top:10px; margin-bottom:10px}
.newslist .newsitems .newsReadMore{font-weight:bold; text-decoration:none; color:#f93; background-color:inherit}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
NEWS DETAILS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.newsitem{background-image:url(images/bg_areas_top.jpg); background-position:top; background-repeat:no-repeat; padding:15px 10px 10px 40px;}
.newsitem-bottom{background-image:url(images/bg_areas_bottom.jpg); background-position:bottom; background-repeat:no-repeat; padding:15px 10px 10px 40px; height:30px;}
.newsitem .title{padding:10px 10px 10px 0px; font-weight:bold; text-transform:uppercase; font-size:1.1em; color:#3a3a3a}
.newsitem .newsDate{color:#9a9a9a; font-style:italic}
.newsitem .newsbody{margin:0px 0 0 0; padding:0px 20px 0 0}
.newsComments{margin-bottom:15px; padding-bottom:5px; padding-left:0}
.newsComments .title{padding:10px 10px 10px 0px; font-weight:bold; text-transform:uppercase; font-size:1.1em; color:#f93}
.newsComments .newComment{margin:0px 0 0 0; padding:0px 0 0 0}
.newsComments .newComment td.leaveTitle{padding:0px 10px 10px 0px; font-weight:bold; font-size:1.1em; color:#3a3a3a}
.newsComments .newComment td.button{text-align:right}
.newsComments .commentList{border-top:solid 0px #6a6a6a; margin-top:10px; background:url('images/cart-footer-bg.gif') repeat-x bottom; width:600px;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
NEWS COMMENTS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.newscomment{border-bottom:solid 1px #E3E3E3; width:600px; }
.newscomment .commentinfo{width:170px; float:left; padding:5px; height:100%; border-right:solid 1px #F3F3F3}
.newscomment .commentinfo .userinfo{padding-top:5px}
.newscomment .commentinfo .userinfo a.username{font-weight:bold; margin-bottom:5px}
.newscomment .commentinfo .userinfo span.username{font-weight:bold; margin-bottom:5px}
.newscomment .commentinfo .userinfo .avatar{margin:5px 0 5px 0}
.newscomment .commentinfo .userinfo .avatar .avatarImg{border:solid 2px rgb(206,219,225) !important}
.newscomment .commentinfo .userinfo .userstats{font-size:0.9em; text-align:left; font-weight:bold; color:#555}
.newscomment .commentinfo .userinfo .userstats .statvalue{font-weight:normal}
.newscomment .commentcontent{margin-left:180px; border-left:solid 1px #F3F3F3}
.newscomment .commentcontent .commenttime{font-weight:bold; line-height:20px; padding:3px; background:#fab16d}
.newscomment .commentcontent .commenttime .statvalue{font-weight:normal}
.newscomment .commentcontent .commenttitle{padding:3px; font-weight:bold}
.newscomment .commentcontent .commentbody{padding:3px; width:600px;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
BLOG LIST
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.blog{margin-bottom:15px; padding-bottom:5px; padding-left:0;}
.blog .title{padding:10px 0px 1px 0px; margin:0 5px 10px 5px; font-weight:bold; text-transform:uppercase; clear:both; font-size:1.1em; color:#fff; border-bottom:solid 2px #f4b51d}

.blogposts .post .blogDate{color:#9a9a9a; font-style:italic}
.blogposts .post a.blogTitle{color:#f93; text-decoration:none; font-size:1.2em; font-weight:bold;}
.blogposts .post a.blogTitle:Hover{text-decoration:underline}

.blog .blogposts{margin:0px 5px 0 5px; padding:0px 0px 0 20px; }
.blog .blogposts .post{padding:20px 20px 20px 20px; background-image:url(images/bg_areas_top.jpg); background-position:top; background-repeat:no-repeat;} 
.blog .blogposts .postbottom{margin-bottom:10px; background-image:url(images/bg_areas_bottom.jpg); background-position:bottom; background-repeat:no-repeat; height:20px;} 
.blog .blogposts .blogBody{margin-top:10px; margin-bottom:10px; }
.blog .blogposts .blogDetails{font-weight:bold; text-decoration:none; color:#f93; background-color:inherit; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
BLOG DETAILS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.blogpost{padding:50px 20px 20px 50px; background-image:url(images/bg_areas_top.jpg); background-position:top; background-repeat:no-repeat;}
.blogpost .title{padding:10px 10px 10px 0px; font-weight:bold; text-transform:uppercase; font-size:1.1em; color:#f93}
.blogpost .postDate{color:#9a9a9a; font-style:italic}
.blogpost .postbody{margin:0px 0 0 0; padding:0px 0 0 0}

.blogComments{margin-bottom:15px; padding-bottom:5px; padding-left:0}
.blogComments .title{padding:10px 10px 10px 0px; font-weight:bold; text-transform:uppercase; font-size:1.1em; color:#3a3a3a}
.blogComments .newComment{margin:0px 0 0 0; padding:0px 0 0 0}
.blogComments .newComment td.leaveTitle{padding:0px 10px 10px 0px; font-weight:bold; font-size:1.1em; color:#3a3a3a}
.blogComments .newComment td.button{text-align:right}
.blogComments .commentList{border-top:solid 1px #6a6a6a; margin-top:10px; background:url('images/cart-footer-bg.gif') repeat-x bottom}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
BLOG COMMENTS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.blogcomment{border-bottom:solid 1px #E3E3E3}

.blogcomment .commentinfo{width:170px; float:left; padding:5px; height:100%; border-right:solid 1px #F3F3F3}
.blogcomment .commentinfo .userinfo{padding-top:5px}
.blogcomment .commentinfo .userinfo a.username{font-weight:bold; margin-bottom:5px}
.blogcomment .commentinfo .userinfo span.username{font-weight:bold; margin-bottom:5px}
.blogcomment .commentinfo .userinfo .avatar{margin:5px 0 5px 0}
.blogcomment .commentinfo .userinfo .avatar .avatarImg{border:solid 2px rgb(206,219,225) !important}
.blogcomment .commentinfo .userinfo .userstats{font-size:0.9em; text-align:left; font-weight:bold; color:#555}
.blogcomment .commentinfo .userinfo .userstats .statvalue{font-weight:normal}

.blogcomment .commentcontent{margin-left:180px; border-left:solid 1px #F3F3F3}
.blogcomment .commentcontent .commenttime{font-weight:bold; line-height:20px; padding:3px; background:#e3f3f3}
.blogcomment .commentcontent .commenttime .statvalue{font-weight:normal}
.blogcomment .commentcontent .commentbody{padding:3px}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
POLLS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.todaysPollBox{margin-bottom:15px; padding-bottom:5px; padding-left:0}
.todaysPollBox .title{padding:10px 10px 5px 0px; font-weight:bold; text-transform:uppercase; clear:both}
.todaysPollBox .pollItem{margin:0px 0 0 0; padding:0px 0 0 0; font-size:11px; color:#555; background-color:inherit}
.pollBlock{float:left; text-align:left; vertical-align:top; padding-top:10px}
.pollTakePoll, .pollResults{border:dashed 1px #666; padding:5px; margin-top:10px}
.pollDisplayText{font-weight:bold}

.pollTotalVotes{font-style:italic}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
EMAIL A FRIEND PAGE
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.emailafriendBox{margin-bottom:15px; padding:0px}
.emailafriendBox .title{padding:10px 10px 5px 0px; font-weight:bold; text-transform:uppercase; clear:both}
.emailafriendBox .sendEmail{border:1px solid #d7d7d7; margin-top:10px; padding:0 0 10px 10px}
.emailafriendBox .sendEmail .product{font-weight:bold}
.emailafriendBox .sendEmail .description{font-style:italic}
.emailafriendBox .sendEmail .confirm{font-weight:bold}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
RATING
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.ratingStar{font-size:0pt; width:13px; height:12px; margin:0px; padding:0px; cursor:pointer; display:block; background-repeat:no-repeat}
.filledRatingStar{background-image:url(Images/FilledStar.png)}
.emptyRatingStar{background-image:url(Images/EmptyStar.png)}
.savedRatingStar{background-image:url(Images/SavedStar.png)}