body {
	margin-top: 0px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
        background-color:#dbbb91;

}
#pageSurround {
	width: 98%;
	margin: 0px auto;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	min-width:780px;
}
#subSurround {
	padding-left: 14px;
}
#topHeader {
	text-align: right;
	height: 200px;
	background-image: url(../styleImages/dromelsite.gif);
	background-repeat: no-repeat;
	position:relative; 
        border-right-style: groove;
        border-left-style: groove;
        border-bottom-style: groove;
        border-top-style: groove;
        border-right-color: maroon;
        border-left-color: maroon;
        border-bottom-color: maroon;
        border-top-color: maroon;
        border-left-width: 40px;
        border-right-width: 5px;
        border-bottom-width: 5px;
        border-top-width: 5px;
}
#sessionBox {
       position:fixed;
	top:0px;
	right:0px;
	background-color:gray;
	padding:5px;
	border-left: 1px solid maroon;
	border-right: 1px solid maroon;
	border-bottom: 2px solid maroon;
        font-family: Verdana,Arial,Helvetica,sans-serif;
}
.sessionArea{
	position:fixed;
	top:0px;
	right:0px;
	background-color:gray;
	padding:5px;
	border-left: 1px solid maroon;
	border-right: 1px solid maroon;
	border-bottom: 2px solid maroon;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        background-image: url(../styleImages/backgrounds/bottomGradient.png);
}
.catBar{
        color:maroon;
        height: 14px;
        background-color:gray;
	font-family: Verdana, Arial, Helvetica, sans-serif;
        border-bottom-color: #ff0000;
        border-bottom-width: 4px;
        border-bottom-style: solid;
}
.searchBar{
        color:maroon;
	padding-top:5px;
}
.siteDocs {
	text-align: center;
        background-image: url(../styleImages/backgrounds/bottomGradient.png);
        height: 17px;
	color:black;
}
.siteDocsBgRight {
        background-image: url(../styleImages/backgrounds/bottomGradient.png);
	background-position: right;
	height: 17px;
}
.siteDocsBgLeft {
        background-image: url(../styleImages/backgrounds/bottomGradient.png);
	float: left;
	background-position: left;
	height: 17px;
}
.boxTitleLeft {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4D4D4D;
	background-image: url(../styleImages/backgrounds/bottomGradient.png);
	width: 175px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-weight: bold;
	border-left:20px solid maroon;
	border-right:3px solid maroon;
	border-top:3px solid maroon;
	border-bottom:3px solid maroon;
}
.boxTitleRight
        {font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4D4D4D;
	background-image: url(../styleImages/backgrounds/bottomGradient.png);
	width: 175px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-weight: bold;
	border-left:20px solid maroon;
	border-right:3px solid maroon;
	border-top:3px solid maroon;
	border-bottom:3px solid maroon;
}
.boxFootLeft {

	width: 175px;
	height: 12px;
	padding-left: 5px;
	border-left:1px solid red;
	border-right:4px solid red;
	border-bottom:1px solid red;
	margin-bottom:-1px;
}
.boxFootcurrency {

        width:175px; 
	height: 12px;
	padding-left: 5px;
	border-left:1px solid red;
	border-right:4px solid red;
	border-bottom:1px solid red;
	margin-bottom:-1px;
}
.boxFootRight{
        width:175px;
	height: 12px;
	padding-left: 5px;
	border-left:1px solid red;
	border-right:4px solid red;
	border-bottom:1px solid red;
	margin-bottom:-1px;}
.boxContentLeft {
        
        border-left:1px solid red;
	border-right:5px solid red;
	background-color:#575757;
	padding-left: 5px;
	padding-top: 9px;
	padding-bottom: 5px;
	width: 175px;
}
.boxConcate {
        height: 200px;
        border-left:1px solid red;
	border-right:5px solid red;
	background-color:#575757;
	padding-left: 5px;
	padding-top: 9px;
	padding-bottom: 5px;
	width: 175px;
}
.boxContentRight {
       
        border-left:4px solid red;
	border-right:1px solid red;
	background-color:#575757;
	padding-left: 5px;
	padding-top: 9px;
	padding-bottom: 5px;
	width: 175px;
}
.boxContent {
	background-image:url(../styleImages/backgrounds/bottomGradient.png);
	background-position:bottom;
	background-repeat:repeat-x;
	border:3px solid red;
	padding:3px 8px 15px;
	color:black;
	font-size:14px;
}
/* CHECKOUT PAGES 
.colLeftCheckout {
	position: relative;
	left: 0px;
	width: 160px; 
	padding-left: 9px;
	padding-right: 10px;
	float: left;
}
*/

/* END CHECK OUT PAGES */
.docBtnLeft {
	background-image: url(../styleImages/backgrounds/siteDocsBgLeft.gif);
	width: 4px;
}
.docBtnRight {
	background-image: url(../styleImages/backgrounds/siteDocsBgRight.gif);
	width: 4px;
}
.docBtnMid {
	background-image: url(../styleImages/backgrounds/siteDocsBg.gif);
	padding: 0px 3px 0px 3px;
}
.moreImages {
	text-align:center;
	background-image:url(../styleImages/backgrounds/bottomGradient.png);
	border-bottom:1px solid #E1EEF8;
	border-left:1px solid #E1EEF8;
	border-right:1px solid #E1EEF8;
	height:28px;
}
.loading{
	background-image:url(../styleImages/loadingAnimation.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	width:208px;
	height:13px;
	float:right;
	display:none;
}
.prodImage{
	text-align:center;
	border-left:2px solid red;
	border-top:0px solid #E1EEF8;
	border-right:2px solid red;
	border-bottom:5px solid red;
	padding-bottom:10px;
        color: maroon;
        background-color: silver;
}
.pagination {
	text-align: right;
	padding-top: 5px;
	padding-bottom: 5px;
	color:maroon;
	font-size:14px;
}
.moreImagesPadding{
	padding-top: 5px;
	padding-bottom: 5px;
	color:maroon;
	font-size:40px;
}
.moreImagesPadding:hover{
	cursor:pointer;
}
.productListNav {
	height:28px;
	border-left: 1px solid red;
	border-top: 2px solid red;
	border-bottom: 1px solid red;
}
.borderRight {
	border-right: 1px solid red;
	margin-right:-9px;
	margin-left:-9px;
	margin-top:-5px;
}
#subCats {
	background-color:gray;
	background-image:url(../styleImages/backgrounds/prodBG.gif);
	background-position:top left;
	background-repeat:repeat-x;
	text-align:center;
        color:maroon;
	border:1px solid red;
	float:left;
	width:99%;
	margin:0 auto;
	padding:3px;
}
.subCat {
	text-align:center;
        color: maroon;
	float:left;
	width:110px;
	height:100%;
	margin-bottom:8px;
	padding:8px;
}
.breadcrumb{
	float:left;
	padding-left:5px;
	color:maroon;
	font-size:14px;
}
.productList {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
        color :maroon;
        background-color:gray;
        border-bottom-color: #ff0000;
        border-bottom-width: 10px;
        border-bottom-style: solid;
}
.catProdText{
	font-size:14px;
	font-weight:700;
	color:maroon;
	text-decoration:none;
        font-family: Arial,Helvetica,sans-serif;
}
.regSep{
	padding: 10px 0px 10px 0px;
	margin: 10px 0px 10px 0px;
	border-top: 1px solid red;
	border-bottom: 1px solid red;
}
.topCatsLeft {
     font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
        color :maroon;
	background-color:#7a7a7a;
        height: 16px;
	padding-right:3px;
	padding-left:3px;
	border-right: 0px solid red;
        border-left: 0px solid red;
	border-bottom:2px solid red;
	border-left:0px solid red ;
	height:15px;
}

.topCatsRight {
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
        color :maroon;
	background-color:#7a7a7a;
        height: 16px;
	padding-right:3px;
	padding-left:3px;
        border-bottom:2px solid red;
	height:15px;}

.topCatsTabMid {
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
        color :maroon;
	background-color:#7a7a7a;
        height: 16px;
	padding-right:3px;
	padding-left:3px;
	border-right: 1px solid red;
        border-left: 1px solid red;
	border-bottom:2px solid red;
}
.topCatsTabMid:hover {
	border-bottom:3px solid maroon;
}

.latestProds {
        float:left;
	height:150px;
	overflow:hidden;
	position:relative;
	text-align:center;
        color: maroon;
	width:130px;
        border-right-style: groove;
        border-left-style: groove;
        border-bottom-style: groove;
        border-top-style: groove;
        border-right-color: red;
        border-left-color: red;
        border-bottom-color: red;
        border-top-color: red;
        border-bottom-width: 5px;
        border-top-width: 2px;
        border-left-width: 1px;
        border-right-width: 1px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
}
.latestProdTextArea {
        float:left;
	height:200px;
	overflow:hidden;
	position:relative;
	text-align:center;
	width:150px;
        color:maroon;
	padding-top:10px;
	padding-left:5px;
	padding-right:5px;
        font-family: Arial,Helvetica,sans-serif;
}
.latestProdTextAreaShortDesc{
	padding-top:10px;
	padding-left:5px;
	padding-right:5px;
	font-size:12px;
	font-family: Arial,Helvetica,sans-serif;
	color:maroon;
}
.latestProdText {
	font-size:20px;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:700;
	color:maroon;
	text-decoration:none;
}
.latestProdText:hover {
	font-size:45px;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:700;
	color:#2B7EC2;
	text-decoration:underline;
}
/***** START USER ACCOUNT PAGE *****/
.accountOption {
width:300px;
padding-top:20px;
padding-bottom:20px;
}

.accountPersonalInfo {
height:48px;
width:48px;
background-image:url(../styleImages/icons/personalInfo.gif);
background-repeat:no-repeat;
background-position:center;
}

.accountOrder {
height:48px;
width:48px;
background-image:url(../styleImages/icons/orders.gif);
background-repeat:no-repeat;
background-position:center;
}

.accountChangePassword {
height:48px;
width:48px;
background-image:url(../styleImages/icons/changePassword.gif);
background-repeat:no-repeat;
background-position:center;
}

.accountNewsletter {
height:48px;
width:48px;
background-image:url(../styleImages/icons/newsletter.gif);
background-repeat:no-repeat;
background-position:center;
}

#ajax-banner {
background-position:center ;
background-repeat:repeat-x;
height:250px;
margin-top:-20px;
}