*
{
    padding: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
}

a
{
    outline: none;
}

a img
{
    border: none;
    outline: none;
}

#middlepanel
{
    /* border:solid 1px black; */
    height: 634px;
    width: 1020px;
}

.toppanel
{
    width: 960px;
    padding-top: 20px;
    margin-left: 30px;
}

.flatbox
{
    border: solid 1px #a6d4da;
}


body
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt; /*	background:#b6d5ee url(../images/bodyBg.jpg) top left repeat-x; */
    margin-bottom: 10px;
}

.bluetitle
{
    padding: 5px 0px 5px 0px;
    font-size: 12pt;
    font-weight: bold;
    color: #a6d4da; /* blue */
}

.smallerblue
{
    color: #a6d4da;
    font-weight: bold;
}

.cusservparagraph
{
    padding: 2px 0px 10px 0px;
}

.graytitle
{
    padding: 5px 0px 5px 0px;
    color: Gray; /* blue */
}

.boldtitle
{
    font-weight: bold;
    padding:0px;
}

#main
{
    width: 1020px;
    margin: 0px auto;
}

#header
{
    margin: 0px auto;
    text-align: left;
}

#ShoppingCart
{
    float: right;
    width: 150px;
}

#navigation
{
    /*background:transparent url("../images/green.jpg") repeat-x top left;	 */
    text-align: left; /*border:1px solid #7a7a7a;*/
    z-index: 100;
    margin-left: 450px;
    vertical-align: middle;
    margin-top: 0px;
    height: 35px;
}

#navigation ul
{
    margin: 0px auto;
    width: auto;
}

#navigation ul li
{
    display: inline; /*border-right:1px solid #808856;*/
    padding: 4px 5px 7px 5px;
}


#navigation ul li a
{
    color: Black;
    text-decoration: none;
    margin-bottom: 5px; /*	background:#000;*/
}

#navigation ul li a:hover
{
    /*		background:#fff;*/
    font-weight: bold;
}

.cartqty
{
    color: #EE3229;
}

#cartimg
{
    float: left;
    width: 25px;
}
#swingtagimg
{
    height: 42px;
    width: 20px;
}
#carttext
{
    margin-left: 25px;
}
#cart
{
    float: right;
    margin-right: 20px;
    width: 150px;
}


#shoppingcarttitle
{
    font-size: 10pt;
}

#shoppingcartlinks
{
    color: #EE3229; /* red */
    font-size: 9pt;
}

#shoppingcartlinks a
{
    color: #EE3229;
    font-size: 9pt;
    text-decoration: none;
}


.clear
{
    clear: both;
}

#contentHolder
{
    /*	background:url(../images/bottomBg01.png) repeat-x bottom center;*/ /*	background:url(../images/02.png) no-repeat bottom center; 	padding:0px 0px 115px; /*	border:1px solid green;*/
}

#back
{
    /*	background:url(../images/01.png) no-repeat bottom center; */
    padding: 0px 6px;
}

#content
{
    /*	background:url(../images/contentBg.png) repeat-y top center;*/ /*background:url(../images/04.png) repeat-y top center;	*/ /*	border:1px solid red;*/
}

.bottomImg
{
    text-align: left; /*		border:1px solid green;*/ /*	margin:0px -6px 7px -6px;*/
    margin: 0px -1px;
}

#leftpart
{
    float: left;
    width: 110px;
    height: 460px;
    margin: 40px 0px 0px 6px;
}

.leftbooks
{
    height: 139px;
    width: 100px;
    border: none; /*   padding-top:72px; */
    z-index: 100;
}

h1
{
    /*background:url(../images/hBg.jpg) repeat-x;	*/
    color: White;
    background-color: #a6d4da; /* blue color */
    text-align: center;
    font-size: 10pt; /*text-transform:uppercase;*/
    padding: 1px;
    width: 100px;
}


#leftpart ul
{
}

#leftpart ul li
{
    list-style: none; /*color:Black;*/ /*background:#e9e9e9; border-bottom:1px solid #c2c2c2; border-top:1px solid #ffffff;*/
    padding: 3px 3px 3px 3px;
}

#leftpart ul li a
{
    color: #000;
    text-decoration: none;
}

#leftpart ul li:hover
{
    /*background:#fff;*/
    cursor: pointer;
}

.container
{
    height: 455px;
}

.button
{
    text-align: right;
    padding: 0px 10px 10px 0px; /*background:#e9e9e9;*/
}



#middlemiddles
{
    /*margin-left:120px;*/
    float: left;
    width: 895px;
}

#middleleft
{
    float: left; /*margin:40px 5px 0px 7px;*/
    width: 745px;
    height: 600px;
    background: url(../images/Elements/Framelarger.jpg) no-repeat;
}
/*
#middleleft a {
	color:#000;	
    text-decoration: none;
}
*/

#middleright
{
    /*  margin-left:740px; */
    width: 125px;
    height: 564px;
    float: left;
}

#middleright img
{
    text-decoration: none;
    border: none;
}

#middleright ul
{
    list-style: none;
}

#middleright ul li
{
    padding: 3px 0px 3px 0px;
    text-decoration: none;
    border: none;
}

/*.rightbox{
    height:70px;
    width:120px;
    border:none;
    margin-top:240px;
}
*/
.rightbox
{
    height: 70px;
    width: 120px;
    border: none; /*   margin-top:240px; */
    margin-bottom: 0px;
}

p
{
    margin: 10px 0px;
}

#rightpart
{
    float: right;
    margin: 40px 16px 0px 0px;
    width: 197px;
}

#rightpart .learnmore
{
    /*background:url(../images/rBtBg.png) no-repeat;*/
    width: 84px;
    height: 24px;
    border: none;
    text-transform: capitalize;
    color: #ffffff;
    font-size: 11px;
    margin: 70px 15px 10px 0px;
}
/*
width:84px;
height:24px;
border:none;
text-transform:capitalize;
color:#ffffff;
font-size:11px;
margin:70px 15px 10px 0px;
}
*/
#whatwasthis
{
    width: 84px;
    height: 24px;
    border: none;
    text-transform: capitalize;
    color: #ffffff;
    font-size: 11px;
    margin: 70px 15px 10px 0px;
}

#rightpart .learnmore:hover
{
    color: #000;
}

.resource
{
    height: 100px;
    width: 75px; /*margin:10px auto; text-align:right;*/
}



.newsletter
{
    height: 100px;
    width: 75px; /*margin:10px auto; text-align:right;*/
}

.testimonial
{
    height: 100px;
    width: 75px; /*margin:10px auto; text-align:right;*/
}
.delivery
{
    height: 100px;
    width: 75px; /*margin:10px auto; text-align:right;*/
}

.space
{
    height: 10px;
}

#footer
{
    /*	color:#3f3f3f; */
    background: url(../images/Elements/Bottom-shelf.jpg) no-repeat;
    margin-top: 0px;
    padding: 0px 0px 0px 0px;
    font-size: 10px; /*	margin:665px 0px 0px;  */
    line-height: normal;
    font-weight: bold;
    height: 19px;
    width: 1000px; /*position :relative;*/
}

#footer a
{
    color: #3f3f3f;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
}

#bottompanel
{
    margin-top: 0px;
    padding: 0px 0px 0px 0px;
}

#footernav
{
    margin: auto;
    padding: 0px;
}

#footernav ul
{
    margin: 0px auto;
    padding: 0px;
    width: auto;
    color: White;
}

#footernav ul li
{
    display: inline;
    padding: 0px 10px 0px 10px;
    color: White;
}

#footernav a
{
    margin: 0px auto;
    padding: 0px;
    width: auto;
    color: White;
}

#leftbottom
{
    float: left;
    width: 350px;
}

#centrebottom
{
    padding: 0px;
    float: left;
    width: 340px;
    margin-left: 330px;
}

#rightbottom
{
    float: left;
    margin-left: 120px;
    width: 200px;
    font-size: 6pt;
    color: White;
    text-align: right;
}

#rightbottom a
{
    margin: 0px auto;
    width: auto;
    font-size: 6pt;
    color: White;
}

#contentholder
{
    margin: 10px 10px 10px 10px;
    width: 725px;
    height: 580px;
}

.design
{
    float: right;
    margin-top: -13px;
    width: auto;
}

/****************************************
  HOME PAGE CSS - Home.aspx
***************************************/
.ContentPanel
{
    height: 100%;
    width: 695px;
    padding: 20px 20px 20px 20px;
}

.copy
{
    float: left;
    width: auto;
}

.mainpagetext
{
    text-align: center;
    padding: 0px 0px 1px 0px;
}

.mainpagetext p
{
    margin: 0px;
    padding: 0px 0px 0px 0px;
}


.MainPageImage
{
    width: 100%;
    height: 250px;
}

.middleimages
{
    height: 200px;
    width: 100%;
    padding: 5px 0px 0px 0px;
}

.middleimagesleft
{
    height: 200px;
    width: 200px;
    border-style: solid;
    border: solid 1px Gray;
    float: left;
    cursor: pointer;
}

.middleimagesmiddle
{
    height: 200px;
    width: 200px;
    border-style: solid;
    border: solid 1px Gray;
    float: left;
    margin-left: 50px;
    cursor: pointer;
}

.middleimagesright
{
    height: 200px;
    width: 200px;
    border-style: solid;
    border: solid 1px Gray;
    float: right;
    cursor: pointer;
}

.middleimagesimage
{
    width: 170px;
    height: 170px;
    padding: 5px 15px 0px 15px;
}

.middleimagestext
{
    height: 30px;
    width: 100%;
    padding: 2px 0px 0px 0px;
    color: Gray;
    text-align: center;
}

/****************************************
  About Us - AboutUs.aspx
***************************************/
.abouttoppanel
{
    width: 100%;
    height: 500px;
}

.quoteclass
{
    font-style: italic;
    font-size: 10pt;
    font-weight: bold;
    color: #a6d4da; /* blue */
}

.nonquoteclass
{
    font-size: 10pt;
    color: #a6d4da; /* blue */
}


.aboutimgleft
{
    height: 400px;
    width: 275px; /* 800 x 1162 = 1.45  400 / 275 = 1.45 */
    float: left;
}

.abouttextright
{
    height: 400px;
    width: 350px;
    float: left;
    margin-left: 50px;
    font-size: 8pt;
}

.abouttextbottom
{
    height: 50px;
    margin-left: 100px;
    width: 495px;
    text-align: center;
}

/****************************************
  Products.aspx
***************************************/

.viewdetailslink
{
    color: #EE3229;
    text-decoration: none;
}

.breadcrumbs
{
    width: 100%;
    height: 30px;
    color: Gray;
    padding: 0px 5px 0px 5px;
}

.productsimages
{
    height: 490px;
    width: 100%;
    border-bottom: solid 1px Gray;
}

.productnav
{
    height: 50px;
    width: 100%;
}

.singleproduct
{
    padding: 10px 25px 10px 25px;
    float: left;
    width: 180px;
}

.singleproductimage
{
    height: 160px;
    width: 160px;
    border: solid 1px Gray;
}

.singleproductstitle
{
    height: 60px;
    width: 160px;
    text-align: center;
}

.singleproductstitle p
{
    margin: 0px;
}

.productnavleft
{
    height: 30px;
    width: 130px;
    margin-left: 30px;
    float: left;
    padding-top: 4px;
    color: Black;
}

.productnavleft a
{
    color: Black;
}
.productnavprev
{
    height: 27px;
    width: 90px;
    float: left;
    margin-left: 55px;
}

.productnavprev img
{
    height: 100%;
    width: 100%;
}

.productnavnext
{
    height: 24px;
    width: 80px;
    float: left;
    margin-left: 50px;
}

.productnavnext img
{
    height: 100%;
    width: 100%;
}
.productnavright
{
    height: 30px;
    width: 100px;
    float: right;
}

/****************************************
  Single Product - SingleProduct.aspx
***************************************/

.CartAdded
{
    border: solid 1px Gray;
    padding: 2px;
    margin-left: 3px;
    color: Red;
}

.singleproducttop
{
    height: 260px;
    width: 100%;
}

.singleproductmainimage
{
    float: left;
    width: 250px;
    height: 250px;
    border: solid 1px Gray;
}

.singleproductdetails
{
    float: left;
    width: 350px;
    height: 250px;
    margin-left: 30px;
}

.singleproductmiddle
{
    height: 140px;
    width: 100%;
    border-bottom: solid 1px Gray;
}

.singleproductimages
{
    border: solid 1px Gray;
    padding: 7px 7px 7px 7px;
    cursor: pointer;
}

.singleproductbottom
{
    height: 95px;
    width: 100%;
}

.singleproductbottomleft
{
    height: 90px;
    width: 200px;
    float: left;
    padding-top: 40px;
    padding-left: 40px;
}

.singleproductbottomright
{
    height: 90px;
    float: left;
    padding: 10px 10px 10px 10px;
}

.singleproducttitle
{
    color: #a6d4da;
    font-size: 14pt;
}

.singleproducttitle p
{
    margin: 5px 0px 0px 8px;
}

.singleproductdescription
{
    font-size: 8pt;
}

.singleproductdescription p
{
    padding: 0px 0px 0px 0px;
    margin: 5px 0px 0px 8px; /*  margin:10px;   */
}

.singleproductdescription a
{
    color: Black;
}

.singleproductaddcart
{
    margin: 8px 0px 5px 8px;
    height: 22px;
    vertical-align: top;
}

.singleproductaddcarttextbox
{
    border: solid 1px #a6d4da;
    vertical-align: top;
    width: 40px;
    height: 22px;
}

.singleproductaddcartbutton
{
    background-color: #a6d4da;
    color: White;
    border: none;
    padding: 1px 2px 1px 2px;
    height: 22px;
    margin-left: 5px;
}

.fullprice
{
    text-decoration: line-through;
    font-style: italic;
}

.newprice
{
    color: #EE3229;
    font-weight: bold;
}


.singleproductaddcartbuttonupdate
{
    background-color: #a6d4da;
    color: White;
    border: none;
    height: 22px;
    padding: 1px 2px 1px 2px;
    margin-left: 10px;
    float: left;
}

.singleproducttellfriend
{
    color: Gray;
    font-size: 8pt;
    margin-left: 8px;
}

.singleproducttellfriend a
{
    padding: 3px 5px 3px 5px;
    color: Gray;
    font-size: 8pt;
    text-decoration: none;
}

/****************************************
  Shopping Cart - ShoppingCart.aspx
***************************************/
.ShoppingCartHeader
{
    width: 100%;
}

.ShoppingCartTitle
{
    padding: 5px 0px 5px 20px;
    font-size: 14pt;
    color: #a6d4da;
}

.ShoppingCartItems
{
    width: 550px;
    height: 70px;
    padding: 5px 5px 5px 5px;
}

.ShoppingCartGridHeader
{
    padding: 10px 5px 5px 5px;
    font-size: 10pt;
    background-color: #EFEFEF; /* Gray */
    border: solid 1px Black;
    width: 450px;
}


.ShoppingCartGridHeaderPic
{
    float: left;
    width: 100px;
}

.ShoppingCartGridHeaderDesc
{
    float: left;
    width: 100px;
    margin-left: 20px;
}

.ShoppingCartGridHeaderQty
{
    float: left;
    width: 40px;
    margin-left: 20px;
    text-align: right;
}

.ShoppingCartGridHeaderQtyEdit
{
    float: left;
    width: 40px;
    margin-left: 20px;
    text-align: right;
    border: solid 1px gray;
}

.DiscountCode
{
    padding: 2px 10px 0px 3px;
    border: solid 1px gray;
    vertical-align: middle;
}

.ShoppingCartGridHeaderUnit
{
    float: left;
    width: 60px;
    margin-left: 20px;
    text-align: right;
}

.ShoppingCartGridHeaderTotal
{
    float: left;
    width: 70px;
    margin-left: 20px;
    text-align: right;
}

.ShoppingCartGridHeaderRightButton
{
    float: left;
    width: 70px;
    margin-left: 20px;
}

.ShoppingCartContinueButton
{
    float: left;
    width: 189px;
    height: 33px;
    margin-left: 10px;
}

.ShoppingCartCheckoutButton
{
    float: right;
    width: 126px;
    height: 26px;
    padding: 3px 0px 0px 0px;
}

/****************************************
  Checkout - Checkout.aspx
***************************************/

.CheckoutNewsletter
{
    padding: 2px;
}

.CheckoutTitle
{
    padding: 10px 5px 5px 5px;
    font-size: 12pt;
    color: #666666; /* Gray */
}

.CheckoutSectionTitle
{
    padding: 5px 0px 5px 20px;
    font-size: 14pt;
    color: #a6d4da; /* blue */
}

.CheckoutLineEntry
{
    width: 100%;
    height: 30px;
}

.CheckoutMidLabel
{
    float: left;
    padding: 0px 10px 0px 20px;
}

.CheckoutSpecialInstructions
{
    width: 550px;
    height: 80px;
}

.CheckoutLeftLabel
{
    float: left;
    width: 90px;
}

.CheckoutInput
{
    float: left;
}

.CheckoutInput input
{
    border: solid 1px black;
    padding: 1px 5px 1px 2px;
}
/*
CheckoutTitle">STEP 1 - Customer & Delivery Details</div>
    <div class="CheckoutSectionTitle">Customer Details</div>
    <div class="CheckoutLineEntry">
        <div class="CheckoutLeftLabel">First Name: *</div>
        <div class="CheckoutInput
*/

/****************************************
  Payment - Payment.aspx
***************************************/
.PaymentHeader
{
    padding: 5px 5px 5px 5px;
    font-size: 10pt; /*background-color: #666666; */ /* Gray */
    background-color: #EFEFEF; /* light gray */
    border: solid 1px Black;
    width: 450px;
}

.PaymentGridTitleItem
{
    float: left;
    width: 230px;
}

.PaymentGridTitleQty
{
    float: left;
    width: 40px;
    text-align: right;
}

.PaymentGridTitleUnit
{
    float: left;
    width: 80px;
    text-align: right;
}

.PaymentGridTitleTotal
{
    float: left;
    width: 80px;
    text-align: right;
}

.PaymentDescription
{
    border: solid 1px black;
}

.PaymentTotals
{
    height: 17px;
    text-align: right;
}

.PaymentLines
{
    width: 450px;
    height: 30px;
    padding: 5px 5px 5px 5px;
}

.PaymentLabel
{
    width: 450px;
}

.ConfirmButton
{
    float: right;
    color: White;
    background-color: #a6d4da; /* blue color */
    text-align: center;
    font-size: 10pt;
    padding: 1px;
    border: none;
}

.CheckoutContinueButton
{
    float: right;
    width: 185px;
    height: 28px;
    padding: 0px 0px 0px 0px;
}

/****************************************
  Confirmation - Confirmation.aspx
***************************************/
.ConfirmationEnjoy
{
    color: Red;
}

.TranTitle
{
    font-weight: bold;
    width: 100px;
    padding-right: 20px;
}


/****************************************
  Sitemap main.master
***************************************/
.sitemappanel
{
    padding-top:20px;
    width: 1000px;
    height: 200px;
}

.sitemappanelleft
{
    margin-left:30px;
    float: left;
    width: 250px;
    height: 200px;
}

.sitemappanelmiddle
{
    float: left;
    width: 250px;
    height: 200px;
}

.sitemappanelmiddleright
{
    float: left;
    width: 250px;
    height: 200px;
}

.sitemappanelright
{
    float: left;
    width: 200px;
    height: 200px;
}

.sitemappanel ul li { list-style: none; padding: 0px 3px 3px 3px; font-size:9pt;}

.sitemappanel ul li a { color: #000; text-decoration: none; font-size:8pt; }

.sitemappanel ul li:hover { cursor: pointer; }