@charset "utf-8";
/* CSS Document */



/*
---------------------------------------------
01. main/default elements
---------------------------------------------
*/


body { background:#F8F8F5; font-family:"Tahoma", Arial, Helvetica, sans-serif}

a:link, a:visited { font-size:11px; color:#42768B; text-decoration:underline}
a:hover { color:#42768B; text-decoration:underline}


p { font-size:12px; color:#6D6D6D; line-height:1.6em; text-align:justify}

h1 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:24px; font-weight:normal;color:#1D5972}
h3 { font-size:18px; font-weight:normal; color:#000000}
h4 { font-size:24px; font-weight: bold; color:#dc7b17;font-family:"Tahoma", Arial, Helvetica, sans-serif}
h5 { font-size:14px; font-weight:normal; color:#5B5B5B; line-height:1.5em}


/*
---------------------------------------------
02. wrapper
---------------------------------------------
*/


#wrapper { width:1004px; margin:0 auto}


/*
---------------------------------------------
03. header
---------------------------------------------
*/


#header { width:1004px; float:left; padding-top:32px; padding-bottom:20px} 

.logo { float:left; padding-left:3px;padding-top:20px;}
.heading_websites { float:left; padding-left:20px; padding-top:52px} 
.button_freetrial { float:right;}


/*
---------------------------------------------
04. nav bar
---------------------------------------------
*/


#navbar { width:982px; float:left; background:url(../images/bg_navbar.gif) no-repeat; padding:0 10px;}
#navbar ul li { height:21px; float:left; background:url(../images/li_divider.gif) no-repeat right center; padding:16px 13px}
#navbar ul li.bordernone { background:none}

#mainlevel-nav a{ font-family:"Tahoma", Arial, Helvetica, sans-serif; font-size:17px; font-weight:normal; color:#FFFFFF;text-decoration:none;}
/*
---------------------------------------------
05. content
---------------------------------------------
*/


#content { width:1004px; float:left; padding-top:40px}

.text_bold { font-weight:bold}


/*
---------------------------------------------
06. content
---------------------------------------------
*/


.box1 { width:1004px; float:left; padding-bottom:16px}

.box1_bordertop { width:1004px; height:11px; float:left; background:url(../images/bg_box1_bordertop.gif) no-repeat}
.box1_bordermiddle { width:964px; float:left; background:url(../images/bg_box1_bordermiddle.gif) repeat-y; padding:5px 20px}
.box1_borderbottom { width:1004px; height:14px; float:left; background:url(../images/bg_box1_borderbottom.gif) no-repeat}


/*
---------------------------------------------
07. news update box
---------------------------------------------
*/


#newsupdatebox { width:780px; float:left; background:url(../images/bg_newsbox.gif) no-repeat; padding:12px 0 12px 184px; margin-top:-35px; position:relative}
#newsupdatebox h3 { line-height:1.5em} 
#newsupdatebox h3 .date { color:#5F5E5E}

.heading_newsupdate { float:left; padding-right:30px}


/*
---------------------------------------------
08. products
---------------------------------------------
*/


#products { width:964px; float:left; padding-top:10px}
#products h3 { padding-bottom:10px}


/*
---------------------------------------------
09. product list box
---------------------------------------------
*/


#productlistbox { width:160px; float:left}

.productlistbox_bordertop { width:160px; height:7px; float:left; background:url(../images/bg_productlistbox_bordertop.gif) no-repeat}
.productlistbox_bordermiddle { width:160px; float:left; background:url(../images/bg_productlistbox_bordermid.gif) repeat-y}
.productlistbox_borderbottom { width:160px; height:6px; float:left; background:url(../images/bg_productlistbox_borderbot.gif) no-repeat}


#productlistbox ul li { width:160px; float:left; font-size:18px; font-weight:normal; color:#323232; background: url(../images/bg_productlist_li_divider.gif) no-repeat bottom left; padding:3px 0 5px 0}
#productlistbox ul li.bordernone { background:none}


#productlistbox ul li a { width:160px; height:31px; float:left}

#productlistbox ul li a.picolor { background:url(../images/link_picolor.gif) no-repeat}
#productlistbox ul li a.picolor:hover {background:url(../images/link_picolor_hover.gif) no-repeat}
#productlistbox ul li a.picolor_selected {background:url(../images/link_picolor_hover.gif) no-repeat}

#productlistbox ul li a.picsum { background:url(../images/link_picsum.gif) no-repeat}
#productlistbox ul li a.picsum:hover {background:url(../images/link_picsum_hover.gif) no-repeat}
#productlistbox ul li a.picsum_selected{background:url(../images/link_picsum_hover.gif) no-repeat}


#productlistbox ul li a.picsimilar { background:url(../images/link_picsimilar.gif) no-repeat}
#productlistbox ul li a.picsimilar:hover {background:url(../images/link_picsimilar_hover.gif) no-repeat}
#productlistbox ul li a.picsimilar_selected{background:url(../images/link_picsimilar_hover.gif) no-repeat}

#productlistbox ul li a.picatalog { background:url(../images/link_picatalog.gif) no-repeat}
#productlistbox ul li a.picatalog:hover {background:url(../images/link_picatalog_hover.gif) no-repeat}
#productlistbox ul li a.picatalog_selected{background:url(../images/link_picatalog_hover.gif) no-repeat}

#productlistbox ul li a.picnoise { background:url(../images/link_picnoise.gif) no-repeat}
#productlistbox ul li a.picnoise:hover {background:url(../images/link_picnoise_hover.gif) no-repeat}
#productlistbox ul li a.picnoise_selected{background:url(../images/link_picnoise_hover.gif) no-repeat}



.product_content { width:800px; float:left; }

.shadow { width:190px; float:left; padding-bottom:1px}

.product_details { width:325px; float:left; background:url(../images/bg_productdetails.gif) no-repeat top right; padding-right:19px}
.product_details h1 { font-family:"Tahoma", Arial, Helvetica, sans-serif; font-weight:bold; color:#E07609; padding-bottom:10px}
 
.button_learnmore { float:left; padding-top:18px} 


.screenshot { width:251px; float:left; padding-left:15px}
.screenshot p { text-align:center}


/*
---------------------------------------------
10. box 2
---------------------------------------------
*/


.box2 { width:654px; float:left; padding-right:16px}

.box2_bordertop { width:654px; height:11px; float:left; background:url(../images/bg_box2_bordertop.gif) no-repeat}
.box2_bordermiddle { width:615px; float:left; background:url(../images/bg_box2_bordermiddle.gif) repeat-y; padding:8px 17px 0 22px}
.box2_borderbottom { width:654px; height:14px; float:left; background:url(../images/bg_box2_borderbottom.gif) no-repeat}


/*
---------------------------------------------
11. why pickitup
---------------------------------------------
*/


#whypicitup { width:615px; float:left}
#whypicitup h5 { padding:6px 0}

#column1 { width:296px; float:left; padding-right:23px}

.set { width:296px; float:left;  padding:18px 0}
.set_bottom { width:296px; float:left; padding:15px 0}

#column2 { width:296px; float:left}



/*
---------------------------------------------
12. box 3
---------------------------------------------
*/


.box3 { width:334px; float:right; padding-bottom:15px}

.box3_bordertop { width:334px; height:11px; float:right; background:url(../images/bg_box3_bordertop.gif) no-repeat}
.box3_bordermiddle { width:284px; float:right; background:url(../images/bg_box3_bordermiddle.gif) repeat-y; padding:7px 25px}
.box3_borderbottom { width:334px; height:14px; float:right; background:url(../images/bg_box3_borderbottom.gif) no-repeat}



/*
---------------------------------------------
13. applications
---------------------------------------------
*/


#applications { width:284px; float:left}
#applications h1 { padding-bottom:15px}
#applications ul { list-style:none}
#applications ul li { width:284px; float:left; background:url(../images/li_arrow.gif) no-repeat right center; font-size:16px; font-weight:normal; color:#323232; padding-bottom:5px}

#applications ul li.last { background:url(../images/li_arrow_last.gif) no-repeat right center}

#applications ul li .icon { float:left; padding-right:10px}


#applications ul li a { display:block; line-height:1.8em; font-size:16px; color:#323232; text-decoration:none; padding-left:45px; padding-bottom:5px}
#applications ul li a:hover { color:#323232; text-decoration:underline} 

#applications ul li a.imagesearch { background:url(../images/icon_imagesearch.gif) no-repeat}
#applications ul li a.shop { background:url(../images/icon_shop.gif) no-repeat}
#applications ul li a.matchup { background:url(../images/icon_matchup.gif) no-repeat}
#applications ul li a.spiderpic { background:url(../images/SP_icon.gif) no-repeat}
#applications ul li a.flickr { background:url(../images/flickr_color.png) no-repeat}
#applications ul li a.multi_color_prod { background:url(../images/piu-multicolor.png) no-repeat}


/*
---------------------------------------------
14. news updates
---------------------------------------------
*/


#newsupdates { width:284px; float:left}
#newsupdates p { font-size:11px; line-height:1.2em}
#newsupdates p .text_bold { color:#E07609}
#newsupdates p .date { color:#323232}

.set_news { width:284px; float:left; background:url(../images/divider_set_newsupdates.gif) no-repeat bottom; padding:8px 0}

.set_news_last { width:284px; float:left; padding:8px 0}


/*
---------------------------------------------
15. footer styles
---------------------------------------------
*/


#footer { width:1004px; float:left; padding-bottom:50px}
#footer p { font-size:10px; color:#A6A6A6; text-align:center; position:relative}
#footer p a:link, #footer p a:visited { color:#A6A6A6; text-decoration:none}
#footer p a:hover { color:#A6A6A6; text-decoration:underline}