/*----------------------------------------------------------
title:        main stylesheet
template:    00196
----------------------------------------------------------*/
@import 'reset.css';

body {margin: 0; padding: 0; font-family: Georgia, Arial, Helvetica,sans-serif; font-size: 12px; border-top:solid 3px #000; padding-bottom:20px}

a img{ border:0;}
a {text-decoration:none;}
a:hover{text-decoration:underline;}


.notext{ font-size: 0; line-height:0; text-indent: -5000px;}
.cl { clear: both; height: 0; font-size: 0; line-height: 0; text-indent: -4000px;  }

#container {margin: 0 auto; padding: 0; width: 974px; }

/*////////// start header //////////*/

#logo {float: left; margin: 0; padding: 26px 0 0 17px;  font-size: 2.10em; font-weight: bold; color: #2C1B11;}
    #logo img {border: none;}
    
.imagelogo {margin-top: -10px;}

#header {float: left; margin: 0; padding: 0; width: 974px; height: 139px; background: url(../images/header.gif) no-repeat;}

#header-links {float: right; margin: 0; padding: 42px 20px 0 0; font-family: Georgia !important;}
    #header-links a {margin: 0; padding: 0 4px 0 4px; font-size: 12px; text-decoration: none; color: #000; text-transform: uppercase; }
    #header-links a:hover {text-decoration: underline;}

/*/ start main navigation /*/
    
#nav {float: left; margin: 0; padding: 0; width: 972px; height: 52px; background-color:#2A2A2A; background:url(../images/nav.jpg) no-repeat 0 0; }
    
#topNav {margin: 0; padding: 12px 0 0 0; width: 960px; font-family: Arial, "Trebuchet MS", sans-serif;}
    #topNav .left {float: left; width: 0;}
    #topNav .center { float: left; display: inline; padding-left:176px}
    #topNav .center .link {float: left;padding: 0;text-align: center;}
    #topNav .center .link a {font-size: 14px; font-weight: normal; text-decoration: none; text-transform: uppercase; color: #fff; padding: 10px;}
    #topNav .center .link a:hover {background: #D5D5D5; color: #000}
    #topNav .center .spacer {float: left; width: 13px; height: 35px;}
    #topNav .right {float: left; width: 2%;}

/*/ end main navigation /*/
    
h2.slogan{ background:url(../images/slogan.gif) no-repeat 0 5px; padding-left:40px; font-size: 16px; color:#2a2a2a; font-style: italic; line-height:18px; float: left; display: inline; width:270px; margin-top:38px; margin-left:63px; font-family: georgia}

/*////////// end header //////////*/

/*////////// start content //////////*/

#content {float: left; display: inline; margin: 0; padding: 22px 0 0 0; width: 972px;  background:url(../images/rep.gif) repeat-y; }
    
#content-left {float: left; margin: 0; padding: 0 0 0 11px; width: 205px; }
    
#content-middle {float: left; display: inline; margin: 0 10px; padding: 0; width: 505px; min-height: 500px;  background: #fff;}
    
#content-right { float: left; display: inline; margin: 0; padding: 0; width:205px;}

#product-box{ }
#product-box ul{ list-style-type: none; }
#product-box li{ float: left; width:170px; text-align: center; padding-right:5px; padding-bottom:45px;}
#product-box li .image{ min-height:180px}
#product-box li { color:#000; text-transform: uppercase; font-size: 12px; font-weight: normal; line-height:16px; padding-top:5px; margin-bottom: 5px;}
#product-box li h4 a{ color:#000; text-decoration: none;}
#product-box li h4 a:hover{ text-decoration: underline;}
#product-box li a.cart{ display: block; width:137px; height:33px; background:url(../images/cart.gif); margin:8px auto 0 auto; }
#productGrid .title a {color:#000; text-transform: uppercase; text-decoration:none;}
#productGrid .title a:hover {color:#000; text-transform: uppercase; text-decoration:underline;}

span.price {
    text-align: center;
}
span.price em{ 
    font-size: 18px; 
    color:#222; 
    line-height:22px; 
    padding: 1px 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    letter-spacing: 0.03em;
    background: #efefef;
}
/*////////// end content //////////*/

/*////////// start footer //////////*/


#footer {float: left; display: inline;  width:974px; /*height:81px;*/ background:#2A2A2A; font-size: 11px; color:#fff; text-align: center; font-family: Arial, "Trebuchet MS", sans-serif;}
#footer p{ line-height:73px;  }
#footer a{ text-decoration: underline; color:#fff; }
#footer a:hover{ text-decoration: none; }

/*////////// end footer //////////*/

/* NEW THEMES WIDGETS
================================================== */

.ccWidget {
    float: left;
    margin: 0 0 10px 0;
    width: 205px;
    padding: 0;
    text-align: left;
    color: #fff;
    font-family: Georgia,Helvetica,sans-serif;
}
.ccWidget .top {
    padding: 15px;
    width:175px;
    margin: 0;
    font-size: 14px;
    line-height: 22px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    font-family: Arial,Helvetica,sans-serif;
    background:url(../images/side-top.gif) no-repeat;
}
.ccWidget .top a {
    text-decoration: underline;
    color: #fff;
}
.ccWidget .top a:hover {
    text-decoration: none;
}
.ccWidget .body {
    margin: 0;
    padding: 10px;
    color: #fff;
    width: 90%;
    float: left;
    background:url(../images/side-rep.gif) repeat-y;
}
.ccWidget .body a { 
    color: #fff !important;
    text-decoration: none;
}
.ccWidget .body a:hover { 
    text-decoration: underline;
}
.ccWidget .body p 
{
    margin: 2px 0;
}
.ccWidget .btm {
    clear: both;
    height: 5px;
    margin: 0;
    padding: 0;
    width: 100%;
    background:url(../images/side-btm.gif) no-repeat;
}
.ccWidget form {
    
}
.ccWidget .body ul, .ccWidget .body ol {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ccWidget .body ul li, .ccWidget .body ol li {
    list-style:none;
    line-height: 22px;
    font-size: 14px;
    width: 100%;
    padding: 2px 0;
    color: #fff;
    
}
.ccWidget .body ul li a:hover, .ccWidget .body ol li a:hover {
    text-decoration: underline;
}
.ccWidgetImage img 
{
    max-width: 100%;
}
.ccWidgetImage
{
    text-align: center;
    max-width: 100%;
}
.ccWidgetImage .body, .ccWidgetImage .text
{
    width: 100%;
    color: #fff;
}
/*/ DROPDOWN WIDGETS /*/
.ccWidgetDropDown .body select {
    width: 100%;
    color: #1d1d1d;
    font-family: Arial,Helvetica,sans-serif;
    padding: 4px;
}
/*/ PRODUCT WIDGETS /*/
.ccWidgetProduct {
    clear: both;
}
.ccWidgetProduct .body
{
    text-align: center;
    font-size:12px;
    line-height: 16px;
    color: #fff;
}
.ccWidgetProduct .body .sdetailsNoImg {
    margin: 10px 0;
}
.ccWidgetProduct .body .photo {
    margin: 10px 0;
}
.ccWidgetProduct .body .photo img {
    
}
.ccWidgetProduct .body .title a {
    font-weight: bold;
    text-align: center;
    color: #fff;
}
.ccWidgetProduct .body .title a:hover {
    text-decoration: underline;
}
.ccWidgetProduct .body .sprice {
    padding: 8px 0 5px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    line-height: 18px;
    color: #AAAAAA;
}
.ccWidgetProduct .body .sdetails {
    margin: 0 auto;
    padding: 5px 0 0 0;
    width: 58px;
    height: 21px;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background: url(../images/details_button.jpg) no-repeat;
}
.ccWidgetProduct .body .all-link {
    padding: 10px 0;
    text-decoration: underline;
    color: #fff;
    text-transform: uppercase;
}
.ccWidgetProduct .review {
    padding: 10px 0;
}
/*/ BASIC WIDGETS /*/
.ccWidgetBasic .body .items {
    font-weight: bold;
    color: #fff;
}
.ccWidgetBasic .price {
    font-weight: bold;
    font-size: 12px;
    color: #1d1d1d;
}
.ccWidgetBasic .subtotal {
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    margin: 5px 0;
    float: left;
}
.ccWidgetBasic input {
    margin-bottom: 4px;
    font-size: 11px;
}
.ccWidgetBasic table td 
{
    padding-bottom: 4px;
}
/*/ INPUT WIDGETS /*/
.ccWidgetInput .body .field input {
    margin: 0 3px 0 0;
    padding: 3px 0;
    width: 72%;
    font-size: 14px;
    color: #fff;
    float: left;
}
.ccWidgetInput .body .buttonNoImg {
    float: left;
    width: auto;
}
.ccWidgetInput .body .button input {
    float: left;
}
.ccWidgetInput .body .button {
    float: left;
    margin: 0;
    padding: 3px 0 0 0;
    width: 28px;
    height: 20px;
    vertical-align: middle;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background: url(../images/go.jpg) no-repeat;
}
.ccWidgetInput .advanced {
    clear: both;
    padding: 2px 0;
}
.ccWidgetInput #searchWidgetDynamicResults {
    display: none;
    clear: left;
    float: left;
    padding: 10px;
    position: relative;
    background: #EEEEEE;
    z-index: 10;
}
/*/ POLL WIDGETS /*/
.widgetPolls
{
    padding: 0;
    width: 100%;
    border: none;
    background: none;
}
.widgetPolls p {
    padding: 5px 0;
}
.widgetPolls input {
    float: right;
    margin-right: 5px;
}
.widgetPolls .body ul {
    margin: 10px 0;
}
.widgetPolls .body ul li {
    padding: 2px 0;
    background: none;
    display: inline-block;
    width: 100%;
    border-bottom: 0;
}
.widgetPolls .buttons {
    float: left;
    margin: 10px 0;
}
.widgetPolls .percentBar {
    background-color: #828282;
}
/*/ WIDGET FIXES /*/
.noItems {
    text-align: left;
}
#widgetBlogTags .body li 
{
    padding: 2px 0;
    background: none;
}
.widgetCustomProductLists select {
    margin-bottom: 10px;
}
.placeHolder {
    clear: both;
    border: 1px dashed;
}
.compareButton {
    float: left;
    margin: 10px;
}
.tag-cloud span
{
    display: block;
}
.compare input 
{
    margin-right: 3px;
}
#widgetRecentlyViewed .top 
{
    font-size: 12px;
}
/* END NEW THEMES WIDGETS
================================================== */

/*/ WIDGET MENU /*/
.placeHolder {
    clear: both;
    border: 1px dashed;
}
/*/ MISC /*/
#widgetContents .body ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

/*/ begin widgetFooter /*/

#widgetFooter {
        color: #636363;
        font-size: 13px;
        line-height: 31px;
        text-align: left;
        font: 14px/18px Georgia,sans-serif;
        padding: 28px;
        width: 94%;
    }

#widgetFooter .body ul {
    margin: 0;
    padding: 0;
    list-style: none;
    }

#widgetFooter hr {    
    float: left;
    clear: left;
    height: 1px;
    color: #878787;
    background-color: #878787;
    }

#widgetFooter .actionItems {
    margin: 0;
    padding: 15px 0 0 35px;
    font-weight: bold;
    color: #636363;
    font: 14px/18px Georgia,sans-serif;
    }    

#widgetFooter .actionItems a {
    font: 14px/18px Georgia,sans-serif;
    text-decoration: underline;
    color: #636363;
    padding: 0 10px;
    }

#widgetFooter .actionItems a:hover {
    text-decoration: none;
    color: #636363;
    }

#widgetFooter .copyright {
    float: left;
    margin: 0;
    padding: 15px 35px 0 35px;
    width: 330px;
    height:65px;
    font: 14px/18px Georgia,sans-serif;
    line-height: 22px;
    color: #636363;
    }

#widgetFooter .copyright a {
    font: 14px/18px Georgia,sans-serif;
    text-decoration: underline;
    color: #636363;
    }

#widgetFooter .copyright a:hover {
    text-decoration: none;
    }

#widgetFooter .copyright-small {
    padding: 10px;
    text-align: center;
    font-size: 11px;
    }

#widgetFooter .copyright-small a {
    }

#widgetFooter .copyright-small a:hover {
    text-decoration: none!important;
    }

#widgetFooter .nav {
    float: left;
    margin: 0;
    padding: 19px 0 10px 20px;
    width: 150px;
    line-height:12px;
    }

#widgetFooter .nav .title {
    margin: 0;
    padding: 4px 2px 15px;
    width: 100px;
    font: Georgia,sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    color: #636363;
    float: left;
    display:inline;
    }

#widgetFooter .nav ul {
    margin: 0 0 0 1px;
    padding: 0;    
    text-align: left;
    list-style: none;
    }

#widgetFooter .nav ul li {
    text-align: left;
    display: block;
    clear: left;
    }

#widgetFooter .nav ul li a {
    font: 14px/18px Georgia,sans-serif;
    text-decoration: underline;
    color: #636363;
    }

#widgetFooter .nav ul li a:hover {

    text-decoration: none;
    }

/*/ end widgetFooter /*/

/* begin header search */

#header-search {float: right; display: inline;  width:256px; height:38px; background:url(../images/search.jpg); margin: 26px 19px 0 0; }
    #header-search input {width: 208px; font-family: Georgia, Arial,sans-serif!important; font-size: 15px; color: #5d5c5c; margin:10px 0 0 10px; font-size: 12px; text-transform: uppercase; border:0; }
    #header-search input { float: left; display: inline;}
    #header-search .header-search-btn {float: right; display: inline; margin: 5px 5px 0 0px;  width: 31px; height: 28px; background:url(../images/btn.gif); font-size: 0; line-height:0; text-indent: -4000px; border:0; }
    #header-search .header-search-btn a {font-weight: bold; text-decoration: none;  color: #fff; cursor:pointer; float: left; display: inline;}
    #header-search .header-search-btn a:hover {color: #e0d8d1;}
    #header-search #headerSearchWidgetDynamicResults {clear: left; float: left; background: #EEEEEE; padding: 10px; display: none; width: 90%; margin-top: 5px; position: relative; line-height: 1.80;}

/* end header search */

/* Begin widget menu definitions */

.placeHolder {
    clear: both;
    border: 1px dashed;
    }

/* End widget menu definitions */

/*/ begin misc /*/

#widgetContents .body ul {
    margin: 0;
    padding: 0;
    list-style: none;
    }

/*/ end misc /*/

/*////////// start front end edits //////////*/

.editLogoText {margin: -12px 0 0 2px; padding: 0;}

.editProduct {float: right; margin: 0; padding: 0;}

.editCategory {float: right; margin: 0; padding: 0;}

.editCartBtn {position: relative; top: 0; left: 45px; margin: 0; padding: 0;}

.editDetailBtn {position: relative; top: 0; left: 20px; margin: 0; padding: 0;}


.editNavMenu {position: absolute; margin: 2px 0 0 7px; padding: 0;}



.editFooterMenu {float: right; margin: 0; padding: 0;}

.editFooterWidget {position: relative; margin: 0; padding: 0; top: 7px; left: 13px;}

.deleteFooterWidget {position: relative; margin: 0; padding: 0; top: -9px; left: 38px;}


/*/ start category widget /*/

.editCategoryWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 126px;}

.deleteCategoryWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 152px;}

.swapCategoryWidgetBullet {position: relative; margin: 0; padding: 0; left: -4px;}

/*/ end category widget /*/

/*/ start currency widget /*/

.editCurrencyWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 126px;}

.deleteCurrencyWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 152px;}

/*/ end currency widget /*/

/*/ start featured widget /*/

.editFeaturedWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 126px;}

.deleteFeaturedWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 152px;}

/*/ end featured widget /*/

/*/ start information widget /*/

.editInformationWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 126px;}

.deleteInformationWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 152px;}

.swapInformationWidgetBullet {position: relative; margin: 0; padding: 0; left: 8px;}

/*/ end information widget /*/

/*/ start language widget /*/

.editLanguageWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 126px;}

.deleteLanguageWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 152px;}

/*/ end language widget /*/

/*/ start new arrivals widget /*/

.editNewArrivalsWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 126px;}

.deleteNewArrivalsWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 152px;}

/*/ end new arrivals widget /*/

/*/ start reward points widget /*/

.editRewardPointsWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 126px;}

.deleteRewardPointsWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 152px;}

/*/ end reward points widget /*/

/*/ start search widget /*/

.editSearchWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 126px;}

.deleteSearchWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 152px;}

/*/ end search widget /*/

/*/ start shopping cart widget /*/

.editSidebarWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 126px;}

.deleteSidebarWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 152px;}

/*/ end shopping cart widget /*/

/*/ start shopping cart detailed widget /*/

.editSidebarDetailedWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 126px;}

.deleteSidebarDetailedWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 152px;}

/*/ end shopping cart detailed widget /*/

/*/ start specials widget /*/

.editSpecialsWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 126px;}

.deleteSpecialsWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 152px;}

/*/ end specials widget /*/

/*/ start newsletter widget /*/

.editSubscribeWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 126px;}

.deleteSubscribeWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 152px;}

/*/ end newsletter widget /*/

/*/ start top sellers widget /*/

.editTopSellersWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 126px;}

.deleteTopSellersWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 152px;}

/*/ end top sellers widget /*/

/*/ start vendors widget /*/

.editVendorsWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 126px;}

.deleteVendorsWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 152px;}

/*/ end vendors widget /*/

/*/ start left image widget /*/

.editLeftImageWidget {position: relative; margin: 0; padding: 0; top: 11px; left: 39px;}


.deleteLeftImageWidget {position: relative; margin: 0; padding: 0; top: -5px; left: 64px;}

/*/ end left image widget /*/

/*/ start right image widget /*/

.editRightImageWidget {position: relative; margin: 0; padding: 0; top: 11px; left: 39px;}

.deleteRightImageWidget {position: relative; margin: 0; padding: 0; top: -5px; left: 64px;}

/*/ end right image widget /*/

/*/ start shop by price widget /*/

.editShopByPriceWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 126px;}


.deleteShopByPriceWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 152px;}

/*/ end shop by price widget /*/

/*/ start product list widget /*/

.editProductListWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 126px;}

.deleteProductListWidget  {position: relative; margin: 0; padding: 0; top: -30px; left: 152px;}

.addProductListWidget {position: relative; margin: 0; padding: 0; top: -47px; left: 100px;}

/*/ end product list widget /*/

/*/ start custom image widget /*/

.editCustomImageWidget {position: relative; margin: 0; padding: 0; top: 28px; left: 39px;}

.deleteCustomImageWidget {position: relative; margin: 0; padding: 0; top: 13px; left: 64px;}

.addCustomImageWidget {position: relative; margin: 0; padding: 0; top: -5px; left: 14px;}

/*/ end custom image widget /*/

/*/ start horizontal image widget /*/

.editHorizontalImageWidget {position: relative; margin: 0; padding: 0; top: 7px; left: -12px;}

.deleteHorizontalImageWidget {position: relative; margin: 0; padding: 0; top: -10px; left: 13px;}

/*/ end horizontal image widget /*/

/*////////// end front end edits //////////*/






/*** NEW MENU STYLES ***/
ul#top-menu * { z-index: 1000; }

ul#top-menu,
ul#top-menu ul {
	list-style-type: none;
	margin: 0; padding: 0;
}

ul#top-menu {
	font-size: 0;
	position: relative;
	z-index: 1000;
}

ul#top-menu > li {
	display: inline-block;
	font-size: 14px;
}

ul#top-menu > li > a,
ul#top-menu > li > span.no-link,
.dd-submenu li a,
.mm-submenu li a {
	display: block;
	text-decoration: none;
}
ul#top-menu > li > a,
ul#top-menu > li > span.no-link {
	color: #FFF;
	padding: 12px 13px 11px 12px;
}

ul#top-menu > li:hover > a,
ul#top-menu > li:hover > span.no-link {
	background-color: #090909;
}

ul#top-menu > li:hover .dd-submenu,
.dd-submenu > ul > li:hover > .second-level-submenu,
ul#top-menu > li:hover .mm-submenu
{ display: block; }

.dd-submenu,
.mm-submenu {
	background-color: #F5F5F5;
	border: 1px solid #DDD;
	display: none;
	position: absolute;
	margin-left: -1px;
	top: 100%;
}

.dd-submenu ul,
.mm-submenu ul {
	display: block;
	float: left;
}

.dd-submenu li,
.mm-submenu li {
	position: relative;
}

.dd-submenu li a,
.mm-submenu li a,
span.element-title {
	padding: 7px 9px;
}

.dd-submenu li a {
	width: 158px;
}

.dd-submenu li a:hover,
.mm-submenu li a:hover {
	background-color: #333;
	color: #FFF;
}

.dd-submenu .second-level-submenu {
	background-color: #F5F5F5;
	border: 1px solid #DDD;
	display: none;
	position: absolute;
	left: 100%; top: -1px;
	
}
.mm-submenu { width: auto; }
.mm-submenu * {
	vertical-align: top;
}

ul[class^="columns-"] {
	display: block;
	float: left;
	margin-left: 2px !important;
	vertical-align: top;
}

ul[class^="columns-"]:first-child {
	margin-left: 0 !important;
}

.columns-1  { width: 192px; }
.columns-2  { width: 388px !important; }
.columns-3  { width: 582px !important; }
.columns-4  { width: 766px !important; }
.columns-5  { width: 972px !important; }

.element-line-h .line-splitter { display: inline-block; margin-top: 4px; width: 100%; }
.element-html, .element-textstr { display: block; padding: 8px 12px; }
.element-title { background-color: #333; color: #FFF !important; font-weight: bold; }
a.element-title:hover { background-color: #191919 !important; }
span.element-title, span.no-link { display: block; }
#top-menu span.no-link { color: #FFF; cursor: pointer; }

table img, .ccWidget img, .element-image img { height: auto; max-width: 100%; }