/* CSS Document */
body { background:url(/images/layout/background.gif) top left repeat; font-size:70%; text-align:center; 
		margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif }
a { outline:none; }
.container { background-color:#E1E9EC; color:#646464; text-align:left; margin:0 auto; width:782px }

form {margin:0}
textarea, input, select {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%;}

.header { background-color:#fff; }
.header .logo { float:left; margin:25px 15px; }
.header .strapline { float:right; position:relative; right:-1px }
.menu { clear:both }

.main { margin:15px;}

.leftSide { float:left; width:180px; }
.leftSide .leftSide { margin-bottom:15px; clear:left; }
.blockify { display:block; }
ul.leftSideMenu { margin:0; padding:0; list-style-type:none;  }
ul.leftSideMenu li { background:url(/images/layout/left/menuItemBG.gif) #fff bottom left repeat-x; display:block }
ul.leftSideMenu li a { display:block; text-decoration:none; color:#000000; padding:6px; text-transform:capitalize;}
ul.leftSideMenu li a img { position:relative; top:-2px; margin-right:5px; }
ul.subMenu { margin:0; padding:0; list-style-type:none; background:url(/images/layout/left/menuItemBG2.gif) top left repeat-x; display:none }
ul.subMenu li { background:url(/images/layout/left/menuItemBG2.gif) #DEDEDE bottom left repeat-x; }
ul.subMenu > li { padding-left:15px } /* ie 6 ignores this*/

.rightSide { float:right; width:556px; background:url(/images/layout/mainBG.gif) #FFFFFF top right no-repeat; padding-top:1px; }
.rightSide .main { margin:25px; line-height:1.5em }
.pageTitle { font-size:120%; font-weight:bold; color:#CC3366; margin-bottom:20px; }
#mainBottom { display:block; }

.footer { clear:both; height:60px; padding-bottom:15px; }
.copyrightTag { float:left; margin-top:10px }
.links { float:right; color:#000; margin-top:10px }
.links a { color:#0096E3; text-decoration:underline; margin:0 5px; }
.links a:hover { color:#000; }

.classHomepageColumn{float: left; width: 166px;  margin-left: 10px; margin-top: 5px}

.classHomepageImage{border: none; border-top: Solid 1px #FFF; float: left;}

#divLeftColumn a.classHomepageImageLink{border-top: Solid 5px #0295e3; float: left; margin-bottom: 5px}
#divMiddleColumn a.classHomepageImageLink{border-top: Solid 5px #676767; float: left; margin-bottom: 5px}
#divRightColumn a.classHomepageImageLink{border-top: Solid 5px #c62956; float: left; margin-bottom: 5px}

#divLeftColumn h1 { font-size:1em; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; color: #c62956; margin-bottom: 0px }
#divMiddleColumn h1 { font-size:1em; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; color: #c62956; margin-bottom: 0px }
#divRightColumn h1 { font-size:1em; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; color: #c62956; margin-bottom: 0px }

#divsubcats {}

.classColumn{width: 50%; text-align: center; float: left}

.classColumn a{ font-size:1em; text-align: center; font-family:Verdana, Arial, Helvetica, sans-serif; color: #c62956; text-decoration: none}
.classColumn a:hover{ font-size:1em; text-align: center; font-family:Verdana, Arial, Helvetica, sans-serif; color: #c62956; text-decoration: underline}


.classProductColumn{width: 97%; border-bottom:3px solid #CCCCCC; padding:5px; position:relative; overflow: auto;}
.classProductColumn span {position:absolute; left:350px;}
.classProductColumn a.Image ~ span {top:40px;}
.classProductColumn span span {position:relative; left:10px; padding-right:10px;}
.classProductColumn span select {position:absolute; left:130px; width:35px;}

.classProductColumn a.Image{float: left; padding-right:5px;}
.classProductColumn a.Image ~ a {padding-top:35px; display:block; float: left;}

.classProductColumn a{ font-size:1em; text-align: center; font-family:Verdana, Arial, Helvetica, sans-serif; color: #c62956; text-decoration: none}
.classProductColumn a:hover{ font-size:1em; text-align: center; font-family:Verdana, Arial, Helvetica, sans-serif; color: #c62956; text-decoration: underline}

.classProductColumn img {border: none; border-top: Solid 1px #FFF}


/***** Product Item Page ******/

#divProductColumnLeft{width: 48%; float: left; text-align: center;}

#divProductImageContainer{float: left;}
#divProductImageContainer img{margin: 10px; border: none}
.ImageNoTop{margin-top: -10px}

#divMoreImagesContainer{width: 221px; float: left; margin-top: 15px;}
.classMoreImageHeader{width: 100%; border-bottom: dashed 1px #c4c4c4; text-align: left}
.classMoreImages{width: 100%; text-align: center; margin-top: 5px}
.classMoreImages img {border: none;}
.classMoreImages a {border: Solid 1px #c4c4c4; float: left; margin-right: 5px}
.classMoreImages a:hover {border: Solid 1px #0295e3;}


#divProductColumnRight{width: 52%; float: left; text-align: center; }
#divProductColumnRight h1 {font-size:1.5em; text-align: left; font-family:Verdana, Arial, Helvetica, sans-serif; color: #84868B; margin: 0; margin-bottom: 5px; font-weight: normal}
#divProductColumnRight h2 {font-size:1.1em; text-align: left; font-family:Verdana, Arial, Helvetica, sans-serif; color: #84868B; margin: 0; margin-bottom: 10px; font-weight: normal}
#divProductColumnRight span {font-size:1.1em; text-align: left; font-family:Verdana, Arial, Helvetica, sans-serif; color: #0295e3; margin: 0; margin-bottom: 5px; font-weight: normal}
#divProductColumnRight p {font-size:1em; text-align: left; font-family:Verdana, Arial, Helvetica, sans-serif; color: #84868B; margin: 0; margin-bottom: 5px; font-weight: normal}


#divProductSpec{width: 100%; float: left; text-align: center; margin-top: 20px}
#divProductSpec p {font-size:1em; text-align: left; font-family:Verdana, Arial, Helvetica, sans-serif; color: #84868B; margin: 0; margin-bottom: 5px; font-weight: normal}
#divProductSpec span {font-size:1.1em; text-align: left; font-family:Verdana, Arial, Helvetica, sans-serif; color: #0295e3; margin: 0; margin-bottom: 5px; font-weight: normal}


#contactfrm { height: 100%; }
#contactfrm .contact-message { margin-bottom: 10px; padding: 7px; color: #002200; }
#contactfrm .contact-message.success
{
	border: 1px solid #336633; 
	background-color: #D3E1CE;
}
#contactfrm .contact-message.error
{
	border: 1px solid #990000; 
	background-color: #FDDBDB;
}
#contactfrm td { vertical-align: top; }
#contactfrm form table tr td:first-child { padding-top: 2px; }
#contactfrm input[type=text], #contactfrm textarea, #contactfrm select {  border: 1px solid #AAA; padding: 4px 5px; }
#contactfrm select { width: 242px; padding: 2px; }
#contactfrm select option { padding: 2px; }
#contactfrm textarea { height: 80px; }

/**************************************/
/*           IMAGE ROTATOR            */
/**************************************/
.image-rotator
{
	position: relative;
	float:right;
	height: 244px;
	width: 557px;
	margin: 0 0 15px;
	background-color: #EEEEEE;
}
.image-rotator .overlay
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #E1E9EC;
}
.image-rotator img { position: absolute; top: 0px; left: 0px; z-index: 1; }