﻿html, body{ width:100%; height:100%; margin: 0; padding: 0;} 
html 
{
	background-color: #D7F4F5;
   background-image: url(Images/mainBackground.png);
   background-repeat: repeat-x;
}

body
{
    font-family: Arial, Helvetica, sans-serif;
    font-size:11pt;
}

img { border:0; }

a{ color:#0099FF; text-decoration:none; }

.clearfloats, .clearfloat { clear: both; height: 0; font-size: 1px; line-height: 0px; }

div#siteContainer
{
	width: 1051px;
	margin:0 auto;
	background-image: url(Images/edgeBackground.png);
	background-repeat:repeat-y;
}

.main
{
    width: 981px;
    margin: 0 auto;
}
.siteHeader
{
    background-image: url(Images/header.jpg);
    background-repeat:no-repeat;
    height: 89px;
    width: 981px;
    overflow: hidden;
}
.siteHeader a.logo
{
	float: left; 
	height: 145px; 
	width: 300px; 
	cursor: pointer; 
	cursor: hand;
}
ul.top-nav
{
    float: right;
    width: 350px;
    padding-top:0px;
    margin-top:2px;
    margin-right:10px;
    
    text-align:right;
}
ul.top-nav li
{
	display:inline;
	font-size: 10px;
    color: #ffffff;
    text-align: right;
    text-transform:uppercase;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    margin:0px 2px;
}
ul.top-nav li a
{
    color: #3170B1;
    font-weight:bold;
    text-decoration: none;
}
ul.top-nav li a:hover
{
    color: #3170B1;
    text-decoration: underline;
}

#search
{
    background-image: url(Images/search-bg.jpg);
    background-repeat: repeat-x;
    width: 981px;
    height: 36px;
}

.imgShop
{
    width: 87px;
    height: 36px;
    float: left;
    margin-left: 250px;
}

.txtSearch
{
    float: left;
    padding-top: 8px;
}

.imgIn
{
    width: 38px;
    height: 36px;
    float: left;
}

.ddlCategories
{
    padding-top: 8px;
    float: left;
}

.ibGo
{
    float: left;
    width: 44px;
    height: 24px;
    padding-top: 6px;
    margin-left: 7px;
}

#search input
{
    height: 16px;
    padding: 0px;
    margin: 0px;
    width: 150px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
    display: block;
    float: left;
}
#search select
{
    height: 18px;
    padding: 0px;
    margin: 0px;
    width: 150px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
    display: block;
    float: left;
}
#menu a
{
    height: 45px;
    display: block;
    float: left;
}

#side a
{
    display: block;
    color: #8CC640;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CBE5A9;
    margin-left: 10px;
    margin-right: 10px;
}
#side .expanded
{
    display: block;
    color: #8CC640;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    padding-top: 10px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CBE5A9;
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 3px;
}
#side h1
{
    font-size: 15px;
    color: #2B5998;
    display: block;
    margin-bottom: 5px;
    margin-left: 10px;
}
#side ul
{
    margin: 0px;
    list-style-type: none;
    display: block;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-left: 10px;
    color: #2B5998;
    font-size: 12px;
}
#side li
{
    display: block;
    background-image: url(Images/left-arrow.gif);
    background-repeat: no-repeat;
    background-position: 5px 4px;
    padding-left: 15px;
    padding-bottom: 4px;
}
#side li a
{
    color: #2B5998;
    text-decoration: none;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    display: inline;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    font-size: 12px;
}
#side li a:hover
{
    color: #50C5CB;
    text-decoration: none;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    display: inline;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    font-size: 12px;
    background-color: #EBF5DD;
}
#side a:hover
{
    display: block;
    color: #72A330;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CBE5A9;
    margin-left: 10px;
    margin-right: 10px;
    background-color: #F3FAEB;
}

#content
{
	float:left;
	width: 803px;
	border-left: 1px solid #AFDED8;
	background-color:#ffffff;
}

.static-content
{
    float: left;
    width: 679px;
    min-height: 500px;
    padding-bottom: 15px;
    padding-left: 75px;
    padding-right: 50px;
    font-size: 13px;
    line-height: 22px;
    background-color: #EBF5DD;
    color: #4B4B4B;
    
    
}
.about
{
    display: block;
    background-image: url(Images/about-h1-bg.jpg);
    height: 37px;
    width: 640px;
    margin-left: -40px;
    background-repeat: no-repeat;
    margin-top: 20px;
    margin-right: 0px;
    margin-bottom: 0px;
    color: #5987C6;
    font-size: 18px;
    font-weight: bold;
    padding-top: 18px;
    padding-left: 60px;
}
.photography
{
    display: block;
    background-image: url(Images/photo-bg.gif);
    height: 37px;
    width: 700px;
    background-repeat: no-repeat;
    margin-top: 20px;
    margin-right: 0px;
    margin-bottom: 0px;
    color: #5987C6;
    font-size: 18px;
    font-weight: bold;
    padding-top: 18px;
    padding-left: 60px;
    float: left;
    margin-left: 20px;
}
.bg
{
    background-color: #EBF5DD;
    display: block;
    float: left;
    padding-right: 5px;
    margin-left: 7px;
}

.text-cat-box
{
    background-color: #EBF5DD;
    float: left;
    width: 237px;
    font-size: 12px;
    color: #333333;
    padding: 15px;
    line-height: 18px;
}
.text-cat-box a
{
    color: #333333;
    text-decoration: none;
}
.text-cat-box a:hover
{
    color: #8C909A;
    text-decoration: none;
}
.text-cat-box h2
{
    margin: 0px;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    color: #6993CB;
}
.text-cat-box h2 a
{
    color: #6993CB;
    text-decoration: none;
}
.text-cat-box h2 a:hover
{
    color: #3E70B3;
    text-decoration: none;
}
.text-cat-box p
{
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 15px;
    margin-left: 0px;
}
.featuredProductContainer
{
    color: #666666;
    font-size: 11px;
    line-height: 17px;
    background-color: #FFFFFF;
}
.featuredProductTopRight
{
    border-top-width: 1px;
    border-right-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-top-color: #AFDED8;
    border-right-color: #AFDED8;
    height: 90px;
    width: 356px;
    padding-top: 20px;
    padding-right: 30px;
    padding-bottom: 10px;
    padding-left: 15px;
}
.featuredProductLeft
{
    float: left;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #AFDED8;
    height: 90px;
    width: 356px;
    padding-top: 20px;
    padding-right: 30px;
    padding-bottom: 10px;
    padding-left: 15px;
}
.featuredProductTop
{
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #AFDED8;
    height: 90px;
    width: 356px;
    padding-top: 20px;
    padding-right: 30px;
    padding-bottom: 10px;
    padding-left: 15px;
}
.featuredProductContainer .img-left
{
    float: left;
    padding-right: 15px;
}
.featuredProductContainer a
{
    color: #5987C6;
    text-decoration: underline;
}
.featuredProductContainer h2
{
    color: #80B636;
    font-size: 15px;
    margin: 0px;
    padding: 0px;
}
.featuredProductContainer p
{
    margin-top: 0px;
    margin-bottom: 15px;
}

.lrborders
{
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #AFDED8;
    border-left-color: #AFDED8;
}
#content h1
{
    font-size: 24px;
    font-weight: bold;
    color: #2B5998;
    display: block;
    padding-left: 23px;
    padding-top: 10px;
    padding-bottom: 15px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
.result-box
{
    float: left;
    width: 730px;
    margin-left: 23px;
    font-size: 12px;
    line-height: 17px;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #666666;
    border-bottom-color: #D0D0D0;
    border-right-width: thin;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-color: #D0D0D0;
    border-left-width: 20px;
    border-left-style: solid;
    border-left-color: #E8E8E8;
}
.resultBoxLink
{
    font-weight: bold;
    color: #2B5998;
    font-size: 13px;
    line-height: 18px;
    text-decoration: underline;
}
.result-img
{
    border: 1px solid #999999;
    float: left;
    margin-top: 0px;
    margin-right: 25px;
    margin-bottom: 0px;
    margin-left: 15px;
}
.compare-box
{
    width: 110px;
    text-align: right;
    float: left;
    color: #999999;
    font-size: 11px;
    padding-left: 10px;
    padding-right: 15px;
    text-align: center;
    min-height: 75px;
}
.compare-box img
{
    margin-right: -4px;
    padding-bottom: 3px;
}
.compare-box strong, .price
{
    font-size: 14px;
    color: #009900;
    font-weight: bold;
}
.compare-box a
{
    color: #999999;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}
.compare-box a:hover
{
    font-size: 11px;
    font-weight: normal;
    color: #666666;
    text-decoration: none;
}

.price-box
{
    width: 90px;
    text-align: right;
    float: left;
    color: #999999;
    font-size: 11px;
    padding-left: 10px;
    padding-right: 15px;
    text-align: center;
}
.price-box img
{
    margin-right: -4px;
    padding-bottom: 3px;
}
.price-box strong, .price
{
    font-size: 14px;
    color: #009900;
    font-weight: bold;
}
.price-box a
{
    color: #999999;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}
.price-box a:hover
{
    font-size: 11px;
    font-weight: normal;
    color: #666666;
    text-decoration: none;
}

.productImage-box
{
    width: 110px;
    text-align: right;
    float: left;
    color: #999999;
    font-size: 11px;
    padding-left: 10px;
    padding-right: 15px;
    text-align: center;
    height: 75px;
}

.productImage-box img
{
    margin-right: -4px;
    padding-bottom: 3px;
}

.productImage-box a
{
    color: #999999;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.productImage-box a:hover
{
    font-size: 11px;
    font-weight: normal;
    color: #666666;
    text-decoration: none;
}

.result-cap
{
    height: 20px;
    background-color: #E8E8E8;
    float: left;
    width: 740px;
    margin-left: 23px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #D0D0D0;
    text-align: right;
    padding-right: 10px;
    font-size: 12px;
    padding-top: 6px;
}
.result-cap a
{
    color: #666666;
    text-decoration: underline;
}
.result-cap a:hover
{
    color: #000000;
    text-decoration: underline;
}
.page-numbers
{
    margin-right: 10px;
    margin-left: 10px;
}
.page-numbers a
{
    text-decoration: none;
}
.page-numbers-bold
{
    color: #000000;
    font-weight: bold;
}
.page-numbers span
{
    padding-left: 5px;
}
#wrap
{
    background-color: #FFFFFF;
    width: 981px;
}
#wrap2
{
    background-color: #ffffff;
    width: 981px;
}
#wrap2a
{
    background-color: #FFFFFF;
    width: 981px;
}
#wrap3
{
    background-color: #FFFFFF;
    width: 981px;
}
#wrap4
{
    background-color: #FFFFFF;
    width: 900px;
    padding-left: 40px;
    padding-right: 41px;
    font-size: 13px;
    color: #666666;
    line-height: 22px;
    padding-bottom: 20px;
}
#wrap4 a
{
    color: #666666;
}

#wrap4 h2
{
    padding: 0px;
    margin-top: 15px;
    margin-right: 0px;
    margin-bottom: 15px;
    margin-left: 0px;
    font-size: 17px;
}
#table-top
{
    background-image: url(Images/table-top.gif);
    height: 35px;
    width: 868px;
    background-repeat: no-repeat;
    color: #525252;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
}
#table-content
{
    background-image: url(Images/table-borders.gif);
    background-repeat: repeat-y;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #AFAFAF;
}
#table-content2
{
    background-image: url(Images/table-borders2.gif);
    background-repeat: repeat-y;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #AFAFAF;
}
.rating
{
    font-size: 10px;
}

.merchantProductListHeader
{
    background-image: url(Images/table-top.gif);
    height: 35px;
    width: 868px;
    background-repeat: no-repeat;
    color: #525252;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    padding-bottom: 0px;
    line-height: 12px;
}



#breadcrumb
{
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #A3DADD;
    margin-left: 23px;
    width: 750px;
    padding-top: 15px;
    padding-bottom: 5px;
    font-size: 11px;
}
#breadcrumb2
{
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #A3DADD;
    width: 868px;
    padding-top: 15px;
    padding-bottom: 4px;
    font-size: 11px;
}
#breadcrumb a, #breadcrumb2 a
{
    text-decoration: none;
    color: #666666;
}

#breadcrumb a:hover, #breadcrumb2 a:hover
{
    color: #5E86CC;
    text-decoration: none;
}
#description
{
    width: 890px;
    min-height: 125px;
    padding-top: 20px;
    padding-bottom: 5px;
}
#description p
{
    margin-top: 0px;
    margin-bottom: 15px;
    font-size: 11px;
}
#description h1
{
    color: #2B5998;
    font-size: 17px;
    margin: 0px;
    padding: 0px;
}


.productDetailImageContainer
{
    float: left; /*border: 1px solid #999999;*/
    margin-right: 50px;
    margin-left: 50px;
    height: 140px;
    width: 140px;
    text-align: center;
}
.clear
{
    clear: both;
    height: 0px;
    width: 0px;
}
#footer
{
    width: 960px;
    background-color: #DDDDDD;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #ADDEDC;
    color: #333333;
    font-size: 12px;
    padding: 10px;
}
#footer a
{
    color: #333333;
    text-decoration: none;
}
#footer a:hover
{
    color: #999999;
    text-decoration: none;
}
.footer-right
{
    display: block;
    float: right;
}
div#footerCap
{
	background-image:url(Images/footerBackground.png);
	background-repeat:no-repeat;
	background-position: left top;
	width: 1051px;
	height:25px;
	margin:0 auto;
}
/*Modal Popup*/
.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup
{
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 300px;
}

.modalRatingPopup
{
    background-color: #ffffdd;
    border-width: 3px;
    border-style: none;
    border-color: Gray;
    padding: 3px;
    width: 400px;
}

.hideme
{
    display: none;
}

.cloudContainer
{
    background-image: url(Images/popupCloudTop.gif);
    background-repeat: no-repeat;
    width: 311px;
    min-height: 90px;
    padding-top: 35px;
    font-size: 8pt;
    font-family: Arial, Helvetica, sans-serif;
}

.cloudContainerStoreRating
{
    background-image: url(Images/popupCloudStoreRatingTop.gif);
    background-repeat: no-repeat;
    width: 311px;
    min-height: 90px;
    padding-top: 35px;
    font-size: 8pt;
    font-family: Arial, Helvetica, sans-serif;
}

.cloudContentContainer
{
    width: 285px;
}
.cloudContentLabel
{
    font-size: 11px;
    font-weight: bold;
    float: left;
    padding-right: 5px;
}

.cloudContentStoreRatingLabel
{
    font-size: 11px;
    font-weight: bold;
    padding-right: 5px;
    float: left;
    line-height: 1.1em;
}

.cloudContentStoreRatingText
{
    font-size: 11px;
    line-height: 1.1em;
}
.cloudContentText
{
    font-size: 11px;
}

.cloudMid
{
    background-image: url(Images/popupCloudMid.gif);
    background-repeat: repeat-y;
    width: 281px;
    min-height: 5px;
    padding-left: 25px;
    padding-right: 10px;
    padding-bottom: 20px !important; padding-bottom: 0px;
}

.cloudBot
{
    background-image: url(Images/popupCloudBot.gif);
    background-repeat: no-repeat;
    width: 311px;
    height: 15px;
}

.noProductResults
{
    height: 30px;
    padding-top: 15px;
    padding-left: 15px;
    font-size: 12pt;
}

.latestDealsContainer
{
    width: 161px;
    margin: 10px auto 3px auto;
    background-image: url(Images/latestDealsBoxTop.jpg);
    background-position: top;
    background-repeat: no-repeat;
    padding-top: 7px;
    text-align:center;
}

.latestDealsContent
{
    background-image: url(Images/latestDealsBoxMiddle.jpg);
    background-repeat: repeat-y;
    min-height: 40px;
    width: 161px;
    margin:0 auto;
    text-align:center;
}

.latestDealsTitle
{
    background-image: url(Images/latestDeals.jpg);
    background-repeat: no-repeat;
    width: 176px;
    height: 27px;
    margin-top: -9px;
}

.latestDealsPic
{
    float: left;
    margin-left: 5px;
    margin-right: 5px;
	 min-width:60px;
	 min-height:60px;
}

.latestDealsDesc
{
	float:left;
   width: 90px;
   text-align: left;
   margin-top:5px;
}

.latestDealsDesc a
{
    font-size: 8pt;
    color: #3E70B3;
    text-decoration:underline;
}

.latestDealsDesc a:hover
{
    color: #0000FF;
    text-decoration:underline;
}

.latestDealsSubTitle
{
    clear: both;
    font-size: 8pt;
    text-align: left;
    padding: 2px 5px 0 5px;
    color: #666666;
}

.latestDealsBottom
{
    background-image: url(Images/latestDealsBoxBottom.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    height: 5px;
    width: 161px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.testimoniesTitle
{
    background-image: url(Images/testimonials.jpg);
    background-repeat: no-repeat;
    width: 176px;
    height: 27px;
    margin-top: 5px;
}

.testimoniesContainer
{
    width: 161px;
    margin-top: 5px;
    text-align: left;
}

.testimoniesPic
{
    float: left;
    margin-left: 10px;
    width: 60px;
    height: 60px;
    background-color: #CCCCCC;
}

.testimoniesContent
{
    float: left;
    width: 80px;
    margin-left: 10px;
}


.testimonyName
{
    font-size: 11pt;
    color: #333399;
    font-weight: bold;
}

.testimonyLocation
{
    font-size: 8pt;
    color: #999999;
}

.testimonyText
{
    clear: both;
    font-size: 8pt;
    padding-bottom: 5px;
    border-bottom: 1px black solid;
    width: 161px;
    margin-left: 10px;
    color: #666666;
}

.testimonyLink
{
    margin-top: 5px;
}

.testimonyLink a
{
    background-image: url(Images/blueArrow.jpg);
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 10px;
    margin-left: 10px;
    font-size: 8pt;
    color: #3E70B3;
    text-decoration: underline;
}

.testimonyLink a:hover
{
    color: #0000FF;
}

.merchantRatingText
{
    font-size: 8pt;
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: bold;
}

.merchantLogoContainer
{
    padding-left: 5px;
}


.merchantNameLabel
{
    float: left;
    font-weight: bold;
}

.merchantRatingLabel
{
    float: left;
    font-weight: bold;
}

.merchantContentLabel
{
    font-weight: bold;
}

.merchantPopup
{
    font-size: 12pt;
    font-family: Arial, Helvetica, Sans-Serif;
    padding-left: 10px;
    padding-right: 10px;
    color: Blue;
    font-weight: bold;
}
.merchantPopupTop
{
    background-image: url(Images/merchantPopupCloudTop.gif);
    background-repeat: no-repeat;
    width: 293px;
    height: 35px;
    text-align: right;
    padding-bottom: 5px;
}

.merchantPopupMid
{
    background-image: url(Images/merchantPopupCloudMid.gif);
    background-repeat: repeat-y;
    width: 293px;
    height: 277px;
    padding-left: 15px;
    padding-right: 10px;
}

.merchantPopupBottom
{
    background-image: url(Images/merchantPopupCloudBot.gif);
    background-repeat: repeat-y;
    width: 293px;
    min-height: 2px;
    padding-left: 25px;
    padding-right: 10px;
}
.paddingWrapper
{
	padding-bottom:10px;
	margin-bottom:10px;
}