/* Start of CMSMS style sheet 'layout' */
/*---------
    	global
----------*/

body {
	margin:0;
	padding:0;
}

#bodyWrapper {
	width: 800px;
	background: url(uploads/images/bg_top.gif) no-repeat scroll 0 0;
	margin: 20px auto 0;
	position: relative;
	overflow: hidden;
	padding: 10px 8px 0 9px;
}

#bodywrapper_bottom {
	width: 817px;
	background: url(uploads/images/bg_bottom.gif) no-repeat scroll bottom left;
	margin: 0 auto 10px;
	height: 17px;
}

/*---------
    	masthead
----------*/

#mastHead {
	background: url(uploads/images/mastheadbg.png) no-repeat scroll top right;
	height: 154px;
	padding-top: 30px;
	padding-left: 30px;
}

#mastHead h1 {margin:0;}

#mastHead h1 a {
	display: block;
	width: 170px;
	height: 71px;
	overflow: hidden;
	text-indent: -999em;
	background: url(uploads/images/alba_logo.gif) no-repeat scroll 0 0;
}

/*---------
    	content
----------*/

#contentWrapper {
	position: relative;
}

#leftCol {
	width: 227px;
	float: left;
	padding-left: 10px;
	padding-top: 1px;
	margin-right:7px;
}
* html #leftCol {margin-right:5px}

#leftCol h2, #leftCol ul {padding-top: 29px;}
#leftCol p, #leftCol h2, #leftCol h3, #leftCol h4 {padding-left: 36px;}

#rightCol {
	width: 547px;
	float: left;
	padding-top: 21px;
	background: url(uploads/images/contentboxtop.png) no-repeat scroll 0 0;
}

#rightCol_inner {
	background: url(uploads/images/contentboxbottom.png) no-repeat scroll bottom left;
	padding: 9px 30px 30px;
}

/*---------
    	home page
----------*/

.home #leftCol {
	width: 532px;
	height: 424px;
	background: url(uploads/images/maincontentimg.png) no-repeat scroll 0 0;
	float: left;
	margin-top: -33px;
	margin-left: 5px;
	padding:0;
	margin-right:0;
}

* html .home #leftCol {margin-left: 3px; width: 528px;}

.home #rightCol {
	width: 227px;
	float: left;
	background: url(uploads/images/waveimg.png) no-repeat scroll 0 0;
	height: 348px;
	padding: 20px 7pt 20px 20px;
}

#homelink1, #homelink2 {
	display: block;
	height: 120px;
	width: 300px;
	text-indent: -9999em;
	overflow: hidden;
	position: absolute;
}
#homelink1 {top: 70px; left: 10px;}
#homelink2 {top: 230px; left: 10px;}

/*---------
    	products page
----------*/

.cat #rightCol {
	padding: 30px;
	background: url(uploads/images/productintroimg.png) no-repeat scroll 0 0;
	height: 331px;
	width: 487px;
}

.item {
	position: relative;
	width: 552px;
	float: left;
	margin-bottom: 20px;
}

.item #imgBg {
	background: url(uploads/images/productimgbg.png) no-repeat scroll 0 0;
	padding: 10px;
	vertical-align: top;
	width: 170px;
        text-align: center;
        vertical-align: middle;
}

.item #imgBg img {max-width: 170px;}

.item #imgText {
	background: url(uploads/images/smallcontentbottom.png) no-repeat scroll bottom left;
	padding: 20px 30px 15px;
	vertical-align: top;
height: 100px;
}
* html .item #imgText {padding-top:0; padding-bottom: 0;}
* html .item #imgText h4 {margin-top: 20px;}

.item #rightCol {
	background: url(uploads/images/midcontenttop.png) no-repeat scroll 0 0;
	float: none;
        width: 348px;
	vertical-align: top;
}
.item #rightCol .summary {
padding: 5px 30px 0px;
}

.item #rightCol_inner {
	background: url(uploads/images/midcontentbottom.png) no-repeat scroll bottom left;
	vertical-align: top;
	padding:0;
padding-top:20px;
height:100px;
padding-bottom: 9px;
}

.item #rightCol h2 {margin-bottom: 0;}

.item .price {
	padding: 0px 30px 0px;
	background: url(uploads/images/priceimgbg.gif) no-repeat scroll 10px bottom;
	font-size: 12px;
        height: 119px;
}

.item .price p {
	border-top: 1px dotted #666;
	padding-top: 10px;
}

/*---------
    	promotions page
----------*/

.promo #leftCol {
	background: url(uploads/images/promo_sidecol_bg.png) no-repeat scroll 0 0;
margin: 0 0 0 7px;
height: 394px;
}

.promo #rightCol {
        padding: 22px 30px 38px;
	background: url(uploads/images/promo_maincol_bg.png) no-repeat scroll 0 0;
	height: 331px;
	width: 487px;
}

.promo #leftCol p, .promo #leftCol h2, .promo #leftCol h3, .promo #leftCol h4 {padding-left: 24px; padding-right:24px;}

/*---------
    	profile page
----------*/
* html .profile #leftCol {margin-right:0;}

.profile #rightCol {
	width: 368px;
	height: 441px;
	background: url(uploads/images/profilepgbg.png) no-repeat scroll 0 0;
	padding: 20px;
}

.profile #adCol {
	float: left;
	width: 105px;
	overflow: hidden;
	background: url(uploads/images/waveimgthin.png) no-repeat scroll 0 0;
	padding: 16px;
}

.pinklink {
	border-top: 1px dotted #ec008c;
	border-bottom: 1px dotted #ec008c;
	background: url(uploads/images/ripcurllogosmall.gif) no-repeat scroll 0 50%;
	color: #ec008c;
	padding: 5px 30px;
	margin-top: 0.8em;
	display: block;
}

/*---------
    	contact page
----------*/

* html .contact #leftCol {margin-right:0;}

.contact #rightCol{
	background: url(uploads/images/contactpgbg.png) no-repeat scroll 0 0;
	padding: 30px 150px 30px 30px;
	height: 331px;
	width: 367px;
}

/*---------
    	green box thick
----------*/

#greenbox {
	color: #fff;
	width: 133px;
	background: url(uploads/images/greenboxbottom.png) no-repeat scroll 0 0;
	padding: 12px 0px 0px;
	font-size: 14px;
	line-height: 1.1em;
        position: absolute;
        overflow: hidden;
}
#greenbox a {color: #fff;}

#greenbox_inner {
	background: url(uploads/images/greenboxtop.png) no-repeat scroll bottom left;
	width: 93px;
	padding: 0px 20px 5px;
}

/*---------
    	green box thin
----------*/

#greenboxthin {
	color: #fff;
	width: 110px;
	background: url(uploads/images/greenboxthinbottom.png) no-repeat scroll 0 0;
	padding: 11px 0px 0px;
	font-size: 1.1em;
	line-height: 1.1em;
}
#greenboxthin a {color: #fff;}

#greenboxthin_inner {
	background: url(uploads/images/greenboxthintop.png) no-repeat scroll bottom left;
	width: 80px;
	padding: 0px 15px 5px;
}

/*---------
    	footer
----------*/

#footer {
	background: url(uploads/images/footerbg.png) no-repeat scroll 0 0;
	clear: both;
	height: 51px;
	width: 766px;
	margin: 1px auto;
	padding: 10px 10px;
	overflow: hidden;
}

#footer img {margin: 0px 0px;}


/* End of 'layout' */

/* Start of CMSMS style sheet 'typography' */
/*---------------------
	GLOBAL
---------------------*/
body {
     font-family: arial, helvetica, verdana, sans-serif;
     font-size: 11px;
     line-height: 1.1em;
     color: #555;
}

/*---------------------
	TYPOGRAPHY
---------------------*/
h1 {
     font-size: 1.6em;
     margin: 1em 0;
     font-weight: bold;
}
h2 {
     font-size: 16px;
     line-height: 1.25em;
     margin: 0em 0 0.5em 0;
     color: #98002e;
     font-weight: normal;
     }
p+h2,ul+h2 {margin: 0.5em 0 0em 0;}
h3 {
     font-size: 1em;
     line-height: 1.25em;
     margin: 0;
     color: #F8981D;
     font-weight: bold;
     }
h4 {
     font-size: 1em;
     margin: 0em;
     color: #98002e;
     font-weight: bold;
     }
h2 a, h3 a, h4 a {color: #6d6d6d;}
h2 a, h3 a, h4 strong {color: #000;}
p {margin: 0 0 1em 0;}

.bigtext {
    font-size: 12px;
    line-height: 1.25em;
    width: 405px;
}

/*---------------------
	LINKS
---------------------*/
a {
     color: #333; 
     text-decoration: none;
}
a:hover {text-decoration: underline;}
#leftCol a:hover {color: black; text-decoration: none;}
a:active {outline: none;}
a img {border: none;}

/*---------------------
	LISTS
---------------------*/
ul {
padding-left: 36px;
margin:0;
}
p+ul {margin-top: -1em;}
ul li {
     line-height: 1em;
}
ul a {color: inherit;}
ol {margin: -0.3em 0 1em 1em;}
ol li  {
     margin: 0.4em 0.5em;
     line-height: 1.3em;
}

/*---------------------
	FORMS
---------------------*/
input, select {font-size: 11px; font-family: Arial;}
fieldset {border: none; padding: 0; margin:0; width: 430px;}
form p {margin-bottom: 2px;}
fieldset legend {
     font-size: 1em;
     line-height: 1.25em;
     color: #e1962f;
     font-weight: bold;
     padding: 0;
}
fieldset label {
     display: block;
     width: 100px;
     float: none;
     padding: 2px;
     font-style: italic;
}
fieldset input {
     width: 320px;
     border: 0px solid #CECECE;
     margin-bottom: 2px;
     padding: 2px;
     float: none;
     color: #666;
}
fieldset textarea {
     width: 320px; 
     height: 40px;
     border: 0px solid #CECECE;
     margin-bottom: 0px;
     margin-top: 0;
     padding: 2px;
     color: #666;
     font-size:11px;
}
.btn input, .btn a {
     background-color:#FCB446;
     border:0 solid #CECECE;
     color:#FFFFFF;
     cursor:pointer;
     display:block;
     float:right;
     font-size:1.6em;
     font-weight:bold;
     margin-bottom:5px;
     margin-right:70px;
     margin-top:-49px;
     padding:3px;
     text-align:center;
     width:80px;
}
.btn input:hover, .btn a:hover {
     text-decoration: none;
     background-color: #F8981D;
}

* html .btn input {margin-right: 35px;}

.superlabel label, .superlabelerrorinput label {color: #e1962f; font-weight: bold; font-style:normal; width: 200px;}

.half, .halferrorinput {width: 165px; float: left;}
.half input, .halferrorinput input {width:155px;}

.third, .thirderrorinput {width: 110px; float: left;} 
.third input, .thirderrorinput input {width: 100px;}

.twothrid, .twothriderrorinput {width: 220px; float: left;}
.twothrid input, .twothriderroinput input {width: 210px;}

.twothriderroinput input, .thirderrorinput input, .halferrorinput input {background-color: #FFDFDF;}

#errorMsg {
border: 1px red solid;
padding: 10px;
background-color: #FFDFDF;
color: #333;
position: absolute;
cursor: pointer;
top:-20px;
width:450px;
}

/*---------------------
	TABLES
---------------------*/
#formatted th {
font-weight: bold; 
text-align: left;  
color: #f8981d;
line-height: 1.3em;
}

#formatted td {
padding:1px; 
color: #666;
letter-spacing: -0.01em;
line-height: 1.3em;
border-bottom: 1px solid #fff;
}
td.phonenumber  {width: 86px; vertical align: top;}
td.store  {width: 120px; vertical align: top;}


/*---------------------
	OTHER
---------------------*/

/*---------------------HORIZONTAL LINE */
.hr {
     border: none;
     height: 5px;
     margin: 1em;
     clear: both;
}
.hr hr {display: none;}
hr.thin {margin: -0.3em 0 0.5em 0;}
hr.black {border-color: #000;}

/*---------------------DATA TABLES */
dt{
     float: left;
     clear: left;
     font-weight: bold;
     margin: 0 0 1em 1em;
     width: 55px;
     color: #000;
}
dd {
     display: block;
     margin: 0 0 1em 0;
     padding-left: 75px;
}

/*---------------------BLOCKQUOTE */
blockquote {
     margin: 0.5em 0;
     padding: 1.5em;
     background: #F5F8E2;
     color: #000;
}
blockquote h2, blockquote h3,blockquote h4, blockquote a {color: #000;}
blockquote p {}

/*---------------------CODE VIEW */
code {
     background: #F0F0F0;
     color: #000;
     font-size: 1.1em;
}
pre {
     background: #333;
     font-size:1.2em;
     line-height:1.4em;
     color: #eaeaea;
     padding: 1em;
     margin: 0.5em 0;
     font-family: Verdana, Helvetica, sans-serif;
}
/* End of 'typography' */

/* Start of CMSMS style sheet 'menu' */
/* -----------------------------------*/
/* --->>> HORIZONTAL NAVIGATION <<<---*/
/* -----------------------------------*/
/* --------->>> LEVEL ONE <<<---------*/
#nav {
     width: 100%;
     height: 22px;
     left:0px;
     position: absolute;
     top: 124px;
padding-left:12px;
}
#nav ul {
     list-style: none;
}
#nav a {
     display: block;
     font-weight: normal;
     font-size:1.1em;
     line-height: 1em;
     color:#fff;
     padding: 5px 30px 4px 10px;
}
#nav li {
     float: left;
     display: block;
}
#nav li a:hover {
     text-decoration: none;
color: #98002e;
}
#nav li.activeparent a {
color: #98002e;
font-weight: bold;
}
#nav .currentpage h3 {
     font-weight: bold;
     padding: 5px 30px 4px 10px;
     font-size: 1.1em;
     display: block;
     margin:0px;
     line-height:1em;
     color: #98002e;
}
     /* --------->>> LEVEL TWO <<<---------*/
 

.prod #leftCol h4 {
     font-size: 1em;
     margin: 0em;
     color: #262626;
     font-weight: bold;
     list-style: none;
     margin-top: 29px;
}

.prod #leftCol ul {
     margin:0; 
     color: #555;
     font-weight: normal;
     list-style: none;
     padding-top:0;
}
.prod #leftCol li h3 {
     padding:0;
     color: #f8981d;
     font-weight: bold;
     font-size: 1em;
     margin: 0;
     line-height: 1em;
}
/* End of 'menu' */

/* Start of CMSMS style sheet 'ie images' */
/*---------
    	png image replace
----------*/

img {
   behavior: url("/uploads/javascript/pngbehavior.htc");
}

/*---------
    	png filters
----------*/

* html #mastHead {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/uploads/images/mastheadbg.png', sizingMethod='crop');
background: none;
}

* html #rightCol {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/uploads/images/contentboxtop.png', sizingMethod='crop');
background: none;
}

* html .home #leftCol {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/uploads/images/maincontentimg.png', sizingMethod='crop');
background: none;
}

* html .home #rightCol {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/uploads/images/waveimg.png', sizingMethod='crop');
background: none;
}

* html .cat #rightCol {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/uploads/images/productintroimg.png', sizingMethod='crop');
background: none;
}

* html .item #imgBg {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/uploads/images/productimgbg.png', sizingMethod='crop');
background: none;
}

* html .item #rightCol {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/uploads/images/midcontenttop.png', sizingMethod='crop');
background: none;
}

* html .profile #rightCol {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/uploads/images/profilepgbg.png', sizingMethod='crop');
background: none;
}

* html .profile #adCol {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/uploads/images/waveimgthin.png', sizingMethod='crop');
background: none;
}

* html .contact #rightCol {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/uploads/images/contactpgbg.png', sizingMethod='crop');
background: none;
}

* html #greenbox {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/uploads/images/greenboxtop.png', sizingMethod='crop');
background: none;
}

* html #greenbox_inner {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/uploads/images/greenboxbottom.png', sizingMethod='crop');
background: none;
}

* html #greenboxthin {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/uploads/images/greenboxthintop.png', sizingMethod='crop');
background: none;
}

* html #greenboxthin_inner {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/uploads/images/greenboxthinbottom.png', sizingMethod='crop');
background: none;
}

* html .promo #leftCol {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/uploads/images/promo_sidecol_bg.png', sizingMethod='crop');
background: none;
}

* html #footer {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/uploads/images/footerbg.png', sizingMethod='crop');
background: none;
}

/*---------
    	gif replacements
----------*/


* html #rightCol_inner {
background: url(/uploads/images/contentboxbottom.gif) no-repeat scroll bottom left;
}


* html .item #imgText {
background: url(/uploads/images/smallcontentbottom.gif) no-repeat scroll bottom left;
}

* html .item #rightCol_inner {
background: url(/uploads/images/midcontentbottom.gif) no-repeat scroll bottom left;
}

* html .mikiGallery .imgFrame {background: url(/uploads/images/thumbnailFrame.gif) no-repeat scroll top left;}
* html .mikiGallery a:hover .imgFrame {background: url(/uploads/images/thumbnailFrame.gif) no-repeat scroll bottom left;}

* html .promo #rightCol {
background: url(/uploads/images/promo_maincol_bg.jpg) no-repeat scroll 0 0;
}

* html #nextIcon a {background: url(/uploads/images/nextbutton.gif) no-repeat scroll top left;}
* html #prevIcon a {background: url(/uploads/images/prevbutton.gif) no-repeat scroll bottom left;}
/* End of 'ie images' */