.foo
{
}
/****************************************************************************************************/
/* The contents of this file are subject to the nopCommerce Public License Version 1.0 ("License"); you may not use this file except in compliance with the License.
/* You may obtain a copy of the License at  http://www.nopCommerce.com/License.aspx. 
/* 
/* Software distributed under the License is distributed on an "AS IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or implied. 
/* See the License for the specific language governing rights and limitations under the License.
/* 
/* The Original Code is nopCommerce.
/* The Initial Developer of the Original Code is NopSolutions.
/* All Rights Reserved.
/* 
/* Contributor(s): RetroViz Design. 
/****************************************************************************************************/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Common

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.headertitle
{
	border-bottom:solid 2px red;
	padding-bottom:5px;
/*	margin:10px 20px;*/
	margin-bottom:15px;
	font-size:20px;
	font-weight:bold;
	text-align:left;
}

.headertitle2
{
	border-bottom:solid 2px red;
	padding-bottom:5px;
	margin-top:10px;
	margin-bottom:15px;
	font-size:20px;
	font-weight:bold;
	text-align:left;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	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;
	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-wrapper
{
	margin-left: 20px;
}

.contactform
{
}

.contactform .button
{
	text-align: right;
}


.contactform .sendEmail
{
	margin:0px  0px 10px 10px;
}

.contactform fieldset
{
	margin-bottom:10px;
	margin-right:30px;
	display:none;
}
.contactform .contactform
{
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	BREADCRUMB

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.breadCrumb {
background:none repeat scroll 0 0 #FFFFFF;
border-top:1px solid #DEDEDE;
border-bottom:1px solid #DEDEDE;
display:block;
float:left;
height:20px;
margin:14px 0 0 0;
overflow:hidden;
padding:5px;
width:699px;
}

.breadCrumb ul {
display:block;
height:21px;
margin:0;
padding:0;
}

.breadCrumb ul li {
background:url('Images/breadcrumb-Chevron.gif') no-repeat scroll 100% 0 transparent;
display:block;
float:left;
font-size:0.9167em;
height:21px;
line-height:21px;
margin:0 6px 0 0;
overflow:hidden;
padding:0 10px 0 0;
position:relative;
}

.breadCrumb ul li.last {
background:none repeat scroll 0 0 transparent;
margin-right:0;
padding-right:0;
}

.breadCrumb ul li.first a {
background:url('Images/breadcrumb-IconHome.gif') no-repeat scroll 0 0 transparent;
height:16px !important;
margin-top:2px;
overflow:hidden;
padding:0;
text-indent:-1000em;
width:16px;
}

.breadCrumb ul li.first a:hover {
background-position:0-16px;
}

.breadCrumb ul li a {
display:block;
float:left;
height:21px;
line-height:21px;
overflow:hidden;
position:relative;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	NEWS LIST

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.newslist-wrapper
{
	padding-left: 20px;
}
.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: #ff9933;
	background-color: inherit;
}

.news-header
{
	width:230px;
	height:50px;
	background:url(images/news-head.png) no-repeat;
	margin-bottom:5px;
}

.pnlPictures
{
	margin-top:5px;
	margin-bottom:5px;
}

.news-lasted-wrapper
{
	margin:5px;
	padding:5px;
	background:#FFF;
}
.more-line
{
	border-top:solid 1px red;
	width:100%;
}

.button-more
{
	padding-left:155px;
	margin-top:5px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	NEWS DETAILS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.newsitem-wrapper
{
	margin-left: 20px;
	margin-right: 20px;
}
.newsitem
{
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-left: 0;
}

.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 0 0 0;
}

.newsComments
{
	margin-bottom: 15px;
	margin-top: 30px;
	padding: 5px 5px 5px 20px ;
	border:solid 1px #000;
	margin-left:30px;
}

.newsComments .title
{
	padding: 10px 10px 10px 0px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.1em;
	color: #3a3a3a;
}

.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 1px #6a6a6a;
	margin-top: 10px;
	background: url('images/cart-footer-bg.gif') repeat-x bottom;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	NEWS COMMENTS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

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

.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: #e3f3f3;
}

.newscomment .commentcontent .commenttime .statvalue
{
	font-weight: normal;
}

.newscomment .commentcontent .commenttitle
{
	padding: 3px;
	font-weight: bold;
}

.newscomment .commentcontent .commentbody
{
	padding: 3px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	BLOG LIST

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.blog-wrapper
{
	margin: 10px 20px;
}

.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: #3a3a3a;
	border-bottom: solid 1px #999;
}

.blogpost-wrapper
{
	margin-left: 20px;
	margin-right: 20px;
}

.blogposts .post .blogDate
{
	color: #9a9a9a;
	font-style: italic;
}

.blogposts .post a.blogTitle
{
	color: #444;
	text-decoration: none;
	font-size: 1.2em;
}

.blogposts .post a.blogTitle:Hover
{
	text-decoration: underline;
}

.blog .blogposts
{
	margin: 0px 5px 0 5px;
	padding: 0px 0 0 0;
}

.blog .blogposts
{
	text-align: left;
}

.blog .blogposts .post
{
	border-bottom: dashed 1px #9a9a9a;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.blog .blogposts .blogBody
{
	margin-top: 10px;
	margin-bottom: 10px;
}

.blog .blogposts .blogDetails
{
	font-weight: bold;
	text-decoration: none;
	color: #ff9933;
	background-color: inherit;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	BLOG DETAILS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.blogpost
{
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-left: 0;
}

.blogpost .title
{
	padding: 10px 10px 10px 0px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.1em;
	color: #3a3a3a;
}

.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);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	News Lasted

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.news-slide
{
	margin-left: 25px;
	width: 180px;
	height: 105px;
	border: solid 1px #808080;
}
.news-title
{
	margin: 7px 2px 1px 1px;
}
.news-more
{
	margin-top: 5px;
	margin-left: 150px;
}
.news_style
{
	display: none;
}
.news-descrtiption
{
	font: normal 76% "Arial" , "Lucida Grande" ,Verdana, Sans-Serif;
	color: black;
	cursor: pointer;
	font-weight: bold;
}
.news-descrtiption img
{
	margin-left: 100px; /*width:180px; 	height:88px;*/ /*border:solid 1px #808080;*/
}
.dvHorizontalRule
{
	width: 100%;
	padding-top: 5px;
	border-bottom: solid 1px #CECFCE;
}
.news_show
{
	background-color: #CECFCE;
	color: black;
	width: 210px;
	height: 420px;
	font: normal 100% "Arial" , "Lucida Grande" ,Verdana, Sans-Serif;
	overflow: auto;
}
.news_border
{
	background-color: #CECFCE;
	width: 218px;
	height: 420px;
	font: normal 100% "Arial" , "Lucida Grande" ,Verdana, Sans-Serif;
	border: 1px solid gray;
	padding: 5px 5px 5px 5px;
	overflow: auto;
}
.news_mark
{
	background-color: white;
	font: normal 70% "Arial" , "Lucida Grande" ,Verdana, Sans-Serif;
	border-right: 1px solid #808080;
	border-bottom: 1px solid #808080;
	width: 229px;
	height: 30px;
	color: black;
	text-align: center;
}
.news_more
{
	padding-top: 7px;
	padding-left: 5px;
	cursor: pointer;
}
.news_title
{
	font: bold 120% "Arial" , "Lucida Grande" ,Verdana, Sans-Serif;
	border: 0px solid gray;
	padding: 5px 0px 9px 5px;
	color: black;
}
.news_show img
{
	margin: 5px 0px 5px 15px;
}
.buttondiv
{
	position: absolute;
	padding: 5px 5px 5px 5px;
	background-color: white;
	border: 1px solid gray;
	border-top: none;
	height: 20px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Product New

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.productnew-wrapper
{
	width: 450px;
	margin: 10px 0px 10px 15px;
	height: 345px;
}

.slideshow
{
	width: 450px;
	height: 320px;
	clear: both;
}

#nav
{
	float: right;
	margin: 5px 0px 5px 5px;
}

#nav a
{
	color: #fff;
	font-weight: bold;
	margin: 2px;
	padding: 1px 5px;
	border: 1px solid #ccc;
	background: #D4D4D4;
	text-decoration: none;
}

#nav a.activeSlide
{
	background: #808183;
}

#nav a:focus
{
	outline: none;
}

#nav2
{
	float: right;
	margin: 5px 0px 5px 5px;
}

#nav2 a
{
	color: #fff;
	font-weight: bold;
	margin: 2px;
	padding: 1px 5px;
	border: 1px solid #ccc;
	background: #D4D4D4;
	text-decoration: none;
}

#nav2 a.activeSlide
{
	background: #808183;
}

#nav2 a:focus
{
	outline: none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Product Hot

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.products_show
{
	background-color: white;
	color: black;
	width: 210px;
	height: 625px;
	font: normal 100% "Arial" , "Lucida Grande" ,Verdana, Sans-Serif;
	overflow: auto;
}
.products_border
{
	background-color: white;
	width: 210px;
	height: 625px;
	font: normal 100% "Arial" , "Lucida Grande" ,Verdana, Sans-Serif;
	border: 1px solid gray;
	padding: 5px 5px 5px 5px;
	overflow: auto;
	margin-left: 4px;
}
.product-hot-descrtiption img
{
	/*margin-left:100px;     width:180px; 	height:88px;*/ /*border:solid 1px #808080;*/
}
.product-hot-descrtiption span
{
	cursor: pointer;
}

.products_show img
{
	/*margin:5px 0px 5px 10px; 	width:170px; 	height:115px;     border:solid 1px #808080;*/
	cursor: pointer;
}
.product-hot-images-wraper
{
	border: solid 1px #808080;
	width: 200px;
}
.products_mark
{
	display: none;
}
#products_button
{
	margin-left: 4px;
}
/*=== Link Thumbnail Controls ===*/
#dvLinkThumbnail img
{
	cursor: pointer;
}

.hot-product-wrapper
{	
	background-color:#FFF;
	width:220px;
	margin-left:5px;
	padding-top:15px;
}

.hot-header
{
	background:url(images/hot-header.png) no-repeat;
	width:230px;
	height:50px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Catalogue

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.catalogue-wrapper
{
	margin: 10px 20px 10px 20px;
}
.catalogue-wrapper .title
{
	border-bottom:solid 2px red;
	padding-bottom:5px;
	margin-bottom:15px;
	font-size:20px;
	font-weight:bold;
}
.catalogueitem-wrapper
{
	margin: 40px 30px 10px 150px;
}

.catalogue-request-title
{
	margin:50px 0px 0px 135px;
	font-size:12px;
	font-weight:bold;
}
.catalogue-request-line
{
	width:400px;
	height:2px;
	margin:0px 0px 10px 0px;
	border-bottom:solid 2px red;
}

.catalogue-request-message
{
	margin-top:30px;
	font-size:14px;
	font-weight:bold;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Brand

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.brand-box-wrapper
{
	margin:5px;
	width: 152px;
	height: 150px;
	background: url(images/brand-box.png) no-repeat;
	position: relative;
}
.brand-title
{
	width: 152px;
	height: 30px;
	padding-top: 10px;
	color: Black;
	top: 10px;
}
.brand-image
{
	width: 152px;
	height: 100px;
}
.brand-image table
{
	width: 152px;
	height: 100px;
}
.brands-wrapper
{
	margin:10px 20px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Product

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.product-box-wrapper
{
	width: 600px;
	height: 175px;
	background: url(images/product-box.png) no-repeat;
	margin:5px 0px 10px 54px;
}
.product-container
{
	width:600px;
	height:130px;
}
.product-title
{
	width: 600px;
	height: 30px;
	padding:10px 0px 0px 10px;
	/*border:solid 1px red;*/
}

.product-title .brand
{
	margin-left:10px;
	color:#428439;
}

.product-title .newproduct
{
	margin-left:10px;
}

.product-shortdescription
{
	width:340px;
	padding-left:5px;
	padding-right:5px;
	vertical-align: top;
}
.product-detail
{
	vertical-align: top;
}


.product-detail-container
{
	width:100%;
	height:130px;
}
.product-detail-container td
{
	text-align:right;
	padding-right:10px;
}

.product-list-wrapper
{
margin:10px 20px;
	/*border:solid 1px red;*/
}

.product-list-wrapper .ProductPager
{
	/*border:solid 1px red;*/
}

.producthot-title
{
	margin:5px 0px 5px 0px;
}

.producthot-photo
{
	height:100px;
	margin-bottom:10px;
}

.pages {
	margin-top:20px;
	margin-bottom:20px;
}

.pages a, .pages span {
	padding:3px 7px 3px 7px;
	border:solid 2px #FFF;
	background-color:#D4D4D4;
}

.pages span {
	background-color:#808183;
	color:#FFF;
}

.pages a {
}

.pages a:hover {
    /*border-color: #EB1725;*/
	color:#FFF;
	background-color:#808183;
}

.SearchNoResult
{
	font-size:1.2em;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Search Box Home

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.searchboxhome-wrapper
{
	margin-top:40px;
	border:solid 1px red;
	padding:10px 0px 15px 0px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Search Box Product

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.searchboxproduct-wrapper
{
	padding:10px 0px 15px 0px;
}

/* Box - Black */
.black-xsnazzy h1, .black-xsnazzy p { margin:0 0px; letter-spacing:1px; }
.black-xsnazzy .title { padding: 0px 0px 5px; color:#ffcb05; text-align: center; font-size: 18px; font-style: italic; font-weight: bold; text-transform: normal; letter-spacing: normal; }
.utitlty-h1{ padding: 0px 0px 5px; color:#ffcb05; text-align: center; font-size: 18px; font-style: italic; font-weight: bold; text-transform: normal; letter-spacing: normal; }
.black-xsnazzy p { padding-bottom:0.5em; }
.black-xsnazzy { background: transparent; margin:25px 10px; }
.black-xtop, .black-xbottom {display:block; background:transparent; font-size:1px;}
.black-xb1, .black-xb2, .black-xb3, .black-xb4 {display:block; overflow:hidden;}
.black-xb1, .black-xb2, .black-xb3 {height:1px;}
.black-xb2, .black-xb3, .black-xb4 {background:#3a3a3a; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.black-xb1 {margin:0 5px; background:#ccc;}
.black-xb2 {margin:0 3px; border-width:0 2px;}
.black-xb3 {margin:0 2px;}
.black-xb4 {height:2px; margin:0 1px;}
.black-xboxcontent {display:block; background:#3a3a3a; border:0 solid #ccc; border-width:0 1px;}

.utility-item
{
	color:#FFF;
	text-align:left;
	padding:5px 0px 5px 10px;
}

.utility-item a
{
	color:#FFF;
	text-decoration: none;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Unit Converter

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.unitconverter-wrapper
{
	/*border:solid 1px red;*/
	margin:10px 0px 0px 0px;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

		Product Group

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.table-productvariant
{
	width:680px;
	border:solid 1px #000;
	border-collapse:collapse;
}

.table-productvariant th
{
	background-color :#B01116;
	color:#f0f0f0;
	font-weight:bold;
	height:20px;
	border: 1px solid #838486;
	padding:5px;
	text-align:center;
}

.table-productvariant td
{
	padding:5px;
	border: 1px solid #838486;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

		Language Selected

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.languagelist
{
	display:none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

		Currency Selected

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.currencylist
{
	display:none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

		Topic

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.htmlcontent-wrapper .title
{
	border-bottom:solid 2px red;
	padding-bottom:5px;
	margin-bottom:15px;
	font-size:20px;
	font-weight:bold;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

		AddressEditPage

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.AddressEditPage
{
	margin-left:100px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	ADMIN GRID VIEW

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.tablestyle
{
	font-family: arial;
	font-size: 11px;
	border: 1px solid #808080;
	background-color: #FFFFFF;
	margin-left: 0px;
	color: #245D75;
	width: 100%;
}

.tablestyle td a
{
	color: #D16400;
	font-weight: bold;
	text-decoration: none;
}

.altrowstyle
{
	background-color: #F4FAFF;
}

.headerstyle th
{
	background: url('images/admin-gvw-bg.gif') repeat-x 50%;
	color: #fff;
	padding: 5px 10px 5px 10px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	border: solid 1px #676767;
}

.headerstyle th a
{
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #fff;
	display: block;
	padding-right: 10px;
}

.rowstyle td, .altrowstyle td
{
	padding: 4px 10px 4px 10px;
	border-right: solid 1px #A0C0E7;
	border-right-color: #808080;
}

.PagerStyle
{
	height: 28px;
	background: url(Images/grid_header_back.png) repeat-x;
	background: #EEEEEE;
	vertical-align: middle;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Shopping Cart

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.shoppingcart .title
{
	padding-left:10px;
}

.OrderSummaryContentMessage
{
	padding-left:45%;
}

.continue-button
{
	margin:5px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Ajax

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.progress-ajax
{
	display:none;
	position:absolute;
	left:55%;
	top:70%;
	z-index:999;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Social Network Link

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.social_network
{
	width:100%;
	height:35px;
	margin-top:15px;
}

.social_network div
{
	padding-left:100px;
}
.rss{	background:transparent url(images/rss.png) no-repeat scroll 0 0;}

.facebook{	background:transparent url(images/facebook.png) no-repeat scroll 0 0;}

.twitter{	background:transparent url(images/twitter.png) no-repeat scroll 0 0;}

.delicious{	background:transparent url(images/delicious.png) no-repeat scroll 0 0;}

.digg{	background:transparent url(images/digg.png) no-repeat scroll 0 0;}

.stumble{	background:transparent url(images/stumbleupon.png) no-repeat scroll 0 0;}

.youtube{	background:transparent url(images/youtube.png) no-repeat scroll 0 0;}

a.rss, a.facebook, a.twitter, a.digg, a.delicious, a.stumble, a.youtube, a.eletter {
display:inline-block;
height:35px;
margin-top:1px;
width:40px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Header Menu

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*.menu2 {padding:0 0 0 32px; margin:0; list-style:none; height:35px; background:#fff url(images/menu12.gif); position:relative; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444; padding-left:150px;}
.menu2 li {float:left;}
.menu2 li a {display:block; float:left; height:35px; line-height:35px; color:#FFF; text-decoration:none; font-size:13px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.menu2 li a b {float:left; display:block; padding:0 20px 0 8px;}

.menu2 li.current a {color:#fff; background:url(images/menu2.gif);}
.menu2 li.current a b {background:url(images/menu2.gif) no-repeat right top;}

.menu2 li a:hover {color:#fff; background:url(images/menu3.gif);}
.menu2 li a:hover b {background:url(images/menu3.gif) no-repeat right top;}

.menu2 li.current a:hover {color:#fff; background:#000 url(images/menu2.gif); cursor:default;}
.menu2 li.current a:hover b {background:url(images/menu2.gif) no-repeat right top;}

.menu2 li a:active {color:#fff; background:url(images/menu2.gif);}
.menu2 li a:active b {background:url(images/menu2.gif) no-repeat right top;}
*/

.invertedshiftdown
{
	padding: 0;
	width: 100%;
	border-top: 5px solid #D10000; /*Red color theme*/
	background: transparent;
	voice-family: "\"}\"";
	voice-family: inherit;
}
.invertedshiftdown ul
{
	margin: 0;
	margin-left: 150px;
	/*margin-left: 200px;*/ /*margin between first menu item and left browser edge*/
	padding: 0;
	list-style: none;
}
.invertedshiftdown li
{
	display: inline;
	margin: 0 2px 0 0;
	padding: 0; /*text-transform:uppercase;*/
}
.invertedshiftdown a
{
	float: left;
	display: block;
	font: bold 12px Arial;
	color: black;
	text-decoration: none;
	margin: 0 1px 0 0; /*Margin between each menu item*/
	padding: 5px 10px 9px 10px; /*Padding within each menu item*/
	background-color: #F1F1F2; /*Default menu color*/ /*BELOW 4 LINES add rounded bottom corners to each menu item.
ONLY WORKS IN FIREFOX AND FUTURE CSS3 CAPABLE BROWSERS
REMOVE IF DESIRED*/
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
}
.invertedshiftdown a:hover
{
	background-color: #e77e7e; /*Red color theme*/
	padding-top: 5px; /*Flip default padding-top value with padding-bottom */
	padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
	color: white;
}
.invertedshiftdown .current a
{
	/** currently selected menu item **/
	background-color: #D10000; /*Red color theme*/
	padding-top: 5px; /*Flip default padding-top value with padding-bottom */
	padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
	color: white;
}
.invertedshiftdown a.current:visited
{
	/** currently selected menu item **/
	background-color: #D10000; /*Red color theme*/
	padding-top: 9px; /*Flip default padding-top value with padding-bottom */
	padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
	color: white;
}
.menu_wrapper
{
	height: 40px;
	background-color: #F1F1F2;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Promotion

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.promotion-brand
{
	position: absolute;
	top: 23px;
	left: -5px;
}

.promotion-product
{
	position: absolute;
	top: 23px;
	left: -5px;
}

.promotion-product-group
{
	clear: left;
	float: left;
	width: 30px;
}

.datetitle
{
	color: #B01116;
	font-size: 11px;
	font-weight: bold;
}