body 
{
    padding: 0;
    margin: 0;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 62.5%;
    background: #00005f url('images/background.gif') repeat-x top;
    text-align: center;
    min-width: 720px;
    color: #00005f;
}
h1, h2, h3, h4, h5, h6
{
    color: #00005f;
    font-family: Verdana, Arial, Sans-Serif;
    margin: 0 20px;
    padding: 0.5em;
    padding-left: 0;
    font-size: 1.8em;
}
a:link, a:visited
{
    color: #00005f;
    font-weight: bold;
}
a:hover 
{
    text-decoration: underline;
}
a:active
{
    font-weight: bold;
}
.narrowcontent p 
{
    font-size: 1.2em;
    margin: 20px;
}
.narrowcontent p.leader 
{
    /*font-size: 1.25em; */
}
.narrowcontent #productinfo
{
    background: #fff url('images/paragraph_bg.gif') repeat-x top left;
}
.narrowcontent #productinfo p
{
    margin: 0 20px;
    padding: 10px 0;
    line-height: 2em;
    float: left;
    display: inline;
}
.narrowcontent #productinfo .gallery
{
    float: left;
    display: inline;
    background: #fdc7d5 url('images/mask.gif') no-repeat bottom left;
    margin: 20px;
    padding: 10px;
    font-size: 1.2em;
}
#productinfo #productimgvertical
{
    width: 500px;
    margin: 0 30px;
}
#productinfo #productimgroller
{
    width: 521px;
    margin: 0 20px;
}
#productinfo #productimgpleated
{
    width: 400px;
    margin: 0 80px;
}
#productinfo #productimgvenetian
{
    width: 521px;
    margin: 0 20px;
}
#productinfo #productimgroman
{
    width: 450px;
    margin: 0 55px;
}
#productinfo #productimgawning
{
    width: 500px;
    margin: 0 30px;
}
#productinfo .gallerylink
{
    font-weight: bold;
    float: right;
    display: inline;
    font-size: 1.1em;
    background: url('images/arrow_rt.gif') no-repeat center right;
    padding: 0 12px 0 0;
}
ul, li  
{
    padding: 0;
    margin: 0;
}

a:link 
{
    text-decoration: none;
}
a:visited 
{
    text-decoration: none;
}
a:hover 
{
    text-decoration: underline;
}
a:active 
{
    text-decoration: none;
}
.clear 
{
    clear: both;
}

/* --- ::Layout ---------------------------------------------- */
#wrapper 
{
    background: #fff url('images/background_top.gif') no-repeat top;
    width: 720px;   /* Overall width */
    margin: 0 auto;
    text-align: left;
}

/* --- ::Masthead --------------------------------------------- */
#masthead /* Encompasses logo and address and tel. no but not navigation */
{
    width: 100%;
    height: 160px;
    font-family: Tw Cen MT, Century Gothic, Arial, Sans-Serif;
}
#masthead .logo 
{
    width: 156px;
    height: 137px;
    float: left;
    display: inline;
    margin: 25px 0 0 3px;
}
#masthead .adr  /* 'adr' is microformats compatible */
{
    float: right;
    display: inline;
    margin: 60px 5px 10px;
    width: 400px;
    font-size: 1.2em;
    color: #00005f;
    text-align: right;
}
#masthead .tel 
{
    margin: 0 5px 0 200px;  
    float: right;
    display: inline;
    font-size: 2em;
    font-weight: normal;
    color: #00005f;
    text-align: right;
}

#masthead .tel em 
{
    font-weight: bold;
    font-style: normal;
}
#masthead .fax
{
    float: right;
    display: inline;
    font-size: 1.5em;
    padding: 0 0 5px;
    margin: 0 5px 0 0;
    background: url('images/triflash.gif') no-repeat bottom right;
}

/* --- ::Navigation ----------------------------------------------- */
#navigation 
{
    width: 100%;
    font-family: Verdana, Arial, Sans-Serif;
}

.mainnav
{
    list-style: none;
    margin: 3px 0 0 162px;
}

.mainnav a:link, .mainnav a:visited 
{
    text-decoration: none;
    font-weight: normal;
    color: #fff;
}

.mainnav a:hover 
{
    text-decoration: none;
    color:  #fdc7d5;   
}
.mainnav a:active
{
    font-weight: normal;
    text-decoration: none;
}
.mainnav li
{
    float: left;
    display: inline;
    background: url('images/tab_rt_inactive.gif') no-repeat top right;   
}
.mainnav li a
{
    display: block;
    background: url('images/tab_lt_inactive.gif') no-repeat top left;
    color: #fff;
    padding: 0 1em 0.25em;
    line-height: 1.5em;
    font-size: 1.2em;
    text-align: center;
}

body.home .mainnav .home,
body.blinds .mainnav .blinds,
body.awnings .mainnav .awnings,
body.contactus .mainnav .contactus,
body.aboutus .mainnav .aboutus,
body.findus .mainnav .findus
{
    float: left;
    display: inline;
    background: url('images/tab_rt_active.gif') no-repeat top right;
    
}

body.home .mainnav .home a,
body.blinds .mainnav .blinds a,
body.awnings .mainnav .awnings a,
body.contactus .mainnav .contactus a,
body.aboutus .mainnav .aboutus a,
body.findus .mainnav .findus a
{
    display: block;
    background: url('images/tab_lt_active.gif') no-repeat top left;
    color: #fff;
    padding: 0 1em 0.25em;
    line-height: 1.5em;
    font-size: 1.2em;
    text-align: center;
}

#subnav
{
    float: left;
    display: inline;
    width: 720px;
    background: #5f5e98;
    padding: 0.5em 0;
}
#subnav ul 
{
    list-style: none;
    margin: 0 0 0 162px;
}   

#subnav li 
{
    float: left;
    display: inline;
    font-size: 1.1em;
}

body.vertical #subnav .sub_vertical,
body.roller #subnav .sub_roller,
body.pleated #subnav .sub_pleated,
body.venetian #subnav .sub_venetian,
body.roman #subnav .sub_roman
{
    float: left;
    display: inline;
    font-size: 1.1em;
    background: url('images/subtab_rt_active.gif') no-repeat top right;
    
}
#subnav a
{
    display: block;
    color: #fff;
    line-height: 1em;
    padding: 0.5em 1em;
}
#subnav a:hover 
{
    text-decoration: underline;
}


body.vertical #subnav .sub_vertical a,
body.roller #subnav .sub_roller a,
body.pleated #subnav .sub_pleated a,
body.venetian #subnav .sub_venetian a,
body.roman #subnav .sub_roman a
{
    display: block;
    color: #fff;
    line-height: 1em;
    padding: 0.5em 1em;
    background: url('images/subtab_lt_active.gif') no-repeat top left;
}

/* --- ::Content ------------------------------------------------------ */
.twocol
{
    float: left;
    display: inline;
    width: 720px;
    background: #fff url('images/starsegment_main.gif') no-repeat left top;
}
.twocol .narrowcontent
{
    float: left;    
    display: inline;
    margin: 0 -720px 0 0;
    width: 561px;
}
.onecol .widecontent
{
   background: #fff url('images/genbackground.gif') repeat-y top left;
   min-height: 500px;
}

/* --- ::Sidebar ------------------------------------------------------ */
#sidebar 
{
    height: 500px;
    width: 159px;
    float: left;
    display: inline;
}
#sidebar .headline 
{
    background: #00005f;
    color: #fff;
    margin: 7px 7px 0;
    line-height: 1em;
    text-align: center;
    font-size: 1.5em;
    padding: 0.5em 0;
    border-top: solid 1px #00005f;
    border-right: solid 1px #00005f;
    border-bottom: solid 3px #e44864;
    border-left: solid 1px #00005f;
}
#sidebar .tempter 
{
    margin: 0 7px 5px;
    color: #00005f;
    font-size: 1.25em;
    padding: 5px 5px 10px 5px; 
    border-right: solid 1px #999; 
    border-bottom: solid 1px #999; 
    border-left: solid 1px #999; 
}
#sidebar .tempter p 
{
    /*font-size: 0.9em;*/
}
#sidebar ul
{ list-style: none;
}
#sidebar li
{
    padding: 1px 0;
}
#sidebar a 
{
    color: #e44864;
    font-size: 0.9em;
    font-weight: bold;
    line-height: 15px;
    padding: 0 15px 0 0;
    background: url('images/triangle.gif') no-repeat right;
}
#sidebar a:hover 
{
    text-decoration: underline;
}

#sidebar .button
{
    padding: 0;
    background: #fdc7d5;
}

/* --- ::Footer ------------------------------------------------------ */
#footer
{
    float: left;
    display: inline;
    background: #00005f url('images/background_btm.gif') no-repeat top;
    height: 40px;
    width: 720px;
    color: #fff;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 1.1em;
}
#footer ul 
{
    margin-left: 15%;    
    list-style: none;
}
#footer li 
{
    float: left;
    display: inline;
    padding: 1.5em 0.5em;
    
}
#footer a:link, #footer a:visited 
{
    color: #fff;
    font-weight: normal;
}
#footer a:hover 
{
    text-decoration: underline;
}
#footer a:active
{
    font-weight: normal;
}
/* --- ::Breadcrumb ------------------------------------------------------ */
#breadcrumbbar
{
	border-bottom: solid 1px #e3e3e3;
	margin: 0 5px;
	padding: 0 0 3px;
}
.gallery #breadcrumbbar
{
	display: none;
}
.breadcrumb
{
	display: block;
    padding: 5px 0 0 10px;
    margin: 0;
    font-family: Verdana, Arial, Sans-Serif;
	font-size: 1.1em;
}
/* --- ::Home ----------------------------------------------- */
#homecontent h1, h2 
{
    padding: 0;
    font-family: Verdana, Arial, Sans-Serif;
}
#homecontent a:link, #homecontent a:visited
{
    text-decoration: none;
}
#homecontent a:hover
{
    text-decoration: underline;
}
#homecontent a:active
{
    text-decoration: underline;
}
#vertical 
{
    background: url('images/pampus_sunglow.jpg');
    float: left;
    display: inline;
    margin: 10px 0 10px 7px;
    width: 270px;
    height: 226px;
}
#vertical div
{
    float: left;
    display: inline;
    background: url('images/mask_tr.gif') no-repeat top right;
    height: 226px;
    width: 270px;
}
#vertical h2 
{
    color: #00005f; 
    margin: 10px 5px 5px 90px;
    font-size: 2em;
}
#vertical a
{
    color: #00005f; 
    padding: 0 10px 0 0;
}
#vertical p 
{
    color: #00005f;
    margin: 28px 5px 5px 30px;
    font-size: 1.25em;
    font-family: Verdana, Arial, Sans-Serif;
}
#roller 
{
    background: url('images/bedcream.jpg');
    float: left;
    display: inline;
    margin: 10px 0 10px 10px;
    width: 270px;
    height: 226px;
}
#roller div
{
    float: left;
    display: inline;
    background: url('images/mask_tr.gif') no-repeat top right;
    height: 226px;
    width: 270px;
}
#roller h2 
{
    color: #00005f;
    margin: 140px 5px 5px 20px;
    font-size: 2em;
}
#roller p 
{
    color: #00005f;
    margin: 5px 5px 5px 20px;
    font-size: 1.25em;
    font-family: Verdana, Arial, Sans-Serif;
}
#pleated 
{
    background: url('images/Picture 026.jpg');
    float: left;
    display: inline;
    margin: 0 0 3px 7px;
    width: 130px;
    height: 240px;
}
#pleated div
{
    float: left;
    display: inline;
    background: url('images/mask_tr.gif') no-repeat top right;
    height: 240px;
    width: 130px;   
}
#pleated h2 
{
    color: #00005f;
    margin: 45px 0 0 5px;
}

#pleated p 
{
    color: #00005f;
    margin: 10px 0 0 5px;
    font-family: Verdana, Arial, Sans-Serif;
}

#awnings 
{
    background: url('images/awning0010.jpg');
    float: left;
    display: inline;
    margin: 0 0 3px 10px;
    width: 130px;
    height: 240px;
}
#awnings div
{
    float: left;
    display: inline;
    background: url('images/mask_tr.gif') no-repeat top right;
    height: 240px;
    width: 130px;   
}
#awnings h2 
{
    color: #fff;
    margin: 110px 0 0 5px;
}

#awnings p 
{
    color: #fff;
    margin: 10px 0 0 5px;
    font-family: Verdana, Arial, Sans-Serif;
}
#awnings a
{
    color: #fff;
    padding: 0 10px 0 0;
}
#venetian 
{
    background: url('images/Chestnut.jpg');
    float: left;
    display: inline;
    margin: 0 0 3px 10px;
    width: 130px;
    height: 240px;
}
#venetian div
{
    float: left;
    display: inline;
    background: url('images/mask_tr.gif') no-repeat top right;
    height: 240px;
    width: 130px;   
}
#venetian h2 
{
    color: #00005f;
    margin: 10px 0 0 5px;
}

#venetian p 
{
    color: #00005f;
    margin: 10px 0 0 5px;
    font-family: Verdana, Arial, Sans-Serif;
}

#roman 
{
    background: url('images/madi_mink_cam_e.jpg');
    float: left;
    display: inline;
    margin: 0 0 3px 10px;
    width: 130px;
    height: 240px;
}
#roman div
{
    float: left;
    display: inline;
    background: url('images/mask_tr.gif') no-repeat top right;
    height: 240px;
    width: 130px;   
}
#roman h2 
{
    color: #fff;
    margin: 10px 0 0 5px;
}

#roman p 
{
    color: #fff;
    margin: 10px 0 0 5px;
    font-family: Verdana, Arial, Sans-Serif;
}
#roman a
{
    color: #fff;
    padding: 0 10px 0 0;
}
.productimg
{
    margin: 0 0 3px 0;
}
/* --- ::Blinds ----------------------------------------------------- */
#blinds .prodbox
{
    margin: 5px 10px 0;
    padding: 1px;
}
#blinds .box
{
    height: 60px;
    margin-top: 10px;
}
#blinds .gallerybar
{
    background: #e3e3e3 url('images/mask_bl.gif') no-repeat bottom left;
    margin-top: 0;
    margin-bottom: 5px;
    padding: 0.2em;
    font-family: Verdana, Arial, Sans-Serif;
}
#awningscontent div
{
   /* margin: 7px 10px 0;*/
}
#awningscontent .box
{   
    margin-top: 5px;
    background: url('images/awning0023.jpg') no-repeat center left;
    height: 60px;
    margin-top: 28px;
}
#awningscontent .gallerybar
{
    background: #e3e3e3 url('images/mask_bl.gif') no-repeat bottom left;
    margin-top: 0;
    padding: 0.2em;
    font-family: Verdana, Arial, Sans-Serif;
}
#awningscontent .gallerybar a
{
    float: right;
    display: inline;
    background: url('images/arrow_right.gif') no-repeat center right;
    padding: 0 15px;
    margin: 0 5px;
}
#awningscontent .desc
{
    float: right;
    display: inline;
    width: 300px;
    margin: 5px 35px 0 -35px;
    line-height: 15px;
}
#blinds #verticalblind
{
	margin-top: 5px;
    background: url('images/lilac_blackout.jpg') no-repeat center left;
}
#blinds #rollerblind
{
    background: url('images/bramble07.jpg') no-repeat center left;
    
}
#blinds #pleatedblind
{
    background: url('images/green.jpg') no-repeat center left;
    
}
#blinds #venetianblind
{
    background: url('images/birch.jpg') no-repeat center left;
    
}
#blinds #romanblind
{
    background: url('images/cord_cream.jpg') no-repeat center left;
    
}
#blinds .box a
{
    margin-left: 205px;
    font-size: 1.5em;
}
#blinds .gallerybar a
{
    float: right;
    display: inline;
    background: url('images/arrow_right.gif') no-repeat center right;
    padding: 0 15px;
    margin: 0 5px;
}
#blinds .desc
{
    float: right;
    display: inline;
    width: 300px;
    margin: 5px 35px 0 -35px;
    line-height: 15px;
}
/* --- ::Contact Us ------------------------------------------------- */
.success
{
	margin: 2em 0 1em 2em;
    display: block;
    font-size: 1.1em;
}
.success a, .success span
{
	margin: 1em 0 0 2em;
	display: inline;
}
.contactdetails .summary 
{
    border: dashed 1px #f00;
    padding: 10px;
    margin: 15px;
    background: #fee;
    font-size: 1.1em;
}

.contactdetails .summary ul 
{
    list-style: bullet;
    margin: 0 0 0 20px;
}

.contactdetails 
{
    font-size: 1.1em;
    font-family: Verdana, Arial, Sans-Serif;
}
.contactdetails fieldset
{
    margin: 15px;
    padding: 0;
    outline-style: none;
    border: none;
}
.contactdetails fieldset legend
{
	font-size: 1.1em;
	padding: 0 0 3px 0;
}
.contactdetails fieldset .info
{
	float: left;
    display: inline;
	border: solid 1px #999;
    background: #eee;
    padding: 5px 0 0 10px;
}
.contactdetails .field
{
    margin: 0;
    padding: 0;
}
.contactus .fieldlabel 
{
    float: left;
    display: inline;
    width: 200px;
    text-align: right;
    border: none 1px #999;
    margin: 10px 3px 0 10px;
}
.contactus .request 
{
    float: left;
    display: inline;
    width: 200px;
    text-align: left;
    border: none 1px #999;
}
.required 
{
    color: #760000;
}
.contactus .fieldgroup
{
    float: left;
    display: inline;
    width: 40em;
    padding: 0;
    margin: 5px 0;
    border: none 1px #999;
}
.contactus .fieldgroup input
{
    margin: 0;
    padding: 0;
}
.contactdetails .quotation
{
    float: left;
    display: inline;
    padding: 0;
    width: 40em;
    margin: 5px 0 5px 210px;
    border: none 1px #999;
}

.contactdetails .quotation div
{
    padding: 0;
    margin: 0;
}
.contactdetails .quotation input 
{
    margin: 0;
    padding: 0;
}
.contactdetails .quotation label
{
	padding: 0 0 0 5px;
	vertical-align: top;
}

.contactdetails .fieldhint 
{
    font-size: 1em;
}
.contactdetails .submit 
{
    margin: 5px 0 0 240px;
}
/* --- ::Gallery ------------------------------------------------- */
.gallery .producttype
{
    font-size: 0.8em;
    margin: 0 0 0 -5px;
}
.gallery p
{
    font-size: 1.2em;
    margin: 0 0 0 15px;
}
#thumbwrapper
{
    margin: 10px 0 10px 15px;
}
#thumbnails
{
    float: left; 
    display: inline;
    width: 680px;
    border: solid 1px #e3e3e3;
    background: #e3e3e3 url('images/paragraph_bg.gif') repeat-x top left;
}
.thumbnail 
{
    display: block;
    float: left;
    width: 106px;
    margin: 2px;
    padding: 0; 
    border: solid 1px #e3e3e3;
    text-align: center;
}
#thumbnails #title
{
    float: left;
    display: inline;
    text-align: center;
    width: 100px;
    overflow: hidden;
}
.thumbnail img
{
    margin: 0; 
    padding: 0;
    width: 100px;
    height: 100px;
}
#mainImageSpace 
{
    text-align: center;
    margin: 15px;
}
#mainImageSpace img
{
    border: solid 1px #e3e3e3;
    padding: 5px;
}
#productNavigation
{
    float: left; 
    display: inline;
    width: 680px;
    text-align: center;
    background: #a1a1a1;
    color: #fff;
    border: solid 1px #a1a1a1;
    padding: 0;
    font-size: 1em;
}
#productNavigation a
{
    padding: 0 1.2em;
}
#productNavigation .prev
{
    background: url('images/arrow_left.gif') no-repeat center left;
}
#productNavigation .next
{
    background: url('images/arrow_right.gif') no-repeat center right;
}
/* --- ::About Us --------------------------------------------------------- */
.aboutus #aboutuscontent
{
    line-height: 2.5em;
}
/* --- ::Find Us --------------------------------------------------------- */
#finduscontent
{
}
#where
{
    float: left;
    display: inline;
    width: 360px;
}
#when
{
    float: right;
    display: inline;
    width: 201px;
}
.findus .narrowcontent p
{
    float: left;
    display: inline;
    line-height: 2em;
}
#finduscontent .mapouter
{
    float: left;
    display: inline;
    margin: 0 0 0 19px;
    border: solid 1px #e3e3e3;
    padding: 3px;
}
#map
{
    float: left;
    display: inline;
    width: 330px;
    height: 250px;
}
.directions
{
    float: left;
    display: inline;
    width: 350px;
    margin: 1.5em 0;
}
.directions h3
{
    font-size: 1.2em;
}
.directions ul
{
    list-style: bullet;
    margin-left: 2em;
    font-size: 1.1em;
}
.directions li
{
    padding: 0.2em 0;
}
.hours
{
    float: right;
    display: inline;
    background: #eee url('images/mask_bl.gif') no-repeat bottom left;
    width: 180px;
    border-top: solid 3px #00005f;
    margin: 10px 15px 10px 0;
}
.hours .inner
{
    float: right;
    display: inline;
    background: url('images/mask_br.gif') no-repeat bottom right;
}
.hours h2
{
    padding: 0.5em 0;
    font-size: 1.5em;
    color: #e44864;
    border: none;
}
.hours .inner p
{
    margin: 0;
    font-size: 1.2em;
    padding: 10px;
    line-height: 1.5em;
}
.hours em
{
    font-weight: bold;
    font-style: normal;
}
/* --- ::Site Map --------------------------------------------------------- */

.sitemap h2 
{
    font-size: 1.5em;
    font-family: Verdana, Arial, Sans-Serif;
}
.narrowcontent .section 
{
    margin: 5px;
    padding: 0.5em;
}
.narrowcontent .section h2 a
{
    background: url('images/bullet.gif') no-repeat center left;
    padding: 0 0 0 10px;
}
.narrowcontent .section a:link, .narrowcontent .section a:visited
{
    text-decoration: none;
}
.narrowcontent .section a:hover
{
    text-decoration: underline;
}
.section ul 
{
    list-style: none;
    margin: 5px 35px;
}
.section li
{
    font-size: 1.2em;
	padding: 2px 0 2px 8px;
    background: url('images/bullet2.gif') no-repeat center left;
}
/* --- ::Terms and Conditions -------------------------------------------------- */
.tandc .tandccontent ol
{
	/*padding: 0 5px;*/
}
.tandc .tandccontent li
{
	padding: 5px;
	font-size: 1.2em;
}
.tandc .tandccontent div
{
	border: solid 1px #999;
	margin: 1em 2em;
}
.tandc .tandccontent p
{
	margin: 1em 2em;
	line-height: 1.5em;
}
#external a:link, #external a:visited
{
    background-image: none;
    color: #00005f;
}
#external a:hover
{
    background-image: none;
    color: #00005f;  
    text-decoration: underline; 
}
#external a:active
{
    background-image: none;
    color: #00005f;  
    text-decoration: none;
}