/* CSS Document */

body
{
margin:0;
padding:0;
line-height:1.4em;
text-align:center;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1em;
font-weight:normal;
background: url(images/background.gif);


}


* html img, 
* html div
{
behavior: url('iepngfix.htc');
height:auto;
}






#wrapper
{
width:952px;
margin:0 auto;
padding:0 20px 20px 20px;
background:#fff url(images/wrapperBack.gif) bottom no-repeat;
text-align:left;
}


h1, h2, h3, h4, h5, h6
{
text-transform:lowercase;
}



h4
{
color:#a2bd30;
}



.clear
{
clear:both;
}


.dottedLine
{
clear:both;
background:url(images/line.gif) top left repeat-x;
height:1px;
margin:0 0 2em 0;
}






#header
{
background:url(images/headerBack.gif) no-repeat;
padding-bottom:25px;
}

#logo
{
width:268px;
height:102px;
margin:29px 8px 0 0;
float:right;
}




#topNav
{
margin:103px 0 0 20px;
float:left;
padding:0;
font-size:1em;
}

#topNav ul
{
list-style-type:none;
padding:0;
margin:0;
}

#topNav ul li
{
display:inline;
}

#topNav ul li a:link,
#topNav ul li a:visited
{
color:#c10076;
padding-left:20px;
text-decoration:none;
}

#topNav ul li a:hover,
#topNav ul li a.current:link
{
color:#a2bd30;
text-decoration:none;
}





#rightPanel
{
width:211px;
margin-top:20px;
padding:0;
float:right;
}
ul.butterfly
{
font-size:1em;
line-height:1.8em;
text-align:left;
padding:0;
position:relative;
margin:0 0 20px 0;
padding:0;
}
ul.butterfly li
{
list-style:none;
font-weight:normal;
padding:0;
margin:0 0 0 20px;
}
ul.butterfly li a:link,
ul.butterfly li a:visited
{
text-decoration:none;
color:#c10076;
padding-left:20px;
background:url(images/bulletPink.gif) no-repeat 0 50%;
}
ul.butterfly li a:hover
{
color:#a2bd30;
text-decoration:none;
padding-left:20px;
background:url(images/bulletGreen.gif) no-repeat 0 50%;
}







/* wheres the  h2's? */
/* i need one now... */
h2
{
font-size:1em;
padding:0;
margin:20px 0 0 0;
}
h2 a:link,
h2 a:visited
{
color:#c10076;
text-decoration:none;
}








/* content */

#content
{
clear:both;
width:952px;
margin-top:0px;
padding-top:10px;
background:url(images/line.gif) top left repeat-x;
color:#c10076;
}


#contentLeft
{
width:701px;
margin:20px;
padding:0;
float:left;
}





#content h1
{
font-size:1.4em;
font-weight:normal;
color:#c10076;
margin:0;
padding:0;
line-height:1.2em;
}

#content h1 span
{
color:#a2bd30;
}


#content h3
{
padding:0;
color:#c10076;
font-weight:normal;
font-size:1em;
}

#content h3 a:link,
#content h3 a:visited
{
text-decoration:none;
font-weight:normal;
color:#c10076;
}

#content h3 a:hover
{
color:#a2bd30;
text-decoration:none;
}


p
{
padding:0;
font-size:1em;
line-height:1.4em;
font-weight:normal;
}

p a:link,
p a:visited
{
text-decoration:none;
color:#c10076;
font-weight:bold;
}

p a:hover
{
color:#a2bd30;
}


#pinkContent
{
color:#c10076;
}






.price
{
padding:0;
color:#c10076;
font-size:1.8em;
font-weight:normal;
}


.dims
{
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:0;
color:#666;
font-size:.6em;
line-height:1.4em;
font-weight:normal;
}




.boxOuter,
.boxOuterRight
{
width:170px;
margin:20px 20px 0 0;
padding:20px;
background:url(images/boxBack.png) no-repeat 50% 50%;
text-align:center;
}


.boxOuterImage
{
width:170px;
margin:0;
}



.boxOuterRight
{
margin:20px 0 0 0;
}





.productBox
{
width:400px;
margin:20px 0 20px 20px;
float:right;
text-align:right;
color:#a2bd30;
font-size:0.9em;
}
.productBox img
{
border:#ccc solid 1px;
}






.backButton
{
width:300px;
margin:0;
float:right;
text-align:right;
}

.backButton a:link,
.backButton a:visited
{
text-decoration:none;
color:#c10076;
padding-left:20px;
background:url(images/back1.png) no-repeat 0 50%;
font-weight:normal;
}

.backButton a:hover
{
color:#a2bd30;
text-decoration:none;
padding-left:20px;
background:url(images/back2.png) no-repeat 0 50%;
}









/* add to basket */

form#addtobasket
{
margin:20px 0;
padding:0;
color:#c10076;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.8em;
}



form#addtobasket input, 
form#addtobasket select, 
form#addtobasket textarea
{
border:solid 1px #c10076;
background:#fff;
margin-right:10px;
padding:2px;
font-size:1em;
color:#c10076;
}


form#addtobasket input#clear_form,
form#addtobasket input#submit_form
{
margin-right:15px;
padding:2px;
width:auto;
color:#fff;
background:#c10076;
text-transform:uppercase;
}







table.table
{

background:#d8e0b4;
color:#c10076;
font-size:1em;
margin:20px 0 0 0;
float:left;
width:701px;
font-family:verdana, sans-serif;
}

table.table td
{

background:#fff;
padding:10px;
font-size:.8em;
}

table.table td a:link,
table.table td a:visited
{
text-decoration:none;
color:#fff;
font-size:1.2em;
line-height:1.6em;
}

table.table td a:hover
{
color:#a2bd30;
text-decoration:none;
}



table.table tr.section td
{
color:#fff;
padding:10px;
background:#c10076;
}

table.table tr.total td
{
color:#c10076;
font-size:1.2em;
padding:10px;
font-family:Georgia, "Times New Roman", Times, serif;
}

table.table tr.total td a:link,
table.table tr.total td a:visited
{
text-decoration:none;
color:#a2bd30;
font-size:1em;
}

table.table tr.total td a:hover
{
color:#c10076;
text-decoration:none;
}


table.table thead tr td
{
color:#c10076;
font-size:1em;

background:#E8F0C4;
}












#footerNav
{
width:952px;
position:relative;
padding:0;
margin:210px 0 0 20px;
font-family:Georgia, "Times New Roman", Times, serif;
}

#footerNav ul
{
list-style-type:none;
padding:0;
position:relative;
margin:10px 0;
}

#footerNav ul li
{
display:inline;
}

#footerNav ul li a:link,
#footerNav ul li a:visited
{
color:#fff;
padding-left:20px;
text-decoration:none;
font-size:1em;
}

#footerNav ul li a:hover,
#footerNav ul li a.current:link
{
color:#c10076;
text-decoration:none;
}


#oconnorscampersBadge
{
position:absolute;
right:70px;
bottom:-16px;
}




.mini
{
font-size:0.7em;
color:#bbb;
}






#lastBits
{
width:952px;
margin:0 auto;
padding:10px 0;
text-align:center;
}



#lastBits p
{
padding:0;
margin:0;
color:#666;
font-size:.6em;
font-family:Verdana, Helvetice, Arial, San-serif;
}

#lastBits p a:link,
#lastBits a:visited
{
font-weight:normal;
text-decoration:none;
color:#333;
}

#lastBits p a:hover
{
color:#666;
text-decoration:none;
}



a img
{
border:0;
}









form.normalForm
{

}
form.normalForm label
{
clear:left;
float:left;
width:120px;
padding:0 1em 0 0;
margin:0 0.5em 1em 0;
text-align:right;
}
form.normalForm label.required
{
background:url('/images/required.gif') no-repeat right top;
}
form.normalForm input, 
form.normalForm textarea, 
form.normalForm select
{
float:left;
margin:0 0 1em 0;
width:290px;
}
form.normalForm input.autowidth, 
form.normalForm textarea.autowidth, 
form.normalForm select.autowidth
{
width:auto;
}



.properBoxWrap
{
width:230px;
}
.properBoxWrap h3
{
width:185px;
}