﻿/* Header
********************************/
#header-container {
    background: url(../images/BG/header-bg.gif) repeat-x left;
    height: 150px;
}
#header {
    width: 930px;
    margin: 0 auto;
    overflow: hidden;
}
#logo {
    float: left;
    margin-top: 30px;
    width: 200px;
}
#header-right {
    float: right;
    margin-top: 30px;
    width: 730px;
    
}

/*Nav Bar*/
#navbar {
    background: url(../images/BG/navbar.gif) repeat-x left;
    overflow: hidden;
    margin: 0;
    padding: 0;
    display: block;
    height: 33px;
}
/* Top Image Container */
#ImageContainer {
    width: 950px;
    margin: 0px auto;
}
#smallmainContent{
	float: left;
    width: 455px;
    padding: 10px;
}
/* Content
*******************************/
#contentContainer {
    width: 950px;
    margin: 20px auto;
}
/*MainContent*/
#mainContent {
    float: left;
    width: 685px;
    padding: 10px;
}
/*#rightbar {
    float: right;
   background: url(../images/bg/rightbar.gif) no-repeat left 0px;
    width: 200px;
    padding-left: 35px;
    height:100%;
}*/

#rightbar{ width: 200px; float: right;
    padding-left: 35px; height:100%;background:white url(../images/bg/separator.png) repeat-y;}
#rightbar .top{ width: 200px; height:140px;
    padding-left: 35px;float:right;background:white url(../images/bg/separator-top.png) no-repeat;}
#rightbar .bottom{ width: 200px; height:140px;
    padding-left: 35px;float:right;background:white url(../images/bg/separator-bottom.png) no-repeat;}



/*footer
**************************/
#footercontainer {
    height: 340px;
    background: #565656;
    border-top: solid 5px #A6A6A6; /*border-top:solid 5px #4586D3;*/
}
#footer {
    width: 950px;
    margin: 0px auto;
}



#mainContentRight {
    margin-left: 250px;
    margin-right: 10px;
}

.clearfloat {
    /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}


/* Payment
********************************/
.paymentPanel
{
	margin: 10px 30px;
	padding: 15px;
	border: 3px #EFEFEF solid;
}
.botBorder {
	border-bottom:dotted 1px #CCCCCC;
}

.basketHeader
{
	background-color: #e7e7e7;
	font-weight: bold;
}
.AlternateItem
{
	background-color: #eaf0f3;
	border: 1px solid #eaf0f3;
}
.basketItem
{
}
.SmallGray {
	font-size:11px;
	color:#808080;
}


