/* Start of CMSMS style sheet 'Pams Style' */
/* Written by Allan simpson (simpson-design.com)   2008 */
/* Hand typed using Notepad++
/*Main Style Sheet for Pam's Piece by Piece */

body {
	background-image:url('sitegraphics/left_nav_bg.jpg');
	background-repeat: repeat-y;
	background-color:#F3D9A8;
	color:#4a4a4a;
	margin:0px;
	padding:0px;
}


/* primary layout DIVs
 ------------------------------------------ */

#top_bar{
	background-image:url('sitegraphics/top_bar.jpg');
	background-repeat: no-repeat;
	background-color:#3F0003;
	margin:0px;
	padding:0px;
	height:18px;
}

#header{
	background-image:url('sitegraphics/header_extender.jpg');
	background-repeat: repeat-x;
	background-color:#F3D9A8;
	margin:0px;
	padding:0px;
	height:206px;
}



#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 172px; /*Set left margin to LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 172px; /*Width of left column*/
margin-left: -100%;
background-image:url('sitegraphics/left_nav_bg.jpg');
background-repeat: repeat-y;
}

#logo_bottom{
	background-image:url('sitegraphics/logo_bottom.jpg');
	background-repeat: no-repeat;
	margin:0px;
	padding:0px;
	width:171px;
	height:19px;
}


#maintext_home{
       
        float:left;
        margin:0px;
        padding:20px;
        width: 300px;
        height: 100%;
}


#maintext{
        float:left;
        margin:0px;
        padding:20px;
        width: 300px;
        height: 100%;
}


#whatsnew{
        float:left;
        margin:0px;
        padding:0px;
        width: 280px;
        height: 100%;
}


#footer_logo{
        background-image:url('sitegraphics/footer_logo.jpg');
	margin:0px;
	padding:0px;
	float:left;
	width:171px;
	height:90px;
    }
#footer{
	background-image:url('sitegraphics/footer_bg.jpg');
	margin:0px;
	padding:0px 0 0 200px;
	height:90px;
        width:100%;
         
    bottom:0;
    right:0;

        float:left;
        
} 



.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}



#clearer{
	clear:left;
}




/* General image handleing
-------------------------------------------------------------- */
.logo{
	margin:0px;

	padding:0px;
}
.img{
	padding:0px;
	margin:0px;
	border:0px;
}

/* Pattern Layout blocks and styles
-------------------------------------------------------------- */

.pattern{
	margin:0px;
	padding:5px;
	width:650px;
}
.outer_image_bg{
	
	background-repeat:no-repeat;
	margin:0px;
	padding:4px;
	width:204px;
	height:217px;
	float:left;
}
.inner_image{
	margin:0px;
	padding:31px 0 0 30px;
}

.inner_image_home{
	margin:0px;
	padding:0px 0 0 15px;
}
.view_larger{
	margin:0px;
	padding:5px 0 0 28px;
}

a.view_larger {color:#400000;font-size:12px;}
a.view_larger:link {text-decoration: none;color:#400000;font-size:12px;}
a.view_larger:visited {text-decoration: none;color:#400000;font-size:12px;}
a.view_larger:hover {text-decoration: none;color:#400000;font-size:12px;}
a.view_larger:active {text-decoration: none;color:#400000;font-size:12px;}
	
.description_wrap{
	margin:0px;
	padding:4px;
	width:400px;
	float:left;
}
.pattern_title{
	color:#400000;
	font-size:16px;
	margin:0px;
	padding:24px 0 4px 4px;
}
.item_num{
	color:#400000;
	font-size:14px;
	margin:0px;
	padding:4px 0px 4px 0px;
}
.pattern_number{
	color:#555451;
	font-size:14px;
	margin:0px;
	padding:0px;
}
.pattern_description{
	color:#555451;
	font-size:12px;
	margin:0px;
	padding:4px;
}
.price{
	color:#400000;
	font-size:14px;
	margin:0px;
	padding:4px 0px 4px 0px;
}
.pattern_price{
	color:#555451;
	font-size:14px;
	margin:0px;
	padding:0px;
}
.clearblock{
	clear:both;
	width:300px;
	height:30px;
}



/* ordering page
--------------------------------*/
#online_order {
	border:1px solid #400000;
	
	width:330px;
	height:330px;
	/*-------------------------------- IE SPECIFIC ALTERNATE */
	margin:6px 6px 15px 6px;       /* margin:6px 0px 15px 3px; */


	/*-------------------------------- IE SPECIFIC ALTERNATE */
	padding: 15px;
	
}

        


#wholesale_order {
	border:1px solid #400000;
	
	width:330px;
	height:330px;
	/*-------------------------------- IE SPECIFIC ALTERNATE */
	margin:6px 6px 15px 6px;     /* margin:6px 3px 15px 0px; */
	/*-------------------------------- IE SPECIFIC ALTERNATE */
	padding:15px;
}



#distributors{
        border:1px solid #400000;
        width:330px;
        height:100%;
        margin:6px 6px 15px 6px;
        padding:15px;
}

.headings{
	font-size:24px;
}

.order_text{
       font-size:14px;
       color:#000000;
}

a.large_headings {color: #2C7FA6;font-size:24px;font-weight:bold;margin:0px;}
a.large_headings:link {text-decoration: none;}
a.large_headings:visited {text-decoration: none;color: #043A53;}
a.large_headings:hover {text-decoration: none;color: #043A53;}
a.large_headings:active {text-decoration: none;}

a.large {color: #2C7FA6;font-size:14px;font-weight:bold;margin:0px;}
a.large:link {text-decoration: none;}
a.large:visited {text-decoration: none;color: #043A53;}
a.large:hover {text-decoration: none;color: #043A53;}
a.large:active {text-decoration: none;}








/* nav bar links
 ------------------------------------------ */

.nav_link{
	background-image:url('sitegraphics/nav_link.jpg');
	background-repeat: no-repeat;
	margin:20px 0 0 15px;
	padding:8px 0 0 10px;
	width:134px;
	height:45px;
}

a.navs {color: #FBF0E3;font-size:24px;font-weight:bold;font-variant:small-caps;}
a.navs:link {text-decoration: none;;}
a.navs:visited {text-decoration: none;color: #FBF0E3;}
a.navs:hover {text-decoration: none;color: #D7AA71; font-variant:small-caps;}
a.navs:active {text-decoration: none;}

a.footer_navs {color: #4B0000;font-size:14px;font-weight:bold;}
a.footer_navs:link {text-decoration: none;;}
a.footer_navs:visited {text-decoration: none;color: #4B0000;}
a.footer_navs:hover {text-decoration: none;color: #240000;font-weight:bold;}
a.footer_navs:active {text-decoration: none;}


/* Text elements
-------------------------------------------------------------- */

p {font-family:Arial, Helvetica, sans-serif;color:#000000;}

img {border:0;}

/* The General Text Styling area 
------------------------------------------ */

.main_content{
       
        width:100%;
	margin:0px;
	padding:0px;
}
.footer{
	color:#400000;
	font-size:12px;
	margin:0px;
	padding:0px 0 0px 0px;
}



/* Headings
-------------------------------------------------------------- */

h1 {
	color:#333333;
	font-size: 32px;
	text-align:left;
	padding:0px 0px 0px 10px;
}
h2 {
	color:#000000;
	font-size: 18px;
	text-align:left;
	padding:0px 0px 0px 10px;
}

h3 { font-size: 16px; line-height:36px;}
h4 { font-size: 14px; line-height:3px; }
h5 { font-size: 12px; font-weight:normal; line-height:0px; }
h6 { font-size: 12px; }

.subtitle{
       color:#333333;
       font-size:24px;
       text-align:left;
       padding:0px 0px 0px 10px;
}



/* General image handleing
-------------------------------------------------------------- */
.logo{
	margin:0px;

	padding:0px;
}
.img{
	padding:0px;
	margin:0px;
	border:0px;
}

/* Pattern Layout blocks and styles
-------------------------------------------------------------- */

.pattern{
	margin:0px;
	padding:5px;
	width:650px;
}
.outer_image_bg{
	
	background-repeat:no-repeat;
	margin:0px;
	padding:4px;
	width:204px;
	height:217px;
	float:left;
}
.inner_image{
	margin:0px;
	padding:31px 0 0 30px;
}

.inner_image_home{
	margin:0px;
	padding:0px 0 0 15px;
}
.view_larger{
	margin:0px;
	padding:5px 0 0 28px;
}

a.view_larger {color:#400000;font-size:12px;}
a.view_larger:link {text-decoration: none;color:#400000;font-size:12px;}
a.view_larger:visited {text-decoration: none;color:#400000;font-size:12px;}
a.view_larger:hover {text-decoration: none;color:#400000;font-size:12px;}
a.view_larger:active {text-decoration: none;color:#400000;font-size:12px;}
	
.description_wrap{
	margin:0px;
	padding:4px;
	width:400px;
	float:left;
}
.pattern_title{
	color:#400000;
	font-size:16px;
	margin:0px;
	padding:24px 0 4px 4px;
}
.item_num{
	color:#400000;
	font-size:14px;
	margin:0px;
	padding:4px 0px 4px 0px;
}
.pattern_number{
	color:#555451;
	font-size:14px;
	margin:0px;
	padding:0px;
}
.pattern_description{
	color:#555451;
	font-size:12px;
	margin:0px;
	padding:4px;
}
.price{
	color:#400000;
	font-size:14px;
	margin:0px;
	padding:4px 0px 4px 0px;
}
.pattern_price{
	color:#555451;
	font-size:14px;
	margin:0px;
	padding:0px;
}
.clearblock{
	clear:both;
	width:300px;
	height:30px;
}

/* footer
-------------------------------------------------------------- */	
.footer_title{
	color:#400000;
	font-size:14px;
	font-weight:bold;

}
.hosted_by{
	color:#054F80;
	font-size:14px;
	font-weight:bold;
}
	


/* Form Styles
-------------------------------------------------------------- */	





legend
{

background-color:#EBBF70;
border: 1px solid #28200D;
padding: 6px 6px
}



/* ordering page
--------------------------------*/
#online_order {
	border:1px solid #400000;
	
	width:330px;
	height:330px;
	/*-------------------------------- IE SPECIFIC ALTERNATE */
	margin:6px 6px 15px 6px;       /* margin:6px 0px 15px 3px; */


	/*-------------------------------- IE SPECIFIC ALTERNATE */
	padding: 15px;
	
}

        


#wholesale_order {
	border:1px solid #400000;
	
	width:330px;
	height:330px;
	/*-------------------------------- IE SPECIFIC ALTERNATE */
	margin:6px 6px 15px 6px;     /* margin:6px 3px 15px 0px; */
	/*-------------------------------- IE SPECIFIC ALTERNATE */
	padding:15px;
}



#distributors{
        border:1px solid #400000;
        width:330px;
        height:100%;
        margin:6px 6px 15px 6px;
        padding:15px;
}

.headings{
	font-size:24px;
}

.order_text{
       font-size:14px;
       color:#000000;
}

a.large_headings {color: #2C7FA6;font-size:24px;font-weight:bold;margin:0px;}
a.large_headings:link {text-decoration: none;}
a.large_headings:visited {text-decoration: none;color: #043A53;}
a.large_headings:hover {text-decoration: none;color: #043A53;}
a.large_headings:active {text-decoration: none;}

a.large {color: #2C7FA6;font-size:14px;font-weight:bold;margin:0px;}
a.large:link {text-decoration: none;}
a.large:visited {text-decoration: none;color: #043A53;}
a.large:hover {text-decoration: none;color: #043A53;}
a.large:active {text-decoration: none;}


/* End of 'Pams Style' */

